@teammodlr/ui-kit 1.0.2

package/lib/index.es.js

@@ -0,0 +1,3164 @@
+import { defineComponent as I, inject as le, computed as b, openBlock as y, createBlock as K, resolveDynamicComponent as Ye, normalizeClass as D, withCtx as Y, createElementBlock as _, renderSlot as B, createCommentVNode as q, createElementVNode as V, provide as fe, ref as $, onMounted as pe, watch as W, nextTick as Ee, withModifiers as ut, readonly as _n, onUnmounted as Sn, toRef as $e, toDisplayString as H, mergeProps as Gt, toHandlers as Ut, watchEffect as ct, onBeforeUnmount as Xt, getCurrentScope as Cn, onScopeDispose as kn, unref as En, resolveComponent as de, Fragment as ge, renderList as Ie, createTextVNode as Oe, Teleport as Qe, createVNode as _e, Transition as dt, normalizeStyle as ft, withDirectives as pt, vModelCheckbox as Tn, reactive as Ke, vShow as Yt } from "vue";
+const Mn = I({
+  name: "MButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    color: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    rounded: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    secondary: {
+      type: Boolean,
+      default: !1
+    },
+    to: {
+      type: [String, Object],
+      default: ""
+    },
+    href: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: Boolean,
+      default: !1
+    },
+    strong: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { slots: t }) {
+    const n = le("buttonGroup", {
+      groupProps: {},
+      isGroup: !1
+    }), r = b(() => !!t["icon-left"]), a = b(() => !!t["icon-right"]), o = b(() => [
+      "m-button",
+      `m-button--${n.groupProps.size || e.size}`,
+      {
+        [`m-button--${e.color}`]: e.color,
+        "m-button--rounded": e.rounded,
+        "m-button--block": e.block,
+        "m-button--icon": e.icon,
+        "m-button--secondary": e.secondary,
+        "m-button--disabled": e.disabled,
+        "m-button--strong": e.strong,
+        "m-button--icon-left": r.value,
+        "m-button--icon-right": a.value
+      }
+    ]), l = b(() => e.to ? "router-link" : e.href ? "a" : "button");
+    return {
+      computedClasses: o,
+      computedTag: l,
+      hasIconLeft: r,
+      hasIconRight: a
+    };
+  }
+}), L = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, a] of t)
+    n[r] = a;
+  return n;
+}, An = {
+  key: 0,
+  class: "m-button__icon"
+}, Bn = { class: "m-button__content" }, Pn = {
+  key: 1,
+  class: "m-button__icon"
+};
+function Rn(e, t, n, r, a, o) {
+  return y(), K(Ye(e.computedTag), {
+    to: e.to,
+    href: e.href,
+    type: e.type,
+    class: D(e.computedClasses),
+    disabled: e.disabled
+  }, {
+    default: Y(() => [
+      e.hasIconLeft ? (y(), _("div", An, [
+        B(e.$slots, "icon-left")
+      ])) : q("", !0),
+      V("span", Bn, [
+        B(e.$slots, "default")
+      ]),
+      e.hasIconRight ? (y(), _("div", Pn, [
+        B(e.$slots, "icon-right")
+      ])) : q("", !0)
+    ]),
+    _: 3
+  }, 8, ["to", "href", "type", "class", "disabled"]);
+}
+const Dn = /* @__PURE__ */ L(Mn, [["render", Rn]]), In = I({
+  name: "MButtonGroup",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    size: {
+      type: String,
+      default: "md"
+    }
+  },
+  setup(e) {
+    return fe("buttonGroup", {
+      groupProps: e,
+      isGroup: !0
+    }), {
+      computedClasses: b(() => [
+        "m-button-group",
+        {
+          [`m-button-group--${e.size}`]: e.size
+        }
+      ])
+    };
+  }
+});
+function Ln(e, t, n, r, a, o) {
+  return y(), K(Ye(e.tag), {
+    class: D(e.computedClasses)
+  }, {
+    default: Y(() => [
+      B(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const Nn = /* @__PURE__ */ L(In, [["render", Ln]]), Vn = "m-form", jn = I({
+  name: "MForm",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    errors: {
+      type: [Array, Object],
+      default: () => []
+    },
+    autoValidate: {
+      type: Boolean,
+      default: !0
+    },
+    autoFocus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "submit"
+  ],
+  setup(e, { emit: t }) {
+    const n = [];
+    fe(Vn, {
+      add: (s, i, c, u) => {
+        const p = n.find((h) => h.name === s);
+        p ? (p.focus = i, p.validate = c, p.setError = u) : n.push({
+          name: s,
+          focus: i,
+          validate: c,
+          setError: u
+        });
+      },
+      remove: (s) => {
+        const i = n.findIndex((c) => c.name === s);
+        n.splice(i, 1);
+      },
+      insideForm: !0,
+      disabled: $(e.disabled),
+      loading: $(e.loading)
+    }), pe(() => {
+      e.autoFocus && n && n.length > 0 && n[0].focus();
+    }), W(() => e.errors, (s) => {
+      s && Ee(() => {
+        if (Array.isArray(s))
+          s.forEach((i) => {
+            const c = n.find((u) => u.name === i.field);
+            c && c.setError(i.message);
+          });
+        else {
+          const i = n.find((c) => c.name === s.field);
+          i && i.setError(s.message);
+        }
+      });
+    });
+    const r = () => {
+      let s = !0;
+      return n.forEach((i) => {
+        i.validate() || (s = !1);
+      }), s;
+    }, a = (s) => {
+      s.preventDefault(), s.stopPropagation(), t("submit", e.autoValidate ? r() : !0);
+    }, o = b(() => []), l = b(() => [
+      "m-form"
+    ]);
+    return {
+      submit: a,
+      computedStyles: o,
+      computedClasses: l
+    };
+  }
+}), Wn = ["styles"];
+function zn(e, t, n, r, a, o) {
+  return y(), _("form", {
+    styles: e.computedStyles,
+    class: D([
+      e.computedClasses
+    ]),
+    onSubmit: t[0] || (t[0] = ut((...l) => e.submit && e.submit(...l), ["prevent"]))
+  }, [
+    B(e.$slots, "default")
+  ], 42, Wn);
+}
+const xn = /* @__PURE__ */ L(jn, [["render", zn]]);
+function Hn(e) {
+  return e === null || e.value === null ? null : "$el" in e.value ? e.value.$el : e.value;
+}
+const rt = "data-modlr-ssr-uid";
+function Fn(e = "") {
+  const t = Date.now().toString(36) + Math.random().toString(36).substring(2);
+  return e ? `${e}-${t}` : t;
+}
+function qn(e) {
+  let t = $(Fn(e));
+  const n = $(null);
+  return pe(() => {
+    if (n.value) {
+      const r = Hn(n), a = r == null ? void 0 : r.getAttribute(rt);
+      a && (t.value = a), r == null || r.removeAttribute(rt);
+    }
+  }), {
+    id: _n(t),
+    cacheAttrs: {
+      ref: n,
+      [rt]: typeof window === void 0 ? t.value : void 0
+    }
+  };
+}
+const te = (e, { focus: t, emit: n, withListeners: r = !0 }) => {
+  const a = $(!0), o = $(e.error), { id: l } = qn("input"), s = e.name ? e.name : l.value, i = $(s);
+  W(() => e.error, (f) => o.value = f), W(() => e.name, (f) => s.value = f);
+  const c = le("m-form", {
+    add: (f, m) => {
+    },
+    remove: (f) => {
+    },
+    insideForm: !1,
+    disabled: !1,
+    loading: !1
+  }), u = () => {
+    o.value = "", a.value = !0, n("update:modelValue", "");
+  }, p = (f) => {
+    o.value = f;
+  }, h = (f) => {
+    f = f || e.modelValue, a.value = !1;
+    for (let m = 0; m < e.rules.length; m++) {
+      const w = e.rules[m];
+      let g = !0;
+      if (typeof w == "function")
+        g = w(f);
+      else if (Array.isArray(w) && w.length === 2) {
+        const { 0: k, 1: T } = w;
+        g = k(f, T);
+      } else {
+        const k = w.fn, { options: T } = w;
+        g = k(f, T);
+      }
+      if (g !== !0)
+        return o.value = g, !1;
+    }
+    return o.value = "", !0;
+  }, d = r ? b(() => ({
+    blur: (f) => n("blur", f),
+    focus: (f) => n("focus", f),
+    input: (f) => {
+      n("update:modelValue", f.target.value);
+    },
+    change: (f) => n("change", f)
+  })) : {};
+  return pe(() => {
+    c.add(
+      i.value,
+      t,
+      // @ts-ignore
+      h,
+      // @ts-ignore
+      p
+    );
+  }), Sn(() => {
+    c.remove(i.value);
+  }), {
+    id: l,
+    isFirstValidation: a,
+    formError: o,
+    insideForm: c.insideForm,
+    listeners: d,
+    reset: u,
+    validate: h,
+    setError: p,
+    //@ts-ignore
+    formDisabled: c.disabled.value,
+    //@ts-ignore
+    formLoading: c.loading.value
+  };
+};
+te.emits = (e = !0) => e ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
+te.props = () => ({
+  modelValue: [String, Number, Boolean, Object, Array],
+  name: String,
+  readonly: Boolean,
+  required: Boolean,
+  error: String,
+  rules: {
+    type: Array,
+    default: () => []
+  }
+});
+const Gn = I({
+  name: "MInput",
+  emits: te.emits(),
+  props: {
+    ...te.props(),
+    label: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => ["text", "password", "number"].includes(e)
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    help: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, { slots: t, emit: n }) {
+    const r = () => {
+    }, {
+      id: a,
+      insideForm: o,
+      reset: l,
+      listeners: s,
+      validate: i,
+      setError: c,
+      formError: u,
+      formDisabled: p,
+      formLoading: h
+    } = te(e, { focus: r, emit: n });
+    $();
+    const d = $(!1), f = $(!1), m = $e(e, "name"), w = b(() => !!t.prefix), g = b(() => !!t.suffix), k = b(() => p || e.disabled), T = b(() => h || e.loading), C = b(() => {
+      const A = e.type;
+      return A === "password" ? f.value ? "text" : "password" : A;
+    }), v = b(() => e.loading || e.readonly), O = b(() => [
+      "m-input__container",
+      {
+        "m-form__input": o
+      }
+    ]), M = b(() => [
+      "m-input",
+      `m-input--${e.size}`,
+      {
+        "m-input--disabled": k.value || T.value,
+        "m-input--readonly": v.value,
+        "m-input--focused": d.value,
+        "m-input--error": E.value,
+        "m-input--prefix": w.value,
+        "m-input--suffix": g.value,
+        "m-input--loading": e.loading,
+        "m-input--password": e.type === "password"
+      }
+    ]), E = b(() => u.value || e.error);
+    return {
+      id: a,
+      inputType: C,
+      disabled: k,
+      loading: T,
+      readonly: v,
+      inputComputedClasses: M,
+      wrapperComputedClasses: O,
+      name: m,
+      hasPrefix: w,
+      hasSuffix: g,
+      inputError: E,
+      onClear: () => {
+        n("update:modelValue", "");
+      },
+      focus: r,
+      validate: i,
+      setError: c,
+      listeners: s
+    };
+  }
+}), Un = ["for", "id"], Xn = {
+  key: 0,
+  class: "m-input__prefix"
+}, Yn = ["id", "type", "placeholder", "name", "value", "readonly", "disabled", "aria-disabled", "aria-labelledby"], Qn = {
+  key: 1,
+  class: "m-input__suffix"
+}, Kn = {
+  key: 1,
+  class: "m-input__help"
+}, Jn = {
+  key: 2,
+  class: "m-input__error"
+};
+function Zn(e, t, n, r, a, o) {
+  return y(), _("div", {
+    class: D(e.wrapperComputedClasses),
+    ref: "container"
+  }, [
+    e.label ? (y(), _("label", {
+      key: 0,
+      for: e.id,
+      class: "m-input__label",
+      id: `${e.id}-label`
+    }, H(e.label), 9, Un)) : q("", !0),
+    V("div", {
+      class: D(e.inputComputedClasses)
+    }, [
+      e.hasPrefix ? (y(), _("div", Xn, [
+        B(e.$slots, "prefix")
+      ])) : q("", !0),
+      V("input", Gt({
+        ref: "input",
+        id: e.id,
+        type: e.inputType,
+        placeholder: e.placeholder,
+        name: e.name,
+        value: e.modelValue || "",
+        readonly: e.readonly
+      }, Ut(e.listeners, !0), e.$attrs, {
+        disabled: e.disabled || e.loading,
+        "aria-disabled": e.disabled ? "true" : "false",
+        "aria-labelledby": `${e.id}-label`
+      }), null, 16, Yn),
+      e.hasSuffix ? (y(), _("div", Qn, [
+        B(e.$slots, "suffix")
+      ])) : q("", !0)
+    ], 2),
+    e.help && !e.inputError ? (y(), _("p", Kn, H(e.help), 1)) : e.inputError ? (y(), _("p", Jn, H(e.inputError), 1)) : q("", !0)
+  ], 2);
+}
+const er = /* @__PURE__ */ L(Gn, [["render", Zn]]);
+var G = "top", J = "bottom", Z = "right", U = "left", Je = "auto", We = [G, J, Z, U], Te = "start", Ve = "end", tr = "clippingParents", Qt = "viewport", Re = "popper", nr = "reference", At = /* @__PURE__ */ We.reduce(function(e, t) {
+  return e.concat([t + "-" + Te, t + "-" + Ve]);
+}, []), Kt = /* @__PURE__ */ [].concat(We, [Je]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Te, t + "-" + Ve]);
+}, []), rr = "beforeRead", ar = "read", or = "afterRead", sr = "beforeMain", ir = "main", lr = "afterMain", ur = "beforeWrite", cr = "write", dr = "afterWrite", at = [rr, ar, or, sr, ir, lr, ur, cr, dr];
+function oe(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function ee(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function Se(e) {
+  var t = ee(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function Q(e) {
+  var t = ee(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function mt(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = ee(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function fr(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(n) {
+    var r = t.styles[n] || {}, a = t.attributes[n] || {}, o = t.elements[n];
+    !Q(o) || !oe(o) || (Object.assign(o.style, r), Object.keys(a).forEach(function(l) {
+      var s = a[l];
+      s === !1 ? o.removeAttribute(l) : o.setAttribute(l, s === !0 ? "" : s);
+    }));
+  });
+}
+function pr(e) {
+  var t = e.state, n = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
+    Object.keys(t.elements).forEach(function(r) {
+      var a = t.elements[r], o = t.attributes[r] || {}, l = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : n[r]), s = l.reduce(function(i, c) {
+        return i[c] = "", i;
+      }, {});
+      !Q(a) || !oe(a) || (Object.assign(a.style, s), Object.keys(o).forEach(function(i) {
+        a.removeAttribute(i);
+      }));
+    });
+  };
+}
+const mr = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: fr,
+  effect: pr,
+  requires: ["computeStyles"]
+};
+function ne(e) {
+  return e.split("-")[0];
+}
+var we = Math.max, Xe = Math.min, Me = Math.round;
+function ot() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function Jt() {
+  return !/^((?!chrome|android).)*safari/i.test(ot());
+}
+function Ae(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  var r = e.getBoundingClientRect(), a = 1, o = 1;
+  t && Q(e) && (a = e.offsetWidth > 0 && Me(r.width) / e.offsetWidth || 1, o = e.offsetHeight > 0 && Me(r.height) / e.offsetHeight || 1);
+  var l = Se(e) ? ee(e) : window, s = l.visualViewport, i = !Jt() && n, c = (r.left + (i && s ? s.offsetLeft : 0)) / a, u = (r.top + (i && s ? s.offsetTop : 0)) / o, p = r.width / a, h = r.height / o;
+  return {
+    width: p,
+    height: h,
+    top: u,
+    right: c + p,
+    bottom: u + h,
+    left: c,
+    x: c,
+    y: u
+  };
+}
+function vt(e) {
+  var t = Ae(e), n = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: n,
+    height: r
+  };
+}
+function Zt(e, t) {
+  var n = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && mt(n)) {
+    var r = t;
+    do {
+      if (r && e.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function re(e) {
+  return ee(e).getComputedStyle(e);
+}
+function vr(e) {
+  return ["table", "td", "th"].indexOf(oe(e)) >= 0;
+}
+function me(e) {
+  return ((Se(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Ze(e) {
+  return oe(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (mt(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    me(e)
+  );
+}
+function Bt(e) {
+  return !Q(e) || // https://github.com/popperjs/popper-core/issues/837
+  re(e).position === "fixed" ? null : e.offsetParent;
+}
+function br(e) {
+  var t = /firefox/i.test(ot()), n = /Trident/i.test(ot());
+  if (n && Q(e)) {
+    var r = re(e);
+    if (r.position === "fixed")
+      return null;
+  }
+  var a = Ze(e);
+  for (mt(a) && (a = a.host); Q(a) && ["html", "body"].indexOf(oe(a)) < 0; ) {
+    var o = re(a);
+    if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || t && o.willChange === "filter" || t && o.filter && o.filter !== "none")
+      return a;
+    a = a.parentNode;
+  }
+  return null;
+}
+function ze(e) {
+  for (var t = ee(e), n = Bt(e); n && vr(n) && re(n).position === "static"; )
+    n = Bt(n);
+  return n && (oe(n) === "html" || oe(n) === "body" && re(n).position === "static") ? t : n || br(e) || t;
+}
+function bt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Le(e, t, n) {
+  return we(e, Xe(t, n));
+}
+function hr(e, t, n) {
+  var r = Le(e, t, n);
+  return r > n ? n : r;
+}
+function en() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function tn(e) {
+  return Object.assign({}, en(), e);
+}
+function nn(e, t) {
+  return t.reduce(function(n, r) {
+    return n[r] = e, n;
+  }, {});
+}
+var yr = function(t, n) {
+  return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
+    placement: n.placement
+  })) : t, tn(typeof t != "number" ? t : nn(t, We));
+};
+function gr(e) {
+  var t, n = e.state, r = e.name, a = e.options, o = n.elements.arrow, l = n.modifiersData.popperOffsets, s = ne(n.placement), i = bt(s), c = [U, Z].indexOf(s) >= 0, u = c ? "height" : "width";
+  if (!(!o || !l)) {
+    var p = yr(a.padding, n), h = vt(o), d = i === "y" ? G : U, f = i === "y" ? J : Z, m = n.rects.reference[u] + n.rects.reference[i] - l[i] - n.rects.popper[u], w = l[i] - n.rects.reference[i], g = ze(o), k = g ? i === "y" ? g.clientHeight || 0 : g.clientWidth || 0 : 0, T = m / 2 - w / 2, C = p[d], v = k - h[u] - p[f], O = k / 2 - h[u] / 2 + T, M = Le(C, O, v), E = i;
+    n.modifiersData[r] = (t = {}, t[E] = M, t.centerOffset = M - O, t);
+  }
+}
+function wr(e) {
+  var t = e.state, n = e.options, r = n.element, a = r === void 0 ? "[data-popper-arrow]" : r;
+  if (a != null && !(typeof a == "string" && (a = t.elements.popper.querySelector(a), !a))) {
+    if (process.env.NODE_ENV !== "production" && (Q(a) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Zt(t.elements.popper, a)) {
+      process.env.NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
+      return;
+    }
+    t.elements.arrow = a;
+  }
+}
+const $r = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: gr,
+  effect: wr,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function Be(e) {
+  return e.split("-")[1];
+}
+var Or = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function _r(e) {
+  var t = e.x, n = e.y, r = window, a = r.devicePixelRatio || 1;
+  return {
+    x: Me(t * a) / a || 0,
+    y: Me(n * a) / a || 0
+  };
+}
+function Pt(e) {
+  var t, n = e.popper, r = e.popperRect, a = e.placement, o = e.variation, l = e.offsets, s = e.position, i = e.gpuAcceleration, c = e.adaptive, u = e.roundOffsets, p = e.isFixed, h = l.x, d = h === void 0 ? 0 : h, f = l.y, m = f === void 0 ? 0 : f, w = typeof u == "function" ? u({
+    x: d,
+    y: m
+  }) : {
+    x: d,
+    y: m
+  };
+  d = w.x, m = w.y;
+  var g = l.hasOwnProperty("x"), k = l.hasOwnProperty("y"), T = U, C = G, v = window;
+  if (c) {
+    var O = ze(n), M = "clientHeight", E = "clientWidth";
+    if (O === ee(n) && (O = me(n), re(O).position !== "static" && s === "absolute" && (M = "scrollHeight", E = "scrollWidth")), O = O, a === G || (a === U || a === Z) && o === Ve) {
+      C = J;
+      var j = p && O === v && v.visualViewport ? v.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        O[M]
+      );
+      m -= j - r.height, m *= i ? 1 : -1;
+    }
+    if (a === U || (a === G || a === J) && o === Ve) {
+      T = Z;
+      var A = p && O === v && v.visualViewport ? v.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        O[E]
+      );
+      d -= A - r.width, d *= i ? 1 : -1;
+    }
+  }
+  var R = Object.assign({
+    position: s
+  }, c && Or), x = u === !0 ? _r({
+    x: d,
+    y: m
+  }) : {
+    x: d,
+    y: m
+  };
+  if (d = x.x, m = x.y, i) {
+    var z;
+    return Object.assign({}, R, (z = {}, z[C] = k ? "0" : "", z[T] = g ? "0" : "", z.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + m + "px)" : "translate3d(" + d + "px, " + m + "px, 0)", z));
+  }
+  return Object.assign({}, R, (t = {}, t[C] = k ? m + "px" : "", t[T] = g ? d + "px" : "", t.transform = "", t));
+}
+function Sr(e) {
+  var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, o = n.adaptive, l = o === void 0 ? !0 : o, s = n.roundOffsets, i = s === void 0 ? !0 : s;
+  if (process.env.NODE_ENV !== "production") {
+    var c = re(t.elements.popper).transitionProperty || "";
+    l && ["transform", "top", "right", "bottom", "left"].some(function(p) {
+      return c.indexOf(p) >= 0;
+    }) && console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', `
+
+`, 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", `
+
+`, "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
+  }
+  var u = {
+    placement: ne(t.placement),
+    variation: Be(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: a,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pt(Object.assign({}, u, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: l,
+    roundOffsets: i
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pt(Object.assign({}, u, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: i
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Cr = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Sr,
+  data: {}
+};
+var Ge = {
+  passive: !0
+};
+function kr(e) {
+  var t = e.state, n = e.instance, r = e.options, a = r.scroll, o = a === void 0 ? !0 : a, l = r.resize, s = l === void 0 ? !0 : l, i = ee(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return o && c.forEach(function(u) {
+    u.addEventListener("scroll", n.update, Ge);
+  }), s && i.addEventListener("resize", n.update, Ge), function() {
+    o && c.forEach(function(u) {
+      u.removeEventListener("scroll", n.update, Ge);
+    }), s && i.removeEventListener("resize", n.update, Ge);
+  };
+}
+const Er = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: kr,
+  data: {}
+};
+var Tr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Ue(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Tr[t];
+  });
+}
+var Mr = {
+  start: "end",
+  end: "start"
+};
+function Rt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Mr[t];
+  });
+}
+function ht(e) {
+  var t = ee(e), n = t.pageXOffset, r = t.pageYOffset;
+  return {
+    scrollLeft: n,
+    scrollTop: r
+  };
+}
+function yt(e) {
+  return Ae(me(e)).left + ht(e).scrollLeft;
+}
+function Ar(e, t) {
+  var n = ee(e), r = me(e), a = n.visualViewport, o = r.clientWidth, l = r.clientHeight, s = 0, i = 0;
+  if (a) {
+    o = a.width, l = a.height;
+    var c = Jt();
+    (c || !c && t === "fixed") && (s = a.offsetLeft, i = a.offsetTop);
+  }
+  return {
+    width: o,
+    height: l,
+    x: s + yt(e),
+    y: i
+  };
+}
+function Br(e) {
+  var t, n = me(e), r = ht(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, o = we(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), l = we(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), s = -r.scrollLeft + yt(e), i = -r.scrollTop;
+  return re(a || n).direction === "rtl" && (s += we(n.clientWidth, a ? a.clientWidth : 0) - o), {
+    width: o,
+    height: l,
+    x: s,
+    y: i
+  };
+}
+function gt(e) {
+  var t = re(e), n = t.overflow, r = t.overflowX, a = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + a + r);
+}
+function rn(e) {
+  return ["html", "body", "#document"].indexOf(oe(e)) >= 0 ? e.ownerDocument.body : Q(e) && gt(e) ? e : rn(Ze(e));
+}
+function Ne(e, t) {
+  var n;
+  t === void 0 && (t = []);
+  var r = rn(e), a = r === ((n = e.ownerDocument) == null ? void 0 : n.body), o = ee(r), l = a ? [o].concat(o.visualViewport || [], gt(r) ? r : []) : r, s = t.concat(l);
+  return a ? s : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    s.concat(Ne(Ze(l)))
+  );
+}
+function st(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function Pr(e, t) {
+  var n = Ae(e, !1, t === "fixed");
+  return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
+}
+function Dt(e, t, n) {
+  return t === Qt ? st(Ar(e, n)) : Se(t) ? Pr(t, n) : st(Br(me(e)));
+}
+function Rr(e) {
+  var t = Ne(Ze(e)), n = ["absolute", "fixed"].indexOf(re(e).position) >= 0, r = n && Q(e) ? ze(e) : e;
+  return Se(r) ? t.filter(function(a) {
+    return Se(a) && Zt(a, r) && oe(a) !== "body";
+  }) : [];
+}
+function Dr(e, t, n, r) {
+  var a = t === "clippingParents" ? Rr(e) : [].concat(t), o = [].concat(a, [n]), l = o[0], s = o.reduce(function(i, c) {
+    var u = Dt(e, c, r);
+    return i.top = we(u.top, i.top), i.right = Xe(u.right, i.right), i.bottom = Xe(u.bottom, i.bottom), i.left = we(u.left, i.left), i;
+  }, Dt(e, l, r));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
+}
+function an(e) {
+  var t = e.reference, n = e.element, r = e.placement, a = r ? ne(r) : null, o = r ? Be(r) : null, l = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, i;
+  switch (a) {
+    case G:
+      i = {
+        x: l,
+        y: t.y - n.height
+      };
+      break;
+    case J:
+      i = {
+        x: l,
+        y: t.y + t.height
+      };
+      break;
+    case Z:
+      i = {
+        x: t.x + t.width,
+        y: s
+      };
+      break;
+    case U:
+      i = {
+        x: t.x - n.width,
+        y: s
+      };
+      break;
+    default:
+      i = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var c = a ? bt(a) : null;
+  if (c != null) {
+    var u = c === "y" ? "height" : "width";
+    switch (o) {
+      case Te:
+        i[c] = i[c] - (t[u] / 2 - n[u] / 2);
+        break;
+      case Ve:
+        i[c] = i[c] + (t[u] / 2 - n[u] / 2);
+        break;
+    }
+  }
+  return i;
+}
+function je(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, o = n.strategy, l = o === void 0 ? e.strategy : o, s = n.boundary, i = s === void 0 ? tr : s, c = n.rootBoundary, u = c === void 0 ? Qt : c, p = n.elementContext, h = p === void 0 ? Re : p, d = n.altBoundary, f = d === void 0 ? !1 : d, m = n.padding, w = m === void 0 ? 0 : m, g = tn(typeof w != "number" ? w : nn(w, We)), k = h === Re ? nr : Re, T = e.rects.popper, C = e.elements[f ? k : h], v = Dr(Se(C) ? C : C.contextElement || me(e.elements.popper), i, u, l), O = Ae(e.elements.reference), M = an({
+    reference: O,
+    element: T,
+    strategy: "absolute",
+    placement: a
+  }), E = st(Object.assign({}, T, M)), j = h === Re ? E : O, A = {
+    top: v.top - j.top + g.top,
+    bottom: j.bottom - v.bottom + g.bottom,
+    left: v.left - j.left + g.left,
+    right: j.right - v.right + g.right
+  }, R = e.modifiersData.offset;
+  if (h === Re && R) {
+    var x = R[a];
+    Object.keys(A).forEach(function(z) {
+      var ae = [Z, J].indexOf(z) >= 0 ? 1 : -1, se = [G, J].indexOf(z) >= 0 ? "y" : "x";
+      A[z] += x[se] * ae;
+    });
+  }
+  return A;
+}
+function Ir(e, t) {
+  t === void 0 && (t = {});
+  var n = t, r = n.placement, a = n.boundary, o = n.rootBoundary, l = n.padding, s = n.flipVariations, i = n.allowedAutoPlacements, c = i === void 0 ? Kt : i, u = Be(r), p = u ? s ? At : At.filter(function(f) {
+    return Be(f) === u;
+  }) : We, h = p.filter(function(f) {
+    return c.indexOf(f) >= 0;
+  });
+  h.length === 0 && (h = p, process.env.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
+  var d = h.reduce(function(f, m) {
+    return f[m] = je(e, {
+      placement: m,
+      boundary: a,
+      rootBoundary: o,
+      padding: l
+    })[ne(m)], f;
+  }, {});
+  return Object.keys(d).sort(function(f, m) {
+    return d[f] - d[m];
+  });
+}
+function Lr(e) {
+  if (ne(e) === Je)
+    return [];
+  var t = Ue(e);
+  return [Rt(e), t, Rt(t)];
+}
+function Nr(e) {
+  var t = e.state, n = e.options, r = e.name;
+  if (!t.modifiersData[r]._skip) {
+    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, l = n.altAxis, s = l === void 0 ? !0 : l, i = n.fallbackPlacements, c = n.padding, u = n.boundary, p = n.rootBoundary, h = n.altBoundary, d = n.flipVariations, f = d === void 0 ? !0 : d, m = n.allowedAutoPlacements, w = t.options.placement, g = ne(w), k = g === w, T = i || (k || !f ? [Ue(w)] : Lr(w)), C = [w].concat(T).reduce(function(ke, ue) {
+      return ke.concat(ne(ue) === Je ? Ir(t, {
+        placement: ue,
+        boundary: u,
+        rootBoundary: p,
+        padding: c,
+        flipVariations: f,
+        allowedAutoPlacements: m
+      }) : ue);
+    }, []), v = t.rects.reference, O = t.rects.popper, M = /* @__PURE__ */ new Map(), E = !0, j = C[0], A = 0; A < C.length; A++) {
+      var R = C[A], x = ne(R), z = Be(R) === Te, ae = [G, J].indexOf(x) >= 0, se = ae ? "width" : "height", F = je(t, {
+        placement: R,
+        boundary: u,
+        rootBoundary: p,
+        altBoundary: h,
+        padding: c
+      }), X = ae ? z ? Z : U : z ? J : G;
+      v[se] > O[se] && (X = Ue(X));
+      var Ce = Ue(X), ie = [];
+      if (o && ie.push(F[x] <= 0), s && ie.push(F[X] <= 0, F[Ce] <= 0), ie.every(function(ke) {
+        return ke;
+      })) {
+        j = R, E = !1;
+        break;
+      }
+      M.set(R, ie);
+    }
+    if (E)
+      for (var S = f ? 3 : 1, N = function(ue) {
+        var Pe = C.find(function(Fe) {
+          var ve = M.get(Fe);
+          if (ve)
+            return ve.slice(0, ue).every(function(et) {
+              return et;
+            });
+        });
+        if (Pe)
+          return j = Pe, "break";
+      }, P = S; P > 0; P--) {
+        var He = N(P);
+        if (He === "break")
+          break;
+      }
+    t.placement !== j && (t.modifiersData[r]._skip = !0, t.placement = j, t.reset = !0);
+  }
+}
+const Vr = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Nr,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function It(e, t, n) {
+  return n === void 0 && (n = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - n.y,
+    right: e.right - t.width + n.x,
+    bottom: e.bottom - t.height + n.y,
+    left: e.left - t.width - n.x
+  };
+}
+function Lt(e) {
+  return [G, Z, J, U].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function jr(e) {
+  var t = e.state, n = e.name, r = t.rects.reference, a = t.rects.popper, o = t.modifiersData.preventOverflow, l = je(t, {
+    elementContext: "reference"
+  }), s = je(t, {
+    altBoundary: !0
+  }), i = It(l, r), c = It(s, a, o), u = Lt(i), p = Lt(c);
+  t.modifiersData[n] = {
+    referenceClippingOffsets: i,
+    popperEscapeOffsets: c,
+    isReferenceHidden: u,
+    hasPopperEscaped: p
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": u,
+    "data-popper-escaped": p
+  });
+}
+const Wr = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: jr
+};
+function zr(e, t, n) {
+  var r = ne(e), a = [U, G].indexOf(r) >= 0 ? -1 : 1, o = typeof n == "function" ? n(Object.assign({}, t, {
+    placement: e
+  })) : n, l = o[0], s = o[1];
+  return l = l || 0, s = (s || 0) * a, [U, Z].indexOf(r) >= 0 ? {
+    x: s,
+    y: l
+  } : {
+    x: l,
+    y: s
+  };
+}
+function xr(e) {
+  var t = e.state, n = e.options, r = e.name, a = n.offset, o = a === void 0 ? [0, 0] : a, l = Kt.reduce(function(u, p) {
+    return u[p] = zr(p, t.rects, o), u;
+  }, {}), s = l[t.placement], i = s.x, c = s.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += c), t.modifiersData[r] = l;
+}
+const Hr = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: xr
+};
+function Fr(e) {
+  var t = e.state, n = e.name;
+  t.modifiersData[n] = an({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    strategy: "absolute",
+    placement: t.placement
+  });
+}
+const qr = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Fr,
+  data: {}
+};
+function Gr(e) {
+  return e === "x" ? "y" : "x";
+}
+function Ur(e) {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, o = a === void 0 ? !0 : a, l = n.altAxis, s = l === void 0 ? !1 : l, i = n.boundary, c = n.rootBoundary, u = n.altBoundary, p = n.padding, h = n.tether, d = h === void 0 ? !0 : h, f = n.tetherOffset, m = f === void 0 ? 0 : f, w = je(t, {
+    boundary: i,
+    rootBoundary: c,
+    padding: p,
+    altBoundary: u
+  }), g = ne(t.placement), k = Be(t.placement), T = !k, C = bt(g), v = Gr(C), O = t.modifiersData.popperOffsets, M = t.rects.reference, E = t.rects.popper, j = typeof m == "function" ? m(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : m, A = typeof j == "number" ? {
+    mainAxis: j,
+    altAxis: j
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, j), R = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, x = {
+    x: 0,
+    y: 0
+  };
+  if (O) {
+    if (o) {
+      var z, ae = C === "y" ? G : U, se = C === "y" ? J : Z, F = C === "y" ? "height" : "width", X = O[C], Ce = X + w[ae], ie = X - w[se], S = d ? -E[F] / 2 : 0, N = k === Te ? M[F] : E[F], P = k === Te ? -E[F] : -M[F], He = t.elements.arrow, ke = d && He ? vt(He) : {
+        width: 0,
+        height: 0
+      }, ue = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : en(), Pe = ue[ae], Fe = ue[se], ve = Le(0, M[F], ke[F]), et = T ? M[F] / 2 - S - ve - Pe - A.mainAxis : N - ve - Pe - A.mainAxis, hn = T ? -M[F] / 2 + S + ve + Fe + A.mainAxis : P + ve + Fe + A.mainAxis, tt = t.elements.arrow && ze(t.elements.arrow), yn = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, $t = (z = R == null ? void 0 : R[C]) != null ? z : 0, gn = X + et - $t - yn, wn = X + hn - $t, Ot = Le(d ? Xe(Ce, gn) : Ce, X, d ? we(ie, wn) : ie);
+      O[C] = Ot, x[C] = Ot - X;
+    }
+    if (s) {
+      var _t, $n = C === "x" ? G : U, On = C === "x" ? J : Z, be = O[v], qe = v === "y" ? "height" : "width", St = be + w[$n], Ct = be - w[On], nt = [G, U].indexOf(g) !== -1, kt = (_t = R == null ? void 0 : R[v]) != null ? _t : 0, Et = nt ? St : be - M[qe] - E[qe] - kt + A.altAxis, Tt = nt ? be + M[qe] + E[qe] - kt - A.altAxis : Ct, Mt = d && nt ? hr(Et, be, Tt) : Le(d ? Et : St, be, d ? Tt : Ct);
+      O[v] = Mt, x[v] = Mt - be;
+    }
+    t.modifiersData[r] = x;
+  }
+}
+const Xr = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Ur,
+  requiresIfExists: ["offset"]
+};
+function Yr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Qr(e) {
+  return e === ee(e) || !Q(e) ? ht(e) : Yr(e);
+}
+function Kr(e) {
+  var t = e.getBoundingClientRect(), n = Me(t.width) / e.offsetWidth || 1, r = Me(t.height) / e.offsetHeight || 1;
+  return n !== 1 || r !== 1;
+}
+function Jr(e, t, n) {
+  n === void 0 && (n = !1);
+  var r = Q(t), a = Q(t) && Kr(t), o = me(t), l = Ae(e, a, n), s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, i = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !n) && ((oe(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  gt(o)) && (s = Qr(t)), Q(t) ? (i = Ae(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : o && (i.x = yt(o))), {
+    x: l.left + s.scrollLeft - i.x,
+    y: l.top + s.scrollTop - i.y,
+    width: l.width,
+    height: l.height
+  };
+}
+function Zr(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(o) {
+    t.set(o.name, o);
+  });
+  function a(o) {
+    n.add(o.name);
+    var l = [].concat(o.requires || [], o.requiresIfExists || []);
+    l.forEach(function(s) {
+      if (!n.has(s)) {
+        var i = t.get(s);
+        i && a(i);
+      }
+    }), r.push(o);
+  }
+  return e.forEach(function(o) {
+    n.has(o.name) || a(o);
+  }), r;
+}
+function ea(e) {
+  var t = Zr(e);
+  return at.reduce(function(n, r) {
+    return n.concat(t.filter(function(a) {
+      return a.phase === r;
+    }));
+  }, []);
+}
+function ta(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(n) {
+      Promise.resolve().then(function() {
+        t = void 0, n(e());
+      });
+    })), t;
+  };
+}
+function ce(e) {
+  for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++)
+    n[r - 1] = arguments[r];
+  return [].concat(n).reduce(function(a, o) {
+    return a.replace(/%s/, o);
+  }, e);
+}
+var he = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', na = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', Nt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function ra(e) {
+  e.forEach(function(t) {
+    [].concat(Object.keys(t), Nt).filter(function(n, r, a) {
+      return a.indexOf(n) === r;
+    }).forEach(function(n) {
+      switch (n) {
+        case "name":
+          typeof t.name != "string" && console.error(ce(he, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
+          break;
+        case "enabled":
+          typeof t.enabled != "boolean" && console.error(ce(he, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
+          break;
+        case "phase":
+          at.indexOf(t.phase) < 0 && console.error(ce(he, t.name, '"phase"', "either " + at.join(", "), '"' + String(t.phase) + '"'));
+          break;
+        case "fn":
+          typeof t.fn != "function" && console.error(ce(he, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
+          break;
+        case "effect":
+          t.effect != null && typeof t.effect != "function" && console.error(ce(he, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
+          break;
+        case "requires":
+          t.requires != null && !Array.isArray(t.requires) && console.error(ce(he, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
+          break;
+        case "requiresIfExists":
+          Array.isArray(t.requiresIfExists) || console.error(ce(he, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
+          break;
+        case "options":
+        case "data":
+          break;
+        default:
+          console.error('PopperJS: an invalid property has been provided to the "' + t.name + '" modifier, valid properties are ' + Nt.map(function(r) {
+            return '"' + r + '"';
+          }).join(", ") + '; but "' + n + '" was provided.');
+      }
+      t.requires && t.requires.forEach(function(r) {
+        e.find(function(a) {
+          return a.name === r;
+        }) == null && console.error(ce(na, String(t.name), r, r));
+      });
+    });
+  });
+}
+function aa(e, t) {
+  var n = /* @__PURE__ */ new Set();
+  return e.filter(function(r) {
+    var a = t(r);
+    if (!n.has(a))
+      return n.add(a), !0;
+  });
+}
+function oa(e) {
+  var t = e.reduce(function(n, r) {
+    var a = n[r.name];
+    return n[r.name] = a ? Object.assign({}, a, r, {
+      options: Object.assign({}, a.options, r.options),
+      data: Object.assign({}, a.data, r.data)
+    }) : r, n;
+  }, {});
+  return Object.keys(t).map(function(n) {
+    return t[n];
+  });
+}
+var Vt = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", sa = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", jt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Wt() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return !t.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function ia(e) {
+  e === void 0 && (e = {});
+  var t = e, n = t.defaultModifiers, r = n === void 0 ? [] : n, a = t.defaultOptions, o = a === void 0 ? jt : a;
+  return function(s, i, c) {
+    c === void 0 && (c = o);
+    var u = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, jt, o),
+      modifiersData: {},
+      elements: {
+        reference: s,
+        popper: i
+      },
+      attributes: {},
+      styles: {}
+    }, p = [], h = !1, d = {
+      state: u,
+      setOptions: function(g) {
+        var k = typeof g == "function" ? g(u.options) : g;
+        m(), u.options = Object.assign({}, o, u.options, k), u.scrollParents = {
+          reference: Se(s) ? Ne(s) : s.contextElement ? Ne(s.contextElement) : [],
+          popper: Ne(i)
+        };
+        var T = ea(oa([].concat(r, u.options.modifiers)));
+        if (u.orderedModifiers = T.filter(function(R) {
+          return R.enabled;
+        }), process.env.NODE_ENV !== "production") {
+          var C = aa([].concat(T, u.options.modifiers), function(R) {
+            var x = R.name;
+            return x;
+          });
+          if (ra(C), ne(u.options.placement) === Je) {
+            var v = u.orderedModifiers.find(function(R) {
+              var x = R.name;
+              return x === "flip";
+            });
+            v || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+          }
+          var O = re(i), M = O.marginTop, E = O.marginRight, j = O.marginBottom, A = O.marginLeft;
+          [M, E, j, A].some(function(R) {
+            return parseFloat(R);
+          }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
+        }
+        return f(), d.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!h) {
+          var g = u.elements, k = g.reference, T = g.popper;
+          if (!Wt(k, T)) {
+            process.env.NODE_ENV !== "production" && console.error(Vt);
+            return;
+          }
+          u.rects = {
+            reference: Jr(k, ze(T), u.options.strategy === "fixed"),
+            popper: vt(T)
+          }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(R) {
+            return u.modifiersData[R.name] = Object.assign({}, R.data);
+          });
+          for (var C = 0, v = 0; v < u.orderedModifiers.length; v++) {
+            if (process.env.NODE_ENV !== "production" && (C += 1, C > 100)) {
+              console.error(sa);
+              break;
+            }
+            if (u.reset === !0) {
+              u.reset = !1, v = -1;
+              continue;
+            }
+            var O = u.orderedModifiers[v], M = O.fn, E = O.options, j = E === void 0 ? {} : E, A = O.name;
+            typeof M == "function" && (u = M({
+              state: u,
+              options: j,
+              name: A,
+              instance: d
+            }) || u);
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: ta(function() {
+        return new Promise(function(w) {
+          d.forceUpdate(), w(u);
+        });
+      }),
+      destroy: function() {
+        m(), h = !0;
+      }
+    };
+    if (!Wt(s, i))
+      return process.env.NODE_ENV !== "production" && console.error(Vt), d;
+    d.setOptions(c).then(function(w) {
+      !h && c.onFirstUpdate && c.onFirstUpdate(w);
+    });
+    function f() {
+      u.orderedModifiers.forEach(function(w) {
+        var g = w.name, k = w.options, T = k === void 0 ? {} : k, C = w.effect;
+        if (typeof C == "function") {
+          var v = C({
+            state: u,
+            name: g,
+            instance: d,
+            options: T
+          }), O = function() {
+          };
+          p.push(v || O);
+        }
+      });
+    }
+    function m() {
+      p.forEach(function(w) {
+        return w();
+      }), p = [];
+    }
+    return d;
+  };
+}
+var la = [Er, qr, Cr, mr, Hr, Vr, Xr, $r, Wr], ua = /* @__PURE__ */ ia({
+  defaultModifiers: la
+});
+const ca = Object.freeze([
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end",
+  "right",
+  "right-start",
+  "right-end"
+]);
+function wt(e) {
+  const { placement: t, transfer: n, wrapper: r, isDrop: a = !1 } = e, o = e.reference ?? $(null), l = e.popper ?? $(null), s = $(""), i = {
+    placement: t.value,
+    modifiers: [
+      {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: !1
+        }
+      },
+      {
+        name: "preventOverflow",
+        options: {
+          rootBoundary: "window"
+        }
+      }
+    ]
+  };
+  a && i.modifiers.push({
+    name: "setTransformOrigin",
+    enabled: !0,
+    phase: "afterWrite",
+    fn({ state: g }) {
+      const k = da(g.placement);
+      k && (g.elements.popper.style.transformOrigin = k);
+    }
+  }), e.offset && i.modifiers.push({
+    name: "offset",
+    options: {
+      offset: e.offset
+    }
+  });
+  let c = null;
+  W(t, (g) => {
+    i.placement = g, c && (c == null || c.setOptions({ placement: g }));
+  });
+  let u = $(0);
+  ct(() => {
+    r.value && l.value && (r.value.__transferElement = l.value);
+  });
+  let p = null;
+  n && W(n, (g) => {
+    f(g), h();
+  }), pe(() => {
+    Ee(d);
+  }), Xt(w);
+  function h() {
+    Ee(() => {
+      c && c.forceUpdate(), r.value && (u.value = r.value.clientWidth);
+    });
+  }
+  function d() {
+    w(), c && c.destroy(), m();
+    const g = W(o, m), k = W(l, m);
+    p = () => {
+      g(), k();
+    };
+  }
+  function f(g) {
+    s.value = typeof g == "boolean" ? g ? "body" : "" : g;
+  }
+  function m() {
+    o.value && l.value && (c && c.destroy(), c = ua(o.value, l.value, i), h());
+  }
+  function w() {
+    c && c.destroy(), c = null, typeof p == "function" && (p(), p = null);
+  }
+  return {
+    reference: o,
+    popper: l,
+    transferTo: s,
+    updatePopper: h,
+    createPopper: d,
+    destroyPopper: w,
+    width: u
+  };
+}
+function da(e) {
+  if (e !== "left" && e !== "right") {
+    const [t, n] = e.split("-");
+    return t === "bottom" || t !== "top" && n === "start" ? "center top" : "center bottom";
+  }
+}
+var zt;
+const xe = typeof window < "u", fa = (e) => typeof e == "string", pa = () => {
+};
+xe && ((zt = window == null ? void 0 : window.navigator) != null && zt.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function ma(e) {
+  return typeof e == "function" ? e() : En(e);
+}
+function va(e) {
+  return e;
+}
+function ba(e) {
+  return Cn() ? (kn(e), !0) : !1;
+}
+function De(e) {
+  var t;
+  const n = ma(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+const on = xe ? window : void 0;
+xe && window.document;
+xe && window.navigator;
+xe && window.location;
+function ye(...e) {
+  let t, n, r, a;
+  if (fa(e[0]) || Array.isArray(e[0]) ? ([n, r, a] = e, t = on) : [t, n, r, a] = e, !t)
+    return pa;
+  Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
+  const o = [], l = () => {
+    o.forEach((u) => u()), o.length = 0;
+  }, s = (u, p, h) => (u.addEventListener(p, h, a), () => u.removeEventListener(p, h, a)), i = W(() => De(t), (u) => {
+    l(), u && o.push(...n.flatMap((p) => r.map((h) => s(u, p, h))));
+  }, { immediate: !0, flush: "post" }), c = () => {
+    i(), l();
+  };
+  return ba(c), c;
+}
+function sn(e, t, n = {}) {
+  const { window: r = on, ignore: a = [], capture: o = !0, detectIframe: l = !1 } = n;
+  if (!r)
+    return;
+  let s = !0, i;
+  const c = (d) => a.some((f) => {
+    if (typeof f == "string")
+      return Array.from(r.document.querySelectorAll(f)).some((m) => m === d.target || d.composedPath().includes(m));
+    {
+      const m = De(f);
+      return m && (d.target === m || d.composedPath().includes(m));
+    }
+  }), u = (d) => {
+    r.clearTimeout(i);
+    const f = De(e);
+    if (!(!f || f === d.target || d.composedPath().includes(f))) {
+      if (d.detail === 0 && (s = !c(d)), !s) {
+        s = !0;
+        return;
+      }
+      t(d);
+    }
+  }, p = [
+    ye(r, "click", u, { passive: !0, capture: o }),
+    ye(r, "pointerdown", (d) => {
+      const f = De(e);
+      f && (s = !d.composedPath().includes(f) && !c(d));
+    }, { passive: !0 }),
+    ye(r, "pointerup", (d) => {
+      if (d.button === 0) {
+        const f = d.composedPath();
+        d.composedPath = () => f, i = r.setTimeout(() => u(d), 50);
+      }
+    }, { passive: !0 }),
+    l && ye(r, "blur", (d) => {
+      var f;
+      const m = De(e);
+      ((f = r.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(m != null && m.contains(r.document.activeElement)) && t(d);
+    })
+  ].filter(Boolean);
+  return () => p.forEach((d) => d());
+}
+const it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, lt = "__vueuse_ssr_handlers__";
+it[lt] = it[lt] || {};
+it[lt];
+var xt;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(xt || (xt = {}));
+var ha = Object.defineProperty, Ht = Object.getOwnPropertySymbols, ya = Object.prototype.hasOwnProperty, ga = Object.prototype.propertyIsEnumerable, Ft = (e, t, n) => t in e ? ha(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, wa = (e, t) => {
+  for (var n in t || (t = {}))
+    ya.call(t, n) && Ft(e, n, t[n]);
+  if (Ht)
+    for (var n of Ht(t))
+      ga.call(t, n) && Ft(e, n, t[n]);
+  return e;
+};
+const $a = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+wa({
+  linear: va
+}, $a);
+const Oa = I({
+  name: "MSelect",
+  emits: te.emits(),
+  props: {
+    ...te.props(),
+    label: {
+      type: String
+    },
+    placeholder: {
+      type: String,
+      default: "Select an option"
+    },
+    options: {
+      type: Array,
+      required: !0
+    },
+    searchable: {
+      type: Boolean,
+      default: !1
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    help: {
+      type: String,
+      default: ""
+    },
+    optionValue: {
+      type: String,
+      default: "value"
+    },
+    optionLabel: {
+      type: String,
+      default: "label"
+    },
+    transitionName: {
+      type: String,
+      default: "fade"
+    },
+    consistentWidth: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { emit: t }) {
+    const n = $(), r = $(), a = $(), o = $(), l = $(), s = $(0), i = $(!1), c = $(""), u = $("bottom-start"), p = $(!1), h = $(0), d = $(!1), f = () => {
+    }, {
+      id: m,
+      insideForm: w,
+      listeners: g,
+      formError: k,
+      formDisabled: T,
+      formLoading: C
+    } = te(e, { focus: f, emit: t, withListeners: !1 }), { popper: v } = wt({
+      placement: u,
+      transfer: p,
+      reference: n,
+      wrapper: r
+    }), O = b(() => T || e.disabled), M = b(() => C || e.loading), E = b({
+      get() {
+        return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
+      },
+      set(S) {
+        t("update:modelValue", S);
+      }
+    }), j = b(() => e.consistentWidth ? {
+      width: h.value + "px"
+    } : {}), A = b(() => !e.options || e.options.length == 0 ? [] : e.searchable && c.value ? e.options.filter((S) => S[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((S) => {
+      if (S[e.optionValue] === void 0)
+        throw new Error("Option value is undefined");
+      if (S[e.optionLabel] === void 0)
+        throw new Error("Option label is undefined");
+      let N = S[e.optionValue], P = !1;
+      return e.multiple && Array.isArray(E.value) ? P = E.value.includes(N) : P = E.value === N, {
+        value: N,
+        label: S[e.optionLabel],
+        active: P,
+        onClick: () => z(N)
+      };
+    }) : e.options.map((S) => {
+      if (S[e.optionValue] === void 0)
+        throw new Error("Option value is undefined");
+      if (S[e.optionLabel] === void 0)
+        throw new Error("Option label is undefined");
+      let N = S[e.optionValue], P = !1;
+      return e.multiple && Array.isArray(E.value) ? P = E.value.includes(N) : P = E.value === N, {
+        value: N,
+        label: S[e.optionLabel],
+        active: P,
+        onClick: () => z(N)
+      };
+    }));
+    function R() {
+      O.value || M.value || (i.value = !i.value);
+    }
+    function x(S, N = "down") {
+      if (typeof S > "u" && (S = N === "down" ? -1 : 1), N === "down") {
+        let P = S + 1;
+        P > A.value.length - 1 && (P = 0), s.value = P;
+      } else {
+        let P = S - 1;
+        P < 0 && (P = A.value.length - 1), s.value = P;
+      }
+    }
+    function z(S) {
+      if (A.value.find((P) => P.value === S))
+        if (e.multiple)
+          if (Array.isArray(E.value)) {
+            const P = E.value.indexOf(S);
+            P !== -1 ? E.value.splice(P, 1) : (E.value.push(S), t("update:modelValue", E.value));
+          } else
+            E.value = [S];
+        else
+          E.value = S, i.value = !1;
+    }
+    function ae(S) {
+      if (A.value.length === 0 || e.disabled)
+        return;
+      switch (d.value = !0, S.code) {
+        case "ArrowDown":
+          if (S.preventDefault(), !i.value) {
+            i.value = !0;
+            return;
+          }
+          x(s.value, "down");
+          break;
+        case "ArrowUp":
+          if (S.preventDefault(), !i.value)
+            return;
+          x(s.value, "up");
+          break;
+        case "Enter":
+          if (S.preventDefault(), S.stopPropagation(), !i.value) {
+            i.value = !0;
+            return;
+          }
+          typeof s.value < "u" && (z(A.value[s.value].value), e.multiple || (i.value = !1));
+          break;
+        case "Escape":
+          if (S.preventDefault(), S.stopPropagation(), !i.value)
+            return;
+          i.value = !1;
+          break;
+      }
+    }
+    const se = b(() => `m-transition__${e.transitionName}`), F = b(() => [
+      "m-select__container",
+      {
+        "m-form__input": w
+      }
+    ]), X = b(() => [
+      "m-select",
+      {
+        [`m-select--${e.size}`]: e.size,
+        "m-select--disabled": O.value || M.value,
+        "m-select--focused": i.value,
+        "m-select--multiple": e.multiple,
+        "m-select--error": k.value
+      }
+    ]);
+    function Ce(S) {
+      const N = e.options.find((P) => P[e.optionValue] === S);
+      return N ? N[e.optionLabel] : null;
+    }
+    ye(l, "keydown", ae), ye(o, "keydown", ae), sn(n, () => {
+      i.value = !1;
+    }, { ignore: [o, v] }), ct(() => {
+      n.value && i.value && (h.value = n.value.offsetWidth);
+    }), W(s, (S) => {
+      d.value && typeof S < "u" && a.value && a.value[S].scrollIntoView({ block: "nearest", inline: "nearest" });
+    }), W(i, (S) => {
+      Ee(() => {
+        if (S && a.value) {
+          const N = A.value.findIndex((P) => P.value === E.value);
+          N !== -1 && (a.value[N].scrollIntoView({ block: "center", inline: "nearest" }), s.value = N);
+        }
+        d.value = !1;
+      });
+    });
+    const ie = b(() => k.value || e.error);
+    return {
+      container: n,
+      optionsRef: a,
+      searchRef: o,
+      selectRef: l,
+      popper: v,
+      id: m,
+      open: i,
+      selected: E,
+      computedOptions: A,
+      selectedIndex: s,
+      search: c,
+      containerComputedClasses: F,
+      selectComputedClasses: X,
+      computedConsistentWidth: j,
+      getSelectedLabel: Ce,
+      openSelect: R,
+      inputError: ie,
+      transitionName: se,
+      listeners: g
+    };
+  }
+}), _a = ["for", "id"], Sa = ["id", "aria-disabled", "aria-labelledby"], Ca = { class: "m-select__wrapper" }, ka = { class: "m-select__input" }, Ea = { class: "m-select__input-wrapper" }, Ta = {
+  key: 2,
+  class: "m-select__placeholder-text"
+}, Ma = ["aria-hidden"], Aa = {
+  key: 0,
+  class: "m-select__search"
+}, Ba = { class: "m-select__options" }, Pa = ["onClick", "onMouseover"], Ra = {
+  key: 1,
+  class: "m-select__error"
+};
+function Da(e, t, n, r, a, o) {
+  const l = de("MInput");
+  return y(), _("div", {
+    class: D(e.containerComputedClasses),
+    ref: "selectRef",
+    tabindex: "0"
+  }, [
+    e.label ? (y(), _("label", Gt({
+      key: 0,
+      for: e.id,
+      class: "m-select__label"
+    }, Ut(e.listeners, !0), {
+      id: `${e.id}-label`
+    }), H(e.label), 17, _a)) : q("", !0),
+    V("div", {
+      class: D(e.selectComputedClasses),
+      id: e.id,
+      ref: "container",
+      onClick: t[1] || (t[1] = (...s) => e.openSelect && e.openSelect(...s)),
+      "aria-disabled": e.disabled ? "true" : "false",
+      "aria-labelledby": `${e.id}-label`
+    }, [
+      V("div", Ca, [
+        V("div", ka, [
+          V("div", Ea, [
+            e.multiple && Array.isArray(e.selected) && e.selected.length > 0 ? (y(!0), _(ge, { key: 0 }, Ie(e.selected, (s) => (y(), _("span", {
+              key: s,
+              class: "m-select__tag"
+            }, H(e.getSelectedLabel(s)), 1))), 128)) : !e.multiple && e.selected ? (y(), _(ge, { key: 1 }, [
+              Oe(H(e.getSelectedLabel(e.selected)), 1)
+            ], 64)) : (y(), _("span", Ta, H(e.placeholder), 1))
+          ])
+        ]),
+        (y(), K(Qe, { to: "body" }, [
+          _e(dt, { name: e.transitionName }, {
+            default: Y(() => [
+              e.open ? (y(), _("div", {
+                key: 0,
+                class: "m-select__dropdown",
+                ref: "popper",
+                style: ft(e.computedConsistentWidth),
+                "aria-hidden": e.open ? "false" : "true"
+              }, [
+                e.searchable ? (y(), _("div", Aa, [
+                  _e(l, {
+                    modelValue: e.search,
+                    "onUpdate:modelValue": t[0] || (t[0] = (s) => e.search = s),
+                    placeholder: "Search",
+                    size: "sm",
+                    ref: "searchRef"
+                  }, null, 8, ["modelValue"])
+                ])) : q("", !0),
+                V("div", Ba, [
+                  (y(!0), _(ge, null, Ie(e.computedOptions, (s, i) => (y(), _("div", {
+                    key: i,
+                    ref_for: !0,
+                    ref: "optionsRef",
+                    class: D(["m-select__option", {
+                      "m-select__option--selected": s.active,
+                      "m-select__option--focused": e.selectedIndex === i
+                    }]),
+                    onClick: s.onClick,
+                    onMouseover: (c) => e.selectedIndex = i
+                  }, H(s.label), 43, Pa))), 128))
+                ])
+              ], 12, Ma)) : q("", !0)
+            ]),
+            _: 1
+          }, 8, ["name"])
+        ]))
+      ])
+    ], 10, Sa),
+    e.inputError ? (y(), _("p", Ra, H(e.inputError), 1)) : q("", !0)
+  ], 2);
+}
+const Ia = /* @__PURE__ */ L(Oa, [["render", Da]]), La = I({
+  name: "Checkbox",
+  emits: te.emits(),
+  props: {
+    ...te.props(),
+    label: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    color: {
+      type: String,
+      default: "blue"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { slots: t, emit: n }) {
+    const r = () => {
+    }, {
+      id: a,
+      insideForm: o,
+      reset: l,
+      validate: s,
+      setError: i,
+      formError: c,
+      formDisabled: u,
+      formLoading: p
+    } = te(e, { focus: r, emit: n, withListeners: !1 }), h = b(() => u || e.disabled), d = b(() => p || e.loading), f = $e(e, "name"), m = $(!1), w = $(null), g = b(() => !!t.default), k = b(() => [
+      "m-checkbox__container",
+      {
+        "m-form__input": o
+      }
+    ]), T = b(() => ({
+      "m-checkbox": !0,
+      "m-checkbox--checked": m.value,
+      "m-checkbox--disabled": h.value || d.value,
+      "m-checkbox--error": c.value,
+      [`m-checkbox--${e.size}`]: !0,
+      [`m-checkbox--${e.color}`]: !0
+    })), C = b(() => c.value || e.error);
+    W(() => e.modelValue, (O) => {
+      m.value = !!O;
+    }, { immediate: !0 }), W(() => m.value, (O) => {
+      n("update:modelValue", O);
+    });
+    function v() {
+      h.value || (m.value = !m.value);
+    }
+    return {
+      id: a,
+      formError: c,
+      insideForm: o,
+      reset: l,
+      validate: s,
+      setError: i,
+      disabled: h,
+      loading: d,
+      name: f,
+      checked: m,
+      checkboxRef: w,
+      inputError: C,
+      toggle: v,
+      wrapperComputedClasses: k,
+      checkboxComputedClass: T,
+      hasSlot: g
+    };
+  }
+}), Na = ["aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], Va = /* @__PURE__ */ V("span", null, null, -1), ja = ["id"], Wa = {
+  key: 0,
+  class: "m-input__error"
+};
+function za(e, t, n, r, a, o) {
+  return y(), _("div", {
+    ref: "checkboxRef",
+    class: D(e.wrapperComputedClasses)
+  }, [
+    V("div", {
+      class: D(e.checkboxComputedClass),
+      onClick: t[1] || (t[1] = ut((...l) => e.toggle && e.toggle(...l), ["prevent"]))
+    }, [
+      pt(V("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => e.checked = l),
+        type: "checkbox",
+        "aria-checked": e.checked ? "true" : "false",
+        "aria-disabled": e.disabled || e.loading ? "true" : "false",
+        "aria-labelledby": `${e.id}-label`,
+        disabled: e.disabled || e.loading,
+        name: e.name,
+        id: e.id
+      }, null, 8, Na), [
+        [Tn, e.checked]
+      ]),
+      Va,
+      V("div", {
+        class: "m-checkbox__label",
+        id: `${e.id}-label`
+      }, [
+        e.hasSlot ? B(e.$slots, "default", { key: 0 }) : (y(), _(ge, { key: 1 }, [
+          Oe(H(e.label), 1)
+        ], 64))
+      ], 8, ja)
+    ], 2),
+    e.inputError ? (y(), _("p", Wa, H(e.inputError), 1)) : q("", !0)
+  ], 2);
+}
+const xa = /* @__PURE__ */ L(La, [["render", za]]), Ha = I({
+  name: "Breadcrumb",
+  components: {
+    BreadcrumbItem: () => Promise.resolve().then(() => Qa)
+  },
+  props: {
+    seperator: {
+      type: String,
+      default: "/"
+    }
+  },
+  setup(e) {
+    const t = () => {
+    }, n = Ke({
+      separator: $e(e, "seperator"),
+      refreshItems: t
+    }), r = b(() => ({
+      "m-breadcrumbs": !0
+    }));
+    return fe("breadcrumb", n), {
+      props: e,
+      refreshItems: t,
+      classes: r
+    };
+  }
+});
+function Fa(e, t, n, r, a, o) {
+  return y(), _("ol", {
+    class: D(e.classes)
+  }, [
+    B(e.$slots, "default")
+  ], 2);
+}
+const qa = /* @__PURE__ */ L(Ha, [["render", Fa]]), Ga = I({
+  name: "BreadcrumbItem",
+  props: {
+    label: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = le("breadcrumb"), n = $(e.label), r = $("/");
+    return W(
+      () => e.label,
+      (o) => {
+        n.value = o, t == null || t.refreshItems();
+      }
+    ), t && (Ke({
+      label: n
+    }), W(() => t.separator, (o) => r.value = o, { immediate: !0 }), Xt(() => {
+    })), {
+      label: n,
+      separator: r,
+      handleClick: () => {
+      }
+    };
+  }
+}), Ua = { class: "m-breadcrumbs__item" }, Xa = {
+  class: "m-breadcrumbs__item-separator",
+  role: "separator"
+};
+function Ya(e, t, n, r, a, o) {
+  return y(), _("li", Ua, [
+    V("a", {
+      tabindex: "0",
+      onClick: t[0] || (t[0] = (...l) => e.handleClick && e.handleClick(...l)),
+      class: "m-breadcrumbs__link"
+    }, [
+      B(e.$slots, "default", {}, () => [
+        Oe(H(e.label), 1)
+      ])
+    ]),
+    V("span", Xa, H(e.separator), 1)
+  ]);
+}
+const ln = /* @__PURE__ */ L(Ga, [["render", Ya]]), Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ln
+}, Symbol.toStringTag, { value: "Module" })), Ka = I({
+  name: "MImage",
+  props: {
+    src: {
+      type: String,
+      required: !0
+    },
+    scrSet: {
+      type: String,
+      default: ""
+    },
+    fit: {
+      type: String,
+      default: "cover"
+    },
+    alt: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    error: (e) => !0
+  },
+  setup(e, { emit: t }) {
+    const n = $("");
+    typeof window < "u" && Image && W(
+      () => e.src,
+      (o) => {
+        if (!o)
+          return;
+        const l = new Image();
+        l.onload = () => {
+          n.value = e.src;
+        }, l.onerror = () => {
+          t("error", new Event("error"));
+        }, l.src = o;
+      },
+      { immediate: !0 }
+    );
+    const r = b(() => ({
+      "m-image": !0
+    })), a = b(() => ({}));
+    return {
+      source: n,
+      computedClasses: r,
+      computedStyles: a
+    };
+  }
+}), Ja = ["src", "alt"];
+function Za(e, t, n, r, a, o) {
+  return y(), _("img", {
+    class: D(e.computedClasses),
+    style: ft(e.computedStyles),
+    src: e.source,
+    alt: e.alt
+  }, null, 14, Ja);
+}
+const un = /* @__PURE__ */ L(Ka, [["render", Za]]), eo = I({
+  name: "MAvatar",
+  components: {
+    MImage: un
+  },
+  props: {
+    src: {
+      type: String,
+      default: ""
+    },
+    srcSet: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: [Number, String],
+      default: "md"
+    },
+    fit: {
+      type: String,
+      default: "cover"
+    },
+    variant: {
+      type: String,
+      default: "circle"
+    }
+  },
+  emits: {
+    error: (e) => !0
+  },
+  setup(e, { emit: t }) {
+    const n = le("avatarGroup", void 0), r = $(null), a = $(!0), o = $(""), l = b(() => n == null ? void 0 : n.size), s = b(() => typeof e.size == "number" || e.size.includes("px")), i = b(() => s.value ? {
+      width: e.size,
+      height: e.size
+    } : {}), c = b(() => ({
+      "m-avatar": !0,
+      [`m-avatar--${o.value}`]: !s.value,
+      [`m-avatar--${e.variant}`]: !0
+    })), u = (p) => {
+      a.value = !1, t("error", p);
+    };
+    return pe(() => {
+      o.value = l.value || e.size;
+    }), {
+      avatar: r,
+      avatarGroup: n,
+      classes: c,
+      customSize: i,
+      imageExists: a,
+      handleImageLoadError: u
+    };
+  }
+});
+function to(e, t, n, r, a, o) {
+  const l = de("MImage");
+  return y(), _("span", {
+    class: D(e.classes),
+    style: ft(e.customSize),
+    ref: "avatar"
+  }, [
+    (e.src || e.srcSet) && e.imageExists ? (y(), K(l, {
+      key: 0,
+      src: e.src,
+      alt: e.src,
+      srcset: e.srcSet,
+      onError: e.handleImageLoadError
+    }, null, 8, ["src", "alt", "srcset", "onError"])) : B(e.$slots, "default", { key: 1 })
+  ], 6);
+}
+const no = /* @__PURE__ */ L(eo, [["render", to]]), ro = I({
+  name: "MAvatarGroup",
+  props: {
+    max: {
+      type: Number,
+      default: 5
+    },
+    size: {
+      type: [Number, String],
+      default: "md"
+    }
+  },
+  setup(e) {
+    return fe("avatarGroup", e), {
+      props: e
+    };
+  }
+}), ao = { class: "m-avatar-group" };
+function oo(e, t, n, r, a, o) {
+  return y(), _("div", ao, [
+    B(e.$slots, "default")
+  ]);
+}
+const so = /* @__PURE__ */ L(ro, [["render", oo]]), io = I({
+  name: "MSkeleton",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    variant: {
+      type: String,
+      default: "line",
+      validator: (e) => ["block", "thumb", "heading", "line", "circle"].includes(e)
+    },
+    animation: {
+      type: String,
+      default: "pulse"
+    }
+  },
+  setup(e) {
+    return {
+      computedClasses: b(() => ({
+        "m-skeleton": !0,
+        [`m-skeleton--${e.variant}`]: !0,
+        [`m-skeleton--${e.animation}`]: !0
+      }))
+    };
+  }
+});
+function lo(e, t, n, r, a, o) {
+  return y(), K(Ye(e.tag), {
+    class: D(e.computedClasses)
+  }, {
+    default: Y(() => [
+      Oe("   ")
+    ]),
+    _: 1
+  }, 8, ["class"]);
+}
+const uo = /* @__PURE__ */ L(io, [["render", lo]]), co = I({
+  name: "MLink",
+  props: {
+    color: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    underline: {
+      type: Boolean,
+      default: !1
+    },
+    to: [String, Object]
+  },
+  setup(e) {
+    const t = b(() => [
+      "m-link",
+      {
+        [`m-link--${e.color}`]: e.color,
+        "m-link--underline": e.underline,
+        "m-link--block": e.block,
+        "m-link--disabled": e.disabled,
+        "m-link--external": n.value === "a"
+      }
+    ]), n = b(() => e.to ? "router-link" : "a");
+    return {
+      computedClasses: t,
+      tag: n
+    };
+  }
+});
+function fo(e, t, n, r, a, o) {
+  return y(), K(Ye(e.tag), {
+    to: e.to,
+    class: D(e.computedClasses),
+    disabled: e.disabled
+  }, {
+    default: Y(() => [
+      B(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["to", "class", "disabled"]);
+}
+const po = /* @__PURE__ */ L(co, [["render", fo]]), mo = I({
+  name: "MTooltip",
+  props: {
+    placement: {
+      type: String,
+      default: "top",
+      validator: (e) => ca.includes(e)
+    },
+    transitionName: {
+      type: String,
+      default: "scale"
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    },
+    transfer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { emit: t }) {
+    const n = $(e.placement), r = $e(e, "transfer"), a = $(null), o = $(null), l = $(!1), { popper: s, transferTo: i, updatePopper: c } = wt({
+      placement: n,
+      transfer: r,
+      reference: o,
+      wrapper: a
+    }), u = b(() => `m-transition__${e.transitionName}`), p = b(() => [
+      "m-tooltip",
+      {
+        "m-tooltip--reverse": e.reverse
+      }
+    ]);
+    return W(() => l.value, (h) => {
+      h && c();
+    }), {
+      reference: o,
+      popper: s,
+      transferTo: i,
+      transitionName: u,
+      isOpen: l,
+      computedClasses: p
+    };
+  }
+}), vo = { class: "m-tooltip--content" };
+function bo(e, t, n, r, a, o) {
+  return y(), _("span", {
+    onMouseenter: t[0] || (t[0] = (l) => e.isOpen = !0),
+    onMouseleave: t[1] || (t[1] = (l) => e.isOpen = !1),
+    ref: "reference"
+  }, [
+    B(e.$slots, "trigger"),
+    (y(), K(Qe, { to: "body" }, [
+      _e(dt, { name: e.transitionName }, {
+        default: Y(() => [
+          pt(V("div", {
+            ref: "popper",
+            class: D(e.computedClasses)
+          }, [
+            V("span", vo, [
+              B(e.$slots, "default")
+            ])
+          ], 2), [
+            [Yt, e.isOpen]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ]))
+  ], 544);
+}
+const ho = /* @__PURE__ */ L(mo, [["render", bo]]), yo = I({
+  name: "TabGroup",
+  props: {
+    modelValue: {
+      type: [String, Number]
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emit: [
+    "update:modelValue"
+  ],
+  setup(e, { emit: t }) {
+    const n = $(), r = $(), a = $(), o = $();
+    ct(() => {
+      o.value = e.modelValue;
+    });
+    const l = Ke({
+      active: b(() => o.value)
+    }), s = b(() => ({
+      "m-tab-group": !0,
+      "m-tab-group--vertical": e.vertical,
+      [`m-tab-group--${e.size}`]: !0
+    })), i = b(() => ({
+      "m-tab-group__tabs": !0
+    }));
+    function c(u) {
+      o.value = u, t("update:modelValue", u);
+    }
+    return fe("tabs", {
+      tabsContentRef: r,
+      selectTab: c,
+      state: l
+    }), {
+      wrapperRef: n,
+      tabsContentRef: r,
+      contentRef: a,
+      computedWrapperClasses: s,
+      computedTabsClasses: i
+    };
+  }
+}), go = { ref: "wrapperRef" }, wo = {
+  ref: "tabsContentRef",
+  class: "m-tab-group__content"
+};
+function $o(e, t, n, r, a, o) {
+  return y(), _("div", {
+    class: D(e.computedWrapperClasses)
+  }, [
+    V("div", go, [
+      V("ul", {
+        ref: "tabsRef",
+        class: D(e.computedTabsClasses)
+      }, [
+        B(e.$slots, "default")
+      ], 2)
+    ], 512),
+    V("div", wo, null, 512)
+  ], 2);
+}
+const Oo = /* @__PURE__ */ L(yo, [["render", $o]]), _o = I({
+  name: "Tab",
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    label: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { emit: t }) {
+    const n = b(() => e.value), r = b(() => e.label || e.value), a = $(null), o = $(null), l = le("tabs", {
+      tabsContentRef: $(null),
+      selectTab: (p) => {
+      },
+      state: Ke({
+        active: ""
+      })
+    }), s = b(() => ({
+      "m-tab": !0,
+      "m-tab--active": c.value,
+      "m-tab--disabled": e.disabled
+    })), i = b(() => ({
+      "m-tabs__button": !0
+    })), c = b(() => l.state.active === n.value);
+    function u() {
+      l.selectTab(n.value);
+    }
+    return pe(() => {
+      o.value = l.tabsContentRef.value;
+    }), {
+      computedValue: n,
+      computedLabel: r,
+      tabRef: a,
+      computedTabWrapperClasses: s,
+      computedTabClasses: i,
+      handleClick: u,
+      selected: c,
+      teleportTo: o
+    };
+  }
+}), So = ["data-value"], Co = ["disabled"];
+function ko(e, t, n, r, a, o) {
+  return y(), _("li", {
+    "data-value": e.computedValue,
+    class: D(e.computedTabWrapperClasses)
+  }, [
+    V("button", {
+      role: "button",
+      type: "button",
+      ref: "tabRef",
+      class: D(e.computedTabClasses),
+      onClick: t[0] || (t[0] = ut((...l) => e.handleClick && e.handleClick(...l), ["prevent"])),
+      disabled: e.disabled
+    }, [
+      B(e.$slots, "tab", {
+        label: e.label,
+        value: e.value
+      }, () => [
+        Oe(H(e.computedLabel), 1)
+      ]),
+      e.selected && e.teleportTo ? (y(), K(Qe, {
+        key: 0,
+        to: e.teleportTo
+      }, [
+        B(e.$slots, "default")
+      ], 8, ["to"])) : q("", !0)
+    ], 10, Co)
+  ], 10, So);
+}
+const Eo = /* @__PURE__ */ L(_o, [["render", ko]]), To = I({
+  name: "TableHeadRow"
+});
+function Mo(e, t, n, r, a, o) {
+  return y(), _("thead", null, [
+    V("tr", null, [
+      B(e.$slots, "default")
+    ])
+  ]);
+}
+const cn = /* @__PURE__ */ L(To, [["render", Mo]]), Ao = I({
+  name: "TableHead",
+  props: {
+    sort: {
+      type: Number
+    },
+    sortable: {
+      type: Boolean,
+      default: !1
+    }
+  }
+});
+function Bo(e, t, n, r, a, o) {
+  return y(), _("th", null, [
+    B(e.$slots, "default")
+  ]);
+}
+const dn = /* @__PURE__ */ L(Ao, [["render", Bo]]), Po = I({
+  name: "TableBody"
+});
+function Ro(e, t, n, r, a, o) {
+  return y(), _("tbody", null, [
+    B(e.$slots, "default")
+  ]);
+}
+const fn = /* @__PURE__ */ L(Po, [["render", Ro]]), Do = I({
+  name: "TableRow"
+});
+function Io(e, t, n, r, a, o) {
+  return y(), _("tr", null, [
+    B(e.$slots, "default")
+  ]);
+}
+const pn = /* @__PURE__ */ L(Do, [["render", Io]]), Lo = I({
+  name: "TableCell"
+});
+function No(e, t, n, r, a, o) {
+  return y(), _("td", null, [
+    B(e.$slots, "default")
+  ]);
+}
+const mn = /* @__PURE__ */ L(Lo, [["render", No]]), Vo = I({
+  name: "Table",
+  components: {
+    TableHeadRow: cn,
+    TableHead: dn,
+    TableBody: fn,
+    TableRow: pn,
+    TableCell: mn
+  },
+  emits: [
+    "update:sort"
+  ],
+  props: {
+    headers: {
+      type: Array,
+      default: () => []
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    striped: {
+      type: Boolean,
+      default: !1
+    },
+    hover: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = b(() => [
+      "m-table__wrapper",
+      {
+        "m-table__wrapper--loading": e.loading
+      }
+    ]), n = b(() => [
+      "m-table",
+      {
+        "m-table--loading": e.loading,
+        "m-table--striped": e.striped,
+        "m-table--hover": e.hover
+      }
+    ]);
+    return {
+      wrapperComputedClasses: t,
+      tableComputedClasses: n
+    };
+  }
+});
+function jo(e, t, n, r, a, o) {
+  const l = de("TableHead"), s = de("TableHeadRow"), i = de("TableCell"), c = de("TableRow"), u = de("TableBody");
+  return y(), _("div", {
+    class: D(e.wrapperComputedClasses)
+  }, [
+    V("table", {
+      class: D(e.tableComputedClasses)
+    }, [
+      _e(s, null, {
+        default: Y(() => [
+          (y(!0), _(ge, null, Ie(e.headers, (p, h) => (y(), K(l, {
+            key: h,
+            width: p.width
+          }, {
+            default: Y(() => [
+              Oe(H(p.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["width"]))), 128))
+        ]),
+        _: 1
+      }),
+      _e(u, null, {
+        default: Y(() => [
+          (y(!0), _(ge, null, Ie(e.items, (p, h) => (y(), K(c, { key: h }, {
+            default: Y(() => [
+              (y(!0), _(ge, null, Ie(e.headers, (d, f) => (y(), K(i, { key: f }, {
+                default: Y(() => [
+                  B(e.$slots, d.key, { item: p }, () => [
+                    Oe(H(
+                      //@ts-ignore
+                      p[d.key]
+                    ), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 3
+      })
+    ], 2)
+  ], 2);
+}
+const Wo = /* @__PURE__ */ L(Vo, [["render", jo]]), zo = I({
+  name: "DropdownWrapper",
+  setup() {
+    const e = le("dropdown", null);
+    fe("dropdown-select", e == null ? void 0 : e.handleSelect);
+  }
+});
+function xo(e, t, n, r, a, o) {
+  return B(e.$slots, "default");
+}
+const vn = /* @__PURE__ */ L(zo, [["render", xo]]);
+function bn(e, t) {
+  const n = $(e.value);
+  function r(a) {
+    var o;
+    t.value ? n.value = a ?? ((o = t.value.textContent) == null ? void 0 : o.trim()) ?? null : n.value = a;
+  }
+  return W(e, (a) => {
+    r(a);
+  }), pe(() => {
+    Ee(() => {
+      r(e.value);
+    });
+  }), n;
+}
+const Ho = I({
+  name: "Dropdown",
+  components: {
+    DropdownWrapper: vn
+  },
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    placement: {
+      type: String,
+      default: "bottom-start"
+    },
+    transfer: {
+      type: Boolean,
+      default: !1
+    },
+    trigger: {
+      type: String,
+      default: "click"
+    },
+    virtual: {
+      type: [Object],
+      default: null
+    },
+    x: {
+      type: Number,
+      default: 0
+    },
+    y: {
+      type: Number,
+      default: 0
+    },
+    label: {
+      default: null,
+      static: !0
+    },
+    transitionName: {
+      type: String,
+      default: "fade"
+    },
+    onSelect: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: [
+    "update:open"
+  ],
+  setup(e, { emit: t }) {
+    const n = le("dropdown", null), r = !!n, a = $e(e, "label"), o = $(e.open), l = $(e.placement), s = $e(e, "transfer"), i = $(null), c = $(null), u = b(() => {
+      if (e.virtual !== null) {
+        const v = e.virtual.$el ?? e.virtual;
+        if (v) {
+          if ("getBoundingClientRect" in v)
+            return v;
+          if ("x" in v && "y" in v)
+            return {
+              getBoundingClientRect: () => ({
+                x: v.x,
+                y: v.y,
+                left: v.x,
+                top: v.y,
+                width: 0,
+                height: 0
+              })
+            };
+        }
+      }
+      return c.value;
+    }), { popper: p, transferTo: h, updatePopper: d } = wt({
+      reference: u,
+      placement: l,
+      transfer: s,
+      wrapper: i,
+      isDrop: !0,
+      offset: r ? [-2, 2] : void 0
+    }), f = bn(a, c);
+    fe("dropdown-select", null), fe("dropdown", {
+      handleSelect: g,
+      isOpen: o
+    }), W(() => e.open, (v) => {
+      o.value = v;
+    }), W(() => e.placement, (v) => {
+      m(v);
+    }), W(o, (v) => {
+      v && d(), t("update:open", v);
+    }), pe(() => {
+      Ee(() => {
+        m(e.placement);
+      });
+    }), ye("resize", () => {
+      d();
+    }), sn(i, (v) => {
+      let O = v.target, M = 0;
+      for (; O; ) {
+        if (O.classList.contains("m-dropdown-menu"))
+          return;
+        if (O = O.parentElement, M > 10)
+          break;
+        M++;
+      }
+      o.value = !1;
+    });
+    function m(v) {
+      const [O] = v.split("-");
+      r && O !== "right" && O !== "left" ? l.value = "right-start" : l.value = v;
+    }
+    function w() {
+      o.value = !o.value;
+    }
+    function g(v) {
+      o.value = !1, e.onSelect(v), typeof (n == null ? void 0 : n.handleSelect) == "function" && n.handleSelect([f.value, ...v]);
+    }
+    const k = b(() => [
+      "m-dropdown",
+      {
+        "m-dropdown--open": o.value,
+        "m-dropdown--nested": r
+      }
+    ]), T = b(() => {
+    }), C = b(() => `m-transition__${e.transitionName}`);
+    return {
+      wrapper: i,
+      referenceRef: c,
+      popper: p,
+      transferTo: h,
+      isOpen: o,
+      isNested: r,
+      placement: l,
+      computedWrapperClasses: k,
+      computedReferenceClasses: T,
+      transitionName: C,
+      toggleDropdown: w
+    };
+  }
+});
+function Fo(e, t, n, r, a, o) {
+  const l = de("DropdownWrapper");
+  return y(), _("div", {
+    ref: "wrapper",
+    class: D(e.computedWrapperClasses)
+  }, [
+    V("div", {
+      ref: "referenceRef",
+      class: D(e.computedReferenceClasses),
+      onClick: t[0] || (t[0] = (...s) => e.toggleDropdown && e.toggleDropdown(...s))
+    }, [
+      B(e.$slots, "default")
+    ], 2),
+    _e(l, null, {
+      default: Y(() => [
+        (y(), K(Qe, {
+          disabled: e.isNested,
+          to: "body"
+        }, [
+          _e(dt, { name: e.transitionName }, {
+            default: Y(() => [
+              pt(V("div", {
+                ref: "popper",
+                class: D([
+                  "m-dropdown-menu",
+                  `m-dropdown-menu--${e.placement}`
+                ])
+              }, [
+                B(e.$slots, "menu")
+              ], 2), [
+                [Yt, e.isOpen]
+              ])
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 8, ["disabled"]))
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+const qo = /* @__PURE__ */ L(Ho, [["render", Fo]]), Go = I({
+  name: "DropdownList",
+  setup() {
+    return {};
+  }
+});
+function Uo(e, t, n, r, a, o) {
+  return y(), _("ul", null, [
+    B(e.$slots, "default")
+  ]);
+}
+const Xo = /* @__PURE__ */ L(Go, [["render", Uo]]), Yo = I({
+  name: "DropdownItem",
+  props: {
+    label: {
+      type: [String, Number],
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    reference: {
+      type: Boolean,
+      default: !1
+    },
+    onSelect: {
+      type: Function,
+      default: () => {
+      }
+    },
+    hotkey: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [],
+  setup(e, { slots: t }) {
+    const n = le("dropdown-select", null);
+    le("dropdown", null);
+    const r = b(() => !!t["icon-left"]), a = b(() => !!t["icon-right"]), o = $(null), l = $e(e, "label"), s = $(e.reference), i = bn(l, o);
+    function c() {
+      e.disabled || s.value || (typeof n == "function" && n([i.value]), e.onSelect(i.value));
+    }
+    const u = b(() => ({
+      "m-dropdown-item": !0,
+      "m-dropdown-item--disabled": e.disabled,
+      "m-dropdown-item--reference": e.reference
+    }));
+    return {
+      wrapper: o,
+      hasIconLeft: r,
+      hasIconRight: a,
+      handleSelect: c,
+      computedWrapperClasses: u
+    };
+  }
+}), Qo = {
+  key: 0,
+  class: "m-dropdown__icon-left"
+}, Ko = { class: "m-dropdown__text" }, Jo = {
+  key: 1,
+  class: "m-dropdown__icon-right"
+};
+function Zo(e, t, n, r, a, o) {
+  return y(), _("li", {
+    ref: "wrapper",
+    class: D(e.computedWrapperClasses),
+    role: "menuitem",
+    tabindex: "0",
+    onClick: t[0] || (t[0] = (...l) => e.handleSelect && e.handleSelect(...l))
+  }, [
+    e.hasIconLeft ? (y(), _("div", Qo, [
+      B(e.$slots, "icon-left")
+    ])) : q("", !0),
+    V("div", Ko, [
+      B(e.$slots, "default")
+    ]),
+    e.hasIconRight ? (y(), _("div", Jo, [
+      B(e.$slots, "icon-right")
+    ])) : q("", !0)
+  ], 2);
+}
+const es = /* @__PURE__ */ L(Yo, [["render", Zo]]), qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAvatar: no,
+  MAvatarGroup: so,
+  MBreadcrumb: qa,
+  MBreadcrumbItem: ln,
+  MButton: Dn,
+  MButtonGroup: Nn,
+  MCheckbox: xa,
+  MDropdown: qo,
+  MDropdownItem: es,
+  MDropdownList: Xo,
+  MDropdownWrapper: vn,
+  MForm: xn,
+  MImage: un,
+  MInput: er,
+  MLink: po,
+  MSelect: Ia,
+  MSkeleton: uo,
+  MTab: Eo,
+  MTabGroup: Oo,
+  MTable: Wo,
+  MTableBody: fn,
+  MTableCell: mn,
+  MTableHead: dn,
+  MTableHeadRow: cn,
+  MTableRow: pn,
+  MTooltip: ho
+}, Symbol.toStringTag, { value: "Module" })), ts = {
+  prefix: "M"
+}, ns = (e = {}) => ({
+  install: (n, r = {}) => {
+    const a = {
+      ...ts,
+      ...e,
+      ...r
+    };
+    a.components && a.components.forEach((o) => {
+      const l = o.name.startsWith("M") ? o.name.slice(1) : o.name;
+      n.component(`${a.prefix}${l}`, o);
+    });
+  }
+}), as = ns({
+  components: Object.keys(qt).map(
+    (e) => qt[e]
+  )
+});
+export {
+  no as MAvatar,
+  so as MAvatarGroup,
+  qa as MBreadcrumb,
+  ln as MBreadcrumbItem,
+  Dn as MButton,
+  Nn as MButtonGroup,
+  xa as MCheckbox,
+  qo as MDropdown,
+  es as MDropdownItem,
+  Xo as MDropdownList,
+  vn as MDropdownWrapper,
+  xn as MForm,
+  un as MImage,
+  er as MInput,
+  po as MLink,
+  Ia as MSelect,
+  uo as MSkeleton,
+  Eo as MTab,
+  Oo as MTabGroup,
+  Wo as MTable,
+  fn as MTableBody,
+  mn as MTableCell,
+  dn as MTableHead,
+  cn as MTableHeadRow,
+  pn as MTableRow,
+  ho as MTooltip,
+  ns as createUI,
+  as as default
+};