vrembem 4.0.0-next.12 → 4.0.0-next.14

package/dev/index.js

@@ -1,287 +1,132 @@
-var b$2 = (t) => {
-  throw TypeError(t);
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var g$2 = (t, e, n) => e.has(t) || b$2("Cannot " + n);
-var o$2 = (t, e, n) => (g$2(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m$2 = (t, e, n) => e.has(t) ? b$2("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), a$1 = (t, e, n, i) => (g$2(t, e, "write to private field"), e.set(t, n), n);
-var l$1;
-let L$2 = class L {
-  constructor(e, n) {
-    m$2(this, l$1);
-    this.value = e, a$1(this, l$1, n), this.mql = null;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _handler, _focusable, _handleFocusTrap, _handleFocusLock, _handleClick, _handleKeydown, _handleClick2, _handleKeydown2, _handleKeydown3;
+class Breakpoint {
+  constructor(value, handler) {
+    __privateAdd(this, _handler);
+    this.value = value;
+    __privateSet(this, _handler, handler);
+    this.mql = null;
   }
   get handler() {
-    return o$2(this, l$1);
+    return __privateGet(this, _handler);
   }
   // Unmount existing handler before setting a new one.
-  set handler(e) {
-    this.mql && this.mql.removeEventListener("change", o$2(this, l$1)), a$1(this, l$1, e);
-  }
-  mount(e, n) {
-    return e && (this.value = e), n && a$1(this, l$1, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", o$2(this, l$1)), o$2(this, l$1).call(this, this.mql), this) : this;
-  }
-  unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", o$2(this, l$1)), this.value = null, a$1(this, l$1, null), this.mql = null, this) : this;
-  }
-};
-l$1 = /* @__PURE__ */ new WeakMap();
-let S$3 = class S {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const n = this.collection.findIndex((i) => i === e);
-    if (n >= 0) {
-      const i = this.collection[n];
-      Object.getOwnPropertyNames(i).forEach((r) => {
-        delete i[r];
-      }), this.collection.splice(n, 1);
+  set handler(func) {
+    if (this.mql) {
+      this.mql.removeEventListener("change", __privateGet(this, _handler));
     }
-    return this.collection;
-  }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (n) => {
-      this.register(n);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(e, n = "id") {
-    return this.collection.find((i) => i[n] === e);
-  }
-};
-const s = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, $$2 = [
-  `a[href]${s.inert}${s.negTabIndex}`,
-  `area[href]${s.inert}${s.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${s.inert}${s.negTabIndex}${s.disabled}`,
-  `input[type="radio"]${s.inert}${s.negTabIndex}${s.disabled}`,
-  `select${s.inert}${s.negTabIndex}${s.disabled}`,
-  `textarea${s.inert}${s.negTabIndex}${s.disabled}`,
-  `button${s.inert}${s.negTabIndex}${s.disabled}`,
-  `details${s.inert} > summary:first-of-type${s.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${s.inert}${s.negTabIndex}`,
-  `audio[controls]${s.inert}${s.negTabIndex}`,
-  `video[controls]${s.inert}${s.negTabIndex}`,
-  `[contenteditable]${s.inert}${s.negTabIndex}`,
-  `[tabindex]${s.inert}${s.negTabIndex}`
-];
-var f$2, u$1, d$2;
-let q$2 = class q {
-  constructor(e = null, n = "[data-focus]") {
-    m$2(this, f$2);
-    m$2(this, u$1);
-    m$2(this, d$2);
-    this.el = e, this.selectorFocus = n, a$1(this, u$1, v$2.bind(this)), a$1(this, d$2, y$2.bind(this));
-  }
-  get focusable() {
-    return o$2(this, f$2);
-  }
-  set focusable(e) {
-    a$1(this, f$2, e), o$2(this, f$2).length ? (document.removeEventListener("keydown", o$2(this, d$2)), document.addEventListener("keydown", o$2(this, u$1))) : (document.removeEventListener("keydown", o$2(this, u$1)), document.addEventListener("keydown", o$2(this, d$2)));
+    __privateSet(this, _handler, func);
   }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
-  }
-  mount(e, n) {
-    e && (this.el = e), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
+  mount(value, handler) {
+    if (value) this.value = value;
+    if (handler) __privateSet(this, _handler, handler);
+    if (!this.value) return this;
+    this.mql = window.matchMedia(`(min-width: ${this.value})`);
+    this.mql.addEventListener("change", __privateGet(this, _handler));
+    __privateGet(this, _handler).call(this, this.mql);
+    return this;
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", o$2(this, u$1)), document.removeEventListener("keydown", o$2(this, d$2));
-  }
-  focus(e = this.el, n = this.selectorFocus) {
-    (e.querySelector(n) || e).focus();
-  }
-  getFocusable(e = this.el) {
-    const n = [], i = document.activeElement, r = e.scrollTop;
-    return e.querySelectorAll($$2.join(",")).forEach((h2) => {
-      h2.focus(), document.activeElement === h2 && n.push(h2);
-    }), e.scrollTop = r, i.focus(), n;
-  }
-};
-f$2 = /* @__PURE__ */ new WeakMap(), u$1 = /* @__PURE__ */ new WeakMap(), d$2 = /* @__PURE__ */ new WeakMap();
-function v$2(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 y$2(t) {
-  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
-}
-function T$2() {
-  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
-}
-function E$2(t, e = document.body) {
-  if (t.slice(0, 2) !== "--") {
-    const i = T$2();
-    i && (t = `${i}${t}`), t = `--${t}`;
+    if (!this.mql) return this;
+    this.mql.removeEventListener("change", __privateGet(this, _handler));
+    this.value = null;
+    __privateSet(this, _handler, null);
+    this.mql = null;
+    return this;
   }
-  const n = getComputedStyle(e).getPropertyValue(t).trim();
-  if (n)
-    return n;
-  throw new Error(`CSS variable "${t}" was not found!`);
-}
-function F$3(t, e) {
-  const i = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
-}
-function k$3(t, e = true) {
-  const n = localStorage.getItem(t), i = n ? JSON.parse(n) : {};
-  return {
-    get(r) {
-      return r ? i[r] : i;
-    },
-    set(r, c2) {
-      return c2 ? i[r] = c2 : delete i[r], e && localStorage.setItem(t, JSON.stringify(i)), i;
-    }
-  };
-}
-function w$2(t, e, n) {
-  const i = e.nodeType === Node.COMMENT_NODE, r = e.nodeType === Node.ELEMENT_NODE;
-  if (e = i || r ? e : document.querySelector(e), i && (n = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
-  if (typeof e[n] != "function") throw new Error(`Not a valid teleport method: '${n}'`);
-  let c2 = null;
-  return i || (c2 = document.createComment("teleported #" + t.id), t.before(c2)), e[n](t), i && e.remove(), c2;
-}
-function C$2(t, e, n, i = "transition-duration") {
-  return new Promise((r) => {
-    if (typeof i == "string") {
-      const c2 = E$2(i, t), h2 = !!c2.includes("ms");
-      i = parseFloat(c2) * (h2 ? 1 : 1e3);
-    }
-    t.classList.remove(e.finish), t.classList.add(n.start), setTimeout(() => {
-      t.classList.add(n.finish), t.classList.remove(n.start), r(t);
-    }, i);
-  });
-}
-function p$2(t, e) {
-  e && document.querySelectorAll(e).forEach((i) => {
-    t ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
-  });
 }
-function x$2(t, e) {
-  e && document.querySelectorAll(e).forEach((i) => {
-    t ? (i.inert = true, i.setAttribute("aria-hidden", true)) : (i.inert = null, i.removeAttribute("aria-hidden"));
-  });
-}
-function N$3(t, e) {
-  x$2(!!t, e.selectorInert), p$2(!!t, e.selectorOverflow);
-}
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Breakpoint: L$2,
-  Collection: S$3,
-  FocusTrap: q$2,
-  cssVar: E$2,
-  getConfig: F$3,
-  getPrefix: T$2,
-  localStore: k$3,
-  teleport: w$2,
-  transition: C$2,
-  updateGlobalState: N$3
-}, Symbol.toStringTag, { value: "Module" }));
-var I$1 = (t) => {
-  throw TypeError(t);
-};
-var O$1 = (t, s2, e) => s2.has(t) || I$1("Cannot " + e);
-var w$1 = (t, s2, e) => (O$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), S$2 = (t, s2, e) => s2.has(t) ? I$1("Cannot add the same private member more than once") : s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e), k$2 = (t, s2, e, i) => (O$1(t, s2, "write to private field"), s2.set(t, e), e);
-var M$2 = (t) => {
-  throw TypeError(t);
-}, y$1 = (t, s2, e) => s2.has(t) || M$2("Cannot " + e), l = (t, s2, e) => (y$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), $$1 = (t, s2, e) => s2.has(t) ? M$2("Cannot add the same private member more than once") : s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e), h$1 = (t, s2, e, i) => (y$1(t, s2, "write to private field"), s2.set(t, e), e), d$1;
-let B$2 = class B {
-  constructor(s2, e) {
-    $$1(this, d$1), this.value = s2, h$1(this, d$1, e), this.mql = null;
-  }
-  get handler() {
-    return l(this, d$1);
-  }
-  // Unmount existing handler before setting a new one.
-  set handler(s2) {
-    this.mql && this.mql.removeEventListener("change", l(this, d$1)), h$1(this, d$1, s2);
-  }
-  mount(s2, e) {
-    return s2 && (this.value = s2), e && h$1(this, d$1, e), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", l(this, d$1)), l(this, d$1).call(this, this.mql), this) : this;
-  }
-  unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", l(this, d$1)), this.value = null, h$1(this, d$1, null), this.mql = null, this) : this;
-  }
-};
-d$1 = /* @__PURE__ */ new WeakMap();
-let j$1 = class j {
+_handler = new WeakMap();
+class Collection {
   constructor() {
     this.collection = [];
   }
-  async register(s2) {
-    return await this.deregister(s2), this.collection.push(s2), this.collection;
+  async register(item) {
+    await this.deregister(item);
+    this.collection.push(item);
+    return this.collection;
   }
-  async deregister(s2) {
-    const e = this.collection.findIndex((i) => i === s2);
-    if (e >= 0) {
-      const i = this.collection[e];
-      Object.getOwnPropertyNames(i).forEach((n) => {
-        delete i[n];
-      }), this.collection.splice(e, 1);
+  async deregister(ref) {
+    const index2 = this.collection.findIndex((entry) => {
+      return entry === ref;
+    });
+    if (index2 >= 0) {
+      const entry = this.collection[index2];
+      Object.getOwnPropertyNames(entry).forEach((prop) => {
+        delete entry[prop];
+      });
+      this.collection.splice(index2, 1);
     }
     return this.collection;
   }
-  async registerCollection(s2) {
-    return await Promise.all(Array.from(s2, (e) => {
-      this.register(e);
-    })), this.collection;
+  async registerCollection(items) {
+    await Promise.all(Array.from(items, (item) => {
+      this.register(item);
+    }));
+    return this.collection;
   }
   async deregisterCollection() {
-    for (; this.collection.length > 0; )
+    while (this.collection.length > 0) {
       await this.deregister(this.collection[0]);
+    }
     return this.collection;
   }
-  get(s2, e = "id") {
-    return this.collection.find((i) => i[e] === s2);
+  get(value, key = "id") {
+    return this.collection.find((item) => {
+      return item[key] === value;
+    });
   }
-};
-const o$1 = {
+}
+const not = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, N$2 = [
-  `a[href]${o$1.inert}${o$1.negTabIndex}`,
-  `area[href]${o$1.inert}${o$1.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
-  `input[type="radio"]${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
-  `select${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
-  `textarea${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
-  `button${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
-  `details${o$1.inert} > summary:first-of-type${o$1.negTabIndex}`,
+};
+const focusableSelectors = [
+  `a[href]${not.inert}${not.negTabIndex}`,
+  `area[href]${not.inert}${not.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${not.inert}${not.negTabIndex}${not.disabled}`,
+  `input[type="radio"]${not.inert}${not.negTabIndex}${not.disabled}`,
+  `select${not.inert}${not.negTabIndex}${not.disabled}`,
+  `textarea${not.inert}${not.negTabIndex}${not.disabled}`,
+  `button${not.inert}${not.negTabIndex}${not.disabled}`,
+  `details${not.inert} > summary:first-of-type${not.negTabIndex}`,
   // Discard until Firefox supports `:has()`
   // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
   // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${o$1.inert}${o$1.negTabIndex}`,
-  `audio[controls]${o$1.inert}${o$1.negTabIndex}`,
-  `video[controls]${o$1.inert}${o$1.negTabIndex}`,
-  `[contenteditable]${o$1.inert}${o$1.negTabIndex}`,
-  `[tabindex]${o$1.inert}${o$1.negTabIndex}`
+  `iframe${not.inert}${not.negTabIndex}`,
+  `audio[controls]${not.inert}${not.negTabIndex}`,
+  `video[controls]${not.inert}${not.negTabIndex}`,
+  `[contenteditable]${not.inert}${not.negTabIndex}`,
+  `[tabindex]${not.inert}${not.negTabIndex}`
 ];
-var v$1, g$1, f$1;
-let q$1 = class q2 {
-  constructor(s2 = null, e = "[data-focus]") {
-    $$1(this, v$1), $$1(this, g$1), $$1(this, f$1), this.el = s2, this.selectorFocus = e, h$1(this, g$1, K$2.bind(this)), h$1(this, f$1, V$2.bind(this));
+class FocusTrap {
+  constructor(el = null, selectorFocus = "[data-focus]") {
+    __privateAdd(this, _focusable);
+    __privateAdd(this, _handleFocusTrap);
+    __privateAdd(this, _handleFocusLock);
+    this.el = el;
+    this.selectorFocus = selectorFocus;
+    __privateSet(this, _handleFocusTrap, handleFocusTrap.bind(this));
+    __privateSet(this, _handleFocusLock, handleFocusLock.bind(this));
   }
   get focusable() {
-    return l(this, v$1);
-  }
-  set focusable(s2) {
-    h$1(this, v$1, s2), l(this, v$1).length ? (document.removeEventListener("keydown", l(this, f$1)), document.addEventListener("keydown", l(this, g$1))) : (document.removeEventListener("keydown", l(this, g$1)), document.addEventListener("keydown", l(this, f$1)));
+    return __privateGet(this, _focusable);
+  }
+  set focusable(value) {
+    __privateSet(this, _focusable, value);
+    if (__privateGet(this, _focusable).length) {
+      document.removeEventListener("keydown", __privateGet(this, _handleFocusLock));
+      document.addEventListener("keydown", __privateGet(this, _handleFocusTrap));
+    } else {
+      document.removeEventListener("keydown", __privateGet(this, _handleFocusTrap));
+      document.addEventListener("keydown", __privateGet(this, _handleFocusLock));
+    }
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -289,82 +134,179 @@ let q$1 = class q2 {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(s2, e) {
-    s2 && (this.el = s2), e && (this.selectorFocus = e), this.focusable = this.getFocusable(), this.focus();
+  mount(el, selectorFocus) {
+    if (el) this.el = el;
+    if (selectorFocus) this.selectorFocus = selectorFocus;
+    this.focusable = this.getFocusable();
+    this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", l(this, g$1)), document.removeEventListener("keydown", l(this, f$1));
-  }
-  focus(s2 = this.el, e = this.selectorFocus) {
-    (s2.querySelector(e) || s2).focus();
-  }
-  getFocusable(s2 = this.el) {
-    const e = [], i = document.activeElement, n = s2.scrollTop;
-    return s2.querySelectorAll(N$2.join(",")).forEach((c2) => {
-      c2.focus(), document.activeElement === c2 && e.push(c2);
-    }), s2.scrollTop = n, i.focus(), e;
+    this.el = null;
+    this.focusable = [];
+    document.removeEventListener("keydown", __privateGet(this, _handleFocusTrap));
+    document.removeEventListener("keydown", __privateGet(this, _handleFocusLock));
+  }
+  focus(el = this.el, selectorFocus = this.selectorFocus) {
+    const result = el.querySelector(selectorFocus) || el;
+    result.focus();
+  }
+  getFocusable(el = this.el) {
+    const focusable = [];
+    const initFocus = document.activeElement;
+    const initScrollTop = el.scrollTop;
+    const els = el.querySelectorAll(focusableSelectors.join(","));
+    els.forEach((el2) => {
+      el2.focus();
+      if (document.activeElement === el2) {
+        focusable.push(el2);
+      }
+    });
+    el.scrollTop = initScrollTop;
+    initFocus.focus();
+    return focusable;
+  }
+}
+_focusable = new WeakMap();
+_handleFocusTrap = new WeakMap();
+_handleFocusLock = new WeakMap();
+function handleFocusTrap(event) {
+  const isTab = event.key === "Tab" || event.keyCode === 9;
+  if (!isTab) return;
+  if (event.shiftKey) {
+    if (document.activeElement === this.focusableFirst || document.activeElement === this.el) {
+      event.preventDefault();
+      this.focusableLast.focus();
+    }
+  } else {
+    if (document.activeElement === this.focusableLast || document.activeElement === this.el) {
+      event.preventDefault();
+      this.focusableFirst.focus();
+    }
   }
-};
-v$1 = /* @__PURE__ */ new WeakMap(), g$1 = /* @__PURE__ */ new WeakMap(), f$1 = /* @__PURE__ */ new WeakMap();
-function K$2(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 V$2(t) {
-  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
+function handleFocusLock(event) {
+  const isTab = event.key === "Tab" || event.keyCode === 9;
+  if (isTab) event.preventDefault();
 }
-function D$2() {
+function getPrefix() {
   return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function W$1(t, s2 = document.body) {
-  if (t.slice(0, 2) !== "--") {
-    const i = D$2();
-    i && (t = `${i}${t}`), t = `--${t}`;
+function cssVar(property, el = document.body) {
+  if (property.slice(0, 2) !== "--") {
+    const prefixValue = getPrefix();
+    if (prefixValue) {
+      property = `${prefixValue}${property}`;
+    }
+    property = `--${property}`;
+  }
+  const cssValue = getComputedStyle(el).getPropertyValue(property).trim();
+  if (cssValue) {
+    return cssValue;
+  } else {
+    throw new Error(`CSS variable "${property}" was not found!`);
   }
-  const e = getComputedStyle(s2).getPropertyValue(t).trim();
-  if (e)
-    return e;
-  throw new Error(`CSS variable "${t}" was not found!`);
 }
-function _$2(t, s2) {
-  const e = (t.getAttribute(`data-${s2}`) || "").replace(/'/g, '"');
-  return e ? JSON.parse(e) : {};
+function getConfig$1(el, dataConfig) {
+  const string = el.getAttribute(`data-${dataConfig}`) || "";
+  const json = string.replace(/'/g, '"');
+  return json ? JSON.parse(json) : {};
 }
-function J$2(t, s2 = true) {
-  const e = localStorage.getItem(t), i = e ? JSON.parse(e) : {};
+function localStore(key, enable = true) {
+  const local = localStorage.getItem(key);
+  const store = local ? JSON.parse(local) : {};
   return {
-    get(n) {
-      return n ? i[n] : i;
+    get(prop) {
+      return prop ? store[prop] : store;
     },
-    set(n, c2) {
-      return c2 ? i[n] = c2 : delete i[n], s2 && localStorage.setItem(t, JSON.stringify(i)), i;
+    set(prop, value) {
+      if (value) {
+        store[prop] = value;
+      } else {
+        delete store[prop];
+      }
+      if (enable) localStorage.setItem(key, JSON.stringify(store));
+      return store;
     }
   };
 }
-function F$2(t, s2, e, i = "transition-duration") {
-  return new Promise((n) => {
-    if (typeof i == "string") {
-      const c2 = W$1(i, t), r = !!c2.includes("ms");
-      i = parseFloat(c2) * (r ? 1 : 1e3);
+function teleport(what, where, how) {
+  const isComment = where.nodeType === Node.COMMENT_NODE;
+  const isElement2 = where.nodeType === Node.ELEMENT_NODE;
+  where = isComment || isElement2 ? where : document.querySelector(where);
+  if (isComment) how = "after";
+  if (!where) throw new Error(`Not a valid teleport reference: '${where}'`);
+  if (typeof where[how] != "function") throw new Error(`Not a valid teleport method: '${how}'`);
+  let returnRef = null;
+  if (!isComment) {
+    returnRef = document.createComment("teleported #" + what.id);
+    what.before(returnRef);
+  }
+  where[how](what);
+  if (isComment) {
+    where.remove();
+  }
+  return returnRef;
+}
+function transition(el, from, to, duration = "transition-duration") {
+  return new Promise((resolve) => {
+    if (typeof duration === "string") {
+      const cssValue = cssVar(duration, el);
+      const ms = cssValue.includes("ms") ? true : false;
+      duration = parseFloat(cssValue) * (ms ? 1 : 1e3);
     }
-    t.classList.remove(s2.finish), t.classList.add(e.start), setTimeout(() => {
-      t.classList.add(e.finish), t.classList.remove(e.start), n(t);
-    }, i);
+    el.classList.remove(from.finish);
+    el.classList.add(to.start);
+    setTimeout(() => {
+      el.classList.add(to.finish);
+      el.classList.remove(to.start);
+      resolve(el);
+    }, duration);
   });
 }
-function z$1(t, s2) {
-  s2 && document.querySelectorAll(s2).forEach((e) => {
-    t ? e.style.overflow = "hidden" : e.style.removeProperty("overflow");
-  });
+function setOverflowHidden(state, selector) {
+  if (selector) {
+    const els = document.querySelectorAll(selector);
+    els.forEach((el) => {
+      if (state) {
+        el.style.overflow = "hidden";
+      } else {
+        el.style.removeProperty("overflow");
+      }
+    });
+  }
 }
-function G$1(t, s2) {
-  s2 && document.querySelectorAll(s2).forEach((e) => {
-    t ? (e.inert = true, e.setAttribute("aria-hidden", true)) : (e.inert = null, e.removeAttribute("aria-hidden"));
-  });
+function setInert(state, selector) {
+  if (selector) {
+    const els = document.querySelectorAll(selector);
+    els.forEach((el) => {
+      if (state) {
+        el.inert = true;
+        el.setAttribute("aria-hidden", true);
+      } else {
+        el.inert = null;
+        el.removeAttribute("aria-hidden");
+      }
+    });
+  }
 }
-function C$1(t, s2) {
-  G$1(!!t, s2.selectorInert), z$1(!!t, s2.selectorOverflow);
+function updateGlobalState(state, config) {
+  setInert(!!state, config.selectorInert);
+  setOverflowHidden(!!state, config.selectorOverflow);
 }
-const H$1 = {
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Breakpoint,
+  Collection,
+  FocusTrap,
+  cssVar,
+  getConfig: getConfig$1,
+  getPrefix,
+  localStore,
+  teleport,
+  transition,
+  updateGlobalState
+}, Symbol.toStringTag, { value: "Module" }));
+const defaults$2 = {
   autoMount: false,
   // Data attributes
   dataOpen: "drawer-open",
@@ -396,372 +338,397 @@ const H$1 = {
   transition: true,
   transitionDuration: "drawer-transition-duration"
 };
-function Q$2(t) {
-  t.store === "opened" ? t.open(false, false) : t.store === "closed" ? t.close(false, false) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(false, false) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(false, false) : t.state = "indeterminate";
+function applyInitialState(entry) {
+  if (entry.store === "opened") {
+    entry.open(false, false);
+  } else if (entry.store === "closed") {
+    entry.close(false, false);
+  } else if (entry.store === "indeterminate") {
+    entry.state = "indeterminate";
+  } else {
+    if (entry.el.classList.contains(entry.getSetting("stateOpened"))) {
+      entry.open(false, false);
+    } else if (entry.el.classList.contains(entry.getSetting("stateClosed"))) {
+      entry.close(false, false);
+    } else {
+      entry.state = "indeterminate";
+    }
+  }
 }
-async function R$1(t) {
-  t.store === "opened" ? await t.open(false, false) : t.store === "closed" ? await t.close(false, false) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(false, false) : t.inlineState === "closed" && await t.close(false, false));
+async function applyInlineState(entry) {
+  if (entry.store === "opened") {
+    await entry.open(false, false);
+  } else if (entry.store === "closed") {
+    await entry.close(false, false);
+  } else if (entry.store === "indeterminate") {
+    if (entry.state != "indeterminate") {
+      entry.state = "indeterminate";
+    }
+  } else {
+    if (entry.state != entry.inlineState) {
+      entry.state = entry.inlineState;
+    }
+    if (entry.inlineState === "opened") {
+      await entry.open(false, false);
+    } else if (entry.inlineState === "closed") {
+      await entry.close(false, false);
+    }
+  }
 }
-function U(t) {
-  const s2 = D$2(), e = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
-  return this.settings.breakpoints && this.settings.breakpoints[e] ? this.settings.breakpoints[e] : getComputedStyle(document.body).getPropertyValue(`--${s2}breakpoint-${e}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${s2}breakpoint-${e}`).trim() : e;
+function getBreakpoint(drawer) {
+  const prefix = getPrefix();
+  const bp = drawer.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
+    return this.settings.breakpoints[bp];
+  } else if (getComputedStyle(document.body).getPropertyValue(`--${prefix}breakpoint-${bp}`).trim()) {
+    return getComputedStyle(document.body).getPropertyValue(`--${prefix}breakpoint-${bp}`).trim();
+  } else {
+    return bp;
+  }
 }
-function m$1(t) {
-  const s2 = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (s2)
-    return s2;
-  throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
+function getDrawer(query) {
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
+  if (entry) {
+    return entry;
+  } else {
+    throw new Error(`Drawer not found in collection with id of "${query.id || query}".`);
+  }
 }
-function P$1(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());
+function updateFocusState$1(entry) {
+  if (entry.state === "opened") {
+    if (entry.mode === "modal") {
+      this.focusTrap.mount(entry.dialog, this.settings.selectorFocus);
+    } else {
+      this.focusTrap.focus(entry.dialog, this.settings.selectorFocus);
+    }
+  } else {
+    if (entry.trigger) {
+      entry.trigger.focus();
+      entry.trigger = null;
+    }
+    this.focusTrap.unmount();
+  }
 }
-async function X(t) {
-  const s2 = t.target.closest(`
+async function handleClick$2(event) {
+  const trigger = event.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
     [data-${this.settings.dataClose}]
   `);
-  if (s2) {
-    t.preventDefault(), s2.matches(`[data-${this.settings.dataToggle}]`) && s2.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i) => {
-      const n = m$1.call(this, i);
-      return n.trigger = s2, n.toggle();
-    }), s2.matches(`[data-${this.settings.dataOpen}]`) && s2.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i) => {
-      const n = m$1.call(this, i);
-      return n.trigger = s2, n.open();
-    }), s2.matches(`[data-${this.settings.dataClose}]`) && s2.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i) => {
-      if (i) {
-        const n = m$1.call(this, i);
-        return n.trigger = s2, n.close();
-      } else {
-        const n = t.target.closest(this.settings.selectorDrawer);
-        if (n) return this.close(n);
-      }
-    });
+  if (trigger) {
+    event.preventDefault();
+    if (trigger.matches(`[data-${this.settings.dataToggle}]`)) {
+      const selectors = trigger.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ");
+      selectors.forEach((selector) => {
+        const entry = getDrawer.call(this, selector);
+        entry.trigger = trigger;
+        return entry.toggle();
+      });
+    }
+    if (trigger.matches(`[data-${this.settings.dataOpen}]`)) {
+      const selectors = trigger.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ");
+      selectors.forEach((selector) => {
+        const entry = getDrawer.call(this, selector);
+        entry.trigger = trigger;
+        return entry.open();
+      });
+    }
+    if (trigger.matches(`[data-${this.settings.dataClose}]`)) {
+      const selectors = trigger.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ");
+      selectors.forEach((selector) => {
+        if (selector) {
+          const entry = getDrawer.call(this, selector);
+          entry.trigger = trigger;
+          return entry.close();
+        } else {
+          const parent = event.target.closest(this.settings.selectorDrawer);
+          if (parent) return this.close(parent);
+        }
+      });
+    }
     return;
   }
-  if (this.activeModal && t.target.matches(this.settings.selectorScreen))
+  if (this.activeModal && event.target.matches(this.settings.selectorScreen)) {
     return this.close(this.activeModal.id);
+  }
 }
-function Y(t) {
-  if (t.key === "Escape" && this.activeModal)
-    return this.close(this.activeModal);
+function handleKeydown$2(event) {
+  if (event.key === "Escape") {
+    if (this.activeModal) return this.close(this.activeModal);
+  }
 }
-async function L$1(t, s2 = true) {
-  const e = this.collection.findIndex((i) => i.id === t.id);
-  if (e >= 0) {
-    const i = this.collection[e];
-    s2 && i.state === "opened" && await i.close(false), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((n) => {
-      delete i[n];
-    }), this.collection.splice(e, 1);
+async function deregister$2(obj, close2 = true) {
+  const index2 = this.collection.findIndex((entry) => {
+    return entry.id === obj.id;
+  });
+  if (index2 >= 0) {
+    const entry = this.collection[index2];
+    if (close2 && entry.state === "opened") {
+      await entry.close(false);
+    }
+    this.store.set(entry.id);
+    entry.unmountBreakpoint();
+    Object.getOwnPropertyNames(entry).forEach((prop) => {
+      delete entry[prop];
+    });
+    this.collection.splice(index2, 1);
   }
   return this.collection;
 }
-async function x$1(t, s2, e = true) {
-  const i = m$1.call(this, t), n = { ...this.settings, ...i.settings };
-  return s2 !== void 0 && (n.transition = s2), (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", n.transition ? await F$2(i.el, {
-    start: n.stateClosing,
-    finish: n.stateClosed
-  }, {
-    start: n.stateOpening,
-    finish: n.stateOpened
-  }, n.transitionDuration) : (i.el.classList.add(n.stateOpened), i.el.classList.remove(n.stateClosed)), i.state = "opened", i.mode === "modal" && C$1(true, n), e && P$1.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
-    detail: this,
-    bubbles: true
-  }))), i;
-}
-async function E$1(t, s2, e = true) {
-  const i = m$1.call(this, t), n = { ...this.settings, ...i.settings };
-  return s2 !== void 0 && (n.transition = s2), (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), n.transition ? await F$2(i.el, {
-    start: n.stateOpening,
-    finish: n.stateOpened
-  }, {
-    start: n.stateClosing,
-    finish: n.stateClosed
-  }, n.transitionDuration) : (i.el.classList.add(n.stateClosed), i.el.classList.remove(n.stateOpened)), i.state = "closed", i.mode === "modal" && C$1(false, n), e && P$1.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
-    detail: this,
-    bubbles: true
-  }))), i;
+async function open$2(query, enableTransition, focus = true) {
+  const entry = getDrawer.call(this, query);
+  const config = { ...this.settings, ...entry.settings };
+  if (enableTransition !== void 0) config.transition = enableTransition;
+  if (entry.state === "closed" || entry.state === "indeterminate") {
+    entry.state = "opening";
+    if (config.transition) {
+      await transition(entry.el, {
+        start: config.stateClosing,
+        finish: config.stateClosed
+      }, {
+        start: config.stateOpening,
+        finish: config.stateOpened
+      }, config.transitionDuration);
+    } else {
+      entry.el.classList.add(config.stateOpened);
+      entry.el.classList.remove(config.stateClosed);
+    }
+    entry.state = "opened";
+    if (entry.mode === "modal") updateGlobalState(true, config);
+    if (focus) {
+      updateFocusState$1.call(this, entry);
+    }
+    entry.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
+      detail: this,
+      bubbles: true
+    }));
+  }
+  return entry;
+}
+async function close$2(query, enableTransition, focus = true) {
+  const entry = getDrawer.call(this, query);
+  const config = { ...this.settings, ...entry.settings };
+  if (enableTransition !== void 0) config.transition = enableTransition;
+  if (entry.state === "opened" || entry.state === "indeterminate") {
+    entry.state = "closing";
+    document.activeElement.blur();
+    if (config.transition) {
+      await transition(entry.el, {
+        start: config.stateOpening,
+        finish: config.stateOpened
+      }, {
+        start: config.stateClosing,
+        finish: config.stateClosed
+      }, config.transitionDuration);
+    } else {
+      entry.el.classList.add(config.stateClosed);
+      entry.el.classList.remove(config.stateOpened);
+    }
+    entry.state = "closed";
+    if (entry.mode === "modal") updateGlobalState(false, config);
+    if (focus) {
+      updateFocusState$1.call(this, entry);
+    }
+    entry.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "closed", {
+      detail: this,
+      bubbles: true
+    }));
+  }
+  return entry;
 }
-async function A$1(t, s2, e) {
-  const i = m$1.call(this, t);
-  return i.state === "closed" ? x$1.call(this, i, s2, e) : E$1.call(this, i, s2, e);
+async function toggle(query, transition2, focus) {
+  const entry = getDrawer.call(this, query);
+  if (entry.state === "closed") {
+    return open$2.call(this, entry, transition2, focus);
+  } else {
+    return close$2.call(this, entry, transition2, focus);
+  }
 }
-function Z$1(t) {
-  switch (t.mode) {
+function switchMode(entry) {
+  switch (entry.mode) {
     case "inline":
-      return tt$1.call(this, t);
+      return toInline.call(this, entry);
     case "modal":
-      return et$1.call(this, t);
+      return toModal.call(this, entry);
     default:
-      throw new Error(`"${t.mode}" is not a valid drawer mode.`);
+      throw new Error(`"${entry.mode}" is not a valid drawer mode.`);
   }
 }
-async function tt$1(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), C$1(false, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await R$1(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function toInline(entry) {
+  entry.el.classList.remove(entry.getSetting("classModal"));
+  entry.dialog.removeAttribute("aria-modal");
+  updateGlobalState(false, { ...this.settings, ...entry.settings });
+  this.focusTrap.unmount();
+  await applyInlineState(entry);
+  entry.el.dispatchEvent(new CustomEvent(entry.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: true
-  })), t;
-}
-async function et$1(t) {
-  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await E$1.call(this, t, false, false), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+  }));
+  return entry;
+}
+async function toModal(entry) {
+  entry.el.classList.add(entry.getSetting("classModal"));
+  entry.dialog.setAttribute("aria-modal", "true");
+  await close$2.call(this, entry, false, false);
+  entry.el.dispatchEvent(new CustomEvent(entry.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: true
-  })), t;
-}
-async function st$1(t, s2 = {}) {
-  await L$1.call(this, t, false);
-  const e = this, i = new B$2();
-  let n, c2 = "indeterminate";
-  const r = {
-    id: t.id,
-    el: t,
+  }));
+  return entry;
+}
+async function register$2(el, config = {}) {
+  await deregister$2.call(this, el, false);
+  const root = this;
+  const breakpoint = new Breakpoint();
+  let _mode, _state = "indeterminate";
+  const entry = {
+    id: el.id,
+    el,
     dialog: null,
     trigger: null,
-    settings: { ..._$2(t, this.settings.dataConfig), ...s2 },
+    settings: { ...getConfig$1(el, this.settings.dataConfig), ...config },
     inlineState: "indeterminate",
     get breakpoint() {
-      return U.call(e, t);
+      return getBreakpoint.call(root, el);
     },
     get store() {
-      return e.store.get(this.id);
+      return root.store.get(this.id);
     },
     get mode() {
-      return n;
+      return _mode;
     },
-    set mode(a2) {
-      n = a2, Z$1.call(e, this);
+    set mode(value) {
+      _mode = value;
+      switchMode.call(root, this);
     },
     get state() {
-      return c2;
+      return _state;
     },
-    set state(a2) {
-      c2 = a2, this.mode === "inline" && a2 != "opening" && a2 != "closing" && (this.inlineState = a2, this.getSetting("store") && e.store.set(this.id, a2)), a2 === "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")));
+    set state(value) {
+      _state = value;
+      if (this.mode === "inline" && value != "opening" && value != "closing") {
+        this.inlineState = value;
+        if (this.getSetting("store")) {
+          root.store.set(this.id, value);
+        }
+      }
+      if (value === "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"));
+      }
     },
-    open(a2, u2) {
-      return x$1.call(e, this, a2, u2);
+    open(transition2, focus) {
+      return open$2.call(root, this, transition2, focus);
     },
-    close(a2, u2) {
-      return E$1.call(e, this, a2, u2);
+    close(transition2, focus) {
+      return close$2.call(root, this, transition2, focus);
     },
-    toggle(a2, u2) {
-      return A$1.call(e, this, a2, u2);
+    toggle(transition2, focus) {
+      return toggle.call(root, this, transition2, focus);
     },
     deregister() {
-      return L$1.call(e, this);
+      return deregister$2.call(root, this);
     },
     mountBreakpoint() {
-      const a2 = this.breakpoint, u2 = this.handleBreakpoint.bind(this);
-      return i.mount(a2, u2), this;
+      const value = this.breakpoint;
+      const handler = this.handleBreakpoint.bind(this);
+      breakpoint.mount(value, handler);
+      return this;
     },
     unmountBreakpoint() {
-      return i.unmount(), this;
+      breakpoint.unmount();
+      return this;
     },
-    handleBreakpoint(a2) {
-      const u2 = a2.matches ? "inline" : "modal";
-      return this.mode != u2 && (this.mode = u2), this;
+    handleBreakpoint(event) {
+      const bpMode = event.matches ? "inline" : "modal";
+      if (this.mode != bpMode) {
+        this.mode = bpMode;
+      }
+      return this;
     },
-    getSetting(a2) {
-      return a2 in this.settings ? this.settings[a2] : e.settings[a2];
+    getSetting(key) {
+      return key in this.settings ? this.settings[key] : root.settings[key];
     }
   };
-  this.collection.push(r);
-  const T2 = t.querySelector(r.getSetting("selectorDialog"));
-  return r.dialog = T2 || t, r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), await Q$2(r), r.inlineState = r.state, r.mode = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline", r.breakpoint && r.mountBreakpoint(), r;
-}
-var p$1, b$1;
-let nt$1 = class nt extends j$1 {
-  constructor(e) {
+  this.collection.push(entry);
+  const dialog = el.querySelector(entry.getSetting("selectorDialog"));
+  entry.dialog = dialog ? dialog : el;
+  if (entry.getSetting("setTabindex")) {
+    entry.dialog.setAttribute("tabindex", "-1");
+  }
+  await applyInitialState(entry);
+  entry.inlineState = entry.state;
+  entry.mode = el.classList.contains(entry.getSetting("classModal")) ? "modal" : "inline";
+  if (entry.breakpoint) {
+    entry.mountBreakpoint();
+  }
+  return entry;
+}
+class Drawer extends Collection {
+  constructor(options) {
     super();
-    S$2(this, p$1);
-    S$2(this, b$1);
-    this.defaults = H$1, this.settings = { ...this.defaults, ...e }, this.focusTrap = new q$1(), this.store = J$2(this.settings.storeKey, this.settings.store), k$2(this, p$1, X.bind(this)), k$2(this, b$1, Y.bind(this)), this.settings.autoMount && this.mount();
+    __privateAdd(this, _handleClick);
+    __privateAdd(this, _handleKeydown);
+    this.defaults = defaults$2;
+    this.settings = { ...this.defaults, ...options };
+    this.focusTrap = new FocusTrap();
+    this.store = localStore(this.settings.storeKey, this.settings.store);
+    __privateSet(this, _handleClick, handleClick$2.bind(this));
+    __privateSet(this, _handleKeydown, handleKeydown$2.bind(this));
+    if (this.settings.autoMount) this.mount();
   }
   get activeModal() {
-    return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
+    return this.collection.find((entry) => {
+      return entry.state === "opened" && entry.mode === "modal";
+    });
   }
-  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 mount(options = null) {
+    if (options) this.settings = { ...this.settings, ...options };
+    const drawers = document.querySelectorAll(this.settings.selectorDrawer);
+    await this.registerCollection(drawers);
+    if (this.settings.eventListeners) {
+      this.mountEventListeners();
+    }
+    return this;
   }
   async unmount() {
-    return await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
+    await this.deregisterCollection();
+    if (this.settings.eventListeners) {
+      this.unmountEventListeners();
+    }
+    return this;
   }
   mountEventListeners() {
-    document.addEventListener("click", w$1(this, p$1), false), document.addEventListener("keydown", w$1(this, b$1), false);
+    document.addEventListener("click", __privateGet(this, _handleClick), false);
+    document.addEventListener("keydown", __privateGet(this, _handleKeydown), false);
   }
   unmountEventListeners() {
-    document.removeEventListener("click", w$1(this, p$1), false), document.removeEventListener("keydown", w$1(this, b$1), false);
-  }
-  register(e, i = {}) {
-    let n = typeof e == "string" ? document.getElementById(e) : e;
-    return n ? st$1.call(this, n, i) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
-  }
-  deregister(e) {
-    let i = this.get(e.id || e);
-    return i ? L$1.call(this, i) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
-  }
-  open(e, i, n) {
-    return x$1.call(this, e, i, n);
-  }
-  close(e, i, n) {
-    return E$1.call(this, e, i, n);
-  }
-  toggle(e, i, n) {
-    return A$1.call(this, e, i, n);
-  }
-};
-p$1 = /* @__PURE__ */ new WeakMap(), b$1 = /* @__PURE__ */ new WeakMap();
-var L2 = (i) => {
-  throw TypeError(i);
-};
-var I = (i, e, t) => e.has(i) || L2("Cannot " + t);
-var f = (i, e, t) => (I(i, e, "read from private field"), t ? t.call(i) : e.get(i)), v = (i, e, t) => e.has(i) ? L2("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, s2) => (I(i, e, "write to private field"), e.set(i, t), t);
-var S$1 = (i) => {
-  throw TypeError(i);
-}, k$1 = (i, e, t) => e.has(i) || S$1("Cannot " + t), a = (i, e, t) => (k$1(i, e, "read from private field"), t ? t.call(i) : e.get(i)), y = (i, e, t) => e.has(i) ? S$1("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), w = (i, e, t, s2) => (k$1(i, e, "write to private field"), e.set(i, t), t);
-class A {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const t = this.collection.findIndex((s2) => s2 === e);
-    if (t >= 0) {
-      const s2 = this.collection[t];
-      Object.getOwnPropertyNames(s2).forEach((n) => {
-        delete s2[n];
-      }), this.collection.splice(t, 1);
-    }
-    return this.collection;
-  }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (t) => {
-      this.register(t);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(e, t = "id") {
-    return this.collection.find((s2) => s2[t] === e);
-  }
-}
-const o = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, F$1 = [
-  `a[href]${o.inert}${o.negTabIndex}`,
-  `area[href]${o.inert}${o.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${o.inert}${o.negTabIndex}${o.disabled}`,
-  `input[type="radio"]${o.inert}${o.negTabIndex}${o.disabled}`,
-  `select${o.inert}${o.negTabIndex}${o.disabled}`,
-  `textarea${o.inert}${o.negTabIndex}${o.disabled}`,
-  `button${o.inert}${o.negTabIndex}${o.disabled}`,
-  `details${o.inert} > summary:first-of-type${o.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${o.inert}${o.negTabIndex}`,
-  `audio[controls]${o.inert}${o.negTabIndex}`,
-  `video[controls]${o.inert}${o.negTabIndex}`,
-  `[contenteditable]${o.inert}${o.negTabIndex}`,
-  `[tabindex]${o.inert}${o.negTabIndex}`
-];
-var g, c, d;
-class P {
-  constructor(e = null, t = "[data-focus]") {
-    y(this, g), y(this, c), y(this, d), this.el = e, this.selectorFocus = t, w(this, c, R.bind(this)), w(this, d, D$1.bind(this));
+    document.removeEventListener("click", __privateGet(this, _handleClick), false);
+    document.removeEventListener("keydown", __privateGet(this, _handleKeydown), false);
   }
-  get focusable() {
-    return a(this, g);
-  }
-  set focusable(e) {
-    w(this, g, e), a(this, g).length ? (document.removeEventListener("keydown", a(this, d)), document.addEventListener("keydown", a(this, c))) : (document.removeEventListener("keydown", a(this, c)), document.addEventListener("keydown", a(this, d)));
-  }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
+  register(query, config = {}) {
+    let el = typeof query == "string" ? document.getElementById(query) : query;
+    return el ? register$2.call(this, el, config) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${query.id || query}".`));
   }
-  mount(e, t) {
-    e && (this.el = e), t && (this.selectorFocus = t), this.focusable = this.getFocusable(), this.focus();
+  deregister(query) {
+    let obj = this.get(query.id || query);
+    return obj ? deregister$2.call(this, obj) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${query.id || query}".`));
   }
-  unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", a(this, c)), document.removeEventListener("keydown", a(this, d));
+  open(id, transition2, focus) {
+    return open$2.call(this, id, transition2, focus);
   }
-  focus(e = this.el, t = this.selectorFocus) {
-    (e.querySelector(t) || e).focus();
+  close(id, transition2, focus) {
+    return close$2.call(this, id, transition2, focus);
   }
-  getFocusable(e = this.el) {
-    const t = [], s2 = document.activeElement, n = e.scrollTop;
-    return e.querySelectorAll(F$1.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && t.push(r);
-    }), e.scrollTop = n, s2.focus(), t;
+  toggle(id, transition2, focus) {
+    return toggle.call(this, id, transition2, focus);
   }
 }
-g = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
-function R(i) {
-  (i.key === "Tab" || i.keyCode === 9) && (i.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (i.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (i.preventDefault(), this.focusableFirst.focus()));
-}
-function D$1(i) {
-  (i.key === "Tab" || i.keyCode === 9) && i.preventDefault();
-}
-function N$1() {
-  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
-}
-function z(i, e = document.body) {
-  if (i.slice(0, 2) !== "--") {
-    const s2 = N$1();
-    s2 && (i = `${s2}${i}`), i = `--${i}`;
-  }
-  const t = getComputedStyle(e).getPropertyValue(i).trim();
-  if (t)
-    return t;
-  throw new Error(`CSS variable "${i}" was not found!`);
-}
-function j2(i, e) {
-  const t = (i.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return t ? JSON.parse(t) : {};
-}
-function T$1(i, e, t) {
-  const s2 = e.nodeType === Node.COMMENT_NODE, n = e.nodeType === Node.ELEMENT_NODE;
-  if (e = s2 || n ? e : document.querySelector(e), s2 && (t = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
-  if (typeof e[t] != "function") throw new Error(`Not a valid teleport method: '${t}'`);
-  let r = null;
-  return s2 || (r = document.createComment("teleported #" + i.id), i.before(r)), e[t](i), s2 && e.remove(), r;
-}
-function O(i, e, t, s2 = "transition-duration") {
-  return new Promise((n) => {
-    if (typeof s2 == "string") {
-      const r = z(s2, i), l2 = !!r.includes("ms");
-      s2 = parseFloat(r) * (l2 ? 1 : 1e3);
-    }
-    i.classList.remove(e.finish), i.classList.add(t.start), setTimeout(() => {
-      i.classList.add(t.finish), i.classList.remove(t.start), n(i);
-    }, s2);
-  });
-}
-function W(i, e) {
-  e && document.querySelectorAll(e).forEach((t) => {
-    i ? t.style.overflow = "hidden" : t.style.removeProperty("overflow");
-  });
-}
-function _$1(i, e) {
-  e && document.querySelectorAll(e).forEach((t) => {
-    i ? (t.inert = true, t.setAttribute("aria-hidden", true)) : (t.inert = null, t.removeAttribute("aria-hidden"));
-  });
-}
-function G(i, e) {
-  _$1(!!i, e.selectorInert), W(!!i, e.selectorOverflow);
-}
-const K$1 = {
+_handleClick = new WeakMap();
+_handleKeydown = new WeakMap();
+const defaults$1 = {
   autoMount: false,
   // Data attributes
   dataOpen: "modal-open",
@@ -790,252 +757,361 @@ const K$1 = {
   transition: true,
   transitionDuration: "modal-transition-duration"
 };
-function m(i) {
-  const e = typeof i == "string" ? this.get(i) : this.get(i.id);
-  if (e)
-    return e;
-  throw new Error(`Modal not found in collection with id of "${i.id || i}".`);
-}
-function p() {
-  this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
+function getModal(query) {
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
+  if (entry) {
+    return entry;
+  } else {
+    throw new Error(`Modal not found in collection with id of "${query.id || query}".`);
+  }
+}
+function updateFocusState() {
+  if (this.active) {
+    this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus);
+  } else {
+    if (this.trigger) {
+      this.trigger.focus();
+      this.trigger = null;
+    }
+    this.focusTrap.unmount();
+  }
 }
-async function V$1(i) {
-  const e = i.target.closest(`
+async function handleClick$1(event) {
+  const trigger = event.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
     [data-${this.settings.dataClose}]
   `);
-  if (e) {
-    if (i.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
-      const t = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s2 = m.call(this, t);
-      return i.target.closest(this.settings.selectorModal) || (this.trigger = e), s2.open();
+  if (trigger) {
+    event.preventDefault();
+    if (trigger.matches(`[data-${this.settings.dataOpen}]`)) {
+      const selector = trigger.getAttribute(`data-${this.settings.dataOpen}`).trim();
+      const entry = getModal.call(this, selector);
+      const fromModal = event.target.closest(this.settings.selectorModal);
+      if (!fromModal) this.trigger = trigger;
+      return entry.open();
     }
-    if (e.matches(`[data-${this.settings.dataReplace}]`)) {
-      const t = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), s2 = m.call(this, t);
-      return i.target.closest(this.settings.selectorModal) || (this.trigger = e), s2.replace();
+    if (trigger.matches(`[data-${this.settings.dataReplace}]`)) {
+      const selector = trigger.getAttribute(`data-${this.settings.dataReplace}`).trim();
+      const entry = getModal.call(this, selector);
+      const fromModal = event.target.closest(this.settings.selectorModal);
+      if (!fromModal) this.trigger = trigger;
+      return entry.replace();
     }
-    if (e.matches(`[data-${this.settings.dataClose}]`)) {
-      const t = e.getAttribute(`data-${this.settings.dataClose}`).trim();
-      return t === "*" ? this.closeAll() : this.close(t);
+    if (trigger.matches(`[data-${this.settings.dataClose}]`)) {
+      const selector = trigger.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return selector === "*" ? this.closeAll() : this.close(selector);
     }
   }
-  if (this.active && i.target.matches(this.settings.selectorScreen) && !this.active.required)
+  if (this.active && event.target.matches(this.settings.selectorScreen) && !this.active.required) {
     return this.close(this.active.id);
+  }
 }
-function q3(i) {
-  if (i.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
-    return this.close();
+function handleKeydown$1(event) {
+  if (event.key === "Escape") {
+    if (this.active && !this.active.dialog.matches(this.settings.selectorRequired)) {
+      return this.close();
+    }
+  }
 }
-async function E(i, e = true) {
-  const t = this.collection.findIndex((s2) => s2.id === i.id);
-  if (t >= 0) {
-    const s2 = this.collection[t];
-    e && s2.state === "opened" ? await s2.close(false) : this.stack.remove(s2), s2.getSetting("teleport") && s2.teleportReturn(), Object.getOwnPropertyNames(s2).forEach((n) => {
-      delete s2[n];
-    }), this.collection.splice(t, 1);
+async function deregister$1(obj, close2 = true) {
+  const index2 = this.collection.findIndex((entry) => {
+    return entry.id === obj.id;
+  });
+  if (index2 >= 0) {
+    const entry = this.collection[index2];
+    if (close2 && entry.state === "opened") {
+      await entry.close(false);
+    } else {
+      this.stack.remove(entry);
+    }
+    if (entry.getSetting("teleport")) {
+      entry.teleportReturn();
+    }
+    Object.getOwnPropertyNames(entry).forEach((prop) => {
+      delete entry[prop];
+    });
+    this.collection.splice(index2, 1);
   }
   return this.collection;
 }
-async function x(i, e, t = true) {
-  const s2 = m.call(this, i), n = { ...this.settings, ...s2.settings };
-  return e !== void 0 && (n.transition = e), this.stack.moveToTop(s2), s2.state === "closed" && (s2.state = "opening", this.stack.add(s2), n.transition ? await O(s2.el, {
-    start: n.stateClosing,
-    finish: n.stateClosed
-  }, {
-    start: n.stateOpening,
-    finish: n.stateOpened
-  }, n.transitionDuration) : (s2.el.classList.add(n.stateOpened), s2.el.classList.remove(n.stateClosed)), s2.state = "opened"), t && p.call(this), s2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
+async function open$1(query, enableTransition, focus = true) {
+  const entry = getModal.call(this, query);
+  const config = { ...this.settings, ...entry.settings };
+  if (enableTransition !== void 0) config.transition = enableTransition;
+  this.stack.moveToTop(entry);
+  if (entry.state === "closed") {
+    entry.state = "opening";
+    this.stack.add(entry);
+    if (config.transition) {
+      await transition(entry.el, {
+        start: config.stateClosing,
+        finish: config.stateClosed
+      }, {
+        start: config.stateOpening,
+        finish: config.stateOpened
+      }, config.transitionDuration);
+    } else {
+      entry.el.classList.add(config.stateOpened);
+      entry.el.classList.remove(config.stateClosed);
+    }
+    entry.state = "opened";
+  }
+  if (focus) {
+    updateFocusState.call(this);
+  }
+  entry.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
     detail: this,
     bubbles: true
-  })), s2;
-}
-async function C(i, e, t = true) {
-  const s2 = i ? m.call(this, i) : this.active;
-  if (s2 && s2.state === "opened") {
-    s2.state = "closing";
-    const n = { ...this.settings, ...s2.settings };
-    e !== void 0 && (n.transition = e), document.activeElement.blur(), n.transition ? await O(s2.el, {
-      start: n.stateOpening,
-      finish: n.stateOpened
-    }, {
-      start: n.stateClosing,
-      finish: n.stateClosed
-    }, n.transitionDuration) : (s2.el.classList.add(n.stateClosed), s2.el.classList.remove(n.stateOpened)), this.stack.remove(s2), s2.state = "closed", t && p.call(this), s2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
+  }));
+  return entry;
+}
+async function close$1(query, enableTransition, focus = true) {
+  const entry = query ? getModal.call(this, query) : this.active;
+  if (entry && entry.state === "opened") {
+    entry.state = "closing";
+    const config = { ...this.settings, ...entry.settings };
+    if (enableTransition !== void 0) config.transition = enableTransition;
+    document.activeElement.blur();
+    if (config.transition) {
+      await transition(entry.el, {
+        start: config.stateOpening,
+        finish: config.stateOpened
+      }, {
+        start: config.stateClosing,
+        finish: config.stateClosed
+      }, config.transitionDuration);
+    } else {
+      entry.el.classList.add(config.stateClosed);
+      entry.el.classList.remove(config.stateOpened);
+    }
+    this.stack.remove(entry);
+    entry.state = "closed";
+    if (focus) {
+      updateFocusState.call(this);
+    }
+    entry.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "closed", {
       detail: this,
       bubbles: true
     }));
   }
-  return s2;
-}
-async function $(i, e) {
-  const t = [];
-  return await Promise.all(this.stack.value.map(async (s2) => {
-    i && i === s2.id ? Promise.resolve() : t.push(await C.call(this, s2, e, false)), s2.trigger = null;
-  })), t;
+  return entry;
 }
-async function M$1(i, e, t = true) {
-  const s2 = m.call(this, i);
-  let n, r;
-  return s2.state === "opened" ? (n = s2, r = await $.call(this, s2.id, e)) : (r = $.call(this, false, e), n = x.call(this, s2, e, false), await Promise.all([n, r])), t && p.call(this), { opened: n, closed: r };
-}
-async function B$1(i, e = {}) {
-  await E.call(this, i, false);
-  const t = this, s2 = {
-    id: i.id,
+async function closeAll$1(exclude, transition2) {
+  const result = [];
+  await Promise.all(this.stack.value.map(async (modal) => {
+    if (exclude && exclude === modal.id) {
+      Promise.resolve();
+    } else {
+      result.push(await close$1.call(this, modal, transition2, false));
+    }
+    modal.trigger = null;
+  }));
+  return result;
+}
+async function replace(query, transition2, focus = true) {
+  const entry = getModal.call(this, query);
+  let resultOpened, resultClosed;
+  if (entry.state === "opened") {
+    resultOpened = entry;
+    resultClosed = await closeAll$1.call(this, entry.id, transition2);
+  } else {
+    resultClosed = closeAll$1.call(this, false, transition2);
+    resultOpened = open$1.call(this, entry, transition2, false);
+    await Promise.all([resultOpened, resultClosed]);
+  }
+  if (focus) {
+    updateFocusState.call(this);
+  }
+  return { opened: resultOpened, closed: resultClosed };
+}
+async function register$1(el, config = {}) {
+  await deregister$1.call(this, el, false);
+  const root = this;
+  const entry = {
+    id: el.id,
     state: "closed",
-    el: i,
+    el,
     dialog: null,
     get required() {
       return this.dialog.matches(this.getSetting("selectorRequired"));
     },
     returnRef: null,
-    settings: { ...j2(i, this.settings.dataConfig), ...e },
-    open(r, l2) {
-      return x.call(t, this, r, l2);
+    settings: { ...getConfig$1(el, this.settings.dataConfig), ...config },
+    open(transition2, focus) {
+      return open$1.call(root, this, transition2, focus);
     },
-    close(r, l2) {
-      return C.call(t, this, r, l2);
+    close(transition2, focus) {
+      return close$1.call(root, this, transition2, focus);
     },
-    replace(r, l2) {
-      return M$1.call(t, this, r, l2);
+    replace(transition2, focus) {
+      return replace.call(root, this, transition2, focus);
     },
     deregister() {
-      return E.call(t, this);
+      return deregister$1.call(root, this);
     },
-    teleport(r = this.getSetting("teleport"), l2 = this.getSetting("teleportMethod")) {
-      return this.returnRef ? (console.error("Element has already been teleported:", this.el), false) : (this.returnRef = T$1(this.el, r, l2), this.el);
+    teleport(ref = this.getSetting("teleport"), method = this.getSetting("teleportMethod")) {
+      if (!this.returnRef) {
+        this.returnRef = teleport(this.el, ref, method);
+        return this.el;
+      } else {
+        console.error("Element has already been teleported:", this.el);
+        return false;
+      }
     },
     teleportReturn() {
-      return this.returnRef ? (this.returnRef = T$1(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), false);
+      if (this.returnRef) {
+        this.returnRef = teleport(this.el, this.returnRef);
+        return this.el;
+      } else {
+        console.error("No return reference found:", this.el);
+        return false;
+      }
     },
-    getSetting(r) {
-      return r in this.settings ? this.settings[r] : t.settings[r];
+    getSetting(key) {
+      return key in this.settings ? this.settings[key] : root.settings[key];
     }
-  }, n = i.querySelector(s2.getSetting("selectorDialog"));
-  return s2.dialog = n || i, s2.dialog.setAttribute("aria-modal", "true"), s2.dialog.hasAttribute("role") || s2.dialog.setAttribute("role", "dialog"), s2.getSetting("setTabindex") && s2.dialog.setAttribute("tabindex", "-1"), s2.getSetting("teleport") && s2.teleport(), this.collection.push(s2), s2.el.classList.contains(this.settings.stateOpened) ? await s2.open(false) : (s2.el.classList.remove(this.settings.stateOpening), s2.el.classList.remove(this.settings.stateClosing), s2.el.classList.add(this.settings.stateClosed)), s2;
-}
-function J$1(i) {
-  const e = [];
+  };
+  const dialog = el.querySelector(entry.getSetting("selectorDialog"));
+  entry.dialog = dialog ? dialog : el;
+  entry.dialog.setAttribute("aria-modal", "true");
+  if (!entry.dialog.hasAttribute("role")) {
+    entry.dialog.setAttribute("role", "dialog");
+  }
+  if (entry.getSetting("setTabindex")) {
+    entry.dialog.setAttribute("tabindex", "-1");
+  }
+  if (entry.getSetting("teleport")) {
+    entry.teleport();
+  }
+  this.collection.push(entry);
+  if (entry.el.classList.contains(this.settings.stateOpened)) {
+    await entry.open(false);
+  } else {
+    entry.el.classList.remove(this.settings.stateOpening);
+    entry.el.classList.remove(this.settings.stateClosing);
+    entry.el.classList.add(this.settings.stateClosed);
+  }
+  return entry;
+}
+function stack(settings) {
+  const stackArray = [];
   return {
     get value() {
-      return [...e];
+      return [...stackArray];
     },
     get top() {
-      return e[e.length - 1];
+      return stackArray[stackArray.length - 1];
     },
     updateIndex() {
-      e.forEach((t, s2) => {
-        t.el.style.zIndex = null;
-        const n = getComputedStyle(t.el)["z-index"];
-        t.el.style.zIndex = parseInt(n) + s2 + 1;
+      stackArray.forEach((entry, index2) => {
+        entry.el.style.zIndex = null;
+        const value = getComputedStyle(entry.el)["z-index"];
+        entry.el.style.zIndex = parseInt(value) + index2 + 1;
       });
     },
     updateGlobalState() {
-      G(this.top, i), this.updateIndex();
+      updateGlobalState(this.top, settings);
+      this.updateIndex();
     },
-    add(t) {
-      t.el.style.zIndex = null;
-      const s2 = getComputedStyle(t.el)["z-index"];
-      t.el.style.zIndex = parseInt(s2) + e.length + 1, e.push(t), this.updateGlobalState();
+    add(entry) {
+      entry.el.style.zIndex = null;
+      const value = getComputedStyle(entry.el)["z-index"];
+      entry.el.style.zIndex = parseInt(value) + stackArray.length + 1;
+      stackArray.push(entry);
+      this.updateGlobalState();
     },
-    remove(t) {
-      const s2 = e.findIndex((n) => n.id === t.id);
-      s2 >= 0 && (t.el.style.zIndex = null, e.splice(s2, 1), this.updateGlobalState());
+    remove(entry) {
+      const index2 = stackArray.findIndex((item) => {
+        return item.id === entry.id;
+      });
+      if (index2 >= 0) {
+        entry.el.style.zIndex = null;
+        stackArray.splice(index2, 1);
+        this.updateGlobalState();
+      }
     },
-    moveToTop(t) {
-      const s2 = e.findIndex((n) => n.id === t.id);
-      s2 >= 0 && (e.splice(s2, 1), this.add(t));
+    moveToTop(entry) {
+      const index2 = stackArray.findIndex((item) => {
+        return item.id === entry.id;
+      });
+      if (index2 >= 0) {
+        stackArray.splice(index2, 1);
+        this.add(entry);
+      }
     }
   };
 }
-var u, h;
-let Q$1 = class Q extends A {
-  constructor(t) {
+class Modal extends Collection {
+  constructor(options) {
     super();
-    v(this, u);
-    v(this, h);
-    this.defaults = K$1, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new P(), this.stack = J$1(this.settings), b(this, u, V$1.bind(this)), b(this, h, q3.bind(this)), this.settings.autoMount && this.mount();
+    __privateAdd(this, _handleClick2);
+    __privateAdd(this, _handleKeydown2);
+    this.defaults = defaults$1;
+    this.settings = { ...this.defaults, ...options };
+    this.trigger = null;
+    this.focusTrap = new FocusTrap();
+    this.stack = stack(this.settings);
+    __privateSet(this, _handleClick2, handleClick$1.bind(this));
+    __privateSet(this, _handleKeydown2, handleKeydown$1.bind(this));
+    if (this.settings.autoMount) this.mount();
   }
   get active() {
     return this.stack.top;
   }
-  async mount(t) {
-    t && (this.settings = { ...this.settings, ...t });
-    const s2 = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(s2), this.settings.eventListeners && this.mountEventListeners(), this;
+  async mount(options) {
+    if (options) this.settings = { ...this.settings, ...options };
+    const modals = document.querySelectorAll(this.settings.selectorModal);
+    await this.registerCollection(modals);
+    if (this.settings.eventListeners) {
+      this.mountEventListeners();
+    }
+    return this;
   }
   async unmount() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
+    this.trigger = null;
+    await this.deregisterCollection();
+    if (this.settings.eventListeners) {
+      this.unmountEventListeners();
+    }
+    return this;
   }
   mountEventListeners() {
-    document.addEventListener("click", f(this, u), false), document.addEventListener("keydown", f(this, h), false);
+    document.addEventListener("click", __privateGet(this, _handleClick2), false);
+    document.addEventListener("keydown", __privateGet(this, _handleKeydown2), false);
   }
   unmountEventListeners() {
-    document.removeEventListener("click", f(this, u), false), document.removeEventListener("keydown", f(this, h), false);
-  }
-  register(t, s2 = {}) {
-    let n = typeof t == "string" ? document.getElementById(t) : t;
-    return n ? B$1.call(this, n, s2) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${t.id || t}".`));
+    document.removeEventListener("click", __privateGet(this, _handleClick2), false);
+    document.removeEventListener("keydown", __privateGet(this, _handleKeydown2), false);
   }
-  deregister(t) {
-    let s2 = this.get(t.id || t);
-    return s2 ? E.call(this, s2) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${t.id || t}".`));
+  register(query, config = {}) {
+    let el = typeof query == "string" ? document.getElementById(query) : query;
+    return el ? register$1.call(this, el, config) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${query.id || query}".`));
   }
-  open(t, s2, n) {
-    return x.call(this, t, s2, n);
+  deregister(query) {
+    let obj = this.get(query.id || query);
+    return obj ? deregister$1.call(this, obj) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${query.id || query}".`));
   }
-  close(t, s2, n) {
-    return C.call(this, t, s2, n);
+  open(id, transition2, focus) {
+    return open$1.call(this, id, transition2, focus);
   }
-  replace(t, s2, n) {
-    return M$1.call(this, t, s2, n);
+  close(id, transition2, focus) {
+    return close$1.call(this, id, transition2, focus);
   }
-  async closeAll(t = false, s2, n = true) {
-    const r = await $.call(this, t, s2);
-    return n && p.call(this), r;
+  replace(id, transition2, focus) {
+    return replace.call(this, id, transition2, focus);
   }
-};
-u = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
-var Ue = (e) => {
-  throw TypeError(e);
-};
-var _e = (e, t, r) => t.has(e) || Ue("Cannot " + r);
-var Ae = (e, t, r) => (_e(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ke = (e, t, r) => t.has(e) ? Ue("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Ge = (e, t, r, i) => (_e(e, t, "write to private field"), t.set(e, r), r);
-class Ct {
-  constructor() {
-    this.collection = [];
-  }
-  async register(t) {
-    return await this.deregister(t), this.collection.push(t), this.collection;
-  }
-  async deregister(t) {
-    const r = this.collection.findIndex((i) => i === t);
-    if (r >= 0) {
-      const i = this.collection[r];
-      Object.getOwnPropertyNames(i).forEach((n) => {
-        delete i[n];
-      }), this.collection.splice(r, 1);
+  async closeAll(exclude = false, transition2, focus = true) {
+    const result = await closeAll$1.call(this, exclude, transition2);
+    if (focus) {
+      updateFocusState.call(this);
     }
-    return this.collection;
-  }
-  async registerCollection(t) {
-    return await Promise.all(Array.from(t, (r) => {
-      this.register(r);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(t, r = "id") {
-    return this.collection.find((i) => i[r] === t);
+    return result;
   }
 }
-function kt() {
-  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
-}
-const Dt = {
+_handleClick2 = new WeakMap();
+_handleKeydown2 = new WeakMap();
+const defaults = {
   autoMount: false,
   // Selectors
   selectorPopover: ".popover",
@@ -1047,192 +1123,294 @@ const Dt = {
   eventType: "click",
   placement: "bottom"
 };
-function at(e, t) {
-  const r = getComputedStyle(e), i = {
-    placement: t.placement,
-    event: t.eventType,
-    offset: 0,
+function getConfig(el, settings) {
+  const styles = getComputedStyle(el);
+  const config = {
+    "placement": settings.placement,
+    "event": settings.eventType,
+    "offset": 0,
     "overflow-padding": 0,
     "flip-padding": 0,
-    "arrow-element": t.selectorArrow,
+    "arrow-element": settings.selectorArrow,
     "arrow-padding": 0
   };
-  for (const n in i) {
-    const o2 = kt(), l2 = r.getPropertyValue(`--${o2}popover-${n}`).trim();
-    l2 && (i[n] = l2);
-  }
-  return i;
-}
-function Pe(e) {
-  let t;
-  const r = typeof e == "string" ? e.trim().split(" ") : [e];
-  switch (r.forEach(function(i, n) {
-    r[n] = parseInt(i, 10);
-  }), r.length) {
+  for (const prop in config) {
+    const prefix = getPrefix();
+    const value = styles.getPropertyValue(`--${prefix}popover-${prop}`).trim();
+    if (value) {
+      config[prop] = value;
+    }
+  }
+  return config;
+}
+function getPadding(value) {
+  let padding;
+  const array = typeof value === "string" ? value.trim().split(" ") : [value];
+  array.forEach(function(item, index2) {
+    array[index2] = parseInt(item, 10);
+  });
+  switch (array.length) {
     case 1:
-      t = r[0];
+      padding = array[0];
       break;
     case 2:
-      t = {
-        top: r[0],
-        right: r[1],
-        bottom: r[0],
-        left: r[1]
+      padding = {
+        top: array[0],
+        right: array[1],
+        bottom: array[0],
+        left: array[1]
       };
       break;
     case 3:
-      t = {
-        top: r[0],
-        right: r[1],
-        bottom: r[2],
-        left: r[1]
+      padding = {
+        top: array[0],
+        right: array[1],
+        bottom: array[2],
+        left: array[1]
       };
       break;
     case 4:
-      t = {
-        top: r[0],
-        right: r[1],
-        bottom: r[2],
-        left: r[3]
+      padding = {
+        top: array[0],
+        right: array[1],
+        bottom: array[2],
+        left: array[3]
       };
       break;
     default:
-      t = false;
+      padding = false;
       break;
   }
-  return t;
+  return padding;
 }
-function Rt(e) {
+function getModifiers(options) {
   return [{
     name: "offset",
     options: {
-      offset: [0, parseInt(e.offset, 10)]
+      offset: [0, parseInt(options["offset"], 10)]
     }
   }, {
     name: "preventOverflow",
     options: {
-      padding: Pe(e["overflow-padding"])
+      padding: getPadding(options["overflow-padding"])
     }
   }, {
     name: "flip",
     options: {
-      padding: Pe(e["flip-padding"])
+      padding: getPadding(options["flip-padding"])
     }
   }, {
     name: "arrow",
     options: {
-      element: e["arrow-element"],
-      padding: Pe(e["arrow-padding"])
+      element: options["arrow-element"],
+      padding: getPadding(options["arrow-padding"])
     }
   }];
 }
-function st(e) {
-  const t = typeof e == "string" ? this.get(e) : this.get(e.id);
-  if (t)
-    return t;
-  throw new Error(`Popover not found in collection with id of "${e}".`);
-}
-function Bt(e) {
-  return typeof e == "string" ? e : typeof e.hasAttribute == "function" ? e.closest(this.settings.selectorPopover) ? (e = e.closest(this.settings.selectorPopover), e.id) : e.hasAttribute("aria-controls") ? e.getAttribute("aria-controls") : e.hasAttribute("aria-describedby") ? e.getAttribute("aria-describedby") : false : false;
-}
-function Tt(e) {
-  const t = Bt.call(this, e);
-  if (t) {
-    const r = document.querySelector(`#${t}`), i = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
-    return !i && !r ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : i ? r ? { popover: r, trigger: i } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
-  } else
+function getPopover(query) {
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
+  if (entry) {
+    return entry;
+  } else {
+    throw new Error(`Popover not found in collection with id of "${query}".`);
+  }
+}
+function getPopoverID(obj) {
+  if (typeof obj === "string") {
+    return obj;
+  } else if (typeof obj.hasAttribute === "function") {
+    if (obj.closest(this.settings.selectorPopover)) {
+      obj = obj.closest(this.settings.selectorPopover);
+      return obj.id;
+    } else if (obj.hasAttribute("aria-controls")) {
+      return obj.getAttribute("aria-controls");
+    } else if (obj.hasAttribute("aria-describedby")) {
+      return obj.getAttribute("aria-describedby");
+    } else return false;
+  } else return false;
+}
+function getPopoverElements(query) {
+  const id = getPopoverID.call(this, query);
+  if (id) {
+    const popover = document.querySelector(`#${id}`);
+    const trigger = document.querySelector(`[aria-controls="${id}"]`) || document.querySelector(`[aria-describedby="${id}"]`);
+    if (!trigger && !popover) {
+      return { error: new Error(`No popover elements found using the ID: "${id}".`) };
+    } else if (!trigger) {
+      return { error: new Error("No popover trigger associated with the provided popover.") };
+    } else if (!popover) {
+      return { error: new Error("No popover associated with the provided popover trigger.") };
+    } else {
+      return { popover, trigger };
+    }
+  } else {
     return { error: new Error("Could not resolve the popover ID.") };
+  }
 }
-async function ke(e) {
-  const t = e ? st.call(this, e) : await ct.call(this);
-  return t && t.state === "opened" && (t.el.classList.remove(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "false"), t.popper.setOptions({
-    modifiers: [{ name: "eventListeners", enabled: false }]
-  }), t.state = "closed", t.trigger === this.trigger && (this.trigger = null)), t;
-}
-async function ct() {
-  const e = [];
-  return await Promise.all(this.collection.map(async (t) => {
-    t.state === "opened" && e.push(await ke.call(this, t));
-  })), e;
-}
-function lt(e) {
-  e.state == "opened" && setTimeout(() => {
-    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, r = document.activeElement.closest(
-      `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
+async function close(query) {
+  const popover = query ? getPopover.call(this, query) : await closeAll.call(this);
+  if (popover && popover.state === "opened") {
+    popover.el.classList.remove(this.settings.stateActive);
+    if (popover.trigger.hasAttribute("aria-controls")) {
+      popover.trigger.setAttribute("aria-expanded", "false");
+    }
+    popover.popper.setOptions({
+      modifiers: [{ name: "eventListeners", enabled: false }]
+    });
+    popover.state = "closed";
+    if (popover.trigger === this.trigger) {
+      this.trigger = null;
+    }
+  }
+  return popover;
+}
+async function closeAll() {
+  const result = [];
+  await Promise.all(this.collection.map(async (popover) => {
+    if (popover.state === "opened") {
+      result.push(await close.call(this, popover));
+    }
+  }));
+  return result;
+}
+function closeCheck(popover) {
+  if (popover.state != "opened") return;
+  setTimeout(() => {
+    const isHovered = popover.el.closest(":hover") === popover.el || popover.trigger.closest(":hover") === popover.trigger;
+    const isFocused = document.activeElement.closest(
+      `#${popover.id}, [aria-controls="${popover.id}"], [aria-describedby="${popover.id}"]`
     );
-    return !t && !r && e.close(), e;
+    if (!isHovered && !isFocused) {
+      popover.close();
+    }
+    return popover;
   }, 1);
 }
-function St(e) {
-  e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), ft.call(this, e));
+function handleClick(popover) {
+  if (popover.state === "opened") {
+    popover.close();
+  } else {
+    this.trigger = popover.trigger;
+    popover.open();
+    handleDocumentClick.call(this, popover);
+  }
 }
-function Mt(e) {
-  switch (e.key) {
+function handleKeydown(event) {
+  switch (event.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), ct.call(this);
+      if (this.trigger) {
+        this.trigger.focus();
+      }
+      closeAll.call(this);
       return;
     case "Tab":
-      this.collection.forEach((t) => {
-        lt.call(this, t);
+      this.collection.forEach((popover) => {
+        closeCheck.call(this, popover);
       });
       return;
     default:
       return;
   }
 }
-function ft(e) {
-  const t = this;
-  document.addEventListener("click", function r(i) {
-    i.target.closest(
-      `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
-    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", r) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", r));
+function handleDocumentClick(popover) {
+  const root = this;
+  document.addEventListener("click", function _f(event) {
+    const wasClicked = event.target.closest(
+      `#${popover.id}, [aria-controls="${popover.id}"], [aria-describedby="${popover.id}"]`
+    );
+    if (wasClicked) {
+      if (popover.el && !popover.el.classList.contains(root.settings.stateActive)) {
+        this.removeEventListener("click", _f);
+      }
+    } else {
+      if (popover.el && popover.el.classList.contains(root.settings.stateActive)) {
+        popover.close();
+      }
+      this.removeEventListener("click", _f);
+    }
   });
 }
-var k = "top", S2 = "bottom", M = "right", D = "left", De = "auto", le = [k, S2, M, D], Q2 = "start", se = "end", jt = "clippingParents", ut = "viewport", ne = "popper", Wt = "reference", Je = /* @__PURE__ */ le.reduce(function(e, t) {
-  return e.concat([t + "-" + Q2, t + "-" + se]);
-}, []), pt = /* @__PURE__ */ [].concat(le, [De]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + Q2, t + "-" + se]);
-}, []), Ht = "beforeRead", Nt = "read", Vt = "afterRead", It = "beforeMain", Ft = "main", Xt = "afterMain", Yt = "beforeWrite", qt = "write", zt = "afterWrite", Ut = [Ht, Nt, Vt, It, Ft, Xt, Yt, qt, zt];
-function N(e) {
-  return e ? (e.nodeName || "").toLowerCase() : null;
-}
-function B2(e) {
-  if (e == null)
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var clippingParents = "clippingParents";
+var viewport = "viewport";
+var popper = "popper";
+var reference = "reference";
+var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getWindow(node) {
+  if (node == null) {
     return window;
-  if (e.toString() !== "[object Window]") {
-    var t = e.ownerDocument;
-    return t && t.defaultView || window;
   }
-  return e;
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
 }
-function K(e) {
-  var t = B2(e).Element;
-  return e instanceof t || e instanceof Element;
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
 }
-function T(e) {
-  var t = B2(e).HTMLElement;
-  return e instanceof t || e instanceof HTMLElement;
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
 }
-function Re(e) {
-  if (typeof ShadowRoot > "u")
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
     return false;
-  var t = B2(e).ShadowRoot;
-  return e instanceof t || e instanceof ShadowRoot;
-}
-function _t(e) {
-  var t = e.state;
-  Object.keys(t.elements).forEach(function(r) {
-    var i = t.styles[r] || {}, n = t.attributes[r] || {}, o2 = t.elements[r];
-    !T(o2) || !N(o2) || (Object.assign(o2.style, i), Object.keys(n).forEach(function(l2) {
-      var s2 = n[l2];
-      s2 === false ? o2.removeAttribute(l2) : o2.setAttribute(l2, s2 === true ? "" : s2);
-    }));
+  }
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
   });
 }
-function Kt(e) {
-  var t = e.state, r = {
+function effect$2(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
     popper: {
-      position: t.options.strategy,
+      position: state.options.strategy,
       left: "0",
       top: "0",
       margin: "0"
@@ -1242,137 +1420,198 @@ function Kt(e) {
     },
     reference: {}
   };
-  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
-    Object.keys(t.elements).forEach(function(i) {
-      var n = t.elements[i], o2 = t.attributes[i] || {}, l2 = Object.keys(t.styles.hasOwnProperty(i) ? t.styles[i] : r[i]), s2 = l2.reduce(function(a2, f2) {
-        return a2[f2] = "", a2;
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
       }, {});
-      !T(n) || !N(n) || (Object.assign(n.style, s2), Object.keys(o2).forEach(function(a2) {
-        n.removeAttribute(a2);
-      }));
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
+      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
     });
   };
 }
-const Gt = {
+const applyStyles$1 = {
   name: "applyStyles",
   enabled: true,
   phase: "write",
-  fn: _t,
-  effect: Kt,
+  fn: applyStyles,
+  effect: effect$2,
   requires: ["computeStyles"]
 };
-function H(e) {
-  return e.split("-")[0];
-}
-var _ = Math.max, ye = Math.min, Z = Math.round;
-function Le() {
-  var e = navigator.userAgentData;
-  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
-    return t.brand + "/" + t.version;
-  }).join(" ") : navigator.userAgent;
-}
-function dt() {
-  return !/^((?!chrome|android).)*safari/i.test(Le());
-}
-function ee(e, t, r) {
-  t === void 0 && (t = false), r === void 0 && (r = false);
-  var i = e.getBoundingClientRect(), n = 1, o2 = 1;
-  t && T(e) && (n = e.offsetWidth > 0 && Z(i.width) / e.offsetWidth || 1, o2 = e.offsetHeight > 0 && Z(i.height) / e.offsetHeight || 1);
-  var l2 = K(e) ? B2(e) : window, s2 = l2.visualViewport, a2 = !dt() && r, f2 = (i.left + (a2 && s2 ? s2.offsetLeft : 0)) / n, c2 = (i.top + (a2 && s2 ? s2.offsetTop : 0)) / o2, h2 = i.width / n, y2 = i.height / o2;
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: h2,
-    height: y2,
-    top: c2,
-    right: f2 + h2,
-    bottom: c2 + y2,
-    left: f2,
-    x: f2,
-    y: c2
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
   };
 }
-function Be(e) {
-  var t = ee(e), r = e.offsetWidth, i = e.offsetHeight;
-  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - i) <= 1 && (i = t.height), {
-    x: e.offsetLeft,
-    y: e.offsetTop,
-    width: r,
-    height: i
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
   };
 }
-function vt(e, t) {
-  var r = t.getRootNode && t.getRootNode();
-  if (e.contains(t))
+function contains(parent, child) {
+  var rootNode = child.getRootNode && child.getRootNode();
+  if (parent.contains(child)) {
     return true;
-  if (r && Re(r)) {
-    var i = t;
+  } else if (rootNode && isShadowRoot(rootNode)) {
+    var next = child;
     do {
-      if (i && e.isSameNode(i))
+      if (next && parent.isSameNode(next)) {
         return true;
-      i = i.parentNode || i.host;
-    } while (i);
+      }
+      next = next.parentNode || next.host;
+    } while (next);
   }
   return false;
 }
-function V(e) {
-  return B2(e).getComputedStyle(e);
+function getComputedStyle$1(element) {
+  return getWindow(element).getComputedStyle(element);
 }
-function Jt(e) {
-  return ["table", "td", "th"].indexOf(N(e)) >= 0;
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
 }
-function F(e) {
-  return ((K(e) ? e.ownerDocument : (
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : (
     // $FlowFixMe[prop-missing]
-    e.document
+    element.document
   )) || window.document).documentElement;
 }
-function we(e) {
-  return N(e) === "html" ? e : (
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
-    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    e.parentNode || // DOM Element detected
-    (Re(e) ? e.host : null) || // ShadowRoot detected
+    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    element.parentNode || // DOM Element detected
+    (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    F(e)
+    getDocumentElement(element)
   );
 }
-function Qe(e) {
-  return !T(e) || // https://github.com/popperjs/popper-core/issues/837
-  V(e).position === "fixed" ? null : e.offsetParent;
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+  getComputedStyle$1(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
 }
-function Qt(e) {
-  var t = /firefox/i.test(Le()), r = /Trident/i.test(Le());
-  if (r && T(e)) {
-    var i = V(e);
-    if (i.position === "fixed")
+function getContainingBlock(element) {
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle$1(element);
+    if (elementCss.position === "fixed") {
       return null;
+    }
+  }
+  var currentNode = getParentNode(element);
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
   }
-  var n = we(e);
-  for (Re(n) && (n = n.host); T(n) && ["html", "body"].indexOf(N(n)) < 0; ) {
-    var o2 = V(n);
-    if (o2.transform !== "none" || o2.perspective !== "none" || o2.contain === "paint" || ["transform", "perspective"].indexOf(o2.willChange) !== -1 || t && o2.willChange === "filter" || t && o2.filter && o2.filter !== "none")
-      return n;
-    n = n.parentNode;
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle$1(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
   }
   return null;
 }
-function fe(e) {
-  for (var t = B2(e), r = Qe(e); r && Jt(r) && V(r).position === "static"; )
-    r = Qe(r);
-  return r && (N(r) === "html" || N(r) === "body" && V(r).position === "static") ? t : r || Qt(e) || t;
+function getOffsetParent(element) {
+  var window2 = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
 }
-function Te(e) {
-  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
 }
-function oe(e, t, r) {
-  return _(e, ye(t, r));
+function within(min$1, value, max$1) {
+  return max(min$1, min(value, max$1));
 }
-function Zt(e, t, r) {
-  var i = oe(e, t, r);
-  return i > r ? r : i;
+function withinMaxClamp(min2, value, max2) {
+  var v = within(min2, value, max2);
+  return v > max2 ? max2 : v;
 }
-function ht() {
+function getFreshSideObject() {
   return {
     top: 0,
     right: 0,
@@ -1380,839 +1619,1246 @@ function ht() {
     left: 0
   };
 }
-function gt(e) {
-  return Object.assign({}, ht(), e);
+function mergePaddingObject(paddingObject) {
+  return Object.assign({}, getFreshSideObject(), paddingObject);
 }
-function mt(e, t) {
-  return t.reduce(function(r, i) {
-    return r[i] = e, r;
+function expandToHashMap(value, keys) {
+  return keys.reduce(function(hashMap, key) {
+    hashMap[key] = value;
+    return hashMap;
   }, {});
 }
-var er = function(t, r) {
-  return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
-    placement: r.placement
-  })) : t, gt(typeof t != "number" ? t : mt(t, le));
+var toPaddingObject = function toPaddingObject2(padding, state) {
+  padding = typeof padding === "function" ? padding(Object.assign({}, state.rects, {
+    placement: state.placement
+  })) : padding;
+  return mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
 };
-function tr(e) {
-  var t, r = e.state, i = e.name, n = e.options, o2 = r.elements.arrow, l2 = r.modifiersData.popperOffsets, s2 = H(r.placement), a2 = Te(s2), f2 = [D, M].indexOf(s2) >= 0, c2 = f2 ? "height" : "width";
-  if (!(!o2 || !l2)) {
-    var h2 = er(n.padding, r), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S2 : M, v2 = r.rects.reference[c2] + r.rects.reference[a2] - l2[a2] - r.rects.popper[c2], d2 = l2[a2] - r.rects.reference[a2], w2 = fe(o2), O2 = w2 ? a2 === "y" ? w2.clientHeight || 0 : w2.clientWidth || 0 : 0, E2 = v2 / 2 - d2 / 2, p2 = h2[u2], g2 = O2 - y2[c2] - h2[b2], m2 = O2 / 2 - y2[c2] / 2 + E2, x2 = oe(p2, m2, g2), L3 = a2;
-    r.modifiersData[i] = (t = {}, t[L3] = x2, t.centerOffset = x2 - m2, t);
+function arrow(_ref) {
+  var _state$modifiersData$;
+  var state = _ref.state, name = _ref.name, options = _ref.options;
+  var arrowElement = state.elements.arrow;
+  var popperOffsets2 = state.modifiersData.popperOffsets;
+  var basePlacement = getBasePlacement(state.placement);
+  var axis = getMainAxisFromPlacement(basePlacement);
+  var isVertical = [left, right].indexOf(basePlacement) >= 0;
+  var len = isVertical ? "height" : "width";
+  if (!arrowElement || !popperOffsets2) {
+    return;
   }
+  var paddingObject = toPaddingObject(options.padding, state);
+  var arrowRect = getLayoutRect(arrowElement);
+  var minProp = axis === "y" ? top : left;
+  var maxProp = axis === "y" ? bottom : right;
+  var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets2[axis] - state.rects.popper[len];
+  var startDiff = popperOffsets2[axis] - state.rects.reference[axis];
+  var arrowOffsetParent = getOffsetParent(arrowElement);
+  var clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
+  var centerToReference = endDiff / 2 - startDiff / 2;
+  var min2 = paddingObject[minProp];
+  var max2 = clientSize - arrowRect[len] - paddingObject[maxProp];
+  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
+  var offset2 = within(min2, center, max2);
+  var axisProp = axis;
+  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
+}
+function effect$1(_ref2) {
+  var state = _ref2.state, options = _ref2.options;
+  var _options$element = options.element, arrowElement = _options$element === void 0 ? "[data-popper-arrow]" : _options$element;
+  if (arrowElement == null) {
+    return;
+  }
+  if (typeof arrowElement === "string") {
+    arrowElement = state.elements.popper.querySelector(arrowElement);
+    if (!arrowElement) {
+      return;
+    }
+  }
+  if (!contains(state.elements.popper, arrowElement)) {
+    return;
+  }
+  state.elements.arrow = arrowElement;
 }
-function rr(e) {
-  var t = e.state, r = e.options, i = r.element, n = i === void 0 ? "[data-popper-arrow]" : i;
-  n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || vt(t.elements.popper, n) && (t.elements.arrow = n));
-}
-const ir = {
+const arrow$1 = {
   name: "arrow",
   enabled: true,
   phase: "main",
-  fn: tr,
-  effect: rr,
+  fn: arrow,
+  effect: effect$1,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function te(e) {
-  return e.split("-")[1];
+function getVariation(placement) {
+  return placement.split("-")[1];
 }
-var nr = {
+var unsetSides = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function or(e, t) {
-  var r = e.x, i = e.y, n = t.devicePixelRatio || 1;
+function roundOffsetsByDPR(_ref, win) {
+  var x = _ref.x, y = _ref.y;
+  var dpr = win.devicePixelRatio || 1;
   return {
-    x: Z(r * n) / n || 0,
-    y: Z(i * n) / n || 0
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
   };
 }
-function Ze(e) {
-  var t, r = e.popper, i = e.popperRect, n = e.placement, o2 = e.variation, l2 = e.offsets, s2 = e.position, a2 = e.gpuAcceleration, f2 = e.adaptive, c2 = e.roundOffsets, h2 = e.isFixed, y2 = l2.x, u2 = y2 === void 0 ? 0 : y2, b2 = l2.y, v2 = b2 === void 0 ? 0 : b2, d2 = typeof c2 == "function" ? c2({
-    x: u2,
-    y: v2
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+  var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+  var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
+    x,
+    y
   }) : {
-    x: u2,
-    y: v2
+    x,
+    y
   };
-  u2 = d2.x, v2 = d2.y;
-  var w2 = l2.hasOwnProperty("x"), O2 = l2.hasOwnProperty("y"), E2 = D, p2 = k, g2 = window;
-  if (f2) {
-    var m2 = fe(r), x2 = "clientHeight", L3 = "clientWidth";
-    if (m2 === B2(r) && (m2 = F(r), V(m2).position !== "static" && s2 === "absolute" && (x2 = "scrollHeight", L3 = "scrollWidth")), m2 = m2, n === k || (n === D || n === M) && o2 === se) {
-      p2 = S2;
-      var P2 = h2 && m2 === g2 && g2.visualViewport ? g2.visualViewport.height : (
+  x = _ref3.x;
+  y = _ref3.y;
+  var hasX = offsets.hasOwnProperty("x");
+  var hasY = offsets.hasOwnProperty("y");
+  var sideX = left;
+  var sideY = top;
+  var win = window;
+  if (adaptive) {
+    var offsetParent = getOffsetParent(popper2);
+    var heightProp = "clientHeight";
+    var widthProp = "clientWidth";
+    if (offsetParent === getWindow(popper2)) {
+      offsetParent = getDocumentElement(popper2);
+      if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
+        heightProp = "scrollHeight";
+        widthProp = "scrollWidth";
+      }
+    }
+    offsetParent = offsetParent;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        m2[x2]
+        offsetParent[heightProp]
       );
-      v2 -= P2 - i.height, v2 *= a2 ? 1 : -1;
+      y -= offsetY - popperRect.height;
+      y *= gpuAcceleration ? 1 : -1;
     }
-    if (n === D || (n === k || n === S2) && o2 === se) {
-      E2 = M;
-      var A2 = h2 && m2 === g2 && g2.visualViewport ? g2.visualViewport.width : (
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        m2[L3]
+        offsetParent[widthProp]
       );
-      u2 -= A2 - i.width, u2 *= a2 ? 1 : -1;
+      x -= offsetX - popperRect.width;
+      x *= gpuAcceleration ? 1 : -1;
     }
   }
-  var $2 = Object.assign({
-    position: s2
-  }, f2 && nr), j3 = c2 === true ? or({
-    x: u2,
-    y: v2
-  }, B2(r)) : {
-    x: u2,
-    y: v2
+  var commonStyles = Object.assign({
+    position
+  }, adaptive && unsetSides);
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x,
+    y
+  }, getWindow(popper2)) : {
+    x,
+    y
   };
-  if (u2 = j3.x, v2 = j3.y, a2) {
-    var C2;
-    return Object.assign({}, $2, (C2 = {}, C2[p2] = O2 ? "0" : "", C2[E2] = w2 ? "0" : "", C2.transform = (g2.devicePixelRatio || 1) <= 1 ? "translate(" + u2 + "px, " + v2 + "px)" : "translate3d(" + u2 + "px, " + v2 + "px, 0)", C2));
-  }
-  return Object.assign({}, $2, (t = {}, t[p2] = O2 ? v2 + "px" : "", t[E2] = w2 ? u2 + "px" : "", t.transform = "", t));
-}
-function ar(e) {
-  var t = e.state, r = e.options, i = r.gpuAcceleration, n = i === void 0 ? true : i, o2 = r.adaptive, l2 = o2 === void 0 ? true : o2, s2 = r.roundOffsets, a2 = s2 === void 0 ? true : s2, f2 = {
-    placement: H(t.placement),
-    variation: te(t.placement),
-    popper: t.elements.popper,
-    popperRect: t.rects.popper,
-    gpuAcceleration: n,
-    isFixed: t.options.strategy === "fixed"
+  x = _ref4.x;
+  y = _ref4.y;
+  if (gpuAcceleration) {
+    var _Object$assign;
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+  }
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+}
+function computeStyles(_ref5) {
+  var state = _ref5.state, options = _ref5.options;
+  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
+    popper: state.elements.popper,
+    popperRect: state.rects.popper,
+    gpuAcceleration,
+    isFixed: state.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ze(Object.assign({}, f2, {
-    offsets: t.modifiersData.popperOffsets,
-    position: t.options.strategy,
-    adaptive: l2,
-    roundOffsets: a2
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ze(Object.assign({}, f2, {
-    offsets: t.modifiersData.arrow,
-    position: "absolute",
-    adaptive: false,
-    roundOffsets: a2
-  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
-    "data-popper-placement": t.placement
+  if (state.modifiersData.popperOffsets != null) {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.popperOffsets,
+      position: state.options.strategy,
+      adaptive,
+      roundOffsets
+    })));
+  }
+  if (state.modifiersData.arrow != null) {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.arrow,
+      position: "absolute",
+      adaptive: false,
+      roundOffsets
+    })));
+  }
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    "data-popper-placement": state.placement
   });
 }
-const sr = {
+const computeStyles$1 = {
   name: "computeStyles",
   enabled: true,
   phase: "beforeWrite",
-  fn: ar,
+  fn: computeStyles,
   data: {}
 };
-var ge = {
+var passive = {
   passive: true
 };
-function cr(e) {
-  var t = e.state, r = e.instance, i = e.options, n = i.scroll, o2 = n === void 0 ? true : n, l2 = i.resize, s2 = l2 === void 0 ? true : l2, a2 = B2(t.elements.popper), f2 = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return o2 && f2.forEach(function(c2) {
-    c2.addEventListener("scroll", r.update, ge);
-  }), s2 && a2.addEventListener("resize", r.update, ge), function() {
-    o2 && f2.forEach(function(c2) {
-      c2.removeEventListener("scroll", r.update, ge);
-    }), s2 && a2.removeEventListener("resize", r.update, ge);
+function effect(_ref) {
+  var state = _ref.state, instance = _ref.instance, options = _ref.options;
+  var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
+  var window2 = getWindow(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+  if (scroll) {
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance.update, passive);
+    });
+  }
+  if (resize) {
+    window2.addEventListener("resize", instance.update, passive);
+  }
+  return function() {
+    if (scroll) {
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance.update, passive);
+      });
+    }
+    if (resize) {
+      window2.removeEventListener("resize", instance.update, passive);
+    }
   };
 }
-const lr = {
+const eventListeners = {
   name: "eventListeners",
   enabled: true,
   phase: "write",
-  fn: function() {
+  fn: function fn() {
   },
-  effect: cr,
+  effect,
   data: {}
 };
-var fr = {
+var hash$1 = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function me(e) {
-  return e.replace(/left|right|bottom|top/g, function(t) {
-    return fr[t];
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, function(matched) {
+    return hash$1[matched];
   });
 }
-var ur = {
+var hash = {
   start: "end",
   end: "start"
 };
-function et(e) {
-  return e.replace(/start|end/g, function(t) {
-    return ur[t];
+function getOppositeVariationPlacement(placement) {
+  return placement.replace(/start|end/g, function(matched) {
+    return hash[matched];
   });
 }
-function Se(e) {
-  var t = B2(e), r = t.pageXOffset, i = t.pageYOffset;
+function getWindowScroll(node) {
+  var win = getWindow(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
   return {
-    scrollLeft: r,
-    scrollTop: i
+    scrollLeft,
+    scrollTop
   };
 }
-function Me(e) {
-  return ee(F(e)).left + Se(e).scrollLeft;
-}
-function pr(e, t) {
-  var r = B2(e), i = F(e), n = r.visualViewport, o2 = i.clientWidth, l2 = i.clientHeight, s2 = 0, a2 = 0;
-  if (n) {
-    o2 = n.width, l2 = n.height;
-    var f2 = dt();
-    (f2 || !f2 && t === "fixed") && (s2 = n.offsetLeft, a2 = n.offsetTop);
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+}
+function getViewportRect(element, strategy) {
+  var win = getWindow(element);
+  var html = getDocumentElement(element);
+  var visualViewport = win.visualViewport;
+  var width = html.clientWidth;
+  var height = html.clientHeight;
+  var x = 0;
+  var y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    var layoutViewport = isLayoutViewport();
+    if (layoutViewport || !layoutViewport && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
   }
   return {
-    width: o2,
-    height: l2,
-    x: s2 + Me(e),
-    y: a2
+    width,
+    height,
+    x: x + getWindowScrollBarX(element),
+    y
   };
 }
-function dr(e) {
-  var t, r = F(e), i = Se(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, o2 = _(r.scrollWidth, r.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l2 = _(r.scrollHeight, r.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), s2 = -i.scrollLeft + Me(e), a2 = -i.scrollTop;
-  return V(n || r).direction === "rtl" && (s2 += _(r.clientWidth, n ? n.clientWidth : 0) - o2), {
-    width: o2,
-    height: l2,
-    x: s2,
-    y: a2
+function getDocumentRect(element) {
+  var _element$ownerDocumen;
+  var html = getDocumentElement(element);
+  var winScroll = getWindowScroll(element);
+  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
+  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
+  var y = -winScroll.scrollTop;
+  if (getComputedStyle$1(body || html).direction === "rtl") {
+    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
   };
 }
-function je(e) {
-  var t = V(e), r = t.overflow, i = t.overflowX, n = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(r + n + i);
+function isScrollParent(element) {
+  var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
-function yt(e) {
-  return ["html", "body", "#document"].indexOf(N(e)) >= 0 ? e.ownerDocument.body : T(e) && je(e) ? e : yt(we(e));
+function getScrollParent(node) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+    return node.ownerDocument.body;
+  }
+  if (isHTMLElement(node) && isScrollParent(node)) {
+    return node;
+  }
+  return getScrollParent(getParentNode(node));
 }
-function ae(e, t) {
-  var r;
-  t === void 0 && (t = []);
-  var i = yt(e), n = i === ((r = e.ownerDocument) == null ? void 0 : r.body), o2 = B2(i), l2 = n ? [o2].concat(o2.visualViewport || [], je(i) ? i : []) : i, s2 = t.concat(l2);
-  return n ? s2 : (
+function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+  if (list === void 0) {
+    list = [];
+  }
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = getWindow(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list.concat(target);
+  return isBody ? updatedList : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s2.concat(ae(we(l2)))
+    updatedList.concat(listScrollParents(getParentNode(target)))
   );
 }
-function $e(e) {
-  return Object.assign({}, e, {
-    left: e.x,
-    top: e.y,
-    right: e.x + e.width,
-    bottom: e.y + e.height
+function rectToClientRect(rect) {
+  return Object.assign({}, rect, {
+    left: rect.x,
+    top: rect.y,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  });
+}
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === "fixed");
+  rect.top = rect.top + element.clientTop;
+  rect.left = rect.left + element.clientLeft;
+  rect.bottom = rect.top + element.clientHeight;
+  rect.right = rect.left + element.clientWidth;
+  rect.width = element.clientWidth;
+  rect.height = element.clientHeight;
+  rect.x = rect.left;
+  rect.y = rect.top;
+  return rect;
+}
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+}
+function getClippingParents(element) {
+  var clippingParents2 = listScrollParents(getParentNode(element));
+  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
+  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
+  if (!isElement(clipperElement)) {
+    return [];
+  }
+  return clippingParents2.filter(function(clippingParent) {
+    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
   });
 }
-function vr(e, t) {
-  var r = ee(e, false, t === "fixed");
-  return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
-}
-function tt(e, t, r) {
-  return t === ut ? $e(pr(e, r)) : K(t) ? vr(t, r) : $e(dr(F(e)));
-}
-function hr(e) {
-  var t = ae(we(e)), r = ["absolute", "fixed"].indexOf(V(e).position) >= 0, i = r && T(e) ? fe(e) : e;
-  return K(i) ? t.filter(function(n) {
-    return K(n) && vt(n, i) && N(n) !== "body";
-  }) : [];
-}
-function gr(e, t, r, i) {
-  var n = t === "clippingParents" ? hr(e) : [].concat(t), o2 = [].concat(n, [r]), l2 = o2[0], s2 = o2.reduce(function(a2, f2) {
-    var c2 = tt(e, f2, i);
-    return a2.top = _(c2.top, a2.top), a2.right = ye(c2.right, a2.right), a2.bottom = ye(c2.bottom, a2.bottom), a2.left = _(c2.left, a2.left), a2;
-  }, tt(e, l2, i));
-  return s2.width = s2.right - s2.left, s2.height = s2.bottom - s2.top, s2.x = s2.left, s2.y = s2.top, s2;
-}
-function wt(e) {
-  var t = e.reference, r = e.element, i = e.placement, n = i ? H(i) : null, o2 = i ? te(i) : null, l2 = t.x + t.width / 2 - r.width / 2, s2 = t.y + t.height / 2 - r.height / 2, a2;
-  switch (n) {
-    case k:
-      a2 = {
-        x: l2,
-        y: t.y - r.height
+function getClippingRect(element, boundary, rootBoundary, strategy) {
+  var mainClippingParents = boundary === "clippingParents" ? getClippingParents(element) : [].concat(boundary);
+  var clippingParents2 = [].concat(mainClippingParents, [rootBoundary]);
+  var firstClippingParent = clippingParents2[0];
+  var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
+  clippingRect.width = clippingRect.right - clippingRect.left;
+  clippingRect.height = clippingRect.bottom - clippingRect.top;
+  clippingRect.x = clippingRect.left;
+  clippingRect.y = clippingRect.top;
+  return clippingRect;
+}
+function computeOffsets(_ref) {
+  var reference2 = _ref.reference, element = _ref.element, placement = _ref.placement;
+  var basePlacement = placement ? getBasePlacement(placement) : null;
+  var variation = placement ? getVariation(placement) : null;
+  var commonX = reference2.x + reference2.width / 2 - element.width / 2;
+  var commonY = reference2.y + reference2.height / 2 - element.height / 2;
+  var offsets;
+  switch (basePlacement) {
+    case top:
+      offsets = {
+        x: commonX,
+        y: reference2.y - element.height
       };
       break;
-    case S2:
-      a2 = {
-        x: l2,
-        y: t.y + t.height
+    case bottom:
+      offsets = {
+        x: commonX,
+        y: reference2.y + reference2.height
       };
       break;
-    case M:
-      a2 = {
-        x: t.x + t.width,
-        y: s2
+    case right:
+      offsets = {
+        x: reference2.x + reference2.width,
+        y: commonY
       };
       break;
-    case D:
-      a2 = {
-        x: t.x - r.width,
-        y: s2
+    case left:
+      offsets = {
+        x: reference2.x - element.width,
+        y: commonY
       };
       break;
     default:
-      a2 = {
-        x: t.x,
-        y: t.y
+      offsets = {
+        x: reference2.x,
+        y: reference2.y
       };
   }
-  var f2 = n ? Te(n) : null;
-  if (f2 != null) {
-    var c2 = f2 === "y" ? "height" : "width";
-    switch (o2) {
-      case Q2:
-        a2[f2] = a2[f2] - (t[c2] / 2 - r[c2] / 2);
+  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    var len = mainAxis === "y" ? "height" : "width";
+    switch (variation) {
+      case start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference2[len] / 2 - element[len] / 2);
         break;
-      case se:
-        a2[f2] = a2[f2] + (t[c2] / 2 - r[c2] / 2);
+      case end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference2[len] / 2 - element[len] / 2);
         break;
     }
   }
-  return a2;
-}
-function ce(e, t) {
-  t === void 0 && (t = {});
-  var r = t, i = r.placement, n = i === void 0 ? e.placement : i, o2 = r.strategy, l2 = o2 === void 0 ? e.strategy : o2, s2 = r.boundary, a2 = s2 === void 0 ? jt : s2, f2 = r.rootBoundary, c2 = f2 === void 0 ? ut : f2, h2 = r.elementContext, y2 = h2 === void 0 ? ne : h2, u2 = r.altBoundary, b2 = u2 === void 0 ? false : u2, v2 = r.padding, d2 = v2 === void 0 ? 0 : v2, w2 = gt(typeof d2 != "number" ? d2 : mt(d2, le)), O2 = y2 === ne ? Wt : ne, E2 = e.rects.popper, p2 = e.elements[b2 ? O2 : y2], g2 = gr(K(p2) ? p2 : p2.contextElement || F(e.elements.popper), a2, c2, l2), m2 = ee(e.elements.reference), x2 = wt({
-    reference: m2,
-    element: E2,
+  return offsets;
+}
+function detectOverflow(state, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$strategy = _options.strategy, strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
+  var paddingObject = mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
+  var altContext = elementContext === popper ? reference : popper;
+  var popperRect = state.rects.popper;
+  var element = state.elements[altBoundary ? altContext : elementContext];
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
+  var referenceClientRect = getBoundingClientRect(state.elements.reference);
+  var popperOffsets2 = computeOffsets({
+    reference: referenceClientRect,
+    element: popperRect,
     strategy: "absolute",
-    placement: n
-  }), L3 = $e(Object.assign({}, E2, x2)), P2 = y2 === ne ? L3 : m2, A2 = {
-    top: g2.top - P2.top + w2.top,
-    bottom: P2.bottom - g2.bottom + w2.bottom,
-    left: g2.left - P2.left + w2.left,
-    right: P2.right - g2.right + w2.right
-  }, $2 = e.modifiersData.offset;
-  if (y2 === ne && $2) {
-    var j3 = $2[n];
-    Object.keys(A2).forEach(function(C2) {
-      var X2 = [M, S2].indexOf(C2) >= 0 ? 1 : -1, Y2 = [k, S2].indexOf(C2) >= 0 ? "y" : "x";
-      A2[C2] += j3[Y2] * X2;
+    placement
+  });
+  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
+  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
+  var overflowOffsets = {
+    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
+    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
+    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
+    right: elementClientRect.right - clippingClientRect.right + paddingObject.right
+  };
+  var offsetData = state.modifiersData.offset;
+  if (elementContext === popper && offsetData) {
+    var offset2 = offsetData[placement];
+    Object.keys(overflowOffsets).forEach(function(key) {
+      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
+      var axis = [top, bottom].indexOf(key) >= 0 ? "y" : "x";
+      overflowOffsets[key] += offset2[axis] * multiply;
     });
   }
-  return A2;
+  return overflowOffsets;
 }
-function mr(e, t) {
-  t === void 0 && (t = {});
-  var r = t, i = r.placement, n = r.boundary, o2 = r.rootBoundary, l2 = r.padding, s2 = r.flipVariations, a2 = r.allowedAutoPlacements, f2 = a2 === void 0 ? pt : a2, c2 = te(i), h2 = c2 ? s2 ? Je : Je.filter(function(b2) {
-    return te(b2) === c2;
-  }) : le, y2 = h2.filter(function(b2) {
-    return f2.indexOf(b2) >= 0;
+function computeAutoPlacement(state, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var variation = getVariation(placement);
+  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
+    return getVariation(placement2) === variation;
+  }) : basePlacements;
+  var allowedPlacements = placements$1.filter(function(placement2) {
+    return allowedAutoPlacements.indexOf(placement2) >= 0;
   });
-  y2.length === 0 && (y2 = h2);
-  var u2 = y2.reduce(function(b2, v2) {
-    return b2[v2] = ce(e, {
-      placement: v2,
-      boundary: n,
-      rootBoundary: o2,
-      padding: l2
-    })[H(v2)], b2;
+  if (allowedPlacements.length === 0) {
+    allowedPlacements = placements$1;
+  }
+  var overflows = allowedPlacements.reduce(function(acc, placement2) {
+    acc[placement2] = detectOverflow(state, {
+      placement: placement2,
+      boundary,
+      rootBoundary,
+      padding
+    })[getBasePlacement(placement2)];
+    return acc;
   }, {});
-  return Object.keys(u2).sort(function(b2, v2) {
-    return u2[b2] - u2[v2];
+  return Object.keys(overflows).sort(function(a, b) {
+    return overflows[a] - overflows[b];
   });
 }
-function yr(e) {
-  if (H(e) === De)
+function getExpandedFallbackPlacements(placement) {
+  if (getBasePlacement(placement) === auto) {
     return [];
-  var t = me(e);
-  return [et(e), t, et(t)];
-}
-function wr(e) {
-  var t = e.state, r = e.options, i = e.name;
-  if (!t.modifiersData[i]._skip) {
-    for (var n = r.mainAxis, o2 = n === void 0 ? true : n, l2 = r.altAxis, s2 = l2 === void 0 ? true : l2, a2 = r.fallbackPlacements, f2 = r.padding, c2 = r.boundary, h2 = r.rootBoundary, y2 = r.altBoundary, u2 = r.flipVariations, b2 = u2 === void 0 ? true : u2, v2 = r.allowedAutoPlacements, d2 = t.options.placement, w2 = H(d2), O2 = w2 === d2, E2 = a2 || (O2 || !b2 ? [me(d2)] : yr(d2)), p2 = [d2].concat(E2).reduce(function(G2, I2) {
-      return G2.concat(H(I2) === De ? mr(t, {
-        placement: I2,
-        boundary: c2,
-        rootBoundary: h2,
-        padding: f2,
-        flipVariations: b2,
-        allowedAutoPlacements: v2
-      }) : I2);
-    }, []), g2 = t.rects.reference, m2 = t.rects.popper, x2 = /* @__PURE__ */ new Map(), L3 = true, P2 = p2[0], A2 = 0; A2 < p2.length; A2++) {
-      var $2 = p2[A2], j3 = H($2), C2 = te($2) === Q2, X2 = [k, S2].indexOf(j3) >= 0, Y2 = X2 ? "width" : "height", R2 = ce(t, {
-        placement: $2,
-        boundary: c2,
-        rootBoundary: h2,
-        altBoundary: y2,
-        padding: f2
-      }), W2 = X2 ? C2 ? M : D : C2 ? S2 : k;
-      g2[Y2] > m2[Y2] && (W2 = me(W2));
-      var ue = me(W2), q4 = [];
-      if (o2 && q4.push(R2[j3] <= 0), s2 && q4.push(R2[W2] <= 0, R2[ue] <= 0), q4.every(function(G2) {
-        return G2;
-      })) {
-        P2 = $2, L3 = false;
-        break;
-      }
-      x2.set($2, q4);
-    }
-    if (L3)
-      for (var pe = b2 ? 3 : 1, be = function(I2) {
-        var ie = p2.find(function(ve) {
-          var z2 = x2.get(ve);
-          if (z2)
-            return z2.slice(0, I2).every(function(xe) {
-              return xe;
-            });
-        });
-        if (ie)
-          return P2 = ie, "break";
-      }, re = pe; re > 0; re--) {
-        var de = be(re);
-        if (de === "break") break;
+  }
+  var oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
+}
+function flip(_ref) {
+  var state = _ref.state, options = _ref.options, name = _ref.name;
+  if (state.modifiersData[name]._skip) {
+    return;
+  }
+  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
+  var preferredPlacement = state.options.placement;
+  var basePlacement = getBasePlacement(preferredPlacement);
+  var isBasePlacement = basePlacement === preferredPlacement;
+  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
+  var placements2 = [preferredPlacement].concat(fallbackPlacements).reduce(function(acc, placement2) {
+    return acc.concat(getBasePlacement(placement2) === auto ? computeAutoPlacement(state, {
+      placement: placement2,
+      boundary,
+      rootBoundary,
+      padding,
+      flipVariations,
+      allowedAutoPlacements
+    }) : placement2);
+  }, []);
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var checksMap = /* @__PURE__ */ new Map();
+  var makeFallbackChecks = true;
+  var firstFittingPlacement = placements2[0];
+  for (var i = 0; i < placements2.length; i++) {
+    var placement = placements2[i];
+    var _basePlacement = getBasePlacement(placement);
+    var isStartVariation = getVariation(placement) === start;
+    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
+    var len = isVertical ? "width" : "height";
+    var overflow = detectOverflow(state, {
+      placement,
+      boundary,
+      rootBoundary,
+      altBoundary,
+      padding
+    });
+    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
+    if (referenceRect[len] > popperRect[len]) {
+      mainVariationSide = getOppositePlacement(mainVariationSide);
+    }
+    var altVariationSide = getOppositePlacement(mainVariationSide);
+    var checks = [];
+    if (checkMainAxis) {
+      checks.push(overflow[_basePlacement] <= 0);
+    }
+    if (checkAltAxis) {
+      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+    }
+    if (checks.every(function(check) {
+      return check;
+    })) {
+      firstFittingPlacement = placement;
+      makeFallbackChecks = false;
+      break;
+    }
+    checksMap.set(placement, checks);
+  }
+  if (makeFallbackChecks) {
+    var numberOfChecks = flipVariations ? 3 : 1;
+    var _loop = function _loop2(_i2) {
+      var fittingPlacement = placements2.find(function(placement2) {
+        var checks2 = checksMap.get(placement2);
+        if (checks2) {
+          return checks2.slice(0, _i2).every(function(check) {
+            return check;
+          });
+        }
+      });
+      if (fittingPlacement) {
+        firstFittingPlacement = fittingPlacement;
+        return "break";
       }
-    t.placement !== P2 && (t.modifiersData[i]._skip = true, t.placement = P2, t.reset = true);
+    };
+    for (var _i = numberOfChecks; _i > 0; _i--) {
+      var _ret = _loop(_i);
+      if (_ret === "break") break;
+    }
+  }
+  if (state.placement !== firstFittingPlacement) {
+    state.modifiersData[name]._skip = true;
+    state.placement = firstFittingPlacement;
+    state.reset = true;
   }
 }
-const br = {
+const flip$1 = {
   name: "flip",
   enabled: true,
   phase: "main",
-  fn: wr,
+  fn: flip,
   requiresIfExists: ["offset"],
   data: {
     _skip: false
   }
 };
-function rt(e, t, r) {
-  return r === void 0 && (r = {
-    x: 0,
-    y: 0
-  }), {
-    top: e.top - t.height - r.y,
-    right: e.right - t.width + r.x,
-    bottom: e.bottom - t.height + r.y,
-    left: e.left - t.width - r.x
+function getSideOffsets(overflow, rect, preventedOffsets) {
+  if (preventedOffsets === void 0) {
+    preventedOffsets = {
+      x: 0,
+      y: 0
+    };
+  }
+  return {
+    top: overflow.top - rect.height - preventedOffsets.y,
+    right: overflow.right - rect.width + preventedOffsets.x,
+    bottom: overflow.bottom - rect.height + preventedOffsets.y,
+    left: overflow.left - rect.width - preventedOffsets.x
   };
 }
-function it(e) {
-  return [k, M, S2, D].some(function(t) {
-    return e[t] >= 0;
+function isAnySideFullyClipped(overflow) {
+  return [top, right, bottom, left].some(function(side) {
+    return overflow[side] >= 0;
   });
 }
-function xr(e) {
-  var t = e.state, r = e.name, i = t.rects.reference, n = t.rects.popper, o2 = t.modifiersData.preventOverflow, l2 = ce(t, {
+function hide(_ref) {
+  var state = _ref.state, name = _ref.name;
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var preventedOffsets = state.modifiersData.preventOverflow;
+  var referenceOverflow = detectOverflow(state, {
     elementContext: "reference"
-  }), s2 = ce(t, {
+  });
+  var popperAltOverflow = detectOverflow(state, {
     altBoundary: true
-  }), a2 = rt(l2, i), f2 = rt(s2, n, o2), c2 = it(a2), h2 = it(f2);
-  t.modifiersData[r] = {
-    referenceClippingOffsets: a2,
-    popperEscapeOffsets: f2,
-    isReferenceHidden: c2,
-    hasPopperEscaped: h2
-  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
-    "data-popper-reference-hidden": c2,
-    "data-popper-escaped": h2
+  });
+  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
+  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
+  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
+  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
+  state.modifiersData[name] = {
+    referenceClippingOffsets,
+    popperEscapeOffsets,
+    isReferenceHidden,
+    hasPopperEscaped
+  };
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    "data-popper-reference-hidden": isReferenceHidden,
+    "data-popper-escaped": hasPopperEscaped
   });
 }
-const Or = {
+const hide$1 = {
   name: "hide",
   enabled: true,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: xr
+  fn: hide
 };
-function Er(e, t, r) {
-  var i = H(e), n = [D, k].indexOf(i) >= 0 ? -1 : 1, o2 = typeof r == "function" ? r(Object.assign({}, t, {
-    placement: e
-  })) : r, l2 = o2[0], s2 = o2[1];
-  return l2 = l2 || 0, s2 = (s2 || 0) * n, [D, M].indexOf(i) >= 0 ? {
-    x: s2,
-    y: l2
+function distanceAndSkiddingToXY(placement, rects, offset2) {
+  var basePlacement = getBasePlacement(placement);
+  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
+  var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
+    placement
+  })) : offset2, skidding = _ref[0], distance = _ref[1];
+  skidding = skidding || 0;
+  distance = (distance || 0) * invertDistance;
+  return [left, right].indexOf(basePlacement) >= 0 ? {
+    x: distance,
+    y: skidding
   } : {
-    x: l2,
-    y: s2
+    x: skidding,
+    y: distance
   };
 }
-function Ar(e) {
-  var t = e.state, r = e.options, i = e.name, n = r.offset, o2 = n === void 0 ? [0, 0] : n, l2 = pt.reduce(function(c2, h2) {
-    return c2[h2] = Er(h2, t.rects, o2), c2;
-  }, {}), s2 = l2[t.placement], a2 = s2.x, f2 = s2.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a2, t.modifiersData.popperOffsets.y += f2), t.modifiersData[i] = l2;
+function offset(_ref2) {
+  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
+  var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
+  var data = placements.reduce(function(acc, placement) {
+    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
+    return acc;
+  }, {});
+  var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
+  if (state.modifiersData.popperOffsets != null) {
+    state.modifiersData.popperOffsets.x += x;
+    state.modifiersData.popperOffsets.y += y;
+  }
+  state.modifiersData[name] = data;
 }
-const Pr = {
+const offset$1 = {
   name: "offset",
   enabled: true,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Ar
+  fn: offset
 };
-function Lr(e) {
-  var t = e.state, r = e.name;
-  t.modifiersData[r] = wt({
-    reference: t.rects.reference,
-    element: t.rects.popper,
+function popperOffsets(_ref) {
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
+    reference: state.rects.reference,
+    element: state.rects.popper,
     strategy: "absolute",
-    placement: t.placement
+    placement: state.placement
   });
 }
-const $r = {
+const popperOffsets$1 = {
   name: "popperOffsets",
   enabled: true,
   phase: "read",
-  fn: Lr,
+  fn: popperOffsets,
   data: {}
 };
-function Cr(e) {
-  return e === "x" ? "y" : "x";
-}
-function kr(e) {
-  var t = e.state, r = e.options, i = e.name, n = r.mainAxis, o2 = n === void 0 ? true : n, l2 = r.altAxis, s2 = l2 === void 0 ? false : l2, a2 = r.boundary, f2 = r.rootBoundary, c2 = r.altBoundary, h2 = r.padding, y2 = r.tether, u2 = y2 === void 0 ? true : y2, b2 = r.tetherOffset, v2 = b2 === void 0 ? 0 : b2, d2 = ce(t, {
-    boundary: a2,
-    rootBoundary: f2,
-    padding: h2,
-    altBoundary: c2
-  }), w2 = H(t.placement), O2 = te(t.placement), E2 = !O2, p2 = Te(w2), g2 = Cr(p2), m2 = t.modifiersData.popperOffsets, x2 = t.rects.reference, L3 = t.rects.popper, P2 = typeof v2 == "function" ? v2(Object.assign({}, t.rects, {
-    placement: t.placement
-  })) : v2, A2 = typeof P2 == "number" ? {
-    mainAxis: P2,
-    altAxis: P2
+function getAltAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function preventOverflow(_ref) {
+  var state = _ref.state, options = _ref.options, name = _ref.name;
+  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
+  var overflow = detectOverflow(state, {
+    boundary,
+    rootBoundary,
+    padding,
+    altBoundary
+  });
+  var basePlacement = getBasePlacement(state.placement);
+  var variation = getVariation(state.placement);
+  var isBasePlacement = !variation;
+  var mainAxis = getMainAxisFromPlacement(basePlacement);
+  var altAxis = getAltAxis(mainAxis);
+  var popperOffsets2 = state.modifiersData.popperOffsets;
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var tetherOffsetValue = typeof tetherOffset === "function" ? tetherOffset(Object.assign({}, state.rects, {
+    placement: state.placement
+  })) : tetherOffset;
+  var normalizedTetherOffsetValue = typeof tetherOffsetValue === "number" ? {
+    mainAxis: tetherOffsetValue,
+    altAxis: tetherOffsetValue
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, P2), $2 = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, j3 = {
+  }, tetherOffsetValue);
+  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
+  var data = {
     x: 0,
     y: 0
   };
-  if (m2) {
-    if (o2) {
-      var C2, X2 = p2 === "y" ? k : D, Y2 = p2 === "y" ? S2 : M, R2 = p2 === "y" ? "height" : "width", W2 = m2[p2], ue = W2 + d2[X2], q4 = W2 - d2[Y2], pe = u2 ? -L3[R2] / 2 : 0, be = O2 === Q2 ? x2[R2] : L3[R2], re = O2 === Q2 ? -L3[R2] : -x2[R2], de = t.elements.arrow, G2 = u2 && de ? Be(de) : {
-        width: 0,
-        height: 0
-      }, I2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ht(), ie = I2[X2], ve = I2[Y2], z2 = oe(0, x2[R2], G2[R2]), xe = E2 ? x2[R2] / 2 - pe - z2 - ie - A2.mainAxis : be - z2 - ie - A2.mainAxis, Ot = E2 ? -x2[R2] / 2 + pe + z2 + ve + A2.mainAxis : re + z2 + ve + A2.mainAxis, Oe = t.elements.arrow && fe(t.elements.arrow), Et = Oe ? p2 === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, He = (C2 = $2 == null ? void 0 : $2[p2]) != null ? C2 : 0, At = W2 + xe - He - Et, Pt = W2 + Ot - He, Ne = oe(u2 ? ye(ue, At) : ue, W2, u2 ? _(q4, Pt) : q4);
-      m2[p2] = Ne, j3[p2] = Ne - W2;
-    }
-    if (s2) {
-      var Ve, Lt = p2 === "x" ? k : D, $t = p2 === "x" ? S2 : M, U2 = m2[g2], he = g2 === "y" ? "height" : "width", Ie = U2 + d2[Lt], Fe = U2 - d2[$t], Ee = [k, D].indexOf(w2) !== -1, Xe = (Ve = $2 == null ? void 0 : $2[g2]) != null ? Ve : 0, Ye = Ee ? Ie : U2 - x2[he] - L3[he] - Xe + A2.altAxis, qe = Ee ? U2 + x2[he] + L3[he] - Xe - A2.altAxis : Fe, ze = u2 && Ee ? Zt(Ye, U2, qe) : oe(u2 ? Ye : Ie, U2, u2 ? qe : Fe);
-      m2[g2] = ze, j3[g2] = ze - U2;
-    }
-    t.modifiersData[i] = j3;
+  if (!popperOffsets2) {
+    return;
   }
-}
-const Dr = {
+  if (checkMainAxis) {
+    var _offsetModifierState$;
+    var mainSide = mainAxis === "y" ? top : left;
+    var altSide = mainAxis === "y" ? bottom : right;
+    var len = mainAxis === "y" ? "height" : "width";
+    var offset2 = popperOffsets2[mainAxis];
+    var min$1 = offset2 + overflow[mainSide];
+    var max$1 = offset2 - overflow[altSide];
+    var additive = tether ? -popperRect[len] / 2 : 0;
+    var minLen = variation === start ? referenceRect[len] : popperRect[len];
+    var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
+    var arrowElement = state.elements.arrow;
+    var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
+      width: 0,
+      height: 0
+    };
+    var arrowPaddingObject = state.modifiersData["arrow#persistent"] ? state.modifiersData["arrow#persistent"].padding : getFreshSideObject();
+    var arrowPaddingMin = arrowPaddingObject[mainSide];
+    var arrowPaddingMax = arrowPaddingObject[altSide];
+    var arrowLen = within(0, referenceRect[len], arrowRect[len]);
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
+    var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
+    var clientOffset = arrowOffsetParent ? mainAxis === "y" ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
+    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
+    var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = offset2 + maxOffset - offsetModifierValue;
+    var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset2, tether ? max(max$1, tetherMax) : max$1);
+    popperOffsets2[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset2;
+  }
+  if (checkAltAxis) {
+    var _offsetModifierState$2;
+    var _mainSide = mainAxis === "x" ? top : left;
+    var _altSide = mainAxis === "x" ? bottom : right;
+    var _offset = popperOffsets2[altAxis];
+    var _len = altAxis === "y" ? "height" : "width";
+    var _min = _offset + overflow[_mainSide];
+    var _max = _offset - overflow[_altSide];
+    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
+    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
+    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
+    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
+    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
+    popperOffsets2[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
+  }
+  state.modifiersData[name] = data;
+}
+const preventOverflow$1 = {
   name: "preventOverflow",
   enabled: true,
   phase: "main",
-  fn: kr,
+  fn: preventOverflow,
   requiresIfExists: ["offset"]
 };
-function Rr(e) {
+function getHTMLElementScroll(element) {
   return {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
   };
 }
-function Br(e) {
-  return e === B2(e) || !T(e) ? Se(e) : Rr(e);
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
 }
-function Tr(e) {
-  var t = e.getBoundingClientRect(), r = Z(t.width) / e.offsetWidth || 1, i = Z(t.height) / e.offsetHeight || 1;
-  return r !== 1 || i !== 1;
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
 }
-function Sr(e, t, r) {
-  r === void 0 && (r = false);
-  var i = T(t), n = T(t) && Tr(t), o2 = F(t), l2 = ee(e, n, r), s2 = {
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+  var scroll = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a2 = {
+  };
+  var offsets = {
     x: 0,
     y: 0
   };
-  return (i || !i && !r) && ((N(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  je(o2)) && (s2 = Br(t)), T(t) ? (a2 = ee(t, true), a2.x += t.clientLeft, a2.y += t.clientTop) : o2 && (a2.x = Me(o2))), {
-    x: l2.left + s2.scrollLeft - a2.x,
-    y: l2.top + s2.scrollTop - a2.y,
-    width: l2.width,
-    height: l2.height
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+    isScrollParent(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      offsets = getBoundingClientRect(offsetParent, true);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
   };
 }
-function Mr(e) {
-  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), i = [];
-  e.forEach(function(o2) {
-    t.set(o2.name, o2);
+function order(modifiers) {
+  var map = /* @__PURE__ */ new Map();
+  var visited = /* @__PURE__ */ new Set();
+  var result = [];
+  modifiers.forEach(function(modifier) {
+    map.set(modifier.name, modifier);
   });
-  function n(o2) {
-    r.add(o2.name);
-    var l2 = [].concat(o2.requires || [], o2.requiresIfExists || []);
-    l2.forEach(function(s2) {
-      if (!r.has(s2)) {
-        var a2 = t.get(s2);
-        a2 && n(a2);
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function(dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+        if (depModifier) {
+          sort(depModifier);
+        }
       }
-    }), i.push(o2);
+    });
+    result.push(modifier);
   }
-  return e.forEach(function(o2) {
-    r.has(o2.name) || n(o2);
-  }), i;
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
 }
-function jr(e) {
-  var t = Mr(e);
-  return Ut.reduce(function(r, i) {
-    return r.concat(t.filter(function(n) {
-      return n.phase === i;
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
     }));
   }, []);
 }
-function Wr(e) {
-  var t;
+function debounce(fn2) {
+  var pending;
   return function() {
-    return t || (t = new Promise(function(r) {
-      Promise.resolve().then(function() {
-        t = void 0, r(e());
+    if (!pending) {
+      pending = new Promise(function(resolve) {
+        Promise.resolve().then(function() {
+          pending = void 0;
+          resolve(fn2());
+        });
       });
-    })), t;
+    }
+    return pending;
   };
 }
-function Hr(e) {
-  var t = e.reduce(function(r, i) {
-    var n = r[i.name];
-    return r[i.name] = n ? Object.assign({}, n, i, {
-      options: Object.assign({}, n.options, i.options),
-      data: Object.assign({}, n.data, i.data)
-    }) : i, r;
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
   }, {});
-  return Object.keys(t).map(function(r) {
-    return t[r];
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
   });
 }
-var nt2 = {
+var DEFAULT_OPTIONS = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function ot() {
-  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-    t[r] = arguments[r];
-  return !t.some(function(i) {
-    return !(i && typeof i.getBoundingClientRect == "function");
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
   });
 }
-function Nr(e) {
-  e === void 0 && (e = {});
-  var t = e, r = t.defaultModifiers, i = r === void 0 ? [] : r, n = t.defaultOptions, o2 = n === void 0 ? nt2 : n;
-  return function(s2, a2, f2) {
-    f2 === void 0 && (f2 = o2);
-    var c2 = {
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference2, popper2, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+    var state = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, nt2, o2),
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
       modifiersData: {},
       elements: {
-        reference: s2,
-        popper: a2
+        reference: reference2,
+        popper: popper2
       },
       attributes: {},
       styles: {}
-    }, h2 = [], y2 = false, u2 = {
-      state: c2,
-      setOptions: function(w2) {
-        var O2 = typeof w2 == "function" ? w2(c2.options) : w2;
-        v2(), c2.options = Object.assign({}, o2, c2.options, O2), c2.scrollParents = {
-          reference: K(s2) ? ae(s2) : s2.contextElement ? ae(s2.contextElement) : [],
-          popper: ae(a2)
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions, state.options, options2);
+        state.scrollParents = {
+          reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          popper: listScrollParents(popper2)
         };
-        var E2 = jr(Hr([].concat(i, c2.options.modifiers)));
-        return c2.orderedModifiers = E2.filter(function(p2) {
-          return p2.enabled;
-        }), b2(), u2.update();
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
+        state.orderedModifiers = orderedModifiers.filter(function(m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.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 (!y2) {
-          var w2 = c2.elements, O2 = w2.reference, E2 = w2.popper;
-          if (ot(O2, E2)) {
-            c2.rects = {
-              reference: Sr(O2, fe(E2), c2.options.strategy === "fixed"),
-              popper: Be(E2)
-            }, c2.reset = false, c2.placement = c2.options.placement, c2.orderedModifiers.forEach(function(A2) {
-              return c2.modifiersData[A2.name] = Object.assign({}, A2.data);
-            });
-            for (var p2 = 0; p2 < c2.orderedModifiers.length; p2++) {
-              if (c2.reset === true) {
-                c2.reset = false, p2 = -1;
-                continue;
-              }
-              var g2 = c2.orderedModifiers[p2], m2 = g2.fn, x2 = g2.options, L3 = x2 === void 0 ? {} : x2, P2 = g2.name;
-              typeof m2 == "function" && (c2 = m2({
-                state: c2,
-                options: L3,
-                name: P2,
-                instance: u2
-              }) || c2);
-            }
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
+        if (!areValidElements(reference3, popper3)) {
+          return;
+        }
+        state.rects = {
+          reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
+          popper: getLayoutRect(popper3)
+        };
+        state.reset = false;
+        state.placement = state.options.placement;
+        state.orderedModifiers.forEach(function(modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index2 = -1;
+            continue;
+          }
+          var _state$orderedModifie = state.orderedModifiers[index2], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          if (typeof fn2 === "function") {
+            state = fn2({
+              state,
+              options: _options,
+              name,
+              instance
+            }) || state;
           }
         }
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Wr(function() {
-        return new Promise(function(d2) {
-          u2.forceUpdate(), d2(c2);
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state);
         });
       }),
-      destroy: function() {
-        v2(), y2 = true;
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
       }
     };
-    if (!ot(s2, a2))
-      return u2;
-    u2.setOptions(f2).then(function(d2) {
-      !y2 && f2.onFirstUpdate && f2.onFirstUpdate(d2);
+    if (!areValidElements(reference2, popper2)) {
+      return instance;
+    }
+    instance.setOptions(options).then(function(state2) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state2);
+      }
     });
-    function b2() {
-      c2.orderedModifiers.forEach(function(d2) {
-        var w2 = d2.name, O2 = d2.options, E2 = O2 === void 0 ? {} : O2, p2 = d2.effect;
-        if (typeof p2 == "function") {
-          var g2 = p2({
-            state: c2,
-            name: w2,
-            instance: u2,
-            options: E2
-          }), m2 = function() {
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function(_ref) {
+        var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect2 = _ref.effect;
+        if (typeof effect2 === "function") {
+          var cleanupFn = effect2({
+            state,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
           };
-          h2.push(g2 || m2);
+          effectCleanupFns.push(cleanupFn || noopFn);
         }
       });
     }
-    function v2() {
-      h2.forEach(function(d2) {
-        return d2();
-      }), h2 = [];
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn2) {
+        return fn2();
+      });
+      effectCleanupFns = [];
     }
-    return u2;
+    return instance;
   };
 }
-var Vr = [lr, $r, sr, Gt, Pr, br, Dr, ir, Or], Ir = /* @__PURE__ */ Nr({
-  defaultModifiers: Vr
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
 });
-async function Ce(e) {
-  const t = this.collection.findIndex((r) => r.id === e.id);
-  if (t >= 0) {
-    const r = this.collection[t];
-    r.state === "opened" && r.close(), r.popper.destroy(), bt(r), Object.getOwnPropertyNames(r).forEach((i) => {
-      delete r[i];
-    }), this.collection.splice(t, 1);
+async function deregister(obj) {
+  const index2 = this.collection.findIndex((entry) => {
+    return entry.id === obj.id;
+  });
+  if (index2 >= 0) {
+    const entry = this.collection[index2];
+    if (entry.state === "opened") {
+      entry.close();
+    }
+    entry.popper.destroy();
+    deregisterEventListeners(entry);
+    Object.getOwnPropertyNames(entry).forEach((prop) => {
+      delete entry[prop];
+    });
+    this.collection.splice(index2, 1);
   }
   return this.collection;
 }
-function bt(e) {
-  return e.__eventListeners && (e.__eventListeners.forEach((t) => {
-    t.el.forEach((r) => {
-      t.type.forEach((i) => {
-        e[r].removeEventListener(i, t.listener, false);
+function deregisterEventListeners(entry) {
+  if (entry.__eventListeners) {
+    entry.__eventListeners.forEach((evObj) => {
+      evObj.el.forEach((el) => {
+        evObj.type.forEach((type) => {
+          entry[el].removeEventListener(type, evObj.listener, false);
+        });
       });
     });
-  }), delete e.__eventListeners), e;
+    delete entry.__eventListeners;
+  }
+  return entry;
 }
-async function We(e) {
-  const t = st.call(this, e);
-  return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = at(t.el, this.settings), t.popper.setOptions({
-    placement: t.config.placement,
+async function open(query) {
+  const popover = getPopover.call(this, query);
+  popover.el.classList.add(this.settings.stateActive);
+  if (popover.trigger.hasAttribute("aria-controls")) {
+    popover.trigger.setAttribute("aria-expanded", "true");
+  }
+  popover.config = getConfig(popover.el, this.settings);
+  popover.popper.setOptions({
+    placement: popover.config["placement"],
     modifiers: [
       { name: "eventListeners", enabled: true },
-      ...Rt(t.config)
+      ...getModifiers(popover.config)
     ]
-  }), t.popper.update(), t.state = "opened", t;
-}
-async function Fr(e, t) {
-  Ce.call(this, e);
-  const r = this, i = {
-    id: e.id,
+  });
+  popover.popper.update();
+  popover.state = "opened";
+  return popover;
+}
+async function register(el, trigger) {
+  deregister.call(this, el);
+  const root = this;
+  const entry = {
+    id: el.id,
     state: "closed",
-    el: e,
-    trigger: t,
-    popper: Ir(t, e),
-    config: at(e, this.settings),
+    el,
+    trigger,
+    popper: createPopper(trigger, el),
+    config: getConfig(el, this.settings),
     open() {
-      return We.call(r, this);
+      return open.call(root, this);
     },
     close() {
-      return ke.call(r, this);
+      return close.call(root, this);
     },
     deregister() {
-      return Ce.call(r, this);
+      return deregister.call(root, this);
     }
   };
-  return i.trigger.hasAttribute("aria-controls") && i.trigger.setAttribute("aria-expanded", "false"), xt.call(this, i), this.collection.push(i), i.el.classList.contains(this.settings.stateActive) && (await i.open(), ft.call(this, i)), i;
-}
-function xt(e) {
-  return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
-    el: ["trigger"],
-    type: ["mouseenter", "focus"],
-    listener: We.bind(this, e)
-  }, {
-    el: ["el", "trigger"],
-    type: ["mouseleave", "focusout"],
-    listener: lt.bind(this, e)
-  }], e.__eventListeners.forEach((r) => {
-    r.el.forEach((i) => {
-      r.type.forEach((n) => {
-        e[i].addEventListener(n, r.listener, false);
+  if (entry.trigger.hasAttribute("aria-controls")) {
+    entry.trigger.setAttribute("aria-expanded", "false");
+  }
+  registerEventListeners.call(this, entry);
+  this.collection.push(entry);
+  if (entry.el.classList.contains(this.settings.stateActive)) {
+    await entry.open();
+    handleDocumentClick.call(this, entry);
+  }
+  return entry;
+}
+function registerEventListeners(entry) {
+  if (!entry.__eventListeners) {
+    const eventType = entry.config["event"];
+    if (eventType === "hover") {
+      entry.__eventListeners = [{
+        el: ["trigger"],
+        type: ["mouseenter", "focus"],
+        listener: open.bind(this, entry)
+      }, {
+        el: ["el", "trigger"],
+        type: ["mouseleave", "focusout"],
+        listener: closeCheck.bind(this, entry)
+      }];
+      entry.__eventListeners.forEach((evObj) => {
+        evObj.el.forEach((el) => {
+          evObj.type.forEach((type) => {
+            entry[el].addEventListener(type, evObj.listener, false);
+          });
+        });
       });
-    });
-  })) : (e.__eventListeners = [{
-    el: ["trigger"],
-    type: ["click"],
-    listener: St.bind(this, e)
-  }], e.__eventListeners.forEach((r) => {
-    r.el.forEach((i) => {
-      r.type.forEach((n) => {
-        e[i].addEventListener(n, r.listener, false);
+    } else {
+      entry.__eventListeners = [{
+        el: ["trigger"],
+        type: ["click"],
+        listener: handleClick.bind(this, entry)
+      }];
+      entry.__eventListeners.forEach((evObj) => {
+        evObj.el.forEach((el) => {
+          evObj.type.forEach((type) => {
+            entry[el].addEventListener(type, evObj.listener, false);
+          });
+        });
       });
-    });
-  }))), e;
+    }
+  }
+  return entry;
 }
-var J;
-class Yr extends Ct {
-  constructor(r) {
+class Popover extends Collection {
+  constructor(options) {
     super();
-    Ke(this, J);
-    this.defaults = Dt, this.settings = { ...this.defaults, ...r }, this.trigger = null, Ge(this, J, Mt.bind(this)), this.settings.autoMount && this.mount();
-  }
-  async mount(r) {
-    r && (this.settings = { ...this.settings, ...r });
-    const i = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(false), this;
+    __privateAdd(this, _handleKeydown3);
+    this.defaults = defaults;
+    this.settings = { ...this.defaults, ...options };
+    this.trigger = null;
+    __privateSet(this, _handleKeydown3, handleKeydown.bind(this));
+    if (this.settings.autoMount) this.mount();
+  }
+  async mount(options) {
+    if (options) this.settings = { ...this.settings, ...options };
+    const popovers = document.querySelectorAll(this.settings.selectorPopover);
+    await this.registerCollection(popovers);
+    if (this.settings.eventListeners) {
+      this.mountEventListeners(false);
+    }
+    return this;
   }
   async unmount() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(false), this;
+    this.trigger = null;
+    await this.deregisterCollection();
+    if (this.settings.eventListeners) {
+      this.unmountEventListeners(false);
+    }
+    return this;
   }
-  mountEventListeners(r = true) {
-    r && this.collection.forEach((i) => {
-      xt.call(this, i);
-    }), document.addEventListener("keydown", Ae(this, J), false);
+  mountEventListeners(processCollection = true) {
+    if (processCollection) {
+      this.collection.forEach((popover) => {
+        registerEventListeners.call(this, popover);
+      });
+    }
+    document.addEventListener("keydown", __privateGet(this, _handleKeydown3), false);
   }
-  unmountEventListeners(r = true) {
-    r && this.collection.forEach((i) => {
-      bt(i);
-    }), document.removeEventListener("keydown", Ae(this, J), false);
+  unmountEventListeners(processCollection = true) {
+    if (processCollection) {
+      this.collection.forEach((popover) => {
+        deregisterEventListeners(popover);
+      });
+    }
+    document.removeEventListener("keydown", __privateGet(this, _handleKeydown3), false);
   }
-  register(r) {
-    const i = Tt.call(this, r);
-    return i.error ? Promise.reject(i.error) : Fr.call(this, i.popover, i.trigger);
+  register(query) {
+    const els = getPopoverElements.call(this, query);
+    if (els.error) return Promise.reject(els.error);
+    return register.call(this, els.popover, els.trigger);
   }
-  deregister(r) {
-    let i = this.get(r.id || r);
-    return i ? Ce.call(this, i) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${r.id || r}".`));
+  deregister(query) {
+    let obj = this.get(query.id || query);
+    return obj ? deregister.call(this, obj) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${query.id || query}".`));
   }
-  open(r) {
-    return We.call(this, r);
+  open(id) {
+    return open.call(this, id);
   }
-  close(r) {
-    return ke.call(this, r);
+  close(id) {
+    return close.call(this, id);
   }
 }
-J = /* @__PURE__ */ new WeakMap();
+_handleKeydown3 = new WeakMap();
 export {
-  nt$1 as Drawer,
-  Q$1 as Modal,
-  Yr as Popover,
+  Drawer,
+  Modal,
+  Popover,
   index as core
 };
 //# sourceMappingURL=index.js.map