vrembem 4.0.0-next.24 → 4.0.0-next.26

package/dist/index.js

@@ -1,49 +1,92 @@
-var $e = (t) => {
+var ie = (t) => {
   throw TypeError(t);
 };
-var Le = (t, e, i) => e.has(t) || $e("Cannot " + i);
-var x = (t, e, i) => (Le(t, e, "read from private field"), i ? i.call(t) : e.get(t)), _ = (t, e, i) => e.has(t) ? $e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), M = (t, e, i, s) => (Le(t, e, "write to private field"), s ? s.call(t, i) : e.set(t, i), i);
-var j;
-class Re {
-  constructor(e, i) {
-    _(this, j);
-    this.value = e, M(this, j, i), this.mql = null;
+var se = (t, s, e) => s.has(t) || ie("Cannot " + e);
+var y = (t, s, e) => (se(t, s, "read from private field"), e ? e.call(t) : s.get(t)), P = (t, s, e) => s.has(t) ? ie("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), C = (t, s, e, i) => (se(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e);
+var k;
+class ae {
+  constructor(s, e) {
+    P(this, k);
+    this.value = s, C(this, k, e), this.mql = null;
   }
   get handler() {
-    return x(this, j);
+    return y(this, k);
   }
   // Unmount existing handler before setting a new one.
-  set handler(e) {
-    this.mql && this.mql.removeEventListener("change", x(this, j)), M(this, j, e);
+  set handler(s) {
+    this.mql && this.mql.removeEventListener("change", y(this, k)), C(this, k, s);
   }
-  mount(e, i) {
-    return e && (this.value = e), i && M(this, j, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", x(this, j)), x(this, j).call(this, this.mql), this) : this;
+  mount(s, e) {
+    return s && (this.value = s), e && C(this, k, e), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", y(this, k)), y(this, k).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", x(this, j)), this.value = null, M(this, j, null), this.mql = null, this) : this;
-  }
-}
-j = new WeakMap();
-class jt {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
+    return this.mql ? (this.mql.removeEventListener("change", y(this, k)), this.value = null, C(this, k, null), this.mql = null, this) : this;
+  }
+}
+k = new WeakMap();
+var pt;
+class Lt {
+  constructor(s = {}) {
+    P(this, pt);
+    const e = this;
+    this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({ dataConfig: "config" }, s), C(this, pt, {
+      applySettings(i) {
+        return Object.assign(this.settings, i);
+      },
+      getDataConfig() {
+        return Object.assign(this.dataConfig, fe(this.el, this.getSetting("dataConfig")));
+      },
+      getCustomProps() {
+        return Object.assign(this.customProps, ue(this.el, e.module, this.customPropKeys));
+      },
+      getSetting(i) {
+        const n = ge(i), o = he(i);
+        if ("dataConfig" in this && n in this.dataConfig)
+          return this.dataConfig[n];
+        if ("customProps" in this && o in this.customProps)
+          return this.customProps[o];
+        if ("settings" in this && n in this.settings)
+          return this.settings[n];
+        if ("settings" in e && n in e.settings)
+          return e.settings[n];
+        throw new Error(`${e.module} setting does not exist: ${i}`);
+      },
+      teleport(i = this.getSetting("teleport"), n = this.getSetting("teleportMethod")) {
+        return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = Mt(this.el, i, n), this.el);
+      },
+      teleportReturn() {
+        return this.returnRef ? (this.returnRef = Mt(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
+      }
+    });
   }
-  async deregister(e) {
-    const i = this.collection.findIndex((s) => s === e);
-    if (i >= 0) {
-      const s = this.collection[i];
-      Object.getOwnPropertyNames(s).forEach((n) => {
-        delete s[n];
-      }), this.collection.splice(i, 1);
+  createEntry(s, e = {}) {
+    const i = de(s), n = Object.create(y(this, pt));
+    return Object.assign(n, {
+      id: i == null ? void 0 : i.id,
+      el: i,
+      settings: {},
+      dataConfig: {},
+      customProps: {},
+      customPropKeys: [],
+      returnRef: null
+    }, e), n;
+  }
+  async register(s) {
+    return await this.deregister(s), this.collection.push(s), this.collection;
+  }
+  async deregister(s) {
+    const e = this.collection.findIndex((i) => i === s);
+    if (e >= 0) {
+      const i = this.collection[e];
+      Object.getOwnPropertyNames(i).forEach((n) => {
+        delete i[n];
+      }), this.collection.splice(e, 1);
     }
     return this.collection;
   }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (i) => {
-      this.register(i);
+  async registerCollection(s) {
+    return await Promise.all(Array.from(s, (e) => {
+      this.register(e);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -51,23 +94,24 @@ class jt {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(e, i = "id") {
-    return this.collection.find((s) => s[i] === e);
+  get(s, e = "id") {
+    return this.collection.find((i) => i[e] === s);
   }
 }
-var ot, tt, et;
-class te {
-  constructor(e = null, i = "[data-focus]") {
-    _(this, ot);
-    _(this, tt);
-    _(this, et);
-    this.el = e, this.selectorFocus = i, M(this, tt, ui.bind(this)), M(this, et, fi.bind(this));
+pt = new WeakMap();
+var et, X, Y;
+class zt {
+  constructor(s = null, e = "[data-focus]") {
+    P(this, et);
+    P(this, X);
+    P(this, Y);
+    this.el = s, this.selectorFocus = e, C(this, X, Fe.bind(this)), C(this, Y, Ne.bind(this));
   }
   get focusable() {
-    return x(this, ot);
+    return y(this, et);
   }
-  set focusable(e) {
-    M(this, ot, e), x(this, ot).length ? (document.removeEventListener("keydown", x(this, et)), document.addEventListener("keydown", x(this, tt))) : (document.removeEventListener("keydown", x(this, tt)), document.addEventListener("keydown", x(this, et)));
+  set focusable(s) {
+    C(this, et, s), y(this, et).length ? (document.removeEventListener("keydown", y(this, Y)), document.addEventListener("keydown", y(this, X))) : (document.removeEventListener("keydown", y(this, X)), document.addEventListener("keydown", y(this, Y)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -75,181 +119,203 @@ class te {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(e, i) {
-    e && (this.el = e), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
+  mount(s, e) {
+    s && (this.el = s), e && (this.selectorFocus = e), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", x(this, tt)), document.removeEventListener("keydown", x(this, et));
-  }
-  focus(e = this.el, i = this.selectorFocus) {
-    (e.querySelector(i) || e).focus();
-  }
-  getFocusable(e = this.el) {
-    const i = [], s = document.activeElement, n = e.scrollTop, r = ci.join(",");
-    return e.querySelectorAll(r).forEach((l) => {
-      l.focus(), document.activeElement === l && i.push(l);
-    }), e.scrollTop = n, s.focus(), i;
-  }
-}
-ot = new WeakMap(), tt = new WeakMap(), et = new WeakMap();
-const I = ":not([inert])", R = ':not([tabindex^="-"])', bt = ":not(:disabled)", ci = [
-  `a[href]${I}${R}`,
-  `area[href]${I}${R}`,
-  `input:not([type="hidden"]):not([type="radio"])${I}${R}${bt}`,
-  `input[type="radio"]${I}${R}${bt}`,
-  `select${I}${R}${bt}`,
-  `textarea${I}${R}${bt}`,
-  `button${I}${R}${bt}`,
-  `details${I} > summary:first-of-type${R}`,
-  `iframe${I}${R}`,
-  `audio[controls]${I}${R}`,
-  `video[controls]${I}${R}`,
-  `[contenteditable]${I}${R}`,
-  `[tabindex]${I}${R}`
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", y(this, X)), document.removeEventListener("keydown", y(this, Y));
+  }
+  focus(s = this.el, e = this.selectorFocus) {
+    (s.querySelector(e) || s).focus();
+  }
+  getFocusable(s = this.el) {
+    const e = [], i = document.activeElement, n = s.scrollTop, o = Ie.join(",");
+    return s.querySelectorAll(o).forEach((l) => {
+      l.focus(), document.activeElement === l && e.push(l);
+    }), s.scrollTop = n, i.focus(), e;
+  }
+}
+et = new WeakMap(), X = new WeakMap(), Y = new WeakMap();
+const A = ":not([inert])", $ = ':not([tabindex^="-"])', gt = ":not(:disabled)", Ie = [
+  `a[href]${A}${$}`,
+  `area[href]${A}${$}`,
+  `input:not([type="hidden"]):not([type="radio"])${A}${$}${gt}`,
+  `input[type="radio"]${A}${$}${gt}`,
+  `select${A}${$}${gt}`,
+  `textarea${A}${$}${gt}`,
+  `button${A}${$}${gt}`,
+  `details${A} > summary:first-of-type${$}`,
+  `iframe${A}${$}`,
+  `audio[controls]${A}${$}`,
+  `video[controls]${A}${$}`,
+  `[contenteditable]${A}${$}`,
+  `[tabindex]${A}${$}`
 ];
-function ui(t) {
+function Fe(t) {
   (t.key === "Tab" || t.keyCode === 9) && (t.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (t.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (t.preventDefault(), this.focusableFirst.focus()));
 }
-function fi(t) {
+function Ne(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function Ft() {
+function At() {
   return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function ee(t, e) {
-  const i = {
+function Wt(t, s) {
+  const e = {
     fallback: null,
     element: document.body,
-    ...e
+    ...s
   };
   if (t.slice(0, 2) !== "--") {
-    const n = Ft();
+    const n = At();
     n && (t = `${n}${t}`), t = `--${t}`;
   }
-  const s = getComputedStyle(i.element).getPropertyValue(t).trim();
-  if (s)
-    return s;
-  if (i.fallback)
-    return i.fallback;
+  const i = getComputedStyle(e.element).getPropertyValue(t).trim();
+  if (i)
+    return i;
+  if (e.fallback)
+    return e.fallback;
   throw new Error(`CSS variable "${t}" was not found!`);
 }
-function ie(t, e) {
-  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return s ? JSON.parse(s) : {};
+function fe(t, s = "config") {
+  const i = (t.getAttribute(`data-${s}`) || "").replace(/'/g, '"');
+  return i ? JSON.parse(i) : {};
+}
+function ue(t, s, e) {
+  const i = getComputedStyle(t), n = {};
+  for (let o = 0; o < e.length; o++) {
+    const r = At(), l = i.getPropertyValue(`--${r}${s.toLowerCase()}-${e[o]}`).trim();
+    l && (n[e[o]] = l);
+  }
+  return n;
 }
-function se(t, e = !0) {
-  const i = localStorage.getItem(t), s = i ? JSON.parse(i) : {};
+function de(t) {
+  if (typeof t == "string")
+    return document.getElementById(t);
+  if (t instanceof HTMLElement)
+    return t;
+}
+function Kt(t, s = !0) {
+  const e = localStorage.getItem(t), i = e ? JSON.parse(e) : {};
   return {
     get(n) {
-      return n ? s[n] : s;
+      return n ? i[n] : i;
     },
-    set(n, r) {
-      return r ? s[n] = r : delete s[n], e && localStorage.setItem(t, JSON.stringify(s)), s;
+    set(n, o) {
+      return o ? i[n] = o : delete i[n], s && localStorage.setItem(t, JSON.stringify(i)), i;
     }
   };
 }
-function Yt(t, e, i) {
-  const s = e.nodeType === Node.COMMENT_NODE, n = e.nodeType === Node.ELEMENT_NODE;
-  if (e = s || n ? e : document.querySelector(e), s && (i = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
-  if (typeof e[i] != "function") throw new Error(`Not a valid teleport method: '${i}'`);
-  let r = null;
-  return s || (r = document.createComment("teleported #" + t.id), t.before(r)), e[i](t), s && e.remove(), r;
+function Mt(t, s, e) {
+  const i = s.nodeType === Node.COMMENT_NODE, n = s.nodeType === Node.ELEMENT_NODE;
+  if (s = i || n ? s : document.querySelector(s), i && (e = "after"), !s) throw new Error(`Not a valid teleport reference: '${s}'`);
+  if (typeof s[e] != "function") throw new Error(`Not a valid teleport method: '${e}'`);
+  let o = null;
+  return i || (o = document.createComment("teleported #" + t.id), t.before(o)), s[e](t), i && s.remove(), o;
 }
-function di(t) {
-  const e = {
-    prefix: ee("prefix-themes", { fallback: "vb-theme-" }),
+function _e(t) {
+  const s = {
+    prefix: Wt("prefix-themes", { fallback: "vb-theme-" }),
     themes: ["root", "light", "dark"],
     storeKey: "VB:Profile"
   };
-  for (const [r] of Object.entries(e))
-    t && t[r] && (e[r] = t[r]);
-  const i = {
+  for (const [o] of Object.entries(s))
+    t && t[o] && (s[o] = t[o]);
+  const e = {
     onInit() {
     },
     onChange() {
     }
   };
-  for (const [r] of Object.entries(i))
-    t && t[r] && (i[r] = t[r]);
-  const s = se(e.storeKey), n = {
+  for (const [o] of Object.entries(e))
+    t && t[o] && (e[o] = t[o]);
+  const i = Kt(s.storeKey), n = {
     // Store our settings in the API.
-    settings: e,
+    settings: s,
     // Actions.
-    add(r) {
-      e.themes.push(r);
+    add(o) {
+      s.themes.push(o);
     },
-    remove(r) {
-      const a = e.themes.indexOf(r);
-      ~a && e.themes.splice(a, 1);
+    remove(o) {
+      const r = s.themes.indexOf(o);
+      ~r && s.themes.splice(r, 1);
     },
-    callback(r) {
-      i[r].call(this);
+    callback(o) {
+      e[o].call(this);
     },
     // Getters.
     get class() {
-      return `${e.prefix}${this.theme}`;
+      return `${s.prefix}${this.theme}`;
     },
     get classes() {
-      return e.themes.map((r) => `${e.prefix}${r}`);
+      return s.themes.map((o) => `${s.prefix}${o}`);
     },
     get themes() {
-      return e.themes;
+      return s.themes;
     },
     // Setup the theme get and set methods.
     get theme() {
-      return s.get("theme") || "root";
+      return i.get("theme") || "root";
     },
-    set theme(r) {
-      e.themes.includes(r) ? this.theme != r && (s.set("theme", r), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${e.prefix}${r}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${r}"`);
+    set theme(o) {
+      s.themes.includes(o) ? this.theme != o && (i.set("theme", o), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${s.prefix}${o}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${o}"`);
     }
   };
   return n.callback("onInit"), n;
 }
-function Lt(t, e, i, s = "transition-duration") {
+function ge(t) {
+  return t.split("-").map((s, e) => e === 0 ? s : s.charAt(0).toUpperCase() + s.slice(1)).join("");
+}
+function he(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function wt(t, s, e, i = "transition-duration") {
   return new Promise((n) => {
-    if (typeof s == "string") {
-      const r = ee(s, { element: t }), a = !!r.includes("ms");
-      s = parseFloat(r) * (a ? 1 : 1e3);
+    if (typeof i == "string") {
+      const o = Wt(i, { element: t }), r = !!o.includes("ms");
+      i = parseFloat(o) * (r ? 1 : 1e3);
     }
-    t.classList.remove(e.finish), t.classList.add(i.start), setTimeout(() => {
-      t.classList.add(i.finish), t.classList.remove(i.start), n(t);
-    }, s);
+    t.classList.remove(s.finish), t.classList.add(e.start), setTimeout(() => {
+      t.classList.add(e.finish), t.classList.remove(e.start), n(t);
+    }, i);
   });
 }
-function hi(t, e) {
-  e && document.querySelectorAll(e).forEach((s) => {
-    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+function Be(t, s) {
+  s && document.querySelectorAll(s).forEach((i) => {
+    t ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
   });
 }
-function pi(t, e) {
-  e && document.querySelectorAll(e).forEach((s) => {
-    t ? (s.inert = !0, s.setAttribute("aria-hidden", !0)) : (s.inert = null, s.removeAttribute("aria-hidden"));
+function Ve(t, s) {
+  s && document.querySelectorAll(s).forEach((i) => {
+    t ? (i.inert = !0, i.setAttribute("aria-hidden", !0)) : (i.inert = null, i.removeAttribute("aria-hidden"));
   });
 }
-function Ct(t, e) {
-  pi(!!t, e.selectorInert), hi(!!t, e.selectorOverflow);
+function bt(t, s, e) {
+  Ve(!!t, s), Be(!!t, e);
 }
-const Ks = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Breakpoint: Re,
-  Collection: jt,
-  FocusTrap: te,
-  cssVar: ee,
-  getConfig: ie,
-  getPrefix: Ft,
-  localStore: se,
-  teleport: Yt,
-  themeStore: di,
-  transition: Lt,
-  updateGlobalState: Ct
-}, Symbol.toStringTag, { value: "Module" })), gi = {
-  autoMount: !1,
+  Breakpoint: ae,
+  Collection: Lt,
+  FocusTrap: zt,
+  cssVar: Wt,
+  getConfig: fe,
+  getCustomProps: ue,
+  getElement: de,
+  getPrefix: At,
+  localStore: Kt,
+  teleport: Mt,
+  themeStore: _e,
+  toCamel: ge,
+  toKebab: he,
+  transition: wt,
+  updateGlobalState: bt
+}, Symbol.toStringTag, { value: "Module" })), je = {
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
   dataToggle: "drawer-toggle",
   dataBreakpoint: "drawer-breakpoint",
-  dataConfig: "drawer-config",
   // Selectors
   selectorDrawer: ".drawer",
   selectorDialog: ".drawer__dialog",
@@ -271,45 +337,47 @@ const Ks = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   store: !0,
   storeKey: "VB:DrawerState",
   setTabindex: !0,
+  teleport: null,
+  teleportMethod: "prepend",
   transition: !0,
   transitionDuration: "drawer-transition-duration"
 };
-function vi(t) {
+function He(t) {
   t.store === "opened" ? t.open(!1, !1) : t.store === "closed" ? t.close(!1, !1) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(!1, !1) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(!1, !1) : t.state = "indeterminate";
 }
-async function mi(t) {
+async function ze(t) {
   t.store === "opened" ? await t.open(!1, !1) : t.store === "closed" ? await t.close(!1, !1) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(!1, !1) : t.inlineState === "closed" && await t.close(!1, !1));
 }
-function bi(t) {
-  const e = Ft(), i = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
-  return this.settings.breakpoints && this.settings.breakpoints[i] ? this.settings.breakpoints[i] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() : i;
+function We(t) {
+  const s = At(), e = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  return this.settings.breakpoints && this.settings.breakpoints[e] ? this.settings.breakpoints[e] : getComputedStyle(document.body).getPropertyValue(`--${s}breakpoint-${e}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${s}breakpoint-${e}`).trim() : e;
 }
-function rt(t) {
-  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (e)
-    return e;
+function q(t) {
+  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (s)
+    return s;
   throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
 }
-function Be(t) {
+function me(t) {
   t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
 }
-async function wi(t) {
-  const e = t.target.closest(`
+async function Ke(t) {
+  const s = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
     [data-${this.settings.dataClose}]
   `);
-  if (e) {
-    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((s) => {
-      const n = rt.call(this, s);
-      return n.trigger = e, n.toggle();
-    }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((s) => {
-      const n = rt.call(this, s);
-      return n.trigger = e, n.open();
-    }), e.matches(`[data-${this.settings.dataClose}]`) && e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((s) => {
-      if (s) {
-        const n = rt.call(this, s);
-        return n.trigger = e, n.close();
+  if (s) {
+    t.preventDefault(), s.matches(`[data-${this.settings.dataToggle}]`) && s.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i) => {
+      const n = q.call(this, i);
+      return n.trigger = s, n.toggle();
+    }), s.matches(`[data-${this.settings.dataOpen}]`) && s.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i) => {
+      const n = q.call(this, i);
+      return n.trigger = s, n.open();
+    }), s.matches(`[data-${this.settings.dataClose}]`) && s.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i) => {
+      if (i) {
+        const n = q.call(this, i);
+        return n.trigger = s, n.close();
       } else {
         const n = t.target.closest(this.settings.selectorDrawer);
         if (n) return this.close(n);
@@ -320,183 +388,176 @@ async function wi(t) {
   if (this.activeModal && t.target.matches(this.settings.selectorScreen))
     return this.close(this.activeModal.id);
 }
-function yi(t) {
+function Xe(t) {
   if (t.key === "Escape" && this.activeModal)
     return this.close(this.activeModal);
 }
-async function qt(t, e = !0) {
-  const i = this.collection.findIndex((s) => s.id === t.id);
-  if (i >= 0) {
-    const s = this.collection[i];
-    e && s.state === "opened" && await s.close(!1), this.store.set(s.id), s.unmountBreakpoint(), Object.getOwnPropertyNames(s).forEach((n) => {
-      delete s[n];
-    }), this.collection.splice(i, 1);
+async function It(t, s = !0) {
+  const e = this.collection.findIndex((i) => i.id === t.id);
+  if (e >= 0) {
+    const i = this.collection[e];
+    s && i.state === "opened" && await i.close(!1), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((n) => {
+      delete i[n];
+    }), this.collection.splice(e, 1);
   }
   return this.collection;
 }
-async function ne(t, e, i = !0) {
-  const s = rt.call(this, t), n = { ...this.settings, ...s.settings };
-  return e !== void 0 && (n.transition = e), (s.state === "closed" || s.state === "indeterminate") && (s.state = "opening", n.transition ? await Lt(s.el, {
-    start: n.stateClosing,
-    finish: n.stateClosed
+async function Xt(t, s, e = !0) {
+  const i = q.call(this, t);
+  return (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", s ?? i.getSetting("transition") ? await wt(i.el, {
+    start: i.getSetting("stateClosing"),
+    finish: i.getSetting("stateClosed")
   }, {
-    start: n.stateOpening,
-    finish: n.stateOpened
-  }, n.transitionDuration) : (s.el.classList.add(n.stateOpened), s.el.classList.remove(n.stateClosed)), s.state = "opened", s.mode === "modal" && Ct(!0, n), i && Be.call(this, s), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
+    start: i.getSetting("stateOpening"),
+    finish: i.getSetting("stateOpened")
+  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateOpened")), i.el.classList.remove(i.getSetting("stateClosed"))), i.state = "opened", i.mode === "modal" && bt(!0, i.getSetting("selectorInert"), i.getSetting("selectorOverflow")), e && me.call(this, i), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "opened", {
     detail: this,
     bubbles: !0
-  }))), s;
+  }))), i;
 }
-async function Nt(t, e, i = !0) {
-  const s = rt.call(this, t), n = { ...this.settings, ...s.settings };
-  return e !== void 0 && (n.transition = e), (s.state === "opened" || s.state === "indeterminate") && (s.state = "closing", document.activeElement.blur(), n.transition ? await Lt(s.el, {
-    start: n.stateOpening,
-    finish: n.stateOpened
+async function $t(t, s, e = !0) {
+  const i = q.call(this, t);
+  return (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), s ?? i.getSetting("transition") ? await wt(i.el, {
+    start: i.getSetting("stateOpening"),
+    finish: i.getSetting("stateOpened")
   }, {
-    start: n.stateClosing,
-    finish: n.stateClosed
-  }, n.transitionDuration) : (s.el.classList.add(n.stateClosed), s.el.classList.remove(n.stateOpened)), s.state = "closed", s.mode === "modal" && Ct(!1, n), i && Be.call(this, s), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
+    start: i.getSetting("stateClosing"),
+    finish: i.getSetting("stateClosed")
+  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateClosed")), i.el.classList.remove(i.getSetting("stateOpened"))), i.state = "closed", i.mode === "modal" && bt(!1, i.getSetting("selectorInert"), i.getSetting("selectorOverflow")), e && me.call(this, i), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "closed", {
     detail: this,
     bubbles: !0
-  }))), s;
+  }))), i;
 }
-async function je(t, e, i) {
-  const s = rt.call(this, t);
-  return s.state === "closed" ? ne.call(this, s, e, i) : Nt.call(this, s, e, i);
+async function pe(t, s, e) {
+  const i = q.call(this, t);
+  return i.state === "closed" ? Xt.call(this, i, s, e) : $t.call(this, i, s, e);
 }
-function xi(t) {
+function Ye(t) {
   switch (t.mode) {
     case "inline":
-      return Ei.call(this, t);
+      return Ge.call(this, t);
     case "modal":
-      return Oi.call(this, t);
+      return Je.call(this, t);
     default:
       throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
-async function Ei(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Ct(!1, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await mi(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function Ge(t) {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), bt(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await ze(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), t;
 }
-async function Oi(t) {
-  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await Nt.call(this, t, !1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function Je(t) {
+  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await $t.call(this, t, !1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), t;
 }
-async function $i(t, e = {}) {
-  await qt.call(this, t, !1);
-  const i = this, s = new Re();
-  let n, r = "indeterminate";
-  const a = {
-    id: t.id,
-    el: t,
+async function Ue(t, s = {}) {
+  await It.call(this, t, !1);
+  const e = this, i = new ae();
+  let n, o = "indeterminate";
+  const r = this.createEntry(t);
+  Object.assign(r, {
     dialog: null,
     trigger: null,
-    settings: { ...ie(t, this.settings.dataConfig), ...e },
     inlineState: "indeterminate",
-    get breakpoint() {
-      return bi.call(i, t);
-    },
-    get store() {
-      return i.store.get(this.id);
+    open(c, a) {
+      return Xt.call(e, this, c, a);
     },
-    get mode() {
-      return n;
+    close(c, a) {
+      return $t.call(e, this, c, a);
     },
-    set mode(o) {
-      n = o, xi.call(i, this);
-    },
-    get state() {
-      return r;
+    toggle(c, a) {
+      return pe.call(e, this, c, a);
     },
-    set state(o) {
-      r = o, this.mode === "inline" && o != "opening" && o != "closing" && (this.inlineState = o, this.getSetting("store") && i.store.set(this.id, o)), o === "indeterminate" && (this.el.classList.remove(this.getSetting("stateOpened")), this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosed")), this.el.classList.remove(this.getSetting("stateClosing")));
+    deregister() {
+      return It.call(e, this);
     },
-    open(o, u) {
-      return ne.call(i, this, o, u);
+    mountBreakpoint() {
+      const c = this.breakpoint, a = this.handleBreakpoint.bind(this);
+      return i.mount(c, a), this;
     },
-    close(o, u) {
-      return Nt.call(i, this, o, u);
+    unmountBreakpoint() {
+      return i.unmount(), this;
     },
-    toggle(o, u) {
-      return je.call(i, this, o, u);
+    handleBreakpoint(c) {
+      const a = c.matches ? "inline" : "modal";
+      return this.mode != a && (this.mode = a), this;
+    }
+  }), Object.defineProperties(r, Object.getOwnPropertyDescriptors({
+    get breakpoint() {
+      return We.call(e, t);
     },
-    deregister() {
-      return qt.call(i, this);
+    get store() {
+      return e.store.get(this.id);
     },
-    mountBreakpoint() {
-      const o = this.breakpoint, u = this.handleBreakpoint.bind(this);
-      return s.mount(o, u), this;
+    get mode() {
+      return n;
     },
-    unmountBreakpoint() {
-      return s.unmount(), this;
+    set mode(c) {
+      n = c, Ye.call(e, this);
     },
-    handleBreakpoint(o) {
-      const u = o.matches ? "inline" : "modal";
-      return this.mode != u && (this.mode = u), this;
+    get state() {
+      return o;
     },
-    getSetting(o) {
-      return o in this.settings ? this.settings[o] : i.settings[o];
+    set state(c) {
+      o = c, this.mode === "inline" && c != "opening" && c != "closing" && (this.inlineState = c, this.getSetting("store") && e.store.set(this.id, c)), c === "indeterminate" && (this.el.classList.remove(this.getSetting("stateOpened")), this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosed")), this.el.classList.remove(this.getSetting("stateClosing")));
     }
-  };
-  this.collection.push(a);
-  const l = t.querySelector(a.getSetting("selectorDialog"));
-  return a.dialog = l || t, a.getSetting("setTabindex") && a.dialog.setAttribute("tabindex", "-1"), await vi(a), a.inlineState = a.state, a.mode = t.classList.contains(a.getSetting("classModal")) ? "modal" : "inline", a.breakpoint && a.mountBreakpoint(), a;
-}
-var at, lt;
-class Xs extends jt {
-  constructor(i) {
-    super();
-    _(this, at);
-    _(this, lt);
-    this.defaults = gi, this.settings = { ...this.defaults, ...i }, this.focusTrap = new te(), this.store = se(this.settings.storeKey, this.settings.store), M(this, at, wi.bind(this)), M(this, lt, yi.bind(this)), this.settings.autoMount && this.mount();
+  })), r.applySettings(s), r.getDataConfig(), r.getSetting("teleport") && r.teleport(), this.collection.push(r);
+  const l = t.querySelector(r.getSetting("selectorDialog"));
+  return r.dialog = l || t, r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), He(r), r.inlineState = r.state, r.mode = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline", r.breakpoint && r.mountBreakpoint(), r;
+}
+var it, st;
+class Qi extends Lt {
+  constructor(e) {
+    super({ ...je, ...e });
+    P(this, it);
+    P(this, st);
+    this.focusTrap = new zt(), this.store = Kt(this.settings.storeKey, this.settings.store), C(this, it, Ke.bind(this)), C(this, st, Xe.bind(this));
   }
   get activeModal() {
-    return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
+    return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
   }
-  async mount(i = null) {
-    i && (this.settings = { ...this.settings, ...i });
-    const s = document.querySelectorAll(this.settings.selectorDrawer);
-    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(), this;
+  async mount(e = null) {
+    e && (this.settings = { ...this.settings, ...e });
+    const i = document.querySelectorAll(this.settings.selectorDrawer);
+    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(), this;
   }
   async unmount() {
     return await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
   mountEventListeners() {
-    document.addEventListener("click", x(this, at), !1), document.addEventListener("keydown", x(this, lt), !1);
+    document.addEventListener("click", y(this, it), !1), document.addEventListener("keydown", y(this, st), !1);
   }
   unmountEventListeners() {
-    document.removeEventListener("click", x(this, at), !1), document.removeEventListener("keydown", x(this, lt), !1);
+    document.removeEventListener("click", y(this, it), !1), document.removeEventListener("keydown", y(this, st), !1);
   }
-  register(i, s = {}) {
-    let n = typeof i == "string" ? document.getElementById(i) : i;
-    return n ? $i.call(this, n, s) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${i.id || i}".`));
+  register(e, i = {}) {
+    let n = typeof e == "string" ? document.getElementById(e) : e;
+    return n ? Ue.call(this, n, i) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
   }
-  deregister(i) {
-    let s = this.get(i.id || i);
-    return s ? qt.call(this, s) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${i.id || i}".`));
+  deregister(e) {
+    let i = this.get(e.id || e);
+    return i ? It.call(this, i) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
   }
-  open(i, s, n) {
-    return ne.call(this, i, s, n);
+  open(e, i, n) {
+    return Xt.call(this, e, i, n);
   }
-  close(i, s, n) {
-    return Nt.call(this, i, s, n);
+  close(e, i, n) {
+    return $t.call(this, e, i, n);
   }
-  toggle(i, s, n) {
-    return je.call(this, i, s, n);
+  toggle(e, i, n) {
+    return pe.call(this, e, i, n);
   }
 }
-at = new WeakMap(), lt = new WeakMap();
-const Li = {
-  autoMount: !1,
+it = new WeakMap(), st = new WeakMap();
+const Ze = {
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
   dataReplace: "modal-replace",
-  dataConfig: "modal-config",
   // Selectors
   selectorModal: ".modal",
   selectorDialog: ".modal__dialog",
@@ -513,1438 +574,1551 @@ const Li = {
   // Feature settings
   customEventPrefix: "modal:",
   eventListeners: !0,
+  setTabindex: !0,
   teleport: null,
   teleportMethod: "append",
-  setTabindex: !0,
   transition: !0,
   transitionDuration: "modal-transition-duration"
 };
-function Et(t) {
-  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (e)
-    return e;
+function ht(t) {
+  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (s)
+    return s;
   throw new Error(`Modal not found in collection with id of "${t.id || t}".`);
 }
-function Vt() {
+function Ot() {
   this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
 }
-async function Ci(t) {
-  const e = t.target.closest(`
+async function Qe(t) {
+  const s = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
     [data-${this.settings.dataClose}]
   `);
-  if (e) {
-    if (t.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
-      const i = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s = Et.call(this, i);
-      return t.target.closest(this.settings.selectorModal) || (this.trigger = e), s.open();
+  if (s) {
+    if (t.preventDefault(), s.matches(`[data-${this.settings.dataOpen}]`)) {
+      const e = s.getAttribute(`data-${this.settings.dataOpen}`).trim(), i = ht.call(this, e);
+      return t.target.closest(this.settings.selectorModal) || (this.trigger = s), i.open();
     }
-    if (e.matches(`[data-${this.settings.dataReplace}]`)) {
-      const i = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), s = Et.call(this, i);
-      return t.target.closest(this.settings.selectorModal) || (this.trigger = e), s.replace();
+    if (s.matches(`[data-${this.settings.dataReplace}]`)) {
+      const e = s.getAttribute(`data-${this.settings.dataReplace}`).trim(), i = ht.call(this, e);
+      return t.target.closest(this.settings.selectorModal) || (this.trigger = s), i.replace();
     }
-    if (e.matches(`[data-${this.settings.dataClose}]`)) {
-      const i = e.getAttribute(`data-${this.settings.dataClose}`).trim();
-      return i === "*" ? this.closeAll() : this.close(i);
+    if (s.matches(`[data-${this.settings.dataClose}]`)) {
+      const e = s.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return e === "*" ? this.closeAll() : this.close(e);
     }
   }
-  if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.required)
+  if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.isRequired)
     return this.close(this.active.id);
 }
-function ki(t) {
+function qe(t) {
   if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function Ut(t, e = !0) {
-  const i = this.collection.findIndex((s) => s.id === t.id);
-  if (i >= 0) {
-    const s = this.collection[i];
-    e && s.state === "opened" ? await s.close(!1) : this.stack.remove(s), s.getSetting("teleport") && s.teleportReturn(), Object.getOwnPropertyNames(s).forEach((n) => {
-      delete s[n];
-    }), this.collection.splice(i, 1);
+async function Ft(t, s = !0) {
+  const e = this.collection.findIndex((i) => i.id === t.id);
+  if (e >= 0) {
+    const i = this.collection[e];
+    s && i.state === "opened" ? await i.close(!1) : this.stack.remove(i), i.getSetting("teleport") && i.teleportReturn(), Object.getOwnPropertyNames(i).forEach((n) => {
+      delete i[n];
+    }), this.collection.splice(e, 1);
   }
   return this.collection;
 }
-async function re(t, e, i = !0) {
-  const s = Et.call(this, t), n = { ...this.settings, ...s.settings };
-  return e !== void 0 && (n.transition = e), this.stack.moveToTop(s), s.state === "closed" && (s.state = "opening", this.stack.add(s), n.transition ? await Lt(s.el, {
-    start: n.stateClosing,
-    finish: n.stateClosed
+async function Yt(t, s = void 0, e = !0) {
+  const i = ht.call(this, t);
+  return this.stack.moveToTop(i), i.state === "closed" && (i.state = "opening", this.stack.add(i), s ?? i.getSetting("transition") ? await wt(i.el, {
+    start: i.getSetting("stateClosing"),
+    finish: i.getSetting("stateClosed")
   }, {
-    start: n.stateOpening,
-    finish: n.stateOpened
-  }, n.transitionDuration) : (s.el.classList.add(n.stateOpened), s.el.classList.remove(n.stateClosed)), s.state = "opened"), i && Vt.call(this), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
+    start: i.getSetting("stateOpening"),
+    finish: i.getSetting("stateOpened")
+  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateOpened")), i.el.classList.remove(i.getSetting("stateClosed"))), i.state = "opened"), e && Ot.call(this), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "opened", {
     detail: this,
     bubbles: !0
-  })), s;
-}
-async function oe(t, e, i = !0) {
-  const s = t ? Et.call(this, t) : this.active;
-  if (s && s.state === "opened") {
-    s.state = "closing";
-    const n = { ...this.settings, ...s.settings };
-    e !== void 0 && (n.transition = e), document.activeElement.blur(), n.transition ? await Lt(s.el, {
-      start: n.stateOpening,
-      finish: n.stateOpened
-    }, {
-      start: n.stateClosing,
-      finish: n.stateClosed
-    }, n.transitionDuration) : (s.el.classList.add(n.stateClosed), s.el.classList.remove(n.stateOpened)), this.stack.remove(s), s.state = "closed", i && Vt.call(this), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
-      detail: this,
-      bubbles: !0
-    }));
-  }
-  return s;
-}
-async function Gt(t, e) {
-  const i = [];
-  return await Promise.all(this.stack.value.map(async (s) => {
-    t && t === s.id ? Promise.resolve() : i.push(await oe.call(this, s, e, !1)), s.trigger = null;
   })), i;
 }
-async function Fe(t, e, i = !0) {
-  const s = Et.call(this, t);
-  let n, r;
-  return s.state === "opened" ? (n = s, r = await Gt.call(this, s.id, e)) : (r = Gt.call(this, !1, e), n = re.call(this, s, e, !1), await Promise.all([n, r])), i && Vt.call(this), { opened: n, closed: r };
+async function Gt(t, s, e = !0) {
+  const i = t ? ht.call(this, t) : this.active;
+  return i && i.state === "opened" && (i.state = "closing", document.activeElement.blur(), s ?? i.getSetting("transition") ? await wt(i.el, {
+    start: i.getSetting("stateOpening"),
+    finish: i.getSetting("stateOpened")
+  }, {
+    start: i.getSetting("stateClosing"),
+    finish: i.getSetting("stateClosed")
+  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateClosed")), i.el.classList.remove(i.getSetting("stateOpened"))), this.stack.remove(i), i.state = "closed", e && Ot.call(this), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "closed", {
+    detail: this,
+    bubbles: !0
+  }))), i;
 }
-async function Ai(t, e = {}) {
-  await Ut.call(this, t, !1);
-  const i = this, s = {
-    id: t.id,
+async function Nt(t, s) {
+  const e = [];
+  return await Promise.all(this.stack.value.map(async (i) => {
+    t && t === i.id ? Promise.resolve() : e.push(await Gt.call(this, i, s, !1)), i.trigger = null;
+  })), e;
+}
+async function we(t, s, e = !0) {
+  const i = ht.call(this, t);
+  let n, o;
+  return i.state === "opened" ? (n = i, o = await Nt.call(this, i.id, s)) : (o = Nt.call(this, !1, s), n = Yt.call(this, i, s, !1), await Promise.all([n, o])), e && Ot.call(this), { opened: n, closed: o };
+}
+async function ti(t, s = {}) {
+  await Ft.call(this, t, !1);
+  const e = this, i = this.createEntry(t);
+  Object.assign(i, {
     state: "closed",
-    el: t,
     dialog: null,
-    get required() {
-      return this.dialog.matches(this.getSetting("selectorRequired"));
+    open(o, r) {
+      return Yt.call(e, this, o, r);
     },
-    returnRef: null,
-    settings: { ...ie(t, this.settings.dataConfig), ...e },
-    open(r, a) {
-      return re.call(i, this, r, a);
+    close(o, r) {
+      return Gt.call(e, this, o, r);
     },
-    close(r, a) {
-      return oe.call(i, this, r, a);
-    },
-    replace(r, a) {
-      return Fe.call(i, this, r, a);
+    replace(o, r) {
+      return we.call(e, this, o, r);
     },
     deregister() {
-      return Ut.call(i, this);
-    },
-    teleport(r = this.getSetting("teleport"), a = this.getSetting("teleportMethod")) {
-      return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = Yt(this.el, r, a), this.el);
-    },
-    teleportReturn() {
-      return this.returnRef ? (this.returnRef = Yt(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
-    },
-    getSetting(r) {
-      return r in this.settings ? this.settings[r] : i.settings[r];
+      return Ft.call(e, this);
+    }
+  }), Object.defineProperties(i, Object.getOwnPropertyDescriptors({
+    get isRequired() {
+      return this.dialog.matches(this.getSetting("selectorRequired"));
     }
-  }, n = t.querySelector(s.getSetting("selectorDialog"));
-  return s.dialog = n || t, s.dialog.setAttribute("aria-modal", "true"), s.dialog.hasAttribute("role") || s.dialog.setAttribute("role", "dialog"), s.getSetting("setTabindex") && s.dialog.setAttribute("tabindex", "-1"), s.getSetting("teleport") && s.teleport(), this.collection.push(s), s.el.classList.contains(this.settings.stateOpened) ? await s.open(!1) : (s.el.classList.remove(this.settings.stateOpening), s.el.classList.remove(this.settings.stateClosing), s.el.classList.add(this.settings.stateClosed)), s;
+  })), i.applySettings(s), i.getDataConfig();
+  const n = t.querySelector(i.getSetting("selectorDialog"));
+  return i.dialog = n || t, i.dialog.setAttribute("aria-modal", "true"), i.dialog.hasAttribute("role") || i.dialog.setAttribute("role", "dialog"), i.getSetting("setTabindex") && i.dialog.setAttribute("tabindex", "-1"), i.getSetting("teleport") && i.teleport(), this.collection.push(i), i.el.classList.contains(i.getSetting("stateOpened")) ? await i.open(!1) : (i.el.classList.remove(i.getSetting("stateOpening")), i.el.classList.remove(i.getSetting("stateClosing")), i.el.classList.add(i.getSetting("stateClosed"))), i;
 }
-function Si(t) {
-  const e = [];
+function ei(t) {
+  const s = [];
   return {
     get value() {
-      return [...e];
+      return [...s];
     },
     get top() {
-      return e[e.length - 1];
+      const e = s[s.length - 1];
+      return e || null;
     },
     updateIndex() {
-      e.forEach((i, s) => {
-        i.el.style.zIndex = null;
-        const n = getComputedStyle(i.el)["z-index"];
-        i.el.style.zIndex = parseInt(n) + s + 1;
+      s.forEach((e, i) => {
+        e.el.style.zIndex = null;
+        const n = getComputedStyle(e.el)["z-index"];
+        e.el.style.zIndex = parseInt(n) + i + 1;
       });
     },
     updateGlobalState() {
-      Ct(this.top, t), this.updateIndex();
+      bt(this.top, t.selectorInert, t.selectorOverflow), this.updateIndex();
     },
-    add(i) {
-      i.el.style.zIndex = null;
-      const s = getComputedStyle(i.el)["z-index"];
-      i.el.style.zIndex = parseInt(s) + e.length + 1, e.push(i), this.updateGlobalState();
+    add(e) {
+      e.el.style.zIndex = null;
+      const i = getComputedStyle(e.el)["z-index"];
+      e.el.style.zIndex = parseInt(i) + s.length + 1, s.push(e), this.updateGlobalState();
     },
-    remove(i) {
-      const s = e.findIndex((n) => n.id === i.id);
-      s >= 0 && (i.el.style.zIndex = null, e.splice(s, 1), this.updateGlobalState());
+    remove(e) {
+      const i = s.findIndex((n) => n.id === e.id);
+      i >= 0 && (e.el.style.zIndex = null, s.splice(i, 1), this.updateGlobalState());
     },
-    moveToTop(i) {
-      const s = e.findIndex((n) => n.id === i.id);
-      s >= 0 && (e.splice(s, 1), this.add(i));
+    moveToTop(e) {
+      const i = s.findIndex((n) => n.id === e.id);
+      i >= 0 && (s.splice(i, 1), this.add(e));
     }
   };
 }
-var ct, ut;
-class Ys extends jt {
-  constructor(i) {
-    super();
-    _(this, ct);
-    _(this, ut);
-    this.defaults = Li, this.settings = { ...this.defaults, ...i }, this.trigger = null, this.focusTrap = new te(), this.stack = Si(this.settings), M(this, ct, Ci.bind(this)), M(this, ut, ki.bind(this)), this.settings.autoMount && this.mount();
+var nt, ot;
+class qi extends Lt {
+  constructor(e) {
+    super({ ...Ze, ...e });
+    P(this, nt);
+    P(this, ot);
+    this.trigger = null, this.focusTrap = new zt(), this.stack = ei(this.settings), C(this, nt, Qe.bind(this)), C(this, ot, qe.bind(this));
   }
   get active() {
     return this.stack.top;
   }
-  async mount(i) {
-    i && (this.settings = { ...this.settings, ...i });
-    const s = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(), this;
+  async mount(e) {
+    e && (this.settings = { ...this.settings, ...e });
+    const i = document.querySelectorAll(this.settings.selectorModal);
+    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(), this;
   }
   async unmount() {
     return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
   mountEventListeners() {
-    document.addEventListener("click", x(this, ct), !1), document.addEventListener("keydown", x(this, ut), !1);
+    document.addEventListener("click", y(this, nt), !1), document.addEventListener("keydown", y(this, ot), !1);
   }
   unmountEventListeners() {
-    document.removeEventListener("click", x(this, ct), !1), document.removeEventListener("keydown", x(this, ut), !1);
+    document.removeEventListener("click", y(this, nt), !1), document.removeEventListener("keydown", y(this, ot), !1);
   }
-  register(i, s = {}) {
-    let n = typeof i == "string" ? document.getElementById(i) : i;
-    return n ? Ai.call(this, n, s) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${i.id || i}".`));
+  register(e, i = {}) {
+    let n = typeof e == "string" ? document.getElementById(e) : e;
+    return n ? ti.call(this, n, i) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${e.id || e}".`));
   }
-  deregister(i) {
-    let s = this.get(i.id || i);
-    return s ? Ut.call(this, s) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${i.id || i}".`));
+  deregister(e) {
+    let i = this.get(e.id || e);
+    return i ? Ft.call(this, i) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${e.id || e}".`));
   }
-  open(i, s, n) {
-    return re.call(this, i, s, n);
+  open(e, i, n) {
+    return Yt.call(this, e, i, n);
   }
-  close(i, s, n) {
-    return oe.call(this, i, s, n);
+  close(e, i, n) {
+    return Gt.call(this, e, i, n);
   }
-  replace(i, s, n) {
-    return Fe.call(this, i, s, n);
+  replace(e, i, n) {
+    return we.call(this, e, i, n);
   }
-  async closeAll(i = !1, s, n = !0) {
-    const r = await Gt.call(this, i, s);
-    return n && Vt.call(this), r;
+  async closeAll(e = !1, i, n = !0) {
+    const o = await Nt.call(this, e, i);
+    return n && Ot.call(this), o;
   }
 }
-ct = new WeakMap(), ut = new WeakMap();
-const Ti = {
-  autoMount: !1,
+nt = new WeakMap(), ot = new WeakMap();
+const ii = {
   // Selectors
   selectorPopover: ".popover",
   selectorTooltip: ".popover_tooltip",
   selectorArrow: ".popover__arrow",
   // State classes
   stateActive: "is-active",
+  // Custom property defaults
+  placement: "bottom",
+  event: "click",
+  offset: 0,
+  flipPadding: 0,
+  shiftPadding: 0,
+  arrowPadding: 0,
+  toggleDelay: 0,
   // Feature settings
   eventListeners: !0,
-  eventType: "click",
-  placement: "bottom",
-  hoverToggleDelay: 0
+  teleport: null,
+  teleportMethod: "append"
 };
-function Ne(t, e) {
-  const i = getComputedStyle(t), s = {
-    placement: e.placement,
-    event: e.eventType,
-    offset: 0,
-    "overflow-padding": 0,
-    "flip-padding": 0,
-    "arrow-element": e.selectorArrow,
-    "arrow-padding": 0,
-    "toggle-delay": e.hoverToggleDelay
-  };
-  for (const n in s) {
-    const r = Ft(), a = i.getPropertyValue(`--${r}popover-${n}`).trim();
-    a && (s[n] = a);
-  }
-  return s;
+function ne(t, s, e) {
+  Object.assign(t.style, {
+    left: s != null ? `${s}px` : "",
+    top: e != null ? `${e}px` : ""
+  });
 }
-function Xt(t) {
-  let e;
-  const i = typeof t == "string" ? t.trim().split(" ") : [t];
-  switch (i.forEach(function(s, n) {
-    i[n] = parseInt(s, 10);
-  }), i.length) {
+function be(t, s) {
+  let e = t.getSetting("toggle-delay");
+  typeof e == "string" && (e.indexOf(",") > -1 && (e = e.split(",")), e.indexOf(" ") > -1 && (e = e.split(" "))), Array.isArray(e) && (e = e[s]);
+  const i = Number(e);
+  if (Number.isNaN(i))
+    throw new Error(`Provided delay value is not a number: "${e}"`);
+  return i;
+}
+function Dt(t) {
+  let s;
+  const e = typeof t == "string" ? t.trim().split(" ") : [t];
+  for (let i = 0; i < e.length; i++)
+    e[i] = Number(e[i]);
+  switch (e.length) {
     case 1:
-      e = i[0];
+      s = e[0];
       break;
     case 2:
-      e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[0],
-        left: i[1]
+      s = {
+        top: e[0],
+        right: e[1],
+        bottom: e[0],
+        left: e[1]
       };
       break;
     case 3:
-      e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[1]
+      s = {
+        top: e[0],
+        right: e[1],
+        bottom: e[2],
+        left: e[1]
       };
       break;
     case 4:
-      e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[3]
+      s = {
+        top: e[0],
+        right: e[1],
+        bottom: e[2],
+        left: e[3]
       };
       break;
     default:
-      e = !1;
+      s = !1;
       break;
   }
-  return e;
+  return s;
 }
-function Ve(t) {
-  return [{
-    name: "offset",
-    options: {
-      offset: [0, parseInt(t.offset, 10)]
-    }
-  }, {
-    name: "preventOverflow",
-    options: {
-      padding: Xt(t["overflow-padding"])
-    }
-  }, {
-    name: "flip",
-    options: {
-      padding: Xt(t["flip-padding"])
-    }
-  }, {
-    name: "arrow",
-    options: {
-      element: t["arrow-element"],
-      padding: Xt(t["arrow-padding"])
+function si(t) {
+  return {
+    offset: Number(t.getSetting("offset")),
+    flip: {
+      padding: Dt(t.getSetting("flip-padding"))
+    },
+    shift: {
+      padding: Dt(t.getSetting("shift-padding"))
+    },
+    arrow: {
+      element: t.getSetting("selectorArrow"),
+      padding: Dt(t.getSetting("arrow-padding"))
     }
-  }];
+  };
 }
-function We(t) {
-  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (e)
-    return e;
+function ve(t) {
+  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (s)
+    return s;
   throw new Error(`Popover not found in collection with id of "${t}".`);
 }
-function Pi(t) {
+function ni(t) {
   return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.closest(this.settings.selectorPopover) ? (t = t.closest(this.settings.selectorPopover), t.id) : t.hasAttribute("aria-controls") ? t.getAttribute("aria-controls") : t.hasAttribute("aria-describedby") ? t.getAttribute("aria-describedby") : !1 : !1;
 }
-function Di(t) {
-  const e = Pi.call(this, t);
-  if (e) {
-    const i = document.querySelector(`#${e}`), s = document.querySelector(`[aria-controls="${e}"]`) || document.querySelector(`[aria-describedby="${e}"]`);
-    return !s && !i ? { error: new Error(`No popover elements found using the ID: "${e}".`) } : s ? i ? { popover: i, trigger: s } : { error: new Error(`No popover associated with the provided popover trigger: "${e}".`) } : { error: new Error(`No popover trigger associated with the provided popover: "${e}".`) };
+function oi(t) {
+  const s = ni.call(this, t);
+  if (s) {
+    const e = document.querySelector(`#${s}`), i = document.querySelector(`[aria-controls="${s}"]`) || document.querySelector(`[aria-describedby="${s}"]`);
+    return !i && !e ? { error: new Error(`No popover elements found using the ID: "${s}".`) } : i ? e ? { popover: e, trigger: i } : { error: new Error(`No popover associated with the provided popover trigger: "${s}".`) } : { error: new Error(`No popover trigger associated with the provided popover: "${s}".`) };
   } else
     return { error: new Error("Could not resolve the popover ID.") };
 }
-async function ae(t) {
-  const e = t ? We.call(this, t) : await He.call(this);
-  return e && e.state === "opened" && (e.el.inert = !0, e.el.classList.remove(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "false"), e.popper.setOptions({
-    placement: e.config.placement,
-    modifiers: [
-      { name: "eventListeners", enabled: !1 },
-      ...Ve(e.config)
-    ]
-  }), e.state = "closed", e.trigger === this.trigger && (this.trigger = null)), e;
-}
-async function He() {
+async function Jt(t) {
+  const s = t ? ve.call(this, t) : await xe.call(this);
+  return s && s.state === "opened" && (s.el.inert = !0, s.el.classList.remove(this.settings.stateActive), s.isTooltip || s.trigger.setAttribute("aria-expanded", "false"), s.cleanup(), s.state = "closed", s.trigger === this.trigger && (this.trigger = null)), s;
+}
+async function xe() {
   const t = [];
-  return await Promise.all(this.collection.map(async (e) => {
-    e.state === "opened" && t.push(await ae.call(this, e));
+  return await Promise.all(this.collection.map(async (s) => {
+    s.state === "opened" && t.push(await Jt.call(this, s));
   })), t;
 }
-function _e(t) {
+function ye(t) {
   t.state == "opened" && setTimeout(() => {
-    const e = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
-    let i = document.activeElement.closest(
+    const s = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
+    let e = document.activeElement.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
     );
-    return i = i ? i.matches(":focus-visible") : !1, !e && !i && t.close(), t;
+    return e = e ? e.matches(":focus-visible") : !1, !s && !e && t.close(), t;
   }, 1);
 }
-function Mi(t) {
-  const e = t.trigger.getAttribute("aria-describedby");
-  if (e) {
-    const i = this.get(e);
-    i.isTooltip && (i.toggleDelayId && clearTimeout(i.toggleDelayId), i.close());
-  }
-  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open(), ze.call(this, t));
+function ri(t) {
+  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open(), Ee.call(this, t));
 }
-function Ii(t, e) {
-  if (e.type == "focus" && !t.trigger.matches(":focus-visible"))
-    return;
-  const i = t.trigger.getAttribute("aria-expanded");
-  if (i && i == "true")
+function li(t) {
+  t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
+}
+function ci(t, s) {
+  if (t.isHovered = s, s.type == "focus" && !t.trigger.matches(":focus-visible"))
     return;
   t.toggleDelayId && clearTimeout(t.toggleDelayId);
-  const s = this.activeTooltip ? 0 : t.config["toggle-delay"];
-  this.activeTooltip && this.activeTooltip.close(), t.toggleDelayId = setTimeout(() => {
+  const e = t.trigger.getAttribute("aria-expanded");
+  if (e && e == "true") return;
+  const i = this.activeHover ? 0 : be(t, 0);
+  this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
     t.id && t.open();
-  }, s);
+  }, i);
 }
-function Ri(t) {
-  t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
-    _e.call(this, t);
-  }, t.config["toggle-delay"]);
+function ai(t, s) {
+  setTimeout(() => {
+    t.isHovered = s, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
+      ye.call(this, t);
+    }, be(t, 1)));
+  }, 1);
 }
-function Bi(t) {
+function fi(t) {
   switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), He.call(this);
+      this.trigger && this.trigger.focus(), xe.call(this);
       return;
     case "Tab":
-      this.collection.forEach((e) => {
-        _e.call(this, e);
+      this.collection.forEach((s) => {
+        ye.call(this, s);
       });
       return;
     default:
       return;
   }
 }
-function ze(t) {
-  const e = this;
-  document.addEventListener("click", function i(s) {
-    s.target.closest(
+function Ee(t) {
+  const s = this;
+  document.addEventListener("click", function e(i) {
+    i.target.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
-    ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", i) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", i));
+    ) ? t.el && !t.el.classList.contains(s.settings.stateActive) && this.removeEventListener("click", e) : (t.el && t.el.classList.contains(s.settings.stateActive) && t.close(), this.removeEventListener("click", e));
   });
 }
-var T = "top", N = "bottom", V = "right", P = "left", le = "auto", kt = [T, N, V, P], dt = "start", Ot = "end", ji = "clippingParents", Ke = "viewport", wt = "popper", Fi = "reference", Ce = /* @__PURE__ */ kt.reduce(function(t, e) {
-  return t.concat([e + "-" + dt, e + "-" + Ot]);
-}, []), Xe = /* @__PURE__ */ [].concat(kt, [le]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + dt, e + "-" + Ot]);
-}, []), Ni = "beforeRead", Vi = "read", Wi = "afterRead", Hi = "beforeMain", _i = "main", zi = "afterMain", Ki = "beforeWrite", Xi = "write", Yi = "afterWrite", qi = [Ni, Vi, Wi, Hi, _i, zi, Ki, Xi, Yi];
-function K(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function B(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
-  }
-  return t;
-}
-function st(t) {
-  var e = B(t).Element;
-  return t instanceof e || t instanceof Element;
-}
-function F(t) {
-  var e = B(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
-}
-function ce(t) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var e = B(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
-}
-function Ui(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(i) {
-    var s = e.styles[i] || {}, n = e.attributes[i] || {}, r = e.elements[i];
-    !F(r) || !K(r) || (Object.assign(r.style, s), Object.keys(n).forEach(function(a) {
-      var l = n[a];
-      l === !1 ? r.removeAttribute(a) : r.setAttribute(a, l === !0 ? "" : l);
-    }));
-  });
+async function _t(t) {
+  const s = this.collection.findIndex((e) => e.id === t.id);
+  if (s >= 0) {
+    const e = this.collection[s];
+    e.state === "opened" && e.close(), e.cleanup(), Se(e), e.getSetting("teleport") && e.teleportReturn(), Object.getOwnPropertyNames(e).forEach((i) => {
+      delete e[i];
+    }), this.collection.splice(s, 1);
+  }
+  return this.collection;
 }
-function Gi(t) {
-  var e = t.state, i = {
-    popper: {
-      position: e.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  return Object.assign(e.elements.popper.style, i.popper), e.styles = i, e.elements.arrow && Object.assign(e.elements.arrow.style, i.arrow), function() {
-    Object.keys(e.elements).forEach(function(s) {
-      var n = e.elements[s], r = e.attributes[s] || {}, a = Object.keys(e.styles.hasOwnProperty(s) ? e.styles[s] : i[s]), l = a.reduce(function(o, u) {
-        return o[u] = "", o;
-      }, {});
-      !F(n) || !K(n) || (Object.assign(n.style, l), Object.keys(r).forEach(function(o) {
-        n.removeAttribute(o);
-      }));
+function Se(t) {
+  return t._eventListeners && (t._eventListeners.forEach((s) => {
+    s.el.forEach((e) => {
+      s.type.forEach((i) => {
+        t[e].removeEventListener(i, s.listener, !1);
+      });
     });
-  };
+  }), delete t._eventListeners), t;
 }
-const Ji = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: Ui,
-  effect: Gi,
-  requires: ["computeStyles"]
+const lt = Math.min, G = Math.max, Et = Math.round, yt = Math.floor, V = (t) => ({
+  x: t,
+  y: t
+}), ui = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, di = {
+  start: "end",
+  end: "start"
 };
-function z(t) {
-  return t.split("-")[0];
+function Bt(t, s, e) {
+  return G(t, lt(s, e));
 }
-var it = Math.max, Bt = Math.min, ht = Math.round;
-function Jt() {
-  var t = navigator.userAgentData;
-  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
-    return e.brand + "/" + e.version;
-  }).join(" ") : navigator.userAgent;
-}
-function Ye() {
-  return !/^((?!chrome|android).)*safari/i.test(Jt());
-}
-function pt(t, e, i) {
-  e === void 0 && (e = !1), i === void 0 && (i = !1);
-  var s = t.getBoundingClientRect(), n = 1, r = 1;
-  e && F(t) && (n = t.offsetWidth > 0 && ht(s.width) / t.offsetWidth || 1, r = t.offsetHeight > 0 && ht(s.height) / t.offsetHeight || 1);
-  var a = st(t) ? B(t) : window, l = a.visualViewport, o = !Ye() && i, u = (s.left + (o && l ? l.offsetLeft : 0)) / n, c = (s.top + (o && l ? l.offsetTop : 0)) / r, g = s.width / n, b = s.height / r;
-  return {
-    width: g,
-    height: b,
-    top: c,
-    right: u + g,
-    bottom: c + b,
-    left: u,
-    x: u,
-    y: c
-  };
+function J(t, s) {
+  return typeof t == "function" ? t(s) : t;
 }
-function ue(t) {
-  var e = pt(t), i = t.offsetWidth, s = t.offsetHeight;
-  return Math.abs(e.width - i) <= 1 && (i = e.width), Math.abs(e.height - s) <= 1 && (s = e.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
-    width: i,
-    height: s
-  };
+function j(t) {
+  return t.split("-")[0];
 }
-function qe(t, e) {
-  var i = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (i && ce(i)) {
-    var s = e;
-    do {
-      if (s && t.isSameNode(s))
-        return !0;
-      s = s.parentNode || s.host;
-    } while (s);
-  }
-  return !1;
+function vt(t) {
+  return t.split("-")[1];
 }
-function X(t) {
-  return B(t).getComputedStyle(t);
+function Ut(t) {
+  return t === "x" ? "y" : "x";
 }
-function Qi(t) {
-  return ["table", "td", "th"].indexOf(K(t)) >= 0;
+function Zt(t) {
+  return t === "y" ? "height" : "width";
 }
-function q(t) {
-  return ((st(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
-}
-function Wt(t) {
-  return K(t) === "html" ? t : (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    t.parentNode || // DOM Element detected
-    (ce(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    q(t)
-  );
+function U(t) {
+  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
-function ke(t) {
-  return !F(t) || // https://github.com/popperjs/popper-core/issues/837
-  X(t).position === "fixed" ? null : t.offsetParent;
-}
-function Zi(t) {
-  var e = /firefox/i.test(Jt()), i = /Trident/i.test(Jt());
-  if (i && F(t)) {
-    var s = X(t);
-    if (s.position === "fixed")
-      return null;
-  }
-  var n = Wt(t);
-  for (ce(n) && (n = n.host); F(n) && ["html", "body"].indexOf(K(n)) < 0; ) {
-    var r = X(n);
-    if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || e && r.willChange === "filter" || e && r.filter && r.filter !== "none")
-      return n;
-    n = n.parentNode;
+function Qt(t) {
+  return Ut(U(t));
+}
+function gi(t, s, e) {
+  e === void 0 && (e = !1);
+  const i = vt(t), n = Qt(t), o = Zt(n);
+  let r = n === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
+  return s.reference[o] > s.floating[o] && (r = St(r)), [r, St(r)];
+}
+function hi(t) {
+  const s = St(t);
+  return [Vt(t), s, Vt(s)];
+}
+function Vt(t) {
+  return t.replace(/start|end/g, (s) => di[s]);
+}
+function mi(t, s, e) {
+  const i = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return e ? s ? n : i : s ? i : n;
+    case "left":
+    case "right":
+      return s ? o : r;
+    default:
+      return [];
   }
-  return null;
 }
-function At(t) {
-  for (var e = B(t), i = ke(t); i && Qi(i) && X(i).position === "static"; )
-    i = ke(i);
-  return i && (K(i) === "html" || K(i) === "body" && X(i).position === "static") ? e : i || Zi(t) || e;
+function pi(t, s, e, i) {
+  const n = vt(t);
+  let o = mi(j(t), e === "start", i);
+  return n && (o = o.map((r) => r + "-" + n), s && (o = o.concat(o.map(Vt)))), o;
 }
-function fe(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+function St(t) {
+  return t.replace(/left|right|bottom|top/g, (s) => ui[s]);
 }
-function yt(t, e, i) {
-  return it(t, Bt(e, i));
-}
-function ts(t, e, i) {
-  var s = yt(t, e, i);
-  return s > i ? i : s;
-}
-function Ue() {
+function wi(t) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
-    left: 0
+    left: 0,
+    ...t
   };
 }
-function Ge(t) {
-  return Object.assign({}, Ue(), t);
+function Ce(t) {
+  return typeof t != "number" ? wi(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
 }
-function Je(t, e) {
-  return e.reduce(function(i, s) {
-    return i[s] = t, i;
-  }, {});
+function Ct(t) {
+  const {
+    x: s,
+    y: e,
+    width: i,
+    height: n
+  } = t;
+  return {
+    width: i,
+    height: n,
+    top: e,
+    left: s,
+    right: s + i,
+    bottom: e + n,
+    x: s,
+    y: e
+  };
 }
-var es = function(e, i) {
-  return e = typeof e == "function" ? e(Object.assign({}, i.rects, {
-    placement: i.placement
-  })) : e, Ge(typeof e != "number" ? e : Je(e, kt));
-};
-function is(t) {
-  var e, i = t.state, s = t.name, n = t.options, r = i.elements.arrow, a = i.modifiersData.popperOffsets, l = z(i.placement), o = fe(l), u = [P, V].indexOf(l) >= 0, c = u ? "height" : "width";
-  if (!(!r || !a)) {
-    var g = es(n.padding, i), b = ue(r), f = o === "y" ? T : P, y = o === "y" ? N : V, p = i.rects.reference[c] + i.rects.reference[o] - a[o] - i.rects.popper[c], h = a[o] - i.rects.reference[o], w = At(r), O = w ? o === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, $ = p / 2 - h / 2, d = g[f], v = O - b[c] - g[y], m = O / 2 - b[c] / 2 + $, E = yt(d, m, v), k = o;
-    i.modifiersData[s] = (e = {}, e[k] = E, e.centerOffset = E - m, e);
+function oe(t, s, e) {
+  let {
+    reference: i,
+    floating: n
+  } = t;
+  const o = U(s), r = Qt(s), l = Zt(r), c = j(s), a = o === "y", d = i.x + i.width / 2 - n.width / 2, u = i.y + i.height / 2 - n.height / 2, g = i[l] / 2 - n[l] / 2;
+  let f;
+  switch (c) {
+    case "top":
+      f = {
+        x: d,
+        y: i.y - n.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: i.y + i.height
+      };
+      break;
+    case "right":
+      f = {
+        x: i.x + i.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: i.x - n.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: i.x,
+        y: i.y
+      };
   }
-}
-function ss(t) {
-  var e = t.state, i = t.options, s = i.element, n = s === void 0 ? "[data-popper-arrow]" : s;
-  n != null && (typeof n == "string" && (n = e.elements.popper.querySelector(n), !n) || qe(e.elements.popper, n) && (e.elements.arrow = n));
-}
-const ns = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: is,
-  effect: ss,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function gt(t) {
-  return t.split("-")[1];
-}
-var rs = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
+  switch (vt(s)) {
+    case "start":
+      f[r] -= g * (e && a ? -1 : 1);
+      break;
+    case "end":
+      f[r] += g * (e && a ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const bi = async (t, s, e) => {
+  const {
+    placement: i = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r
+  } = e, l = o.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(s));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: s,
+    strategy: n
+  }), {
+    x: d,
+    y: u
+  } = oe(a, i, c), g = i, f = {}, h = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: w,
+      fn: p
+    } = l[m], {
+      x: b,
+      y: v,
+      data: E,
+      reset: x
+    } = await p({
+      x: d,
+      y: u,
+      initialPlacement: i,
+      placement: g,
+      strategy: n,
+      middlewareData: f,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: s
+      }
+    });
+    d = b ?? d, u = v ?? u, f = {
+      ...f,
+      [w]: {
+        ...f[w],
+        ...E
+      }
+    }, x && h <= 50 && (h++, typeof x == "object" && (x.placement && (g = x.placement), x.rects && (a = x.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: s,
+      strategy: n
+    }) : x.rects), {
+      x: d,
+      y: u
+    } = oe(a, g, c)), m = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: g,
+    strategy: n,
+    middlewareData: f
+  };
 };
-function os(t, e) {
-  var i = t.x, s = t.y, n = e.devicePixelRatio || 1;
+async function Le(t, s) {
+  var e;
+  s === void 0 && (s = {});
+  const {
+    x: i,
+    y: n,
+    platform: o,
+    rects: r,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: g = !1,
+    padding: f = 0
+  } = J(s, t), h = Ce(f), w = l[g ? u === "floating" ? "reference" : "floating" : u], p = Ct(await o.getClippingRect({
+    element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: d,
+    strategy: c
+  })), b = u === "floating" ? {
+    x: i,
+    y: n,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), E = await (o.isElement == null ? void 0 : o.isElement(v)) ? await (o.getScale == null ? void 0 : o.getScale(v)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, x = Ct(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: b,
+    offsetParent: v,
+    strategy: c
+  }) : b);
   return {
-    x: ht(i * n) / n || 0,
-    y: ht(s * n) / n || 0
+    top: (p.top - x.top + h.top) / E.y,
+    bottom: (x.bottom - p.bottom + h.bottom) / E.y,
+    left: (p.left - x.left + h.left) / E.x,
+    right: (x.right - p.right + h.right) / E.x
   };
 }
-function Ae(t) {
-  var e, i = t.popper, s = t.popperRect, n = t.placement, r = t.variation, a = t.offsets, l = t.position, o = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, g = t.isFixed, b = a.x, f = b === void 0 ? 0 : b, y = a.y, p = y === void 0 ? 0 : y, h = typeof c == "function" ? c({
-    x: f,
-    y: p
-  }) : {
-    x: f,
-    y: p
+const vi = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(s) {
+    const {
+      x: e,
+      y: i,
+      placement: n,
+      rects: o,
+      platform: r,
+      elements: l,
+      middlewareData: c
+    } = s, {
+      element: a,
+      padding: d = 0
+    } = J(t, s) || {};
+    if (a == null)
+      return {};
+    const u = Ce(d), g = {
+      x: e,
+      y: i
+    }, f = Qt(n), h = Zt(f), m = await r.getDimensions(a), w = f === "y", p = w ? "top" : "left", b = w ? "bottom" : "right", v = w ? "clientHeight" : "clientWidth", E = o.reference[h] + o.reference[f] - g[f] - o.floating[h], x = g[f] - o.reference[f], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let z = L ? L[v] : 0;
+    (!z || !await (r.isElement == null ? void 0 : r.isElement(L))) && (z = l.floating[v] || o.floating[h]);
+    const ft = E / 2 - x / 2, W = z / 2 - m[h] / 2 - 1, N = lt(u[p], W), ut = lt(u[b], W), K = N, dt = z - m[h] - ut, S = z / 2 - m[h] / 2 + ft, Q = Bt(K, S, dt), F = !c.arrow && vt(n) != null && S !== Q && o.reference[h] / 2 - (S < K ? N : ut) - m[h] / 2 < 0, R = F ? S < K ? S - K : S - dt : 0;
+    return {
+      [f]: g[f] + R,
+      data: {
+        [f]: Q,
+        centerOffset: S - Q - R,
+        ...F && {
+          alignmentOffset: R
+        }
+      },
+      reset: F
+    };
+  }
+}), xi = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(s) {
+      var e, i;
+      const {
+        placement: n,
+        middlewareData: o,
+        rects: r,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = s, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: g,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: m = !0,
+        ...w
+      } = J(t, s);
+      if ((e = o.arrow) != null && e.alignmentOffset)
+        return {};
+      const p = j(n), b = U(l), v = j(l) === l, E = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = g || (v || !m ? [St(l)] : hi(l)), L = h !== "none";
+      !g && L && x.push(...pi(l, m, h, E));
+      const z = [l, ...x], ft = await Le(s, w), W = [];
+      let N = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      if (d && W.push(ft[p]), u) {
+        const S = gi(n, r, E);
+        W.push(ft[S[0]], ft[S[1]]);
+      }
+      if (N = [...N, {
+        placement: n,
+        overflows: W
+      }], !W.every((S) => S <= 0)) {
+        var ut, K;
+        const S = (((ut = o.flip) == null ? void 0 : ut.index) || 0) + 1, Q = z[S];
+        if (Q)
+          return {
+            data: {
+              index: S,
+              overflows: N
+            },
+            reset: {
+              placement: Q
+            }
+          };
+        let F = (K = N.filter((R) => R.overflows[0] <= 0).sort((R, _) => R.overflows[1] - _.overflows[1])[0]) == null ? void 0 : K.placement;
+        if (!F)
+          switch (f) {
+            case "bestFit": {
+              var dt;
+              const R = (dt = N.filter((_) => {
+                if (L) {
+                  const B = U(_.placement);
+                  return B === b || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  B === "y";
+                }
+                return !0;
+              }).map((_) => [_.placement, _.overflows.filter((B) => B > 0).reduce((B, Me) => B + Me, 0)]).sort((_, B) => _[1] - B[1])[0]) == null ? void 0 : dt[0];
+              R && (F = R);
+              break;
+            }
+            case "initialPlacement":
+              F = l;
+              break;
+          }
+        if (n !== F)
+          return {
+            reset: {
+              placement: F
+            }
+          };
+      }
+      return {};
+    }
   };
-  f = h.x, p = h.y;
-  var w = a.hasOwnProperty("x"), O = a.hasOwnProperty("y"), $ = P, d = T, v = window;
-  if (u) {
-    var m = At(i), E = "clientHeight", k = "clientWidth";
-    if (m === B(i) && (m = q(i), X(m).position !== "static" && l === "absolute" && (E = "scrollHeight", k = "scrollWidth")), m = m, n === T || (n === P || n === V) && r === Ot) {
-      d = N;
-      var C = g && m === v && v.visualViewport ? v.visualViewport.height : (
-        // $FlowFixMe[prop-missing]
-        m[E]
-      );
-      p -= C - s.height, p *= o ? 1 : -1;
+};
+async function yi(t, s) {
+  const {
+    placement: e,
+    platform: i,
+    elements: n
+  } = t, o = await (i.isRTL == null ? void 0 : i.isRTL(n.floating)), r = j(e), l = vt(e), c = U(e) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = o && c ? -1 : 1, u = J(s, t);
+  let {
+    mainAxis: g,
+    crossAxis: f,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
+    x: f * d,
+    y: g * a
+  } : {
+    x: g * a,
+    y: f * d
+  };
+}
+const Ei = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(s) {
+      var e, i;
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        middlewareData: l
+      } = s, c = await yi(s, t);
+      return r === ((e = l.offset) == null ? void 0 : e.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
+        x: n + c.x,
+        y: o + c.y,
+        data: {
+          ...c,
+          placement: r
+        }
+      };
     }
-    if (n === P || (n === T || n === N) && r === Ot) {
-      $ = V;
-      var L = g && m === v && v.visualViewport ? v.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        m[k]
-      );
-      f -= L - s.width, f *= o ? 1 : -1;
+  };
+}, Si = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(s) {
+      const {
+        x: e,
+        y: i,
+        placement: n
+      } = s, {
+        mainAxis: o = !0,
+        crossAxis: r = !1,
+        limiter: l = {
+          fn: (w) => {
+            let {
+              x: p,
+              y: b
+            } = w;
+            return {
+              x: p,
+              y: b
+            };
+          }
+        },
+        ...c
+      } = J(t, s), a = {
+        x: e,
+        y: i
+      }, d = await Le(s, c), u = U(j(n)), g = Ut(u);
+      let f = a[g], h = a[u];
+      if (o) {
+        const w = g === "y" ? "top" : "left", p = g === "y" ? "bottom" : "right", b = f + d[w], v = f - d[p];
+        f = Bt(b, f, v);
+      }
+      if (r) {
+        const w = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", b = h + d[w], v = h - d[p];
+        h = Bt(b, h, v);
+      }
+      const m = l.fn({
+        ...s,
+        [g]: f,
+        [u]: h
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - e,
+          y: m.y - i,
+          enabled: {
+            [g]: o,
+            [u]: r
+          }
+        }
+      };
     }
-  }
-  var A = Object.assign({
-    position: l
-  }, u && rs), W = c === !0 ? os({
-    x: f,
-    y: p
-  }, B(i)) : {
-    x: f,
-    y: p
   };
-  if (f = W.x, p = W.y, o) {
-    var S;
-    return Object.assign({}, A, (S = {}, S[d] = O ? "0" : "", S[$] = w ? "0" : "", S.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + f + "px, " + p + "px)" : "translate3d(" + f + "px, " + p + "px, 0)", S));
-  }
-  return Object.assign({}, A, (e = {}, e[d] = O ? p + "px" : "", e[$] = w ? f + "px" : "", e.transform = "", e));
-}
-function as(t) {
-  var e = t.state, i = t.options, s = i.gpuAcceleration, n = s === void 0 ? !0 : s, r = i.adaptive, a = r === void 0 ? !0 : r, l = i.roundOffsets, o = l === void 0 ? !0 : l, u = {
-    placement: z(e.placement),
-    variation: gt(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
-    gpuAcceleration: n,
-    isFixed: e.options.strategy === "fixed"
+}, Ci = function(t) {
+  return t === void 0 && (t = {}), {
+    options: t,
+    fn(s) {
+      const {
+        x: e,
+        y: i,
+        placement: n,
+        rects: o,
+        middlewareData: r
+      } = s, {
+        offset: l = 0,
+        mainAxis: c = !0,
+        crossAxis: a = !0
+      } = J(t, s), d = {
+        x: e,
+        y: i
+      }, u = U(n), g = Ut(u);
+      let f = d[g], h = d[u];
+      const m = J(l, s), w = typeof m == "number" ? {
+        mainAxis: m,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...m
+      };
+      if (c) {
+        const v = g === "y" ? "height" : "width", E = o.reference[g] - o.floating[v] + w.mainAxis, x = o.reference[g] + o.reference[v] - w.mainAxis;
+        f < E ? f = E : f > x && (f = x);
+      }
+      if (a) {
+        var p, b;
+        const v = g === "y" ? "width" : "height", E = ["top", "left"].includes(j(n)), x = o.reference[u] - o.floating[v] + (E && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (E ? 0 : w.crossAxis), L = o.reference[u] + o.reference[v] + (E ? 0 : ((b = r.offset) == null ? void 0 : b[u]) || 0) - (E ? w.crossAxis : 0);
+        h < x ? h = x : h > L && (h = L);
+      }
+      return {
+        [g]: f,
+        [u]: h
+      };
+    }
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ae(Object.assign({}, u, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
-    adaptive: a,
-    roundOffsets: o
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ae(Object.assign({}, u, {
-    offsets: e.modifiersData.arrow,
-    position: "absolute",
-    adaptive: !1,
-    roundOffsets: o
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
-  });
-}
-const ls = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: as,
-  data: {}
-};
-var It = {
-  passive: !0
 };
-function cs(t) {
-  var e = t.state, i = t.instance, s = t.options, n = s.scroll, r = n === void 0 ? !0 : n, a = s.resize, l = a === void 0 ? !0 : a, o = B(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return r && u.forEach(function(c) {
-    c.addEventListener("scroll", i.update, It);
-  }), l && o.addEventListener("resize", i.update, It), function() {
-    r && u.forEach(function(c) {
-      c.removeEventListener("scroll", i.update, It);
-    }), l && o.removeEventListener("resize", i.update, It);
-  };
+function kt() {
+  return typeof window < "u";
 }
-const us = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: cs,
-  data: {}
-};
-var fs = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function Rt(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return fs[e];
-  });
+function at(t) {
+  return Ae(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-var ds = {
-  start: "end",
-  end: "start"
-};
-function Se(t) {
-  return t.replace(/start|end/g, function(e) {
-    return ds[e];
-  });
+function O(t) {
+  var s;
+  return (t == null || (s = t.ownerDocument) == null ? void 0 : s.defaultView) || window;
 }
-function de(t) {
-  var e = B(t), i = e.pageXOffset, s = e.pageYOffset;
-  return {
-    scrollLeft: i,
-    scrollTop: s
-  };
+function I(t) {
+  var s;
+  return (s = (Ae(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : s.documentElement;
 }
-function he(t) {
-  return pt(q(t)).left + de(t).scrollLeft;
+function Ae(t) {
+  return kt() ? t instanceof Node || t instanceof O(t).Node : !1;
+}
+function T(t) {
+  return kt() ? t instanceof Element || t instanceof O(t).Element : !1;
+}
+function M(t) {
+  return kt() ? t instanceof HTMLElement || t instanceof O(t).HTMLElement : !1;
+}
+function re(t) {
+  return !kt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof O(t).ShadowRoot;
+}
+function xt(t) {
+  const {
+    overflow: s,
+    overflowX: e,
+    overflowY: i,
+    display: n
+  } = D(t);
+  return /auto|scroll|overlay|hidden|clip/.test(s + i + e) && !["inline", "contents"].includes(n);
+}
+function Li(t) {
+  return ["table", "td", "th"].includes(at(t));
+}
+function Pt(t) {
+  return [":popover-open", ":modal"].some((s) => {
+    try {
+      return t.matches(s);
+    } catch {
+      return !1;
+    }
+  });
 }
-function hs(t, e) {
-  var i = B(t), s = q(t), n = i.visualViewport, r = s.clientWidth, a = s.clientHeight, l = 0, o = 0;
-  if (n) {
-    r = n.width, a = n.height;
-    var u = Ye();
-    (u || !u && e === "fixed") && (l = n.offsetLeft, o = n.offsetTop);
+function qt(t) {
+  const s = te(), e = T(t) ? D(t) : t;
+  return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !s && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !s && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
+}
+function Ai(t) {
+  let s = H(t);
+  for (; M(s) && !ct(s); ) {
+    if (qt(s))
+      return s;
+    if (Pt(s))
+      return null;
+    s = H(s);
   }
-  return {
-    width: r,
-    height: a,
-    x: l + he(t),
-    y: o
-  };
+  return null;
 }
-function ps(t) {
-  var e, i = q(t), s = de(t), n = (e = t.ownerDocument) == null ? void 0 : e.body, r = it(i.scrollWidth, i.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), a = it(i.scrollHeight, i.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), l = -s.scrollLeft + he(t), o = -s.scrollTop;
-  return X(n || i).direction === "rtl" && (l += it(i.clientWidth, n ? n.clientWidth : 0) - r), {
-    width: r,
-    height: a,
-    x: l,
-    y: o
+function te() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ct(t) {
+  return ["html", "body", "#document"].includes(at(t));
+}
+function D(t) {
+  return O(t).getComputedStyle(t);
+}
+function Tt(t) {
+  return T(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
   };
 }
-function pe(t) {
-  var e = X(t), i = e.overflow, s = e.overflowX, n = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(i + n + s);
+function H(t) {
+  if (at(t) === "html")
+    return t;
+  const s = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    re(t) && t.host || // Fallback.
+    I(t)
+  );
+  return re(s) ? s.host : s;
 }
-function Qe(t) {
-  return ["html", "body", "#document"].indexOf(K(t)) >= 0 ? t.ownerDocument.body : F(t) && pe(t) ? t : Qe(Wt(t));
+function $e(t) {
+  const s = H(t);
+  return ct(s) ? t.ownerDocument ? t.ownerDocument.body : t.body : M(s) && xt(s) ? s : $e(s);
 }
-function xt(t, e) {
+function mt(t, s, e) {
   var i;
-  e === void 0 && (e = []);
-  var s = Qe(t), n = s === ((i = t.ownerDocument) == null ? void 0 : i.body), r = B(s), a = n ? [r].concat(r.visualViewport || [], pe(s) ? s : []) : s, l = e.concat(a);
-  return n ? l : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    l.concat(xt(Wt(a)))
-  );
+  s === void 0 && (s = []), e === void 0 && (e = !0);
+  const n = $e(t), o = n === ((i = t.ownerDocument) == null ? void 0 : i.body), r = O(n);
+  if (o) {
+    const l = jt(r);
+    return s.concat(r, r.visualViewport || [], xt(n) ? n : [], l && e ? mt(l) : []);
+  }
+  return s.concat(n, mt(n, [], e));
+}
+function jt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Oe(t) {
+  const s = D(t);
+  let e = parseFloat(s.width) || 0, i = parseFloat(s.height) || 0;
+  const n = M(t), o = n ? t.offsetWidth : e, r = n ? t.offsetHeight : i, l = Et(e) !== o || Et(i) !== r;
+  return l && (e = o, i = r), {
+    width: e,
+    height: i,
+    $: l
+  };
 }
-function Qt(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
-  });
+function ee(t) {
+  return T(t) ? t : t.contextElement;
 }
-function gs(t, e) {
-  var i = pt(t, !1, e === "fixed");
-  return i.top = i.top + t.clientTop, i.left = i.left + t.clientLeft, i.bottom = i.top + t.clientHeight, i.right = i.left + t.clientWidth, i.width = t.clientWidth, i.height = t.clientHeight, i.x = i.left, i.y = i.top, i;
-}
-function Te(t, e, i) {
-  return e === Ke ? Qt(hs(t, i)) : st(e) ? gs(e, i) : Qt(ps(q(t)));
-}
-function vs(t) {
-  var e = xt(Wt(t)), i = ["absolute", "fixed"].indexOf(X(t).position) >= 0, s = i && F(t) ? At(t) : t;
-  return st(s) ? e.filter(function(n) {
-    return st(n) && qe(n, s) && K(n) !== "body";
-  }) : [];
-}
-function ms(t, e, i, s) {
-  var n = e === "clippingParents" ? vs(t) : [].concat(e), r = [].concat(n, [i]), a = r[0], l = r.reduce(function(o, u) {
-    var c = Te(t, u, s);
-    return o.top = it(c.top, o.top), o.right = Bt(c.right, o.right), o.bottom = Bt(c.bottom, o.bottom), o.left = it(c.left, o.left), o;
-  }, Te(t, a, s));
-  return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
-}
-function Ze(t) {
-  var e = t.reference, i = t.element, s = t.placement, n = s ? z(s) : null, r = s ? gt(s) : null, a = e.x + e.width / 2 - i.width / 2, l = e.y + e.height / 2 - i.height / 2, o;
-  switch (n) {
-    case T:
-      o = {
-        x: a,
-        y: e.y - i.height
-      };
-      break;
-    case N:
-      o = {
-        x: a,
-        y: e.y + e.height
-      };
-      break;
-    case V:
-      o = {
-        x: e.x + e.width,
-        y: l
-      };
-      break;
-    case P:
-      o = {
-        x: e.x - i.width,
-        y: l
-      };
-      break;
-    default:
-      o = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var u = n ? fe(n) : null;
-  if (u != null) {
-    var c = u === "y" ? "height" : "width";
-    switch (r) {
-      case dt:
-        o[u] = o[u] - (e[c] / 2 - i[c] / 2);
-        break;
-      case Ot:
-        o[u] = o[u] + (e[c] / 2 - i[c] / 2);
-        break;
-    }
-  }
-  return o;
-}
-function $t(t, e) {
-  e === void 0 && (e = {});
-  var i = e, s = i.placement, n = s === void 0 ? t.placement : s, r = i.strategy, a = r === void 0 ? t.strategy : r, l = i.boundary, o = l === void 0 ? ji : l, u = i.rootBoundary, c = u === void 0 ? Ke : u, g = i.elementContext, b = g === void 0 ? wt : g, f = i.altBoundary, y = f === void 0 ? !1 : f, p = i.padding, h = p === void 0 ? 0 : p, w = Ge(typeof h != "number" ? h : Je(h, kt)), O = b === wt ? Fi : wt, $ = t.rects.popper, d = t.elements[y ? O : b], v = ms(st(d) ? d : d.contextElement || q(t.elements.popper), o, c, a), m = pt(t.elements.reference), E = Ze({
-    reference: m,
-    element: $,
-    strategy: "absolute",
-    placement: n
-  }), k = Qt(Object.assign({}, $, E)), C = b === wt ? k : m, L = {
-    top: v.top - C.top + w.top,
-    bottom: C.bottom - v.bottom + w.bottom,
-    left: v.left - C.left + w.left,
-    right: C.right - v.right + w.right
-  }, A = t.modifiersData.offset;
-  if (b === wt && A) {
-    var W = A[n];
-    Object.keys(L).forEach(function(S) {
-      var U = [V, N].indexOf(S) >= 0 ? 1 : -1, G = [T, N].indexOf(S) >= 0 ? "y" : "x";
-      L[S] += W[G] * U;
-    });
-  }
-  return L;
+function tt(t) {
+  const s = ee(t);
+  if (!M(s))
+    return V(1);
+  const e = s.getBoundingClientRect(), {
+    width: i,
+    height: n,
+    $: o
+  } = Oe(s);
+  let r = (o ? Et(e.width) : e.width) / i, l = (o ? Et(e.height) : e.height) / n;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
 }
-function bs(t, e) {
-  e === void 0 && (e = {});
-  var i = e, s = i.placement, n = i.boundary, r = i.rootBoundary, a = i.padding, l = i.flipVariations, o = i.allowedAutoPlacements, u = o === void 0 ? Xe : o, c = gt(s), g = c ? l ? Ce : Ce.filter(function(y) {
-    return gt(y) === c;
-  }) : kt, b = g.filter(function(y) {
-    return u.indexOf(y) >= 0;
-  });
-  b.length === 0 && (b = g);
-  var f = b.reduce(function(y, p) {
-    return y[p] = $t(t, {
-      placement: p,
-      boundary: n,
-      rootBoundary: r,
-      padding: a
-    })[z(p)], y;
-  }, {});
-  return Object.keys(f).sort(function(y, p) {
-    return f[y] - f[p];
-  });
+const $i = /* @__PURE__ */ V(0);
+function ke(t) {
+  const s = O(t);
+  return !te() || !s.visualViewport ? $i : {
+    x: s.visualViewport.offsetLeft,
+    y: s.visualViewport.offsetTop
+  };
 }
-function ws(t) {
-  if (z(t) === le)
-    return [];
-  var e = Rt(t);
-  return [Se(t), e, Se(e)];
-}
-function ys(t) {
-  var e = t.state, i = t.options, s = t.name;
-  if (!e.modifiersData[s]._skip) {
-    for (var n = i.mainAxis, r = n === void 0 ? !0 : n, a = i.altAxis, l = a === void 0 ? !0 : a, o = i.fallbackPlacements, u = i.padding, c = i.boundary, g = i.rootBoundary, b = i.altBoundary, f = i.flipVariations, y = f === void 0 ? !0 : f, p = i.allowedAutoPlacements, h = e.options.placement, w = z(h), O = w === h, $ = o || (O || !y ? [Rt(h)] : ws(h)), d = [h].concat($).reduce(function(nt, Y) {
-      return nt.concat(z(Y) === le ? bs(e, {
-        placement: Y,
-        boundary: c,
-        rootBoundary: g,
-        padding: u,
-        flipVariations: y,
-        allowedAutoPlacements: p
-      }) : Y);
-    }, []), v = e.rects.reference, m = e.rects.popper, E = /* @__PURE__ */ new Map(), k = !0, C = d[0], L = 0; L < d.length; L++) {
-      var A = d[L], W = z(A), S = gt(A) === dt, U = [T, N].indexOf(W) >= 0, G = U ? "width" : "height", D = $t(e, {
-        placement: A,
-        boundary: c,
-        rootBoundary: g,
-        altBoundary: b,
-        padding: u
-      }), H = U ? S ? V : P : S ? N : T;
-      v[G] > m[G] && (H = Rt(H));
-      var St = Rt(H), J = [];
-      if (r && J.push(D[W] <= 0), l && J.push(D[H] <= 0, D[St] <= 0), J.every(function(nt) {
-        return nt;
-      })) {
-        C = A, k = !1;
-        break;
-      }
-      E.set(A, J);
+function Oi(t, s, e) {
+  return s === void 0 && (s = !1), !e || s && e !== O(t) ? !1 : s;
+}
+function Z(t, s, e, i) {
+  s === void 0 && (s = !1), e === void 0 && (e = !1);
+  const n = t.getBoundingClientRect(), o = ee(t);
+  let r = V(1);
+  s && (i ? T(i) && (r = tt(i)) : r = tt(t));
+  const l = Oi(o, e, i) ? ke(o) : V(0);
+  let c = (n.left + l.x) / r.x, a = (n.top + l.y) / r.y, d = n.width / r.x, u = n.height / r.y;
+  if (o) {
+    const g = O(o), f = i && T(i) ? O(i) : i;
+    let h = g, m = jt(h);
+    for (; m && i && f !== h; ) {
+      const w = tt(m), p = m.getBoundingClientRect(), b = D(m), v = p.left + (m.clientLeft + parseFloat(b.paddingLeft)) * w.x, E = p.top + (m.clientTop + parseFloat(b.paddingTop)) * w.y;
+      c *= w.x, a *= w.y, d *= w.x, u *= w.y, c += v, a += E, h = O(m), m = jt(h);
     }
-    if (k)
-      for (var Tt = y ? 3 : 1, Ht = function(Y) {
-        var mt = d.find(function(Dt) {
-          var Q = E.get(Dt);
-          if (Q)
-            return Q.slice(0, Y).every(function(_t) {
-              return _t;
-            });
-        });
-        if (mt)
-          return C = mt, "break";
-      }, vt = Tt; vt > 0; vt--) {
-        var Pt = Ht(vt);
-        if (Pt === "break") break;
-      }
-    e.placement !== C && (e.modifiersData[s]._skip = !0, e.placement = C, e.reset = !0);
   }
+  return Ct({
+    width: d,
+    height: u,
+    x: c,
+    y: a
+  });
 }
-const xs = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: ys,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
+function ki(t) {
+  let {
+    elements: s,
+    rect: e,
+    offsetParent: i,
+    strategy: n
+  } = t;
+  const o = n === "fixed", r = I(i), l = s ? Pt(s.floating) : !1;
+  if (i === r || l && o)
+    return e;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = V(1);
+  const d = V(0), u = M(i);
+  if ((u || !u && !o) && ((at(i) !== "body" || xt(r)) && (c = Tt(i)), M(i))) {
+    const g = Z(i);
+    a = tt(i), d.x = g.x + i.clientLeft, d.y = g.y + i.clientTop;
   }
-};
-function Pe(t, e, i) {
-  return i === void 0 && (i = {
-    x: 0,
-    y: 0
-  }), {
-    top: t.top - e.height - i.y,
-    right: t.right - e.width + i.x,
-    bottom: t.bottom - e.height + i.y,
-    left: t.left - e.width - i.x
+  return {
+    width: e.width * a.x,
+    height: e.height * a.y,
+    x: e.x * a.x - c.scrollLeft * a.x + d.x,
+    y: e.y * a.y - c.scrollTop * a.y + d.y
   };
 }
-function De(t) {
-  return [T, V, N, P].some(function(e) {
-    return t[e] >= 0;
-  });
-}
-function Es(t) {
-  var e = t.state, i = t.name, s = e.rects.reference, n = e.rects.popper, r = e.modifiersData.preventOverflow, a = $t(e, {
-    elementContext: "reference"
-  }), l = $t(e, {
-    altBoundary: !0
-  }), o = Pe(a, s), u = Pe(l, n, r), c = De(o), g = De(u);
-  e.modifiersData[i] = {
-    referenceClippingOffsets: o,
-    popperEscapeOffsets: u,
-    isReferenceHidden: c,
-    hasPopperEscaped: g
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": c,
-    "data-popper-escaped": g
-  });
+function Pi(t) {
+  return Array.from(t.getClientRects());
+}
+function Ht(t, s) {
+  const e = Tt(t).scrollLeft;
+  return s ? s.left + e : Z(I(t)).left + e;
+}
+function Ti(t) {
+  const s = I(t), e = Tt(t), i = t.ownerDocument.body, n = G(s.scrollWidth, s.clientWidth, i.scrollWidth, i.clientWidth), o = G(s.scrollHeight, s.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -e.scrollLeft + Ht(t);
+  const l = -e.scrollTop;
+  return D(i).direction === "rtl" && (r += G(s.clientWidth, i.clientWidth) - n), {
+    width: n,
+    height: o,
+    x: r,
+    y: l
+  };
 }
-const Os = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: Es
-};
-function $s(t, e, i) {
-  var s = z(t), n = [P, T].indexOf(s) >= 0 ? -1 : 1, r = typeof i == "function" ? i(Object.assign({}, e, {
-    placement: t
-  })) : i, a = r[0], l = r[1];
-  return a = a || 0, l = (l || 0) * n, [P, V].indexOf(s) >= 0 ? {
+function Di(t, s) {
+  const e = O(t), i = I(t), n = e.visualViewport;
+  let o = i.clientWidth, r = i.clientHeight, l = 0, c = 0;
+  if (n) {
+    o = n.width, r = n.height;
+    const a = te();
+    (!a || a && s === "fixed") && (l = n.offsetLeft, c = n.offsetTop);
+  }
+  return {
+    width: o,
+    height: r,
     x: l,
+    y: c
+  };
+}
+function Ri(t, s) {
+  const e = Z(t, !0, s === "fixed"), i = e.top + t.clientTop, n = e.left + t.clientLeft, o = M(t) ? tt(t) : V(1), r = t.clientWidth * o.x, l = t.clientHeight * o.y, c = n * o.x, a = i * o.y;
+  return {
+    width: r,
+    height: l,
+    x: c,
     y: a
-  } : {
-    x: a,
-    y: l
   };
 }
-function Ls(t) {
-  var e = t.state, i = t.options, s = t.name, n = i.offset, r = n === void 0 ? [0, 0] : n, a = Xe.reduce(function(c, g) {
-    return c[g] = $s(g, e.rects, r), c;
-  }, {}), l = a[e.placement], o = l.x, u = l.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += u), e.modifiersData[s] = a;
-}
-const Cs = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: Ls
-};
-function ks(t) {
-  var e = t.state, i = t.name;
-  e.modifiersData[i] = Ze({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    strategy: "absolute",
-    placement: e.placement
-  });
+function le(t, s, e) {
+  let i;
+  if (s === "viewport")
+    i = Di(t, e);
+  else if (s === "document")
+    i = Ti(I(t));
+  else if (T(s))
+    i = Ri(s, e);
+  else {
+    const n = ke(t);
+    i = {
+      ...s,
+      x: s.x - n.x,
+      y: s.y - n.y
+    };
+  }
+  return Ct(i);
 }
-const As = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: ks,
-  data: {}
-};
-function Ss(t) {
-  return t === "x" ? "y" : "x";
+function Pe(t, s) {
+  const e = H(t);
+  return e === s || !T(e) || ct(e) ? !1 : D(e).position === "fixed" || Pe(e, s);
 }
-function Ts(t) {
-  var e = t.state, i = t.options, s = t.name, n = i.mainAxis, r = n === void 0 ? !0 : n, a = i.altAxis, l = a === void 0 ? !1 : a, o = i.boundary, u = i.rootBoundary, c = i.altBoundary, g = i.padding, b = i.tether, f = b === void 0 ? !0 : b, y = i.tetherOffset, p = y === void 0 ? 0 : y, h = $t(e, {
-    boundary: o,
-    rootBoundary: u,
-    padding: g,
-    altBoundary: c
-  }), w = z(e.placement), O = gt(e.placement), $ = !O, d = fe(w), v = Ss(d), m = e.modifiersData.popperOffsets, E = e.rects.reference, k = e.rects.popper, C = typeof p == "function" ? p(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : p, L = typeof C == "number" ? {
-    mainAxis: C,
-    altAxis: C
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, C), A = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, W = {
-    x: 0,
-    y: 0
+function Mi(t, s) {
+  const e = s.get(t);
+  if (e)
+    return e;
+  let i = mt(t, [], !1).filter((l) => T(l) && at(l) !== "body"), n = null;
+  const o = D(t).position === "fixed";
+  let r = o ? H(t) : t;
+  for (; T(r) && !ct(r); ) {
+    const l = D(r), c = qt(r);
+    !c && l.position === "fixed" && (n = null), (o ? !c && !n : !c && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || xt(r) && !c && Pe(t, r)) ? i = i.filter((d) => d !== r) : n = l, r = H(r);
+  }
+  return s.set(t, i), i;
+}
+function Ii(t) {
+  let {
+    element: s,
+    boundary: e,
+    rootBoundary: i,
+    strategy: n
+  } = t;
+  const r = [...e === "clippingAncestors" ? Pt(s) ? [] : Mi(s, this._c) : [].concat(e), i], l = r[0], c = r.reduce((a, d) => {
+    const u = le(s, d, n);
+    return a.top = G(u.top, a.top), a.right = lt(u.right, a.right), a.bottom = lt(u.bottom, a.bottom), a.left = G(u.left, a.left), a;
+  }, le(s, l, n));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
-  if (m) {
-    if (r) {
-      var S, U = d === "y" ? T : P, G = d === "y" ? N : V, D = d === "y" ? "height" : "width", H = m[d], St = H + h[U], J = H - h[G], Tt = f ? -k[D] / 2 : 0, Ht = O === dt ? E[D] : k[D], vt = O === dt ? -k[D] : -E[D], Pt = e.elements.arrow, nt = f && Pt ? ue(Pt) : {
-        width: 0,
-        height: 0
-      }, Y = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Ue(), mt = Y[U], Dt = Y[G], Q = yt(0, E[D], nt[D]), _t = $ ? E[D] / 2 - Tt - Q - mt - L.mainAxis : Ht - Q - mt - L.mainAxis, si = $ ? -E[D] / 2 + Tt + Q + Dt + L.mainAxis : vt + Q + Dt + L.mainAxis, zt = e.elements.arrow && At(e.elements.arrow), ni = zt ? d === "y" ? zt.clientTop || 0 : zt.clientLeft || 0 : 0, ge = (S = A == null ? void 0 : A[d]) != null ? S : 0, ri = H + _t - ge - ni, oi = H + si - ge, ve = yt(f ? Bt(St, ri) : St, H, f ? it(J, oi) : J);
-      m[d] = ve, W[d] = ve - H;
-    }
-    if (l) {
-      var me, ai = d === "x" ? T : P, li = d === "x" ? N : V, Z = m[v], Mt = v === "y" ? "height" : "width", be = Z + h[ai], we = Z - h[li], Kt = [T, P].indexOf(w) !== -1, ye = (me = A == null ? void 0 : A[v]) != null ? me : 0, xe = Kt ? be : Z - E[Mt] - k[Mt] - ye + L.altAxis, Ee = Kt ? Z + E[Mt] + k[Mt] - ye - L.altAxis : we, Oe = f && Kt ? ts(xe, Z, Ee) : yt(f ? xe : be, Z, f ? Ee : we);
-      m[v] = Oe, W[v] = Oe - Z;
-    }
-    e.modifiersData[s] = W;
-  }
 }
-const Ps = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: Ts,
-  requiresIfExists: ["offset"]
-};
-function Ds(t) {
+function Fi(t) {
+  const {
+    width: s,
+    height: e
+  } = Oe(t);
   return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
+    width: s,
+    height: e
   };
 }
-function Ms(t) {
-  return t === B(t) || !F(t) ? de(t) : Ds(t);
-}
-function Is(t) {
-  var e = t.getBoundingClientRect(), i = ht(e.width) / t.offsetWidth || 1, s = ht(e.height) / t.offsetHeight || 1;
-  return i !== 1 || s !== 1;
-}
-function Rs(t, e, i) {
-  i === void 0 && (i = !1);
-  var s = F(e), n = F(e) && Is(e), r = q(e), a = pt(t, n, i), l = {
+function Ni(t, s, e) {
+  const i = M(s), n = I(s), o = e === "fixed", r = Z(t, !0, o, s);
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, o = {
-    x: 0,
-    y: 0
   };
-  return (s || !s && !i) && ((K(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  pe(r)) && (l = Ms(e)), F(e) ? (o = pt(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : r && (o.x = he(r))), {
-    x: a.left + l.scrollLeft - o.x,
-    y: a.top + l.scrollTop - o.y,
-    width: a.width,
-    height: a.height
+  const c = V(0);
+  if (i || !i && !o)
+    if ((at(s) !== "body" || xt(n)) && (l = Tt(s)), i) {
+      const f = Z(s, !0, o, s);
+      c.x = f.x + s.clientLeft, c.y = f.y + s.clientTop;
+    } else n && (c.x = Ht(n));
+  let a = 0, d = 0;
+  if (n && !i && !o) {
+    const f = n.getBoundingClientRect();
+    d = f.top + l.scrollTop, a = f.left + l.scrollLeft - // RTL <body> scrollbar.
+    Ht(n, f);
+  }
+  const u = r.left + l.scrollLeft - c.x - a, g = r.top + l.scrollTop - c.y - d;
+  return {
+    x: u,
+    y: g,
+    width: r.width,
+    height: r.height
   };
 }
-function Bs(t) {
-  var e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), s = [];
-  t.forEach(function(r) {
-    e.set(r.name, r);
-  });
-  function n(r) {
-    i.add(r.name);
-    var a = [].concat(r.requires || [], r.requiresIfExists || []);
-    a.forEach(function(l) {
-      if (!i.has(l)) {
-        var o = e.get(l);
-        o && n(o);
-      }
-    }), s.push(r);
-  }
-  return t.forEach(function(r) {
-    i.has(r.name) || n(r);
-  }), s;
-}
-function js(t) {
-  var e = Bs(t);
-  return qi.reduce(function(i, s) {
-    return i.concat(e.filter(function(n) {
-      return n.phase === s;
-    }));
-  }, []);
+function Rt(t) {
+  return D(t).position === "static";
 }
-function Fs(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(i) {
-      Promise.resolve().then(function() {
-        e = void 0, i(t());
-      });
-    })), e;
-  };
+function ce(t, s) {
+  if (!M(t) || D(t).position === "fixed")
+    return null;
+  if (s)
+    return s(t);
+  let e = t.offsetParent;
+  return I(t) === e && (e = e.ownerDocument.body), e;
 }
-function Ns(t) {
-  var e = t.reduce(function(i, s) {
-    var n = i[s.name];
-    return i[s.name] = n ? Object.assign({}, n, s, {
-      options: Object.assign({}, n.options, s.options),
-      data: Object.assign({}, n.data, s.data)
-    }) : s, i;
-  }, {});
-  return Object.keys(e).map(function(i) {
-    return e[i];
-  });
+function Te(t, s) {
+  const e = O(t);
+  if (Pt(t))
+    return e;
+  if (!M(t)) {
+    let n = H(t);
+    for (; n && !ct(n); ) {
+      if (T(n) && !Rt(n))
+        return n;
+      n = H(n);
+    }
+    return e;
+  }
+  let i = ce(t, s);
+  for (; i && Li(i) && Rt(i); )
+    i = ce(i, s);
+  return i && ct(i) && Rt(i) && !qt(i) ? e : i || Ai(t) || e;
 }
-var Me = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
+const _i = async function(t) {
+  const s = this.getOffsetParent || Te, e = this.getDimensions, i = await e(t.floating);
+  return {
+    reference: Ni(t.reference, await s(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: i.width,
+      height: i.height
+    }
+  };
 };
-function Ie() {
-  for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
-    e[i] = arguments[i];
-  return !e.some(function(s) {
-    return !(s && typeof s.getBoundingClientRect == "function");
-  });
-}
-function Vs(t) {
-  t === void 0 && (t = {});
-  var e = t, i = e.defaultModifiers, s = i === void 0 ? [] : i, n = e.defaultOptions, r = n === void 0 ? Me : n;
-  return function(l, o, u) {
-    u === void 0 && (u = r);
-    var c = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, Me, r),
-      modifiersData: {},
-      elements: {
-        reference: l,
-        popper: o
-      },
-      attributes: {},
-      styles: {}
-    }, g = [], b = !1, f = {
-      state: c,
-      setOptions: function(w) {
-        var O = typeof w == "function" ? w(c.options) : w;
-        p(), c.options = Object.assign({}, r, c.options, O), c.scrollParents = {
-          reference: st(l) ? xt(l) : l.contextElement ? xt(l.contextElement) : [],
-          popper: xt(o)
-        };
-        var $ = js(Ns([].concat(s, c.options.modifiers)));
-        return c.orderedModifiers = $.filter(function(d) {
-          return d.enabled;
-        }), y(), f.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 (!b) {
-          var w = c.elements, O = w.reference, $ = w.popper;
-          if (Ie(O, $)) {
-            c.rects = {
-              reference: Rs(O, At($), c.options.strategy === "fixed"),
-              popper: ue($)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(L) {
-              return c.modifiersData[L.name] = Object.assign({}, L.data);
-            });
-            for (var d = 0; d < c.orderedModifiers.length; d++) {
-              if (c.reset === !0) {
-                c.reset = !1, d = -1;
-                continue;
-              }
-              var v = c.orderedModifiers[d], m = v.fn, E = v.options, k = E === void 0 ? {} : E, C = v.name;
-              typeof m == "function" && (c = m({
-                state: c,
-                options: k,
-                name: C,
-                instance: f
-              }) || c);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: Fs(function() {
-        return new Promise(function(h) {
-          f.forceUpdate(), h(c);
-        });
-      }),
-      destroy: function() {
-        p(), b = !0;
-      }
+function Bi(t) {
+  return D(t).direction === "rtl";
+}
+const Vi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
+  getDocumentElement: I,
+  getClippingRect: Ii,
+  getOffsetParent: Te,
+  getElementRects: _i,
+  getClientRects: Pi,
+  getDimensions: Fi,
+  getScale: tt,
+  isElement: T,
+  isRTL: Bi
+};
+function ji(t, s) {
+  let e = null, i;
+  const n = I(t);
+  function o() {
+    var l;
+    clearTimeout(i), (l = e) == null || l.disconnect(), e = null;
+  }
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), o();
+    const {
+      left: a,
+      top: d,
+      width: u,
+      height: g
+    } = t.getBoundingClientRect();
+    if (l || s(), !u || !g)
+      return;
+    const f = yt(d), h = yt(n.clientWidth - (a + u)), m = yt(n.clientHeight - (d + g)), w = yt(a), b = {
+      rootMargin: -f + "px " + -h + "px " + -m + "px " + -w + "px",
+      threshold: G(0, lt(1, c)) || 1
     };
-    if (!Ie(l, o))
-      return f;
-    f.setOptions(u).then(function(h) {
-      !b && u.onFirstUpdate && u.onFirstUpdate(h);
-    });
-    function y() {
-      c.orderedModifiers.forEach(function(h) {
-        var w = h.name, O = h.options, $ = O === void 0 ? {} : O, d = h.effect;
-        if (typeof d == "function") {
-          var v = d({
-            state: c,
-            name: w,
-            instance: f,
-            options: $
-          }), m = function() {
-          };
-          g.push(v || m);
-        }
-      });
+    let v = !0;
+    function E(x) {
+      const L = x[0].intersectionRatio;
+      if (L !== c) {
+        if (!v)
+          return r();
+        L ? r(!1, L) : i = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      v = !1;
     }
-    function p() {
-      g.forEach(function(h) {
-        return h();
-      }), g = [];
+    try {
+      e = new IntersectionObserver(E, {
+        ...b,
+        // Handle <iframe>s
+        root: n.ownerDocument
+      });
+    } catch {
+      e = new IntersectionObserver(E, b);
     }
-    return f;
+    e.observe(t);
+  }
+  return r(!0), o;
+}
+function Hi(t, s, e, i) {
+  i === void 0 && (i = {});
+  const {
+    ancestorScroll: n = !0,
+    ancestorResize: o = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = i, a = ee(t), d = n || o ? [...a ? mt(a) : [], ...mt(s)] : [];
+  d.forEach((p) => {
+    n && p.addEventListener("scroll", e, {
+      passive: !0
+    }), o && p.addEventListener("resize", e);
+  });
+  const u = a && l ? ji(a, e) : null;
+  let g = -1, f = null;
+  r && (f = new ResizeObserver((p) => {
+    let [b] = p;
+    b && b.target === a && f && (f.unobserve(s), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      var v;
+      (v = f) == null || v.observe(s);
+    })), e();
+  }), a && !c && f.observe(a), f.observe(s));
+  let h, m = c ? Z(t) : null;
+  c && w();
+  function w() {
+    const p = Z(t);
+    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && e(), m = p, h = requestAnimationFrame(w);
+  }
+  return e(), () => {
+    var p;
+    d.forEach((b) => {
+      n && b.removeEventListener("scroll", e), o && b.removeEventListener("resize", e);
+    }), u == null || u(), (p = f) == null || p.disconnect(), f = null, c && cancelAnimationFrame(h);
   };
 }
-var Ws = [us, As, ls, Ji, Cs, xs, Ps, ns, Os], Hs = /* @__PURE__ */ Vs({
-  defaultModifiers: Ws
-});
-async function Zt(t) {
-  const e = this.collection.findIndex((i) => i.id === t.id);
-  if (e >= 0) {
-    const i = this.collection[e];
-    i.state === "opened" && i.close(), i.popper.destroy(), ti(i), Object.getOwnPropertyNames(i).forEach((s) => {
-      delete i[s];
-    }), this.collection.splice(e, 1);
-  }
-  return this.collection;
-}
-function ti(t) {
-  return t.__eventListeners && (t.__eventListeners.forEach((e) => {
-    e.el.forEach((i) => {
-      e.type.forEach((s) => {
-        t[i].removeEventListener(s, e.listener, !1);
-      });
+const zi = Ei, Wi = Si, Ki = xi, Xi = vi, Yi = Ci, Gi = (t, s, e) => {
+  const i = /* @__PURE__ */ new Map(), n = {
+    platform: Vi,
+    ...e
+  }, o = {
+    ...n.platform,
+    _c: i
+  };
+  return bi(t, s, {
+    ...n,
+    platform: o
+  });
+};
+async function De(t) {
+  const s = ve.call(this, t);
+  s.el.inert = !1, s.el.classList.add(this.settings.stateActive), s.isTooltip || s.trigger.setAttribute("aria-expanded", "true"), s.getCustomProps();
+  const e = si(s), i = s.el.querySelector(e.arrow.element);
+  return e.arrow.element = i || void 0, s.cleanup = Hi(s.trigger, s.el, () => {
+    Gi(s.trigger, s.el, {
+      placement: s.getSetting("placement"),
+      middleware: [
+        Ki(e.flip),
+        Wi({ ...e.shift, limiter: Yi() }),
+        zi(e.offset),
+        Xi(e.arrow)
+      ]
+    }).then(({ x: n, y: o, placement: r, middlewareData: l }) => {
+      if (s.el) {
+        if (ne(s.el, n, o), e.arrow.element && l.arrow) {
+          const { x: c, y: a } = l.arrow;
+          ne(e.arrow.element, c, a);
+        }
+        s.el.setAttribute("data-floating-placement", r);
+      }
     });
-  }), delete t.__eventListeners), t;
-}
-async function ei(t) {
-  const e = We.call(this, t);
-  return e.el.inert = !1, e.el.classList.add(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "true"), e.config = Ne(e.el, this.settings), e.popper.setOptions({
-    placement: e.config.placement,
-    modifiers: [
-      { name: "eventListeners", enabled: !0 },
-      ...Ve(e.config)
-    ]
-  }), e.popper.update(), e.state = "opened", e;
-}
-async function _s(t, e) {
-  Zt.call(this, t);
-  const i = this, s = {
-    id: t.id,
+  }), s.state = "opened", s;
+}
+async function Ji(t, s, e = {}) {
+  await _t.call(this, t);
+  const i = this, n = {
+    el: !1,
+    trigger: !1
+  }, o = [
+    "placement",
+    "event",
+    "offset",
+    "flip-padding",
+    "shift-padding",
+    "arrow-padding",
+    "toggle-delay"
+  ], r = this.createEntry(t, { customPropKeys: o });
+  return Object.assign(r, {
     state: "closed",
-    el: t,
-    trigger: e,
+    trigger: s,
     toggleDelayId: null,
-    popper: Hs(e, t),
-    config: Ne(t, this.settings),
-    get isTooltip() {
-      return !!t.closest(i.settings.selectorTooltip) || t.getAttribute("role") == "tooltip";
+    cleanup: () => {
     },
     open() {
-      return ei.call(i, this);
+      return De.call(i, this);
     },
     close() {
-      return ae.call(i, this);
+      return Jt.call(i, this);
     },
     deregister() {
-      return Zt.call(i, this);
+      return _t.call(i, this);
     }
-  };
-  return s.isTooltip && s.el.setAttribute("role", "tooltip"), s.isTooltip || s.trigger.setAttribute("aria-expanded", "false"), ii.call(this, s), this.collection.push(s), s.el.classList.contains(this.settings.stateActive) ? (await s.open(), ze.call(this, s)) : s.el.inert = !0, s.popper.setOptions({
-    placement: s.config.placement
-  }), s;
+  }), Object.defineProperties(r, Object.getOwnPropertyDescriptors({
+    set isHovered(l) {
+      const c = l.type == "mouseenter" ? !0 : l.type == "mouseleave" ? !1 : void 0;
+      if (c != null)
+        switch (l.target) {
+          case this.el:
+            n.el = c;
+            break;
+          case this.trigger:
+            n.trigger = c;
+            break;
+        }
+    },
+    get isHovered() {
+      return n.el || n.trigger;
+    },
+    get isTooltip() {
+      return !!t.closest(i.settings.selectorTooltip) || t.getAttribute("role") == "tooltip";
+    }
+  })), r.isTooltip && (r.settings.event = "hover"), r.applySettings(e), r.getDataConfig(), r.getCustomProps(), r.isTooltip && r.el.setAttribute("role", "tooltip"), r.isTooltip || r.trigger.setAttribute("aria-expanded", "false"), Re.call(this, r), r.getSetting("teleport") && r.teleport(), this.collection.push(r), r.el.classList.contains(this.settings.stateActive) ? (await r.open(), Ee.call(this, r)) : r.el.inert = !0, r;
 }
-function ii(t) {
-  return t.__eventListeners || ((t.isTooltip ? "hover" : t.config.event) === "hover" ? (t.__eventListeners = [{
-    el: ["trigger"],
+function Re(t) {
+  return t._eventListeners || (t.getSetting("event") === "hover" ? (t._eventListeners = [{
+    el: ["el", "trigger"],
     type: ["mouseenter", "focus"],
-    listener: Ii.bind(this, t)
+    listener: ci.bind(this, t)
   }, {
     el: ["el", "trigger"],
     type: ["mouseleave", "focusout"],
-    listener: Ri.bind(this, t)
-  }], t.__eventListeners.forEach((i) => {
-    i.el.forEach((s) => {
-      i.type.forEach((n) => {
-        t[s].addEventListener(n, i.listener, !1);
+    listener: ai.bind(this, t)
+  }, {
+    el: ["trigger"],
+    type: ["click"],
+    listener: li.bind(this, t)
+  }], t._eventListeners.forEach((e) => {
+    e.el.forEach((i) => {
+      e.type.forEach((n) => {
+        t[i].addEventListener(n, e.listener, !1);
       });
     });
-  })) : (t.__eventListeners = [{
+  })) : (t._eventListeners = [{
     el: ["trigger"],
     type: ["click"],
-    listener: Mi.bind(this, t)
-  }], t.__eventListeners.forEach((i) => {
-    i.el.forEach((s) => {
-      i.type.forEach((n) => {
-        t[s].addEventListener(n, i.listener, !1);
+    listener: ri.bind(this, t)
+  }], t._eventListeners.forEach((e) => {
+    e.el.forEach((i) => {
+      e.type.forEach((n) => {
+        t[i].addEventListener(n, e.listener, !1);
       });
     });
   }))), t;
 }
-var ft;
-class qs extends jt {
-  constructor(i) {
-    super();
-    _(this, ft);
-    this.defaults = Ti, this.settings = { ...this.defaults, ...i }, this.trigger = null, M(this, ft, Bi.bind(this)), this.settings.autoMount && this.mount();
+var rt;
+class ts extends Lt {
+  constructor(e) {
+    super({ ...ii, ...e });
+    P(this, rt);
+    this.trigger = null, C(this, rt, fi.bind(this));
   }
   get active() {
-    return this.collection.find((i) => i.state == "opened");
+    return this.collection.find((e) => e.state == "opened");
   }
-  get activeTooltip() {
-    return this.collection.find((i) => i.state == "opened" && i.isTooltip);
+  get activeHover() {
+    return this.collection.find((e) => e.state == "opened" && e.getSetting("event") == "hover");
   }
-  async mount(i) {
-    i && (this.settings = { ...this.settings, ...i });
-    const s = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(!1), this;
+  async mount(e) {
+    e && (this.settings = { ...this.settings, ...e });
+    const i = document.querySelectorAll(this.settings.selectorPopover);
+    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(!1), this;
   }
   async unmount() {
     return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(!1), this;
   }
-  mountEventListeners(i = !0) {
-    i && this.collection.forEach((s) => {
-      ii.call(this, s);
-    }), document.addEventListener("keydown", x(this, ft), !1);
+  mountEventListeners(e = !0) {
+    e && this.collection.forEach((i) => {
+      Re.call(this, i);
+    }), document.addEventListener("keydown", y(this, rt), !1);
   }
-  unmountEventListeners(i = !0) {
-    i && this.collection.forEach((s) => {
-      ti(s);
-    }), document.removeEventListener("keydown", x(this, ft), !1);
+  unmountEventListeners(e = !0) {
+    e && this.collection.forEach((i) => {
+      Se(i);
+    }), document.removeEventListener("keydown", y(this, rt), !1);
   }
-  register(i) {
-    const s = Di.call(this, i);
-    return s.error ? Promise.reject(s.error) : _s.call(this, s.popover, s.trigger);
+  register(e, i = {}) {
+    const n = oi.call(this, e);
+    return n.error ? Promise.reject(n.error) : Ji.call(this, n.popover, n.trigger, i);
   }
-  deregister(i) {
-    let s = this.get(i.id || i);
-    return s ? Zt.call(this, s) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${i.id || i}".`));
+  deregister(e) {
+    let i = this.get(e.id || e);
+    return i ? _t.call(this, i) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${e.id || e}".`));
   }
-  open(i) {
-    return ei.call(this, i);
+  open(e) {
+    return De.call(this, e);
   }
-  close(i) {
-    return ae.call(this, i);
+  close(e) {
+    return Jt.call(this, e);
   }
 }
-ft = new WeakMap();
+rt = new WeakMap();
 export {
-  Xs as Drawer,
-  Ys as Modal,
-  qs as Popover,
-  Ks as core
+  Qi as Drawer,
+  qi as Modal,
+  ts as Popover,
+  Zi as core
 };
 //# sourceMappingURL=index.js.map