design-system-next 1.0.21

package/dist/design-system-next.js

@@ -0,0 +1,3185 @@
+import { computed as P, defineComponent as Z, openBlock as _, createElementBlock as C, renderSlot as D, createElementVNode as y, normalizeClass as A, unref as S, toDisplayString as ue, getCurrentScope as Qt, onScopeDispose as Jt, getCurrentInstance as Kt, ref as ee, watch as Ae, nextTick as kt, mergeProps as Qe, createCommentVNode as G, Fragment as J, withDirectives as Je, isRef as Pt, vModelRadio as en, pushScopeId as tn, popScopeId as nn, createBlock as F, normalizeProps as on, guardReactiveProps as sn, withScopeId as rn, resolveComponent as We, normalizeStyle as Le, withKeys as an, withCtx as K, createVNode as ke, markRaw as Re, renderList as Se, vShow as ln, resolveDynamicComponent as at, vModelCheckbox as dn } from "vue";
+const un = ["danger", "disabled", "information", "brand"], cn = ["small", "big", "tiny"], pn = ["top", "bottom", "default"], fn = {
+  /**
+   * @description Badge Label
+   */
+  text: {
+    type: String,
+    default: "0"
+  },
+  /**
+   * @description Badge variant
+   */
+  variant: {
+    type: String,
+    validator: (e) => un.includes(e),
+    default: "brand"
+  },
+  /**
+   * @description Badge size
+   */
+  size: {
+    type: String,
+    validator: (e) => cn.includes(e),
+    default: "small"
+  },
+  /**
+   * @description Badge position (top, bottom, default)
+   */
+  position: {
+    type: String,
+    validator: (e) => pn.includes(e),
+    default: "default"
+  }
+};
+function hn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var je = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var lt;
+function wn() {
+  return lt || (lt = 1, function(e) {
+    (function() {
+      var t = {}.hasOwnProperty;
+      function n() {
+        for (var i = "", r = 0; r < arguments.length; r++) {
+          var a = arguments[r];
+          a && (i = s(i, o(a)));
+        }
+        return i;
+      }
+      function o(i) {
+        if (typeof i == "string" || typeof i == "number")
+          return i;
+        if (typeof i != "object")
+          return "";
+        if (Array.isArray(i))
+          return n.apply(null, i);
+        if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
+          return i.toString();
+        var r = "";
+        for (var a in i)
+          t.call(i, a) && i[a] && (r = s(r, a));
+        return r;
+      }
+      function s(i, r) {
+        return r ? i ? i + " " + r : i + r : i;
+      }
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    })();
+  }(je)), je.exports;
+}
+var mn = wn();
+const O = /* @__PURE__ */ hn(mn), gn = (e) => {
+  const { position: t, size: n, variant: o } = e, s = P(() => {
+    const a = O({
+      "tw-background-color-danger-base tw-text-color-inverted-strong": o === "danger",
+      "tw-background-color-disabled tw-text-color-on-fill-disabled ": o === "disabled",
+      "tw-background-color-information-base tw-text-color-inverted-strong": o === "information",
+      "tw-background-color-brand-base tw-text-color-inverted-strong": o === "brand"
+    }), d = O({
+      "tw-label-sm-medium tw-h-[20px] tw-min-w-[20px] tw-rounded-[32px]": n === "big",
+      "tw-label-xs-medium tw-h-[16px] tw-min-w-[16px] tw-rounded-[32px]": n === "small",
+      "tw-h-[10px] tw-min-w-[10px] tw-rounded-full": n === "tiny"
+    });
+    return O(a, d);
+  }), i = P(() => O({
+    "tw-absolute tw--top-1 tw-right-1": t === "top" && n === "tiny",
+    " tw-absolute tw--bottom-1 tw-right-1": t === "bottom" && n === "tiny",
+    "tw-absolute tw--top-2 tw--right-1": t === "top" && n === "small",
+    " tw-absolute tw--bottom-2 tw--right-1": t === "bottom" && n === "small",
+    "tw-absolute tw--top-3 tw--right-2": t === "top" && n === "big",
+    " tw-absolute tw--bottom-3 tw--right-2": t === "bottom" && n === "big"
+  })), r = P(() => O({
+    "tw-flex tw-items-center tw-gap-2 ": t === "default",
+    "tw-relative": t === "top" || t === "bottom"
+  }));
+  return {
+    badgeClasses: s,
+    badgePositionClasses: i,
+    badgeElementWrapper: r
+  };
+}, yn = { class: "tw-flex tw-gap-2" }, vn = /* @__PURE__ */ Z({
+  __name: "badge",
+  props: fn,
+  setup(e) {
+    const t = e, { badgeClasses: n, badgePositionClasses: o, badgeElementWrapper: s } = gn(t);
+    return (i, r) => (_(), C("div", yn, [
+      D(i.$slots, "default"),
+      y("div", {
+        class: A([S(s)])
+      }, [
+        y("section", {
+          class: A([S(o)])
+        }, [
+          y("div", {
+            class: A([S(n), "tw-flex tw-items-center tw-justify-center"])
+          }, ue(t.size === "tiny" ? "" : i.text), 3)
+        ], 2)
+      ], 2)
+    ]));
+  }
+}), bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: vn
+}, Symbol.toStringTag, { value: "Module" })), _n = ["neutral", "success", "danger"], xn = ["small", "medium", "large"], $n = ["button", "submit", "reset"], Sn = ["base", "hover", "pressed", "focus"], Tn = ["primary", "secondary", "tertiary"], Cn = {
+  /**
+   * @description Button tone
+   */
+  tone: {
+    type: String,
+    validator: (e) => _n.includes(e),
+    default: "neutral"
+  },
+  /**
+   * @description Button size
+   */
+  size: {
+    type: String,
+    validator: (e) => xn.includes(e),
+    default: "medium"
+  },
+  /**
+   * @description Native button type
+   */
+  type: {
+    type: String,
+    validator: (e) => $n.includes(e),
+    default: "button"
+  },
+  /**
+   * @description Button state
+   */
+  state: {
+    type: String,
+    validator: (e) => Sn.includes(e),
+    default: "base"
+  },
+  /**
+   * @description Button Variant
+   */
+  variant: {
+    type: String,
+    validator: (e) => Tn.includes(e),
+    default: "primary"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  }
+}, kn = {
+  click: (e) => e instanceof MouseEvent
+};
+function Pn(e) {
+  return Qt() ? (Jt(e), !0) : !1;
+}
+function At(e) {
+  return typeof e == "function" ? e() : S(e);
+}
+const An = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const On = (e) => typeof e < "u", Nn = Object.prototype.toString, zn = (e) => Nn.call(e) === "[object Object]", Bn = () => {
+}, Ke = An ? window : void 0;
+function et(e) {
+  var t;
+  const n = At(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+function M(...e) {
+  let t, n, o, s;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = Ke) : [t, n, o, s] = e, !t)
+    return Bn;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const i = [], r = () => {
+    i.forEach((c) => c()), i.length = 0;
+  }, a = (c, u, f, p) => (c.addEventListener(u, f, p), () => c.removeEventListener(u, f, p)), d = Ae(
+    () => [et(t), At(s)],
+    ([c, u]) => {
+      if (r(), !c)
+        return;
+      const f = zn(u) ? { ...u } : u;
+      i.push(
+        ...n.flatMap((p) => o.map((h) => a(c, p, h, f)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), l = () => {
+    d(), r();
+  };
+  return Pn(l), l;
+}
+function Rn(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function tt(e, t = {}) {
+  const {
+    delayEnter: n = 0,
+    delayLeave: o = 0,
+    window: s = Ke
+  } = t, i = ee(!1);
+  let r;
+  const a = (d) => {
+    const l = d ? n : o;
+    r && (clearTimeout(r), r = void 0), l ? r = setTimeout(() => i.value = d, l) : i.value = d;
+  };
+  return s && (M(e, "mouseenter", () => a(!0), { passive: !0 }), M(e, "mouseleave", () => a(!1), { passive: !0 })), i;
+}
+function En(e, t = {}) {
+  const { initialValue: n = !1, focusVisible: o = !1, preventScroll: s = !1 } = t, i = ee(!1), r = P(() => et(e));
+  M(r, "focus", (d) => {
+    var l, c;
+    (!o || (c = (l = d.target).matches) != null && c.call(l, ":focus-visible")) && (i.value = !0);
+  }), M(r, "blur", () => i.value = !1);
+  const a = P({
+    get: () => i.value,
+    set(d) {
+      var l, c;
+      !d && i.value ? (l = r.value) == null || l.blur() : d && !i.value && ((c = r.value) == null || c.focus({ preventScroll: s }));
+    }
+  });
+  return Ae(
+    r,
+    () => {
+      a.value = n;
+    },
+    { immediate: !0, flush: "post" }
+  ), { focused: a };
+}
+function Ot(e = {}) {
+  const {
+    touch: t = !0,
+    drag: n = !0,
+    capture: o = !1,
+    initialValue: s = !1,
+    window: i = Ke
+  } = e, r = ee(s), a = ee(null);
+  if (!i)
+    return {
+      pressed: r,
+      sourceType: a
+    };
+  const d = (u) => () => {
+    r.value = !0, a.value = u;
+  }, l = () => {
+    r.value = !1, a.value = null;
+  }, c = P(() => et(e.target) || i);
+  return M(c, "mousedown", d("mouse"), { passive: !0, capture: o }), M(i, "mouseleave", l, { passive: !0, capture: o }), M(i, "mouseup", l, { passive: !0, capture: o }), n && (M(c, "dragstart", d("mouse"), { passive: !0, capture: o }), M(i, "drop", l, { passive: !0, capture: o }), M(i, "dragend", l, { passive: !0, capture: o })), t && (M(c, "touchstart", d("touch"), { passive: !0, capture: o }), M(i, "touchend", l, { passive: !0, capture: o }), M(i, "touchcancel", l, { passive: !0, capture: o })), {
+    pressed: r,
+    sourceType: a
+  };
+}
+function Nt(e, t, n, o = {}) {
+  var s, i, r;
+  const {
+    clone: a = !1,
+    passive: d = !1,
+    eventName: l,
+    deep: c = !1,
+    defaultValue: u,
+    shouldEmit: f
+  } = o, p = Kt(), h = n || (p == null ? void 0 : p.emit) || ((s = p == null ? void 0 : p.$emit) == null ? void 0 : s.bind(p)) || ((r = (i = p == null ? void 0 : p.proxy) == null ? void 0 : i.$emit) == null ? void 0 : r.bind(p == null ? void 0 : p.proxy));
+  let w = l;
+  w = w || `update:${t.toString()}`;
+  const g = (b) => a ? typeof a == "function" ? a(b) : Rn(b) : b, m = () => On(e[t]) ? g(e[t]) : u, v = (b) => {
+    f ? f(b) && h(w, b) : h(w, b);
+  };
+  if (d) {
+    const b = m(), k = ee(b);
+    let $ = !1;
+    return Ae(
+      () => e[t],
+      (N) => {
+        $ || ($ = !0, k.value = g(N), kt(() => $ = !1));
+      }
+    ), Ae(
+      k,
+      (N) => {
+        !$ && (N !== e[t] || c) && v(N);
+      },
+      { deep: c }
+    ), k;
+  } else
+    return P({
+      get() {
+        return m();
+      },
+      set(b) {
+        v(b);
+      }
+    });
+}
+const Dn = (e, t) => {
+  const n = ee(null), o = tt(n), { pressed: s } = Ot({ target: n }), { focused: i } = En(n), { state: r, type: a, size: d, tone: l, variant: c, disabled: u } = e, f = P(() => ({
+    ...u && { ariaDisabled: !0 },
+    disabled: u,
+    autofocus: r === "focus",
+    type: a ?? "button"
+  })), p = P(
+    () => O({
+      "tw-px-[4px] tw-py-[6px] tw-font-medium tw-font-size-100 tw-leading-100": d === "small",
+      "tw-p-[8px] tw-font-medium tw-font-size-100 tw-leading-100": d === "medium",
+      "tw-px-[8px] tw-py-[12px] tw-font-medium tw-font-size-200 tw-leading-300": d === "large"
+    })
+  ), h = P(() => O(c === "secondary" || c === "tertiary" ? {
+    "tw-text-color-strong": l === "neutral",
+    "tw-text-color-brand-base": l === "success",
+    "tw-text-color-danger-base": l === "danger"
+  } : {
+    "tw-text-color-strong": l === "neutral",
+    "tw-text-color-inverted-strong": l === "success" || l === "danger"
+  })), w = P(() => c === "secondary" ? o.value ? "tw-background-color-hover" : "" : c === "tertiary" ? g() : m());
+  function g() {
+    return s.value ? "tw-background-color-pressed" : o.value ? "tw-background-color-hover" : "";
+  }
+  function m() {
+    return s.value ? v() : o.value ? b() : k();
+  }
+  function v() {
+    return {
+      neutral: "tw-background-color-pressed",
+      success: "tw-background-color-brand-pressed",
+      danger: "tw-background-color-danger-pressed"
+    }[l] || "";
+  }
+  function b() {
+    return {
+      neutral: "tw-background-color-hover",
+      success: "tw-background-color-success-pressed",
+      danger: "tw-background-color-danger-hover"
+    }[l] || "";
+  }
+  function k() {
+    return {
+      neutral: "tw-background-color-base",
+      success: "tw-background-color-brand-base",
+      danger: "tw-background-color-danger-base"
+    }[l] || "";
+  }
+  const $ = P(() => c === "primary" || c === "tertiary" ? i.value ? "tw-border-solid tw-border tw-border-white-50" : "tw-border-solid tw-border tw-border-transparent" : O({
+    "tw-border-solid tw-border tw-border-color-base": l === "neutral",
+    "tw-border-solid tw-border tw-border-color-brand-base": l === "success",
+    "tw-border-solid tw-border tw-border-color-danger-base": l === "danger"
+  })), N = P(() => O(w.value, h.value, $.value)), z = P(() => s.value ? "tw-shadow-button" : i.value ? "tw-shadow-button-active" : ""), H = P(() => u ? O(p.value, "tw-text-color-disabled") : O(p.value, N.value, z.value));
+  return {
+    buttonRef: n,
+    buttonProps: f,
+    buttonClass: H,
+    handleClick: (T) => {
+      if (u) {
+        T.stopPropagation();
+        return;
+      }
+      t("click", T);
+    }
+  };
+}, Mn = /* @__PURE__ */ Z({
+  __name: "button",
+  props: Cn,
+  emits: kn,
+  setup(e, { emit: t }) {
+    const n = e, o = t, { buttonRef: s, buttonProps: i, buttonClass: r, handleClick: a } = Dn(n, o);
+    return (d, l) => (_(), C("button", Qe({
+      ref_key: "buttonRef",
+      ref: s
+    }, S(i), {
+      class: [
+        "tw-inline-flex tw-w-fit tw-min-w-[56px] tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-md tw-outline-none tw-duration-150 tw-ease-in-out",
+        "hover:tw-shadow-button-hover",
+        "active:tw-scale-95",
+        S(r)
+      ],
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...c) => S(a) && S(a)(...c))
+    }), [
+      D(d.$slots, "default")
+    ], 16));
+  }
+}), Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Mn
+}, Symbol.toStringTag, { value: "Module" })), Ln = ["pending", "information", "success", "danger", "neutral", "caution"], jn = {
+  /**
+   * @description Lozenge Label
+   */
+  label: {
+    type: String,
+    default: "label"
+  },
+  /**
+   * @description Lozenge tone
+   */
+  tone: {
+    type: String,
+    validator: (e) => Ln.includes(e),
+    default: "plain"
+  },
+  /**
+   * @description Lozenge type (fill or outline)
+   */
+  fill: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description Lozenge removable
+   */
+  removable: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description avatar image url
+   */
+  url: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description handler if the lozenge is visible
+   */
+  visible: {
+    type: Boolean,
+    default: !0
+  }
+}, Fn = {
+  key: 0,
+  class: "tw-flex tw-h-3 tw-w-3 tw-items-center tw-overflow-hidden"
+}, In = {
+  key: 1,
+  class: "tw-flex tw-items-center"
+}, Vn = {
+  key: 2,
+  class: "tw-h-4 tw-w-4 tw-overflow-hidden"
+}, Wn = ["src"], qn = /* @__PURE__ */ Z({
+  __name: "lozenge",
+  props: jn,
+  setup(e) {
+    return (t, n) => t.visible ? (_(), C("div", {
+      key: 0,
+      class: A([t.fill ? "lozenge-fill" : "lozenge"])
+    }, [
+      y("div", {
+        class: A([
+          "tw-label-xs-medium tw-inline-flex tw-items-center tw-gap-size-spacing-6xs tw-rounded-md tw-border tw-border-solid tw-p-size-spacing-5xs tw-text-xs tw-uppercase",
+          t.tone
+        ])
+      }, [
+        t.$slots.icon ? (_(), C("div", Fn, [
+          D(t.$slots, "icon", {}, void 0, !0)
+        ])) : G("", !0),
+        t.$slots.avatar ? (_(), C("div", In, [
+          D(t.$slots, "avatar", {}, void 0, !0)
+        ])) : G("", !0),
+        t.url && !t.$slots.avatar ? (_(), C("div", Vn, [
+          y("img", {
+            class: "tw-h-full tw-w-full tw-rounded-full tw-object-cover",
+            src: t.url,
+            alt: "avatar"
+          }, null, 8, Wn)
+        ])) : G("", !0),
+        y("div", null, ue(t.label), 1)
+      ], 2)
+    ], 2)) : G("", !0);
+  }
+}), zt = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, Gn = /* @__PURE__ */ zt(qn, [["__scopeId", "data-v-1688fd0a"]]), Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Gn
+}, Symbol.toStringTag, { value: "Module" })), Yn = ["default", "hover", "disabled"], Xn = {
+  /**
+   * @description Radio state
+   */
+  state: {
+    type: String,
+    validator: (e) => Yn.includes(e),
+    default: "default"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description Attribute id
+   */
+  id: {
+    type: String,
+    required: !0
+  },
+  /**
+   * @description Value for v-model
+   */
+  modelValue: {
+    type: [String, Number, Boolean],
+    required: !0,
+    default: !1
+  },
+  /**
+   * @description Attribute name
+   */
+  name: {
+    type: String,
+    required: !0
+  },
+  /**
+   * @description Attribute value
+   */
+  value: {
+    type: [String, Number, Boolean],
+    required: !0
+  }
+}, Zn = ["update:modelValue"], Qn = (e) => {
+  const t = ee(null), n = tt(t), o = P(() => {
+    const r = "tw-sr-only tw-peer";
+    return e.disabled ? O(r, "tw-cursor-default") : r;
+  }), s = P(() => {
+    console.log(e.disabled);
+    const r = "tw-inline-block tw-w-4 tw-h-4 tw-rounded-full tw-border-2 tw-border-solid tw-mr-2";
+    return e.disabled ? O(
+      r,
+      e.modelValue === e.value ? "tw-border-color-disabled tw-background-color-disabled tw-shadow-[inset_0px_0px_0px_2.5px_#fff] tw-cursor-default" : "tw-border-color-disabled tw-background-color tw-cursor-default"
+    ) : e.modelValue === e.value ? O(
+      r,
+      "tw-border-color-brand-base tw-background-color-brand-base tw-shadow-[inset_0px_0px_0px_2.5px_#fff]"
+    ) : n.value ? O(
+      r,
+      "tw-background-color-base tw-border-2 tw-border-color-supporting tw-shadow-[inset_0px_0px_0px_2.5px_#fff]"
+    ) : O(r, "tw-border-color-supporting tw-shadow-[inset_0px_0px_0px_2.5px_#fff]");
+  }), i = P(() => e.disabled ? "tw-text-color-disabled tw-cursor-default" : "tw-text-color-strong tw-cursor-pointer");
+  return {
+    radioRef: t,
+    radioClasses: o,
+    indicatorClasses: s,
+    radioLabelClasses: i
+  };
+}, Jn = ["id", "name", "value", "disabled"], Kn = ["for", "disabled"], eo = /* @__PURE__ */ Z({
+  __name: "radio",
+  props: Xn,
+  emits: Zn,
+  setup(e, { emit: t }) {
+    const n = e, s = Nt(n, "modelValue", t), { radioRef: i, radioClasses: r, indicatorClasses: a, radioLabelClasses: d } = Qn(n);
+    return (l, c) => (_(), C(J, null, [
+      Je(y("input", {
+        id: n.id,
+        ref_key: "radioRef",
+        ref: i,
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => Pt(s) ? s.value = u : null),
+        type: "radio",
+        name: n.name,
+        value: n.value,
+        disabled: n.disabled,
+        class: A(S(r))
+      }, null, 10, Jn), [
+        [en, S(s)]
+      ]),
+      y("label", {
+        ref_key: "radioRef",
+        ref: i,
+        for: n.id,
+        disabled: n.disabled,
+        class: A([
+          "tw-flex tw-items-center tw-space-x-2",
+          S(d)
+        ])
+      }, [
+        y("span", {
+          class: A(S(a))
+        }, null, 2),
+        D(l.$slots, "default")
+      ], 10, Kn)
+    ], 64));
+  }
+}), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: eo
+}, Symbol.toStringTag, { value: "Module" })), no = {
+  /**
+   * @description Sidenav has quick actions
+   */
+  hasQuickActions: {
+    type: Boolean,
+    validator: (e) => typeof e == "boolean",
+    default: !1
+  },
+  /**
+   * @description Sidenav has search
+   */
+  hasSearch: {
+    type: Boolean,
+    validator: (e) => typeof e == "boolean",
+    default: !1
+  },
+  /**
+   * @description Sidenav active navigation
+   */
+  activeNav: {
+    type: Object,
+    validator: (e) => typeof e == "object",
+    default: () => ({ parentNav: "", menu: "", submenu: "" })
+  },
+  /**
+   * @description Sidenav navlinks
+   */
+  navLinks: {
+    type: Array,
+    validator: (e) => Array.isArray(e),
+    default: () => []
+  }
+}, oo = {
+  "route-push": String
+}, so = (e, t) => ({
+  handleRedirect: (o, s) => {
+    s && (s.openInNewTab ? window.open(s.link, "_blank") : s.isAbsoluteURL ? location.href = s.link : t("route-push", s.link));
+  }
+}), io = ["top", "right", "bottom", "left"], dt = ["start", "end"], ut = /* @__PURE__ */ io.reduce((e, t) => e.concat(t, t + "-" + dt[0], t + "-" + dt[1]), []), be = Math.min, de = Math.max, ro = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ao = {
+  start: "end",
+  end: "start"
+};
+function qe(e, t, n) {
+  return de(e, be(t, n));
+}
+function fe(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function X(e) {
+  return e.split("-")[0];
+}
+function V(e) {
+  return e.split("-")[1];
+}
+function Bt(e) {
+  return e === "x" ? "y" : "x";
+}
+function nt(e) {
+  return e === "y" ? "height" : "width";
+}
+function pe(e) {
+  return ["top", "bottom"].includes(X(e)) ? "y" : "x";
+}
+function ot(e) {
+  return Bt(pe(e));
+}
+function Rt(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = V(e), s = ot(e), i = nt(s);
+  let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (r = Ne(r)), [r, Ne(r)];
+}
+function lo(e) {
+  const t = Ne(e);
+  return [Oe(e), t, Oe(t)];
+}
+function Oe(e) {
+  return e.replace(/start|end/g, (t) => ao[t]);
+}
+function uo(e, t, n) {
+  const o = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? s : o : t ? o : s;
+    case "left":
+    case "right":
+      return t ? i : r;
+    default:
+      return [];
+  }
+}
+function co(e, t, n, o) {
+  const s = V(e);
+  let i = uo(X(e), n === "start", o);
+  return s && (i = i.map((r) => r + "-" + s), t && (i = i.concat(i.map(Oe)))), i;
+}
+function Ne(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => ro[t]);
+}
+function po(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Et(e) {
+  return typeof e != "number" ? po(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function me(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: s
+  } = e;
+  return {
+    width: o,
+    height: s,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + s,
+    x: t,
+    y: n
+  };
+}
+function ct(e, t, n) {
+  let {
+    reference: o,
+    floating: s
+  } = e;
+  const i = pe(t), r = ot(t), a = nt(r), d = X(t), l = i === "y", c = o.x + o.width / 2 - s.width / 2, u = o.y + o.height / 2 - s.height / 2, f = o[a] / 2 - s[a] / 2;
+  let p;
+  switch (d) {
+    case "top":
+      p = {
+        x: c,
+        y: o.y - s.height
+      };
+      break;
+    case "bottom":
+      p = {
+        x: c,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      p = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      p = {
+        x: o.x - s.width,
+        y: u
+      };
+      break;
+    default:
+      p = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (V(t)) {
+    case "start":
+      p[r] -= f * (n && l ? -1 : 1);
+      break;
+    case "end":
+      p[r] += f * (n && l ? -1 : 1);
+      break;
+  }
+  return p;
+}
+const fo = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: s = "absolute",
+    middleware: i = [],
+    platform: r
+  } = n, a = i.filter(Boolean), d = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let l = await r.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: s
+  }), {
+    x: c,
+    y: u
+  } = ct(l, o, d), f = o, p = {}, h = 0;
+  for (let w = 0; w < a.length; w++) {
+    const {
+      name: g,
+      fn: m
+    } = a[w], {
+      x: v,
+      y: b,
+      data: k,
+      reset: $
+    } = await m({
+      x: c,
+      y: u,
+      initialPlacement: o,
+      placement: f,
+      strategy: s,
+      middlewareData: p,
+      rects: l,
+      platform: r,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    c = v ?? c, u = b ?? u, p = {
+      ...p,
+      [g]: {
+        ...p[g],
+        ...k
+      }
+    }, $ && h <= 50 && (h++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (l = $.rects === !0 ? await r.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: s
+    }) : $.rects), {
+      x: c,
+      y: u
+    } = ct(l, f, d)), w = -1);
+  }
+  return {
+    x: c,
+    y: u,
+    placement: f,
+    strategy: s,
+    middlewareData: p
+  };
+};
+async function Ee(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: s,
+    platform: i,
+    rects: r,
+    elements: a,
+    strategy: d
+  } = e, {
+    boundary: l = "clippingAncestors",
+    rootBoundary: c = "viewport",
+    elementContext: u = "floating",
+    altBoundary: f = !1,
+    padding: p = 0
+  } = fe(t, e), h = Et(p), g = a[f ? u === "floating" ? "reference" : "floating" : u], m = me(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(g))) == null || n ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
+    boundary: l,
+    rootBoundary: c,
+    strategy: d
+  })), v = u === "floating" ? {
+    x: o,
+    y: s,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), k = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, $ = me(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: v,
+    offsetParent: b,
+    strategy: d
+  }) : v);
+  return {
+    top: (m.top - $.top + h.top) / k.y,
+    bottom: ($.bottom - m.bottom + h.bottom) / k.y,
+    left: (m.left - $.left + h.left) / k.x,
+    right: ($.right - m.right + h.right) / k.x
+  };
+}
+const ho = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: s,
+      rects: i,
+      platform: r,
+      elements: a,
+      middlewareData: d
+    } = t, {
+      element: l,
+      padding: c = 0
+    } = fe(e, t) || {};
+    if (l == null)
+      return {};
+    const u = Et(c), f = {
+      x: n,
+      y: o
+    }, p = ot(s), h = nt(p), w = await r.getDimensions(l), g = p === "y", m = g ? "top" : "left", v = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", k = i.reference[h] + i.reference[p] - f[p] - i.floating[h], $ = f[p] - i.reference[p], N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l));
+    let z = N ? N[b] : 0;
+    (!z || !await (r.isElement == null ? void 0 : r.isElement(N))) && (z = a.floating[b] || i.floating[h]);
+    const H = k / 2 - $ / 2, R = z / 2 - w[h] / 2 - 1, T = be(u[m], R), E = be(u[v], R), L = T, W = z - w[h] - E, B = z / 2 - w[h] / 2 + H, he = qe(L, B, W), Q = !d.arrow && V(s) != null && B !== he && i.reference[h] / 2 - (B < L ? T : E) - w[h] / 2 < 0, q = Q ? B < L ? B - L : B - W : 0;
+    return {
+      [p]: f[p] + q,
+      data: {
+        [p]: he,
+        centerOffset: B - he - q,
+        ...Q && {
+          alignmentOffset: q
+        }
+      },
+      reset: Q
+    };
+  }
+});
+function wo(e, t, n) {
+  return (e ? [...n.filter((s) => V(s) === e), ...n.filter((s) => V(s) !== e)] : n.filter((s) => X(s) === s)).filter((s) => e ? V(s) === e || (t ? Oe(s) !== s : !1) : !0);
+}
+const mo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "autoPlacement",
+    options: e,
+    async fn(t) {
+      var n, o, s;
+      const {
+        rects: i,
+        middlewareData: r,
+        placement: a,
+        platform: d,
+        elements: l
+      } = t, {
+        crossAxis: c = !1,
+        alignment: u,
+        allowedPlacements: f = ut,
+        autoAlignment: p = !0,
+        ...h
+      } = fe(e, t), w = u !== void 0 || f === ut ? wo(u || null, p, f) : f, g = await Ee(t, h), m = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = w[m];
+      if (v == null)
+        return {};
+      const b = Rt(v, i, await (d.isRTL == null ? void 0 : d.isRTL(l.floating)));
+      if (a !== v)
+        return {
+          reset: {
+            placement: w[0]
+          }
+        };
+      const k = [g[X(v)], g[b[0]], g[b[1]]], $ = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: v,
+        overflows: k
+      }], N = w[m + 1];
+      if (N)
+        return {
+          data: {
+            index: m + 1,
+            overflows: $
+          },
+          reset: {
+            placement: N
+          }
+        };
+      const z = $.map((T) => {
+        const E = V(T.placement);
+        return [T.placement, E && c ? (
+          // Check along the mainAxis and main crossAxis side.
+          T.overflows.slice(0, 2).reduce((L, W) => L + W, 0)
+        ) : (
+          // Check only the mainAxis.
+          T.overflows[0]
+        ), T.overflows];
+      }).sort((T, E) => T[1] - E[1]), R = ((s = z.filter((T) => T[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        V(T[0]) ? 2 : 3
+      ).every((E) => E <= 0))[0]) == null ? void 0 : s[0]) || z[0][0];
+      return R !== a ? {
+        data: {
+          index: m + 1,
+          overflows: $
+        },
+        reset: {
+          placement: R
+        }
+      } : {};
+    }
+  };
+}, go = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        middlewareData: i,
+        rects: r,
+        initialPlacement: a,
+        platform: d,
+        elements: l
+      } = t, {
+        mainAxis: c = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: f,
+        fallbackStrategy: p = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: w = !0,
+        ...g
+      } = fe(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const m = X(s), v = pe(a), b = X(a) === a, k = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), $ = f || (b || !w ? [Ne(a)] : lo(a)), N = h !== "none";
+      !f && N && $.push(...co(a, w, h, k));
+      const z = [a, ...$], H = await Ee(t, g), R = [];
+      let T = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (c && R.push(H[m]), u) {
+        const B = Rt(s, r, k);
+        R.push(H[B[0]], H[B[1]]);
+      }
+      if (T = [...T, {
+        placement: s,
+        overflows: R
+      }], !R.every((B) => B <= 0)) {
+        var E, L;
+        const B = (((E = i.flip) == null ? void 0 : E.index) || 0) + 1, he = z[B];
+        if (he)
+          return {
+            data: {
+              index: B,
+              overflows: T
+            },
+            reset: {
+              placement: he
+            }
+          };
+        let Q = (L = T.filter((q) => q.overflows[0] <= 0).sort((q, te) => q.overflows[1] - te.overflows[1])[0]) == null ? void 0 : L.placement;
+        if (!Q)
+          switch (p) {
+            case "bestFit": {
+              var W;
+              const q = (W = T.filter((te) => {
+                if (N) {
+                  const ne = pe(te.placement);
+                  return ne === v || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  ne === "y";
+                }
+                return !0;
+              }).map((te) => [te.placement, te.overflows.filter((ne) => ne > 0).reduce((ne, Zt) => ne + Zt, 0)]).sort((te, ne) => te[1] - ne[1])[0]) == null ? void 0 : W[0];
+              q && (Q = q);
+              break;
+            }
+            case "initialPlacement":
+              Q = a;
+              break;
+          }
+        if (s !== Q)
+          return {
+            reset: {
+              placement: Q
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function yo(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: s
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = X(n), a = V(n), d = pe(n) === "y", l = ["left", "top"].includes(r) ? -1 : 1, c = i && d ? -1 : 1, u = fe(t, e);
+  let {
+    mainAxis: f,
+    crossAxis: p,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return a && typeof h == "number" && (p = a === "end" ? h * -1 : h), d ? {
+    x: p * c,
+    y: f * l
+  } : {
+    x: f * l,
+    y: p * c
+  };
+}
+const vo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: s,
+        y: i,
+        placement: r,
+        middlewareData: a
+      } = t, d = await yo(t, e);
+      return r === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
+        x: s + d.x,
+        y: i + d.y,
+        data: {
+          ...d,
+          placement: r
+        }
+      };
+    }
+  };
+}, bo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: s
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: r = !1,
+        limiter: a = {
+          fn: (g) => {
+            let {
+              x: m,
+              y: v
+            } = g;
+            return {
+              x: m,
+              y: v
+            };
+          }
+        },
+        ...d
+      } = fe(e, t), l = {
+        x: n,
+        y: o
+      }, c = await Ee(t, d), u = pe(X(s)), f = Bt(u);
+      let p = l[f], h = l[u];
+      if (i) {
+        const g = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", v = p + c[g], b = p - c[m];
+        p = qe(v, p, b);
+      }
+      if (r) {
+        const g = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", v = h + c[g], b = h - c[m];
+        h = qe(v, h, b);
+      }
+      const w = a.fn({
+        ...t,
+        [f]: p,
+        [u]: h
+      });
+      return {
+        ...w,
+        data: {
+          x: w.x - n,
+          y: w.y - o,
+          enabled: {
+            [f]: i,
+            [u]: r
+          }
+        }
+      };
+    }
+  };
+}, _o = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        rects: i,
+        platform: r,
+        elements: a
+      } = t, {
+        apply: d = () => {
+        },
+        ...l
+      } = fe(e, t), c = await Ee(t, l), u = X(s), f = V(s), p = pe(s) === "y", {
+        width: h,
+        height: w
+      } = i.floating;
+      let g, m;
+      u === "top" || u === "bottom" ? (g = u, m = f === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (m = u, g = f === "end" ? "top" : "bottom");
+      const v = w - c.top - c.bottom, b = h - c.left - c.right, k = be(w - c[g], v), $ = be(h - c[m], b), N = !t.middlewareData.shift;
+      let z = k, H = $;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (H = b), (o = t.middlewareData.shift) != null && o.enabled.y && (z = v), N && !f) {
+        const T = de(c.left, 0), E = de(c.right, 0), L = de(c.top, 0), W = de(c.bottom, 0);
+        p ? H = h - 2 * (T !== 0 || E !== 0 ? T + E : de(c.left, c.right)) : z = w - 2 * (L !== 0 || W !== 0 ? L + W : de(c.top, c.bottom));
+      }
+      await d({
+        ...t,
+        availableWidth: H,
+        availableHeight: z
+      });
+      const R = await r.getDimensions(a.floating);
+      return h !== R.width || w !== R.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function j(e) {
+  var t;
+  return ((t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function U(e) {
+  return j(e).getComputedStyle(e);
+}
+const pt = Math.min, ge = Math.max, ze = Math.round;
+function Dt(e) {
+  const t = U(e);
+  let n = parseFloat(t.width), o = parseFloat(t.height);
+  const s = e.offsetWidth, i = e.offsetHeight, r = ze(n) !== s || ze(o) !== i;
+  return r && (n = s, o = i), { width: n, height: o, fallback: r };
+}
+function ae(e) {
+  return Ht(e) ? (e.nodeName || "").toLowerCase() : "";
+}
+let Te;
+function Mt() {
+  if (Te) return Te;
+  const e = navigator.userAgentData;
+  return e && Array.isArray(e.brands) ? (Te = e.brands.map((t) => t.brand + "/" + t.version).join(" "), Te) : navigator.userAgent;
+}
+function Y(e) {
+  return e instanceof j(e).HTMLElement;
+}
+function ie(e) {
+  return e instanceof j(e).Element;
+}
+function Ht(e) {
+  return e instanceof j(e).Node;
+}
+function ft(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof j(e).ShadowRoot || e instanceof ShadowRoot;
+}
+function De(e) {
+  const { overflow: t, overflowX: n, overflowY: o, display: s } = U(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(s);
+}
+function xo(e) {
+  return ["table", "td", "th"].includes(ae(e));
+}
+function Ge(e) {
+  const t = /firefox/i.test(Mt()), n = U(e), o = n.backdropFilter || n.WebkitBackdropFilter;
+  return n.transform !== "none" || n.perspective !== "none" || !!o && o !== "none" || t && n.willChange === "filter" || t && !!n.filter && n.filter !== "none" || ["transform", "perspective"].some((s) => n.willChange.includes(s)) || ["paint", "layout", "strict", "content"].some((s) => {
+    const i = n.contain;
+    return i != null && i.includes(s);
+  });
+}
+function Lt() {
+  return !/^((?!chrome|android).)*safari/i.test(Mt());
+}
+function st(e) {
+  return ["html", "body", "#document"].includes(ae(e));
+}
+function jt(e) {
+  return ie(e) ? e : e.contextElement;
+}
+const Ft = { x: 1, y: 1 };
+function we(e) {
+  const t = jt(e);
+  if (!Y(t)) return Ft;
+  const n = t.getBoundingClientRect(), { width: o, height: s, fallback: i } = Dt(t);
+  let r = (i ? ze(n.width) : n.width) / o, a = (i ? ze(n.height) : n.height) / s;
+  return r && Number.isFinite(r) || (r = 1), a && Number.isFinite(a) || (a = 1), { x: r, y: a };
+}
+function _e(e, t, n, o) {
+  var s, i;
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), a = jt(e);
+  let d = Ft;
+  t && (o ? ie(o) && (d = we(o)) : d = we(e));
+  const l = a ? j(a) : window, c = !Lt() && n;
+  let u = (r.left + (c && ((s = l.visualViewport) == null ? void 0 : s.offsetLeft) || 0)) / d.x, f = (r.top + (c && ((i = l.visualViewport) == null ? void 0 : i.offsetTop) || 0)) / d.y, p = r.width / d.x, h = r.height / d.y;
+  if (a) {
+    const w = j(a), g = o && ie(o) ? j(o) : o;
+    let m = w.frameElement;
+    for (; m && o && g !== w; ) {
+      const v = we(m), b = m.getBoundingClientRect(), k = getComputedStyle(m);
+      b.x += (m.clientLeft + parseFloat(k.paddingLeft)) * v.x, b.y += (m.clientTop + parseFloat(k.paddingTop)) * v.y, u *= v.x, f *= v.y, p *= v.x, h *= v.y, u += b.x, f += b.y, m = j(m).frameElement;
+    }
+  }
+  return { width: p, height: h, top: f, right: u + p, bottom: f + h, left: u, x: u, y: f };
+}
+function re(e) {
+  return ((Ht(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+}
+function Me(e) {
+  return ie(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
+}
+function It(e) {
+  return _e(re(e)).left + Me(e).scrollLeft;
+}
+function xe(e) {
+  if (ae(e) === "html") return e;
+  const t = e.assignedSlot || e.parentNode || ft(e) && e.host || re(e);
+  return ft(t) ? t.host : t;
+}
+function Vt(e) {
+  const t = xe(e);
+  return st(t) ? t.ownerDocument.body : Y(t) && De(t) ? t : Vt(t);
+}
+function Be(e, t) {
+  var n;
+  t === void 0 && (t = []);
+  const o = Vt(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = j(o);
+  return s ? t.concat(i, i.visualViewport || [], De(o) ? o : []) : t.concat(o, Be(o));
+}
+function ht(e, t, n) {
+  return t === "viewport" ? me(function(o, s) {
+    const i = j(o), r = re(o), a = i.visualViewport;
+    let d = r.clientWidth, l = r.clientHeight, c = 0, u = 0;
+    if (a) {
+      d = a.width, l = a.height;
+      const f = Lt();
+      (f || !f && s === "fixed") && (c = a.offsetLeft, u = a.offsetTop);
+    }
+    return { width: d, height: l, x: c, y: u };
+  }(e, n)) : ie(t) ? me(function(o, s) {
+    const i = _e(o, !0, s === "fixed"), r = i.top + o.clientTop, a = i.left + o.clientLeft, d = Y(o) ? we(o) : { x: 1, y: 1 };
+    return { width: o.clientWidth * d.x, height: o.clientHeight * d.y, x: a * d.x, y: r * d.y };
+  }(t, n)) : me(function(o) {
+    const s = re(o), i = Me(o), r = o.ownerDocument.body, a = ge(s.scrollWidth, s.clientWidth, r.scrollWidth, r.clientWidth), d = ge(s.scrollHeight, s.clientHeight, r.scrollHeight, r.clientHeight);
+    let l = -i.scrollLeft + It(o);
+    const c = -i.scrollTop;
+    return U(r).direction === "rtl" && (l += ge(s.clientWidth, r.clientWidth) - a), { width: a, height: d, x: l, y: c };
+  }(re(e)));
+}
+function wt(e) {
+  return Y(e) && U(e).position !== "fixed" ? e.offsetParent : null;
+}
+function mt(e) {
+  const t = j(e);
+  let n = wt(e);
+  for (; n && xo(n) && U(n).position === "static"; ) n = wt(n);
+  return n && (ae(n) === "html" || ae(n) === "body" && U(n).position === "static" && !Ge(n)) ? t : n || function(o) {
+    let s = xe(o);
+    for (; Y(s) && !st(s); ) {
+      if (Ge(s)) return s;
+      s = xe(s);
+    }
+    return null;
+  }(e) || t;
+}
+function $o(e, t, n) {
+  const o = Y(t), s = re(t), i = _e(e, !0, n === "fixed", t);
+  let r = { scrollLeft: 0, scrollTop: 0 };
+  const a = { x: 0, y: 0 };
+  if (o || !o && n !== "fixed") if ((ae(t) !== "body" || De(s)) && (r = Me(t)), Y(t)) {
+    const d = _e(t, !0);
+    a.x = d.x + t.clientLeft, a.y = d.y + t.clientTop;
+  } else s && (a.x = It(s));
+  return { x: i.left + r.scrollLeft - a.x, y: i.top + r.scrollTop - a.y, width: i.width, height: i.height };
+}
+const So = { getClippingRect: function(e) {
+  let { element: t, boundary: n, rootBoundary: o, strategy: s } = e;
+  const i = n === "clippingAncestors" ? function(l, c) {
+    const u = c.get(l);
+    if (u) return u;
+    let f = Be(l).filter((g) => ie(g) && ae(g) !== "body"), p = null;
+    const h = U(l).position === "fixed";
+    let w = h ? xe(l) : l;
+    for (; ie(w) && !st(w); ) {
+      const g = U(w), m = Ge(w);
+      (h ? m || p : m || g.position !== "static" || !p || !["absolute", "fixed"].includes(p.position)) ? p = g : f = f.filter((v) => v !== w), w = xe(w);
+    }
+    return c.set(l, f), f;
+  }(t, this._c) : [].concat(n), r = [...i, o], a = r[0], d = r.reduce((l, c) => {
+    const u = ht(t, c, s);
+    return l.top = ge(u.top, l.top), l.right = pt(u.right, l.right), l.bottom = pt(u.bottom, l.bottom), l.left = ge(u.left, l.left), l;
+  }, ht(t, a, s));
+  return { width: d.right - d.left, height: d.bottom - d.top, x: d.left, y: d.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(e) {
+  let { rect: t, offsetParent: n, strategy: o } = e;
+  const s = Y(n), i = re(n);
+  if (n === i) return t;
+  let r = { scrollLeft: 0, scrollTop: 0 }, a = { x: 1, y: 1 };
+  const d = { x: 0, y: 0 };
+  if ((s || !s && o !== "fixed") && ((ae(n) !== "body" || De(i)) && (r = Me(n)), Y(n))) {
+    const l = _e(n);
+    a = we(n), d.x = l.x + n.clientLeft, d.y = l.y + n.clientTop;
+  }
+  return { width: t.width * a.x, height: t.height * a.y, x: t.x * a.x - r.scrollLeft * a.x + d.x, y: t.y * a.y - r.scrollTop * a.y + d.y };
+}, isElement: ie, getDimensions: function(e) {
+  return Y(e) ? Dt(e) : e.getBoundingClientRect();
+}, getOffsetParent: mt, getDocumentElement: re, getScale: we, async getElementRects(e) {
+  let { reference: t, floating: n, strategy: o } = e;
+  const s = this.getOffsetParent || mt, i = this.getDimensions;
+  return { reference: $o(t, await s(n), o), floating: { x: 0, y: 0, ...await i(n) } };
+}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => U(e).direction === "rtl" }, To = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), s = { platform: So, ...n }, i = { ...s.platform, _c: o };
+  return fo(e, t, { ...s, platform: i });
+}, ce = {
+  // Disable popper components
+  disabled: !1,
+  // Default position offset along main axis (px)
+  distance: 5,
+  // Default position offset along cross axis (px)
+  skidding: 0,
+  // Default container where the tooltip will be appended
+  container: "body",
+  // Element used to compute position and size boundaries
+  boundary: void 0,
+  // Skip delay & CSS transitions when another popper is shown, so that the popper appear to instanly move to the new position.
+  instantMove: !1,
+  // Auto destroy tooltip DOM nodes (ms)
+  disposeTimeout: 150,
+  // Triggers on the popper itself
+  popperTriggers: [],
+  // Positioning strategy
+  strategy: "absolute",
+  // Prevent overflow
+  preventOverflow: !0,
+  // Flip to the opposite placement if needed
+  flip: !0,
+  // Shift on the cross axis to prevent the popper from overflowing
+  shift: !0,
+  // Overflow padding (px)
+  overflowPadding: 0,
+  // Arrow padding (px)
+  arrowPadding: 0,
+  // Compute arrow overflow (useful to hide it)
+  arrowOverflow: !0,
+  /**
+   * By default, compute autohide on 'click'.
+   */
+  autoHideOnMousedown: !1,
+  // Themes
+  themes: {
+    tooltip: {
+      // Default tooltip placement relative to target element
+      placement: "top",
+      // Default events that trigger the tooltip
+      triggers: ["hover", "focus", "touch"],
+      // Close tooltip on click on tooltip target
+      hideTriggers: (e) => [...e, "click"],
+      // Delay (ms)
+      delay: {
+        show: 200,
+        hide: 0
+      },
+      // Update popper on content resize
+      handleResize: !1,
+      // Enable HTML content in directive
+      html: !1,
+      // Displayed when tooltip content is loading
+      loadingContent: "..."
+    },
+    dropdown: {
+      // Default dropdown placement relative to target element
+      placement: "bottom",
+      // Default events that trigger the dropdown
+      triggers: ["click"],
+      // Delay (ms)
+      delay: 0,
+      // Update popper on content resize
+      handleResize: !0,
+      // Hide on clock outside
+      autoHide: !0
+    },
+    menu: {
+      $extend: "dropdown",
+      triggers: ["hover", "focus"],
+      popperTriggers: ["hover"],
+      delay: {
+        show: 0,
+        hide: 400
+      }
+    }
+  }
+};
+function Ue(e, t) {
+  let n = ce.themes[e] || {}, o;
+  do
+    o = n[t], typeof o > "u" ? n.$extend ? n = ce.themes[n.$extend] || {} : (n = null, o = ce[t]) : n = null;
+  while (n);
+  return o;
+}
+function Co(e) {
+  const t = [e];
+  let n = ce.themes[e] || {};
+  do
+    n.$extend && !n.$resetCss ? (t.push(n.$extend), n = ce.themes[n.$extend] || {}) : n = null;
+  while (n);
+  return t.map((o) => `v-popper--theme-${o}`);
+}
+function gt(e) {
+  const t = [e];
+  let n = ce.themes[e] || {};
+  do
+    n.$extend ? (t.push(n.$extend), n = ce.themes[n.$extend] || {}) : n = null;
+  while (n);
+  return t;
+}
+let $e = !1;
+if (typeof window < "u") {
+  $e = !1;
+  try {
+    const e = Object.defineProperty({}, "passive", {
+      get() {
+        $e = !0;
+      }
+    });
+    window.addEventListener("test", null, e);
+  } catch {
+  }
+}
+let Wt = !1;
+typeof window < "u" && typeof navigator < "u" && (Wt = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
+const ko = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
+  t,
+  `${t}-start`,
+  `${t}-end`
+]), []), yt = {
+  hover: "mouseenter",
+  focus: "focus",
+  click: "click",
+  touch: "touchstart",
+  pointer: "pointerdown"
+}, vt = {
+  hover: "mouseleave",
+  focus: "blur",
+  click: "click",
+  touch: "touchend",
+  pointer: "pointerup"
+};
+function bt(e, t) {
+  const n = e.indexOf(t);
+  n !== -1 && e.splice(n, 1);
+}
+function Fe() {
+  return new Promise((e) => requestAnimationFrame(() => {
+    requestAnimationFrame(e);
+  }));
+}
+const I = [];
+let le = null;
+const _t = {};
+function xt(e) {
+  let t = _t[e];
+  return t || (t = _t[e] = []), t;
+}
+let Ye = function() {
+};
+typeof window < "u" && (Ye = window.Element);
+function x(e) {
+  return function(t) {
+    return Ue(t.theme, e);
+  };
+}
+const Ie = "__floating-vue__popper", qt = () => Z({
+  name: "VPopper",
+  provide() {
+    return {
+      [Ie]: {
+        parentPopper: this
+      }
+    };
+  },
+  inject: {
+    [Ie]: { default: null }
+  },
+  props: {
+    theme: {
+      type: String,
+      required: !0
+    },
+    targetNodes: {
+      type: Function,
+      required: !0
+    },
+    referenceNode: {
+      type: Function,
+      default: null
+    },
+    popperNode: {
+      type: Function,
+      required: !0
+    },
+    shown: {
+      type: Boolean,
+      default: !1
+    },
+    showGroup: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    ariaId: {
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: x("disabled")
+    },
+    positioningDisabled: {
+      type: Boolean,
+      default: x("positioningDisabled")
+    },
+    placement: {
+      type: String,
+      default: x("placement"),
+      validator: (e) => ko.includes(e)
+    },
+    delay: {
+      type: [String, Number, Object],
+      default: x("delay")
+    },
+    distance: {
+      type: [Number, String],
+      default: x("distance")
+    },
+    skidding: {
+      type: [Number, String],
+      default: x("skidding")
+    },
+    triggers: {
+      type: Array,
+      default: x("triggers")
+    },
+    showTriggers: {
+      type: [Array, Function],
+      default: x("showTriggers")
+    },
+    hideTriggers: {
+      type: [Array, Function],
+      default: x("hideTriggers")
+    },
+    popperTriggers: {
+      type: Array,
+      default: x("popperTriggers")
+    },
+    popperShowTriggers: {
+      type: [Array, Function],
+      default: x("popperShowTriggers")
+    },
+    popperHideTriggers: {
+      type: [Array, Function],
+      default: x("popperHideTriggers")
+    },
+    container: {
+      type: [String, Object, Ye, Boolean],
+      default: x("container")
+    },
+    boundary: {
+      type: [String, Ye],
+      default: x("boundary")
+    },
+    strategy: {
+      type: String,
+      validator: (e) => ["absolute", "fixed"].includes(e),
+      default: x("strategy")
+    },
+    autoHide: {
+      type: [Boolean, Function],
+      default: x("autoHide")
+    },
+    handleResize: {
+      type: Boolean,
+      default: x("handleResize")
+    },
+    instantMove: {
+      type: Boolean,
+      default: x("instantMove")
+    },
+    eagerMount: {
+      type: Boolean,
+      default: x("eagerMount")
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: x("popperClass")
+    },
+    computeTransformOrigin: {
+      type: Boolean,
+      default: x("computeTransformOrigin")
+    },
+    /**
+     * @deprecated
+     */
+    autoMinSize: {
+      type: Boolean,
+      default: x("autoMinSize")
+    },
+    autoSize: {
+      type: [Boolean, String],
+      default: x("autoSize")
+    },
+    /**
+     * @deprecated
+     */
+    autoMaxSize: {
+      type: Boolean,
+      default: x("autoMaxSize")
+    },
+    autoBoundaryMaxSize: {
+      type: Boolean,
+      default: x("autoBoundaryMaxSize")
+    },
+    preventOverflow: {
+      type: Boolean,
+      default: x("preventOverflow")
+    },
+    overflowPadding: {
+      type: [Number, String],
+      default: x("overflowPadding")
+    },
+    arrowPadding: {
+      type: [Number, String],
+      default: x("arrowPadding")
+    },
+    arrowOverflow: {
+      type: Boolean,
+      default: x("arrowOverflow")
+    },
+    flip: {
+      type: Boolean,
+      default: x("flip")
+    },
+    shift: {
+      type: Boolean,
+      default: x("shift")
+    },
+    shiftCrossAxis: {
+      type: Boolean,
+      default: x("shiftCrossAxis")
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: x("noAutoFocus")
+    },
+    disposeTimeout: {
+      type: Number,
+      default: x("disposeTimeout")
+    }
+  },
+  emits: {
+    show: () => !0,
+    hide: () => !0,
+    "update:shown": (e) => !0,
+    "apply-show": () => !0,
+    "apply-hide": () => !0,
+    "close-group": () => !0,
+    "close-directive": () => !0,
+    "auto-hide": () => !0,
+    resize: () => !0
+  },
+  data() {
+    return {
+      isShown: !1,
+      isMounted: !1,
+      skipTransition: !1,
+      classes: {
+        showFrom: !1,
+        showTo: !1,
+        hideFrom: !1,
+        hideTo: !0
+      },
+      result: {
+        x: 0,
+        y: 0,
+        placement: "",
+        strategy: this.strategy,
+        arrow: {
+          x: 0,
+          y: 0,
+          centerOffset: 0
+        },
+        transformOrigin: null
+      },
+      randomId: `popper_${[Math.random(), Date.now()].map((e) => e.toString(36).substring(2, 10)).join("_")}`,
+      shownChildren: /* @__PURE__ */ new Set(),
+      lastAutoHide: !0,
+      pendingHide: !1,
+      containsGlobalTarget: !1,
+      isDisposed: !0,
+      mouseDownContains: !1
+    };
+  },
+  computed: {
+    popperId() {
+      return this.ariaId != null ? this.ariaId : this.randomId;
+    },
+    shouldMountContent() {
+      return this.eagerMount || this.isMounted;
+    },
+    slotData() {
+      return {
+        popperId: this.popperId,
+        isShown: this.isShown,
+        shouldMountContent: this.shouldMountContent,
+        skipTransition: this.skipTransition,
+        autoHide: typeof this.autoHide == "function" ? this.lastAutoHide : this.autoHide,
+        show: this.show,
+        hide: this.hide,
+        handleResize: this.handleResize,
+        onResize: this.onResize,
+        classes: {
+          ...this.classes,
+          popperClass: this.popperClass
+        },
+        result: this.positioningDisabled ? null : this.result,
+        attrs: this.$attrs
+      };
+    },
+    parentPopper() {
+      var e;
+      return (e = this[Ie]) == null ? void 0 : e.parentPopper;
+    },
+    hasPopperShowTriggerHover() {
+      var e, t;
+      return ((e = this.popperTriggers) == null ? void 0 : e.includes("hover")) || ((t = this.popperShowTriggers) == null ? void 0 : t.includes("hover"));
+    }
+  },
+  watch: {
+    shown: "$_autoShowHide",
+    disabled(e) {
+      e ? this.dispose() : this.init();
+    },
+    async container() {
+      this.isShown && (this.$_ensureTeleport(), await this.$_computePosition());
+    },
+    triggers: {
+      handler: "$_refreshListeners",
+      deep: !0
+    },
+    positioningDisabled: "$_refreshListeners",
+    ...[
+      "placement",
+      "distance",
+      "skidding",
+      "boundary",
+      "strategy",
+      "overflowPadding",
+      "arrowPadding",
+      "preventOverflow",
+      "shift",
+      "shiftCrossAxis",
+      "flip"
+    ].reduce((e, t) => (e[t] = "$_computePosition", e), {})
+  },
+  created() {
+    this.autoMinSize && console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.'), this.autoMaxSize && console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.");
+  },
+  mounted() {
+    this.init(), this.$_detachPopperNode();
+  },
+  activated() {
+    this.$_autoShowHide();
+  },
+  deactivated() {
+    this.hide();
+  },
+  beforeUnmount() {
+    this.dispose();
+  },
+  methods: {
+    show({ event: e = null, skipDelay: t = !1, force: n = !1 } = {}) {
+      var o, s;
+      (o = this.parentPopper) != null && o.lockedChild && this.parentPopper.lockedChild !== this || (this.pendingHide = !1, (n || !this.disabled) && (((s = this.parentPopper) == null ? void 0 : s.lockedChild) === this && (this.parentPopper.lockedChild = null), this.$_scheduleShow(e, t), this.$emit("show"), this.$_showFrameLocked = !0, requestAnimationFrame(() => {
+        this.$_showFrameLocked = !1;
+      })), this.$emit("update:shown", !0));
+    },
+    hide({ event: e = null, skipDelay: t = !1 } = {}) {
+      var n;
+      if (!this.$_hideInProgress) {
+        if (this.shownChildren.size > 0) {
+          this.pendingHide = !0;
+          return;
+        }
+        if (this.hasPopperShowTriggerHover && this.$_isAimingPopper()) {
+          this.parentPopper && (this.parentPopper.lockedChild = this, clearTimeout(this.parentPopper.lockedChildTimer), this.parentPopper.lockedChildTimer = setTimeout(() => {
+            this.parentPopper.lockedChild === this && (this.parentPopper.lockedChild.hide({ skipDelay: t }), this.parentPopper.lockedChild = null);
+          }, 1e3));
+          return;
+        }
+        ((n = this.parentPopper) == null ? void 0 : n.lockedChild) === this && (this.parentPopper.lockedChild = null), this.pendingHide = !1, this.$_scheduleHide(e, t), this.$emit("hide"), this.$emit("update:shown", !1);
+      }
+    },
+    init() {
+      var e;
+      this.isDisposed && (this.isDisposed = !1, this.isMounted = !1, this.$_events = [], this.$_preventShow = !1, this.$_referenceNode = ((e = this.referenceNode) == null ? void 0 : e.call(this)) ?? this.$el, this.$_targetNodes = this.targetNodes().filter((t) => t.nodeType === t.ELEMENT_NODE), this.$_popperNode = this.popperNode(), this.$_innerNode = this.$_popperNode.querySelector(".v-popper__inner"), this.$_arrowNode = this.$_popperNode.querySelector(".v-popper__arrow-container"), this.$_swapTargetAttrs("title", "data-original-title"), this.$_detachPopperNode(), this.triggers.length && this.$_addEventListeners(), this.shown && this.show());
+    },
+    dispose() {
+      this.isDisposed || (this.isDisposed = !0, this.$_removeEventListeners(), this.hide({ skipDelay: !0 }), this.$_detachPopperNode(), this.isMounted = !1, this.isShown = !1, this.$_updateParentShownChildren(!1), this.$_swapTargetAttrs("data-original-title", "title"));
+    },
+    async onResize() {
+      this.isShown && (await this.$_computePosition(), this.$emit("resize"));
+    },
+    async $_computePosition() {
+      if (this.isDisposed || this.positioningDisabled)
+        return;
+      const e = {
+        strategy: this.strategy,
+        middleware: []
+      };
+      (this.distance || this.skidding) && e.middleware.push(vo({
+        mainAxis: this.distance,
+        crossAxis: this.skidding
+      }));
+      const t = this.placement.startsWith("auto");
+      if (t ? e.middleware.push(mo({
+        alignment: this.placement.split("-")[1] ?? ""
+      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(bo({
+        padding: this.overflowPadding,
+        boundary: this.boundary,
+        crossAxis: this.shiftCrossAxis
+      })), !t && this.flip && e.middleware.push(go({
+        padding: this.overflowPadding,
+        boundary: this.boundary
+      }))), e.middleware.push(ho({
+        element: this.$_arrowNode,
+        padding: this.arrowPadding
+      })), this.arrowOverflow && e.middleware.push({
+        name: "arrowOverflow",
+        fn: ({ placement: o, rects: s, middlewareData: i }) => {
+          let r;
+          const { centerOffset: a } = i.arrow;
+          return o.startsWith("top") || o.startsWith("bottom") ? r = Math.abs(a) > s.reference.width / 2 : r = Math.abs(a) > s.reference.height / 2, {
+            data: {
+              overflow: r
+            }
+          };
+        }
+      }), this.autoMinSize || this.autoSize) {
+        const o = this.autoSize ? this.autoSize : this.autoMinSize ? "min" : null;
+        e.middleware.push({
+          name: "autoSize",
+          fn: ({ rects: s, placement: i, middlewareData: r }) => {
+            var a;
+            if ((a = r.autoSize) != null && a.skip)
+              return {};
+            let d, l;
+            return i.startsWith("top") || i.startsWith("bottom") ? d = s.reference.width : l = s.reference.height, this.$_innerNode.style[o === "min" ? "minWidth" : o === "max" ? "maxWidth" : "width"] = d != null ? `${d}px` : null, this.$_innerNode.style[o === "min" ? "minHeight" : o === "max" ? "maxHeight" : "height"] = l != null ? `${l}px` : null, {
+              data: {
+                skip: !0
+              },
+              reset: {
+                rects: !0
+              }
+            };
+          }
+        });
+      }
+      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(_o({
+        boundary: this.boundary,
+        padding: this.overflowPadding,
+        apply: ({ availableWidth: o, availableHeight: s }) => {
+          this.$_innerNode.style.maxWidth = o != null ? `${o}px` : null, this.$_innerNode.style.maxHeight = s != null ? `${s}px` : null;
+        }
+      })));
+      const n = await To(this.$_referenceNode, this.$_popperNode, e);
+      Object.assign(this.result, {
+        x: n.x,
+        y: n.y,
+        placement: n.placement,
+        strategy: n.strategy,
+        arrow: {
+          ...n.middlewareData.arrow,
+          ...n.middlewareData.arrowOverflow
+        }
+      });
+    },
+    $_scheduleShow(e, t = !1) {
+      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), le && this.instantMove && le.instantMove && le !== this.parentPopper) {
+        le.$_applyHide(!0), this.$_applyShow(!0);
+        return;
+      }
+      t ? this.$_applyShow() : this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
+    },
+    $_scheduleHide(e, t = !1) {
+      if (this.shownChildren.size > 0) {
+        this.pendingHide = !0;
+        return;
+      }
+      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (le = 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 Fe(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
+        ...Be(this.$_referenceNode),
+        ...Be(this.$_popperNode)
+      ], "scroll", () => {
+        this.$_computePosition();
+      }));
+    },
+    async $_applyShowEffect() {
+      if (this.$_hideInProgress)
+        return;
+      if (this.computeTransformOrigin) {
+        const t = this.$_referenceNode.getBoundingClientRect(), n = this.$_popperNode.querySelector(".v-popper__wrapper"), o = n.parentNode.getBoundingClientRect(), s = t.x + t.width / 2 - (o.left + n.offsetLeft), i = t.y + t.height / 2 - (o.top + n.offsetTop);
+        this.result.transformOrigin = `${s}px ${i}px`;
+      }
+      this.isShown = !0, this.$_applyAttrsToTarget({
+        "aria-describedby": this.popperId,
+        "data-popper-shown": ""
+      });
+      const e = this.showGroup;
+      if (e) {
+        let t;
+        for (let n = 0; n < I.length; n++)
+          t = I[n], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
+      }
+      I.push(this), document.body.classList.add("v-popper--some-open");
+      for (const t of gt(this.theme))
+        xt(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 Fe(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
+    },
+    async $_applyHide(e = !1) {
+      if (this.shownChildren.size > 0) {
+        this.pendingHide = !0, this.$_hideInProgress = !1;
+        return;
+      }
+      if (clearTimeout(this.$_scheduleTimer), !this.isShown)
+        return;
+      this.skipTransition = e, bt(I, this), I.length === 0 && document.body.classList.remove("v-popper--some-open");
+      for (const n of gt(this.theme)) {
+        const o = xt(n);
+        bt(o, this), o.length === 0 && document.body.classList.remove(`v-popper--some-open--${n}`);
+      }
+      le === this && (le = 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 Fe(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
+    },
+    $_autoShowHide() {
+      this.shown ? this.show() : this.hide();
+    },
+    $_ensureTeleport() {
+      if (this.isDisposed)
+        return;
+      let e = this.container;
+      if (typeof e == "string" ? e = window.document.querySelector(e) : e === !1 && (e = this.$_targetNodes[0].parentNode), !e)
+        throw new Error("No container for popover: " + this.container);
+      e.appendChild(this.$_popperNode), this.isMounted = !0;
+    },
+    $_addEventListeners() {
+      const e = (n) => {
+        this.isShown && !this.$_hideInProgress || (n.usedByTooltip = !0, !this.$_preventShow && this.show({ event: n }));
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, yt, this.triggers, this.showTriggers, e), this.$_registerTriggerListeners([this.$_popperNode], yt, this.popperTriggers, this.popperShowTriggers, e);
+      const t = (n) => {
+        n.usedByTooltip || this.hide({ event: n });
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, vt, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], vt, this.popperTriggers, this.popperHideTriggers, t);
+    },
+    $_registerEventListeners(e, t, n) {
+      this.$_events.push({ targetNodes: e, eventType: t, handler: n }), e.forEach((o) => o.addEventListener(t, n, $e ? {
+        passive: !0
+      } : void 0));
+    },
+    $_registerTriggerListeners(e, t, n, o, s) {
+      let i = n;
+      o != null && (i = typeof o == "function" ? o(i) : o), i.forEach((r) => {
+        const a = t[r];
+        a && this.$_registerEventListeners(e, a, s);
+      });
+    },
+    $_removeEventListeners(e) {
+      const t = [];
+      this.$_events.forEach((n) => {
+        const { targetNodes: o, eventType: s, handler: i } = n;
+        !e || e === s ? o.forEach((r) => r.removeEventListener(s, i)) : t.push(n);
+      }), this.$_events = t;
+    },
+    $_refreshListeners() {
+      this.isDisposed || (this.$_removeEventListeners(), this.$_addEventListeners());
+    },
+    $_handleGlobalClose(e, t = !1) {
+      this.$_showFrameLocked || (this.hide({ event: e }), e.closePopover ? this.$emit("close-directive") : this.$emit("auto-hide"), t && (this.$_preventShow = !0, setTimeout(() => {
+        this.$_preventShow = !1;
+      }, 300)));
+    },
+    $_detachPopperNode() {
+      this.$_popperNode.parentNode && this.$_popperNode.parentNode.removeChild(this.$_popperNode);
+    },
+    $_swapTargetAttrs(e, t) {
+      for (const n of this.$_targetNodes) {
+        const o = n.getAttribute(e);
+        o && (n.removeAttribute(e), n.setAttribute(t, o));
+      }
+    },
+    $_applyAttrsToTarget(e) {
+      for (const t of this.$_targetNodes)
+        for (const n in e) {
+          const o = e[n];
+          o == null ? t.removeAttribute(n) : t.setAttribute(n, o);
+        }
+    },
+    $_updateParentShownChildren(e) {
+      let t = this.parentPopper;
+      for (; t; )
+        e ? t.shownChildren.add(this.randomId) : (t.shownChildren.delete(this.randomId), t.pendingHide && t.hide()), t = t.parentPopper;
+    },
+    $_isAimingPopper() {
+      const e = this.$_referenceNode.getBoundingClientRect();
+      if (ye >= e.left && ye <= e.right && ve >= e.top && ve <= e.bottom) {
+        const t = this.$_popperNode.getBoundingClientRect(), n = ye - oe, o = ve - se, s = t.left + t.width / 2 - oe + (t.top + t.height / 2) - se + t.width + t.height, i = oe + n * s, r = se + o * s;
+        return Ce(oe, se, i, r, t.left, t.top, t.left, t.bottom) || // Left edge
+        Ce(oe, se, i, r, t.left, t.top, t.right, t.top) || // Top edge
+        Ce(oe, se, i, r, t.right, t.top, t.right, t.bottom) || // Right edge
+        Ce(oe, se, i, r, t.left, t.bottom, t.right, t.bottom);
+      }
+      return !1;
+    }
+  },
+  render() {
+    return this.$slots.default(this.slotData);
+  }
+});
+if (typeof document < "u" && typeof window < "u") {
+  if (Wt) {
+    const e = $e ? {
+      passive: !0,
+      capture: !0
+    } : !0;
+    document.addEventListener("touchstart", (t) => $t(t), e), document.addEventListener("touchend", (t) => St(t, !0), e);
+  } else
+    window.addEventListener("mousedown", (e) => $t(e), !0), window.addEventListener("click", (e) => St(e, !1), !0);
+  window.addEventListener("resize", Oo);
+}
+function $t(e, t) {
+  for (let n = 0; n < I.length; n++) {
+    const o = I[n];
+    try {
+      o.mouseDownContains = o.popperNode().contains(e.target);
+    } catch {
+    }
+  }
+}
+function St(e, t) {
+  Po(e, t);
+}
+function Po(e, t) {
+  const n = {};
+  for (let o = I.length - 1; o >= 0; o--) {
+    const s = I[o];
+    try {
+      const i = s.containsGlobalTarget = s.mouseDownContains || s.popperNode().contains(e.target);
+      s.pendingHide = !1, requestAnimationFrame(() => {
+        if (s.pendingHide = !1, !n[s.randomId] && Tt(s, i, e)) {
+          if (s.$_handleGlobalClose(e, t), !e.closeAllPopover && e.closePopover && i) {
+            let a = s.parentPopper;
+            for (; a; )
+              n[a.randomId] = !0, a = a.parentPopper;
+            return;
+          }
+          let r = s.parentPopper;
+          for (; r && Tt(r, r.containsGlobalTarget, e); )
+            r.$_handleGlobalClose(e, t), r = r.parentPopper;
+        }
+      });
+    } catch {
+    }
+  }
+}
+function Tt(e, t, n) {
+  return n.closeAllPopover || n.closePopover && t || Ao(e, n) && !t;
+}
+function Ao(e, t) {
+  if (typeof e.autoHide == "function") {
+    const n = e.autoHide(t);
+    return e.lastAutoHide = n, n;
+  }
+  return e.autoHide;
+}
+function Oo() {
+  for (let e = 0; e < I.length; e++)
+    I[e].$_computePosition();
+}
+let oe = 0, se = 0, ye = 0, ve = 0;
+typeof window < "u" && window.addEventListener("mousemove", (e) => {
+  oe = ye, se = ve, ye = e.clientX, ve = e.clientY;
+}, $e ? {
+  passive: !0
+} : void 0);
+function Ce(e, t, n, o, s, i, r, a) {
+  const d = ((r - s) * (t - i) - (a - i) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t)), l = ((n - e) * (t - i) - (o - t) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t));
+  return d >= 0 && d <= 1 && l >= 0 && l <= 1;
+}
+const No = {
+  extends: qt()
+}, it = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+};
+function zo(e, t, n, o, s, i) {
+  return _(), C("div", {
+    ref: "reference",
+    class: A(["v-popper", {
+      "v-popper--shown": e.slotData.isShown
+    }])
+  }, [
+    D(e.$slots, "default", on(sn(e.slotData)))
+  ], 2);
+}
+const Bo = /* @__PURE__ */ it(No, [["render", zo]]);
+function Ro() {
+  var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
+  if (t > 0)
+    return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
+  var n = e.indexOf("Trident/");
+  if (n > 0) {
+    var o = e.indexOf("rv:");
+    return parseInt(e.substring(o + 3, e.indexOf(".", o)), 10);
+  }
+  var s = e.indexOf("Edge/");
+  return s > 0 ? parseInt(e.substring(s + 5, e.indexOf(".", s)), 10) : -1;
+}
+let Pe;
+function Xe() {
+  Xe.init || (Xe.init = !0, Pe = Ro() !== -1);
+}
+var He = {
+  name: "ResizeObserver",
+  props: {
+    emitOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreWidth: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "notify"
+  ],
+  mounted() {
+    Xe(), kt(() => {
+      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", Pe && this.$el.appendChild(e), e.data = "about:blank", Pe || this.$el.appendChild(e);
+  },
+  beforeUnmount() {
+    this.removeResizeHandlers();
+  },
+  methods: {
+    compareAndNotify() {
+      (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitSize());
+    },
+    emitSize() {
+      this.$emit("notify", {
+        width: this._w,
+        height: this._h
+      });
+    },
+    addResizeHandlers() {
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+    },
+    removeResizeHandlers() {
+      this._resizeObject && this._resizeObject.onload && (!Pe && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+    }
+  }
+};
+const Eo = /* @__PURE__ */ rn("data-v-b329ee4c");
+tn("data-v-b329ee4c");
+const Do = {
+  class: "resize-observer",
+  tabindex: "-1"
+};
+nn();
+const Mo = /* @__PURE__ */ Eo((e, t, n, o, s, i) => (_(), F("div", Do)));
+He.render = Mo;
+He.__scopeId = "data-v-b329ee4c";
+He.__file = "src/components/ResizeObserver.vue";
+const Gt = (e = "theme") => ({
+  computed: {
+    themeClass() {
+      return Co(this[e]);
+    }
+  }
+}), Ho = Z({
+  name: "VPopperContent",
+  components: {
+    ResizeObserver: He
+  },
+  mixins: [
+    Gt()
+  ],
+  props: {
+    popperId: String,
+    theme: String,
+    shown: Boolean,
+    mounted: Boolean,
+    skipTransition: Boolean,
+    autoHide: Boolean,
+    handleResize: Boolean,
+    classes: Object,
+    result: Object
+  },
+  emits: [
+    "hide",
+    "resize"
+  ],
+  methods: {
+    toPx(e) {
+      return e != null && !isNaN(e) ? `${e}px` : null;
+    }
+  }
+}), Lo = ["id", "aria-hidden", "tabindex", "data-popper-placement"], jo = {
+  ref: "inner",
+  class: "v-popper__inner"
+}, Fo = /* @__PURE__ */ y("div", { class: "v-popper__arrow-outer" }, null, -1), Io = /* @__PURE__ */ y("div", { class: "v-popper__arrow-inner" }, null, -1), Vo = [
+  Fo,
+  Io
+];
+function Wo(e, t, n, o, s, i) {
+  const r = We("ResizeObserver");
+  return _(), C("div", {
+    id: e.popperId,
+    ref: "popover",
+    class: A(["v-popper__popper", [
+      e.themeClass,
+      e.classes.popperClass,
+      {
+        "v-popper__popper--shown": e.shown,
+        "v-popper__popper--hidden": !e.shown,
+        "v-popper__popper--show-from": e.classes.showFrom,
+        "v-popper__popper--show-to": e.classes.showTo,
+        "v-popper__popper--hide-from": e.classes.hideFrom,
+        "v-popper__popper--hide-to": e.classes.hideTo,
+        "v-popper__popper--skip-transition": e.skipTransition,
+        "v-popper__popper--arrow-overflow": e.result && e.result.arrow.overflow,
+        "v-popper__popper--no-positioning": !e.result
+      }
+    ]]),
+    style: Le(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] = an((a) => e.autoHide && e.$emit("hide"), ["esc"]))
+  }, [
+    y("div", {
+      class: "v-popper__backdrop",
+      onClick: t[0] || (t[0] = (a) => e.autoHide && e.$emit("hide"))
+    }),
+    y("div", {
+      class: "v-popper__wrapper",
+      style: Le(e.result ? {
+        transformOrigin: e.result.transformOrigin
+      } : void 0)
+    }, [
+      y("div", jo, [
+        e.mounted ? (_(), C(J, { key: 0 }, [
+          y("div", null, [
+            D(e.$slots, "default")
+          ]),
+          e.handleResize ? (_(), F(r, {
+            key: 0,
+            onNotify: t[1] || (t[1] = (a) => e.$emit("resize", a))
+          })) : G("", !0)
+        ], 64)) : G("", !0)
+      ], 512),
+      y("div", {
+        ref: "arrow",
+        class: "v-popper__arrow-container",
+        style: Le(e.result ? {
+          left: e.toPx(e.result.arrow.x),
+          top: e.toPx(e.result.arrow.y)
+        } : void 0)
+      }, Vo, 4)
+    ], 4)
+  ], 46, Lo);
+}
+const Ut = /* @__PURE__ */ it(Ho, [["render", Wo]]), Yt = {
+  methods: {
+    show(...e) {
+      return this.$refs.popper.show(...e);
+    },
+    hide(...e) {
+      return this.$refs.popper.hide(...e);
+    },
+    dispose(...e) {
+      return this.$refs.popper.dispose(...e);
+    },
+    onResize(...e) {
+      return this.$refs.popper.onResize(...e);
+    }
+  }
+};
+let Ze = function() {
+};
+typeof window < "u" && (Ze = window.Element);
+const qo = Z({
+  name: "VPopperWrapper",
+  components: {
+    Popper: Bo,
+    PopperContent: Ut
+  },
+  mixins: [
+    Yt,
+    Gt("finalTheme")
+  ],
+  props: {
+    theme: {
+      type: String,
+      default: null
+    },
+    referenceNode: {
+      type: Function,
+      default: null
+    },
+    shown: {
+      type: Boolean,
+      default: !1
+    },
+    showGroup: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    ariaId: {
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    positioningDisabled: {
+      type: Boolean,
+      default: void 0
+    },
+    placement: {
+      type: String,
+      default: void 0
+    },
+    delay: {
+      type: [String, Number, Object],
+      default: void 0
+    },
+    distance: {
+      type: [Number, String],
+      default: void 0
+    },
+    skidding: {
+      type: [Number, String],
+      default: void 0
+    },
+    triggers: {
+      type: Array,
+      default: void 0
+    },
+    showTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    hideTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    popperTriggers: {
+      type: Array,
+      default: void 0
+    },
+    popperShowTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    popperHideTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    container: {
+      type: [String, Object, Ze, Boolean],
+      default: void 0
+    },
+    boundary: {
+      type: [String, Ze],
+      default: void 0
+    },
+    strategy: {
+      type: String,
+      default: void 0
+    },
+    autoHide: {
+      type: [Boolean, Function],
+      default: void 0
+    },
+    handleResize: {
+      type: Boolean,
+      default: void 0
+    },
+    instantMove: {
+      type: Boolean,
+      default: void 0
+    },
+    eagerMount: {
+      type: Boolean,
+      default: void 0
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    computeTransformOrigin: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * @deprecated
+     */
+    autoMinSize: {
+      type: Boolean,
+      default: void 0
+    },
+    autoSize: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    /**
+     * @deprecated
+     */
+    autoMaxSize: {
+      type: Boolean,
+      default: void 0
+    },
+    autoBoundaryMaxSize: {
+      type: Boolean,
+      default: void 0
+    },
+    preventOverflow: {
+      type: Boolean,
+      default: void 0
+    },
+    overflowPadding: {
+      type: [Number, String],
+      default: void 0
+    },
+    arrowPadding: {
+      type: [Number, String],
+      default: void 0
+    },
+    arrowOverflow: {
+      type: Boolean,
+      default: void 0
+    },
+    flip: {
+      type: Boolean,
+      default: void 0
+    },
+    shift: {
+      type: Boolean,
+      default: void 0
+    },
+    shiftCrossAxis: {
+      type: Boolean,
+      default: void 0
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: void 0
+    },
+    disposeTimeout: {
+      type: Number,
+      default: void 0
+    }
+  },
+  emits: {
+    show: () => !0,
+    hide: () => !0,
+    "update:shown": (e) => !0,
+    "apply-show": () => !0,
+    "apply-hide": () => !0,
+    "close-group": () => !0,
+    "close-directive": () => !0,
+    "auto-hide": () => !0,
+    resize: () => !0
+  },
+  computed: {
+    finalTheme() {
+      return this.theme ?? this.$options.vPopperTheme;
+    }
+  },
+  methods: {
+    getTargetNodes() {
+      return Array.from(this.$el.children).filter((e) => e !== this.$refs.popperContent.$el);
+    }
+  }
+});
+function Go(e, t, n, o, s, i) {
+  const r = We("PopperContent"), a = We("Popper");
+  return _(), F(a, Qe({ ref: "popper" }, e.$props, {
+    theme: e.finalTheme,
+    "target-nodes": e.getTargetNodes,
+    "popper-node": () => e.$refs.popperContent.$el,
+    class: [
+      e.themeClass
+    ],
+    onShow: t[0] || (t[0] = () => e.$emit("show")),
+    onHide: t[1] || (t[1] = () => e.$emit("hide")),
+    "onUpdate:shown": t[2] || (t[2] = (d) => e.$emit("update:shown", d)),
+    onApplyShow: t[3] || (t[3] = () => e.$emit("apply-show")),
+    onApplyHide: t[4] || (t[4] = () => e.$emit("apply-hide")),
+    onCloseGroup: t[5] || (t[5] = () => e.$emit("close-group")),
+    onCloseDirective: t[6] || (t[6] = () => e.$emit("close-directive")),
+    onAutoHide: t[7] || (t[7] = () => e.$emit("auto-hide")),
+    onResize: t[8] || (t[8] = () => e.$emit("resize"))
+  }), {
+    default: K(({
+      popperId: d,
+      isShown: l,
+      shouldMountContent: c,
+      skipTransition: u,
+      autoHide: f,
+      show: p,
+      hide: h,
+      handleResize: w,
+      onResize: g,
+      classes: m,
+      result: v
+    }) => [
+      D(e.$slots, "default", {
+        shown: l,
+        show: p,
+        hide: h
+      }),
+      ke(r, {
+        ref: "popperContent",
+        "popper-id": d,
+        theme: e.finalTheme,
+        shown: l,
+        mounted: c,
+        "skip-transition": u,
+        "auto-hide": f,
+        "handle-resize": w,
+        classes: m,
+        result: v,
+        onHide: h,
+        onResize: g
+      }, {
+        default: K(() => [
+          D(e.$slots, "popper", {
+            shown: l,
+            hide: h
+          })
+        ]),
+        _: 2
+      }, 1032, ["popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
+    ]),
+    _: 3
+  }, 16, ["theme", "target-nodes", "popper-node", "class"]);
+}
+const rt = /* @__PURE__ */ it(qo, [["render", Go]]);
+({
+  ...rt
+});
+const Uo = {
+  ...rt,
+  name: "VMenu",
+  vPopperTheme: "menu"
+}, Yo = {
+  ...rt,
+  name: "VTooltip",
+  vPopperTheme: "tooltip"
+};
+Z({
+  name: "VTooltipDirective",
+  components: {
+    Popper: qt(),
+    PopperContent: Ut
+  },
+  mixins: [
+    Yt
+  ],
+  inheritAttrs: !1,
+  props: {
+    theme: {
+      type: String,
+      default: "tooltip"
+    },
+    html: {
+      type: Boolean,
+      default: (e) => Ue(e.theme, "html")
+    },
+    content: {
+      type: [String, Number, Function],
+      default: null
+    },
+    loadingContent: {
+      type: String,
+      default: (e) => Ue(e.theme, "loadingContent")
+    },
+    targetNodes: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      asyncContent: null
+    };
+  },
+  computed: {
+    isContentAsync() {
+      return typeof this.content == "function";
+    },
+    loading() {
+      return this.isContentAsync && this.asyncContent == null;
+    },
+    finalContent() {
+      return this.isContentAsync ? this.loading ? this.loadingContent : this.asyncContent : this.content;
+    }
+  },
+  watch: {
+    content: {
+      handler() {
+        this.fetchContent(!0);
+      },
+      immediate: !0
+    },
+    async finalContent() {
+      await this.$nextTick(), this.$refs.popper.onResize();
+    }
+  },
+  created() {
+    this.$_fetchId = 0;
+  },
+  methods: {
+    fetchContent(e) {
+      if (typeof this.content == "function" && this.$_isShown && (e || !this.$_loading && this.asyncContent == null)) {
+        this.asyncContent = null, this.$_loading = !0;
+        const t = ++this.$_fetchId, n = this.content(this);
+        n.then ? n.then((o) => this.onResult(t, o)) : this.onResult(t, n);
+      }
+    },
+    onResult(e, t) {
+      e === this.$_fetchId && (this.$_loading = !1, this.asyncContent = t);
+    },
+    onShow() {
+      this.$_isShown = !0, this.fetchContent();
+    },
+    onHide() {
+      this.$_isShown = !1;
+    }
+  }
+});
+const Ve = Uo, Xo = Yo, Zo = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Qo(e, t) {
+  return _(), C("svg", Zo, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M128 24a104 104 0 1 0 104 104A104.13 104.13 0 0 0 128 24m40 112h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16"
+    }, null, -1)
+  ]));
+}
+const Jo = Re({ name: "ph-plus-circle-fill", render: Qo }), Ko = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function es(e, t) {
+  return _(), C("svg", Ko, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72"
+    }, null, -1)
+  ]));
+}
+const ts = Re({ name: "ph-magnifying-glass", render: es }), ns = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function os(e, t) {
+  return _(), C("svg", ns, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-26.37 144h52.74C149 186.34 140 202.87 128 215.89c-12-13.02-21-29.55-26.37-47.89M98 152a145.72 145.72 0 0 1 0-48h60a145.72 145.72 0 0 1 0 48Zm-58-24a87.61 87.61 0 0 1 3.33-24h38.46a161.79 161.79 0 0 0 0 48H43.33A87.61 87.61 0 0 1 40 128m114.37-40h-52.74C107 69.66 116 53.13 128 40.11c12 13.02 21 29.55 26.37 47.89m19.84 16h38.46a88.15 88.15 0 0 1 0 48h-38.46a161.79 161.79 0 0 0 0-48m32.16-16h-35.43a142.39 142.39 0 0 0-20.26-45a88.37 88.37 0 0 1 55.69 45M105.32 43a142.39 142.39 0 0 0-20.26 45H49.63a88.37 88.37 0 0 1 55.69-45M49.63 168h35.43a142.39 142.39 0 0 0 20.26 45a88.37 88.37 0 0 1-55.69-45m101.05 45a142.39 142.39 0 0 0 20.26-45h35.43a88.37 88.37 0 0 1-55.69 45"
+    }, null, -1)
+  ]));
+}
+const Ct = Re({ name: "ph-globe", render: os }), ss = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function is(e, t) {
+  return _(), C("svg", ss, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32"
+    }, null, -1)
+  ]));
+}
+const rs = Re({ name: "ph-caret-right", render: is }), as = {
+  class: /* @__PURE__ */ A([
+    "tw-hidden-scrolls tw-fixed tw-bottom-0 tw-left-0 tw-top-0",
+    "tw-background-color tw-w-auto tw-overflow-y-auto tw-overflow-x-hidden",
+    "tw-border-color-weak tw-border-b-0 tw-border-l-0 tw-border-r tw-border-t-0 tw-border-solid",
+    "tw-transition tw-duration-150 tw-ease-in-out"
+  ])
+}, ls = { class: "tw-grid tw-h-full tw-grid-rows-[auto_1fr] tw-px-[12px]" }, ds = { class: "tw-hidden-scrolls tw-mt-[16px] tw-overflow-auto" }, us = { class: "tw-grid tw-justify-center tw-gap-[8px] tw-pb-[16px] tw-pt-[16px]" }, cs = {
+  key: 0,
+  class: /* @__PURE__ */ A([
+    "tw-text-color-brand-base tw-mx-auto tw-h-[32px] tw-cursor-pointer tw-text-[28px] tw-transition tw-duration-150 tw-ease-in-out",
+    "hover:tw-text-color-success-hover",
+    "active:tw-text-color-success-pressed active:tw-scale-90"
+  ])
+}, ps = {
+  key: 1,
+  class: /* @__PURE__ */ A([
+    "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
+    "hover:tw-background-color-hover",
+    "active:tw-background-color-single-active active:tw-scale-90"
+  ])
+}, fs = { class: "tw-border-color-weak tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-p-[8px]" }, hs = { class: "tw-body-sm-regular-medium tw-m-0" }, ws = {
+  key: 0,
+  class: "tw-background-color-brand-base tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-[2px]"
+}, ms = ["onClick"], gs = { class: "tw-background-color-brand-base tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-[2px]" }, ys = ["onClick"], vs = { class: "tw-label-xs-medium" }, bs = ["onClick"], _s = {
+  key: 0,
+  class: "tw-background-color-hover tw-h-[2px] tw-w-full"
+}, xs = {
+  class: /* @__PURE__ */ A([
+    "tw tw-grid tw-items-end tw-justify-center tw-pb-[16px]",
+    "[&>img]:tw-mx-auto [&>img]:tw-h-[24px] [&>img]:tw-w-[24px] [&>img]:tw-rounded-full"
+  ])
+}, $s = /* @__PURE__ */ Z({
+  __name: "sidenav",
+  props: no,
+  emits: oo,
+  setup(e, { emit: t }) {
+    const n = e, o = t, { handleRedirect: s } = so(n, o);
+    return (i, r) => (_(), C("div", as, [
+      y("div", ls, [
+        y("div", ds, [
+          y("div", {
+            class: A([
+              {
+                "tw tw-grid tw-justify-center": !0,
+                "[&>img]:tw-mx-auto [&>img]:tw-h-[24px] [&>img]:tw-w-[24px]": !0,
+                "tw-pb-[16px]": !n.hasQuickActions && !n.hasSearch && !n.navLinks
+              }
+            ])
+          }, [
+            D(i.$slots, "logo-image")
+          ], 2),
+          y("div", us, [
+            n.hasQuickActions ? (_(), C("div", cs, [
+              ke(S(Jo))
+            ])) : G("", !0),
+            n.hasSearch ? (_(), C("div", ps, [
+              ke(S(ts))
+            ])) : G("", !0),
+            (_(!0), C(J, null, Se(n.navLinks, (a, d) => (_(), C(J, { key: d }, [
+              (_(!0), C(J, null, Se(a.parentLinks, (l, c) => (_(), C(J, { key: c }, [
+                l.menuLinks && l.menuLinks.length > 0 ? (_(), F(S(Ve), {
+                  key: 0,
+                  "aria-id": "sidenav-menu-wrapper",
+                  distance: "18",
+                  placement: "right",
+                  triggers: ["click", "hover"],
+                  "instant-move": ""
+                }, {
+                  popper: K(() => [
+                    y("div", fs, [
+                      y("h3", hs, ue(l.title), 1)
+                    ]),
+                    (_(!0), C(J, null, Se(l.menuLinks, (u, f) => (_(), C(J, { key: f }, [
+                      u.submenuLinks && u.submenuLinks.length > 0 ? (_(), F(S(Ve), {
+                        key: 0,
+                        "aria-id": "sidenav-submenu-wrapper",
+                        distance: "4",
+                        placement: "right-start",
+                        triggers: ["click", "hover"],
+                        "instant-move": ""
+                      }, {
+                        popper: K(() => [
+                          (_(!0), C(J, null, Se(u.submenuLinks, (p, h) => (_(), F(S(Ve), {
+                            key: h,
+                            "aria-id": "sidenav-sub-submenu-wrapper",
+                            triggers: ["click", "hover"],
+                            "instant-move": ""
+                          }, {
+                            default: K(() => [
+                              y("div", {
+                                class: A([
+                                  {
+                                    "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
+                                    "tw-background-color-single-active": n.activeNav.submenu === p.title,
+                                    "hover:tw-background-color-hover": n.activeNav.submenu !== p.title,
+                                    "active:tw-background-color-pressed": !0
+                                  }
+                                ]),
+                                onClick: (w) => S(s)(w, p.redirect)
+                              }, [
+                                Je(y("div", gs, null, 512), [
+                                  [ln, n.activeNav.submenu === p.title]
+                                ]),
+                                y("span", null, ue(p.title), 1)
+                              ], 10, ms)
+                            ]),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        default: K(() => [
+                          y("div", {
+                            class: A([
+                              {
+                                "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
+                                "tw-background-color-single-active": n.activeNav.menu === u.title,
+                                "hover:tw-background-color-hover": n.activeNav.menu !== u.title,
+                                "active:tw-background-color-pressed": !0
+                              }
+                            ])
+                          }, [
+                            n.activeNav.menu === u.title ? (_(), C("div", ws)) : G("", !0),
+                            y("span", null, ue(u.title), 1),
+                            ke(S(rs), {
+                              class: A([
+                                "tw-h-[16px] tw-w-[16px] tw-transform tw-font-normal tw-transition-transform tw-duration-300",
+                                n.activeNav.menu === u.title ? "-tw-rotate-90" : "hover:-tw-rotate-90"
+                              ])
+                            }, null, 8, ["class"])
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1024)) : (_(), C("div", {
+                        key: 1,
+                        class: A([
+                          "tw-body-sm-regular tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-300 tw-ease-in-out",
+                          "hover:tw-background-color-hover",
+                          "active:tw-background-color-pressed",
+                          "last:tw-rounded-b-[12px]"
+                        ]),
+                        onClick: (p) => S(s)(p, u.redirect)
+                      }, [
+                        y("span", null, ue(u.title), 1)
+                      ], 8, ys))
+                    ], 64))), 128))
+                  ]),
+                  default: K(() => [
+                    y("div", {
+                      class: A([
+                        {
+                          "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out": !0,
+                          "tw-background-color-single-active tw-border-color-brand-base tw-border-[1.5px] tw-border-solid active:tw-scale-90": n.activeNav.parentNav === l.title,
+                          "hover:tw-background-color-hover": n.activeNav.parentNav != l.title,
+                          "active:tw-background-color-single-active active:tw-scale-90": !0
+                        }
+                      ])
+                    }, [
+                      l.icon ? (_(), F(at(l.icon), {
+                        key: 0,
+                        class: "tw-h-[1.25em] tw-w-[1.25em]"
+                      })) : (_(), F(S(Ct), { key: 1 }))
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1024)) : (_(), F(S(Xo), {
+                  key: 1,
+                  "aria-id": "default-tooltip",
+                  placement: "right",
+                  distance: "18",
+                  triggers: ["click"]
+                }, {
+                  popper: K(() => [
+                    y("span", vs, ue(l.title), 1)
+                  ]),
+                  default: K(() => [
+                    y("div", {
+                      class: A([
+                        "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
+                        "hover:tw-background-color-hover",
+                        "active:tw-background-color-single-active active:tw-scale-90"
+                      ]),
+                      onClick: (u) => S(s)(u, l.redirect)
+                    }, [
+                      l.icon ? (_(), F(at(l.icon), {
+                        key: 0,
+                        class: "tw-h-[1.25em] tw-w-[1.25em]"
+                      })) : (_(), F(S(Ct), { key: 1 }))
+                    ], 8, bs)
+                  ]),
+                  _: 2
+                }, 1024))
+              ], 64))), 128)),
+              i.navLinks.length > 0 && d < i.navLinks.length - 1 ? (_(), C("div", _s)) : G("", !0)
+            ], 64))), 128))
+          ])
+        ]),
+        y("div", xs, [
+          D(i.$slots, "avatar-image")
+        ])
+      ])
+    ]));
+  }
+}), Ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $s
+}, Symbol.toStringTag, { value: "Module" })), Ts = ["default", "hover", "pressed", "disabled"], Cs = {
+  /**
+   * @description Switch UI state when hovered, pressed, disabled
+   */
+  state: {
+    type: String,
+    validator: (e) => Ts.includes(e),
+    default: "default"
+  },
+  /**
+   * @description Switch input state when disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @description Required prop value for v-model
+   */
+  modelValue: {
+    type: Boolean,
+    required: !0,
+    default: !1
+  }
+}, ks = ["update:modelValue"], Ps = (e) => {
+  const t = ee(null), n = ee(null), o = tt(t), { pressed: s } = Ot({ target: n }), { disabled: i, state: r, modelValue: a } = e, d = P(() => ({
+    ...i && { ariaDisabled: !0 },
+    disabled: i,
+    autofocus: r === "hover",
+    modelValue: a
+  })), l = P(() => e.disabled ? p() : s.value ? f() : o.value ? u() : c());
+  function c() {
+    return e.modelValue ? "tw-background-color-success-base" : "tw-switch-background-default";
+  }
+  function u() {
+    return e.modelValue ? "tw-background-color-success-hover" : "tw-switch-background-hover";
+  }
+  function f() {
+    return e.modelValue ? "tw-background-color-success-pressed" : "tw-switch-background-pressed";
+  }
+  function p() {
+    return O(
+      {
+        "tw-background-color-success-base": e.modelValue,
+        "tw-switch-background-default": !e.modelValue
+      },
+      "tw-opacity-60"
+    );
+  }
+  const h = P(() => e.disabled ? "tw-text-color-disabled" : "tw-text-color-strong"), w = P(() => O(
+    "tw-transition-colors",
+    "before:tw-transition-all",
+    "before:tw-duration-150",
+    "after:tw-transition-all",
+    "after:tw-duration-150"
+  )), g = P(() => O(
+    l.value,
+    w.value
+  )), m = P(() => O({
+    "tw-cursor-not-allowed": e.disabled,
+    "tw-cursor-pointer": !e.disabled
+  }));
+  return {
+    switchWrapperRef: t,
+    switchRef: n,
+    switchProps: d,
+    switchMarkClass: g,
+    switchTextClass: h,
+    switchInputClass: m
+  };
+}, As = { class: "switch_text switch_left-text" }, Os = ["disabled"], Ns = { class: "switch_text switch_right-text" }, zs = /* @__PURE__ */ Z({
+  __name: "switch",
+  props: Cs,
+  emits: ks,
+  setup(e, { emit: t }) {
+    const n = e, s = Nt(n, "modelValue", t), {
+      switchWrapperRef: i,
+      switchRef: r,
+      switchProps: a,
+      switchMarkClass: d,
+      switchTextClass: l,
+      switchInputClass: c
+    } = Ps(n);
+    return (u, f) => (_(), C("div", Qe(S(a), {
+      class: ["switch", S(l)]
+    }), [
+      y("label", As, [
+        D(u.$slots, "leftText", {}, () => [
+          D(u.$slots, "default", {}, void 0, !0)
+        ], !0)
+      ]),
+      y("div", {
+        ref_key: "switchWrapperRef",
+        ref: i,
+        class: "switch_wrapper"
+      }, [
+        Je(y("input", {
+          ref_key: "switchRef",
+          ref: r,
+          "onUpdate:modelValue": f[0] || (f[0] = (p) => Pt(s) ? s.value = p : null),
+          type: "checkbox",
+          name: "checkbox",
+          class: A(["switch_input", S(c)]),
+          disabled: n.disabled
+        }, null, 10, Os), [
+          [dn, S(s)]
+        ]),
+        y("span", {
+          class: A(["switch_mark", S(d)])
+        }, null, 2)
+      ], 512),
+      y("label", Ns, [
+        D(u.$slots, "rightText", {}, void 0, !0)
+      ])
+    ], 16));
+  }
+}), Bs = /* @__PURE__ */ zt(zs, [["__scopeId", "data-v-ea8a1df2"]]), Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Bs
+}, Symbol.toStringTag, { value: "Module" }));
+let Xt = "";
+const Es = (e) => {
+  Xt = e || "spr-";
+}, Ds = () => Xt, Ms = (e) => `${Ds()}${e}`, Hs = /* @__PURE__ */ Object.assign({
+  "../src/components/badge/badge.vue": bn,
+  "../src/components/button/button.vue": Hn,
+  "../src/components/lozenge/lozenge.vue": Un,
+  "../src/components/radio/radio.vue": to,
+  "../src/components/sidenav/sidenav.vue": Ss,
+  "../src/components/switch/switch.vue": Rs
+}), Ls = (e, t = {}) => {
+  Es(t.prefix || "spr-"), Object.entries(Hs).forEach(([n, o]) => {
+    var r;
+    const s = (r = n.split("/").pop()) == null ? void 0 : r.replace(".vue", ""), i = Ms(s);
+    e.component(i, o.default);
+  }), console.log("%c🚀⭐ Design System Next Installed ⭐🚀", "color: green; font-weight: bold; font-size: 14px;");
+}, Fs = { install: Ls };
+export {
+  Fs as default,
+  Ds as getPrefix,
+  Es as setPrefix
+};