vrembem 4.0.0-next.2 → 4.0.0-next.21

package/dev/index.umd.cjs

@@ -1,103 +1,136 @@
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vrembem = {}));
 })(this, function(exports2) {
-  "use strict";
-  var b$2 = (t, e, n) => {
-    if (!e.has(t))
-      throw TypeError("Cannot " + n);
-  };
-  var o$1 = (t, e, n) => (b$2(t, e, "read from private field"), n ? n.call(t) : e.get(t)), h$2 = (t, e, n) => {
-    if (e.has(t))
-      throw TypeError("Cannot add the same private member more than once");
-    e instanceof WeakSet ? e.add(t) : e.set(t, n);
-  }, a = (t, e, n, i2) => (b$2(t, e, "write to private field"), i2 ? i2.call(t, n) : e.set(t, n), n);
-  var l$1;
-  let $$2 = class $ {
-    constructor(e, n) {
-      h$2(this, l$1, void 0);
-      this.value = e, a(this, l$1, n), this.mql = null;
+  "use strict";var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+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$1(this, l$1);
+      return __privateGet(this, _handler);
     }
     // Unmount existing handler before setting a new one.
-    set handler(e) {
-      this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", o$1(this, l$1)) : this.mql.removeListener(o$1(this, l$1))), a(this, l$1, e);
+    set handler(func) {
+      if (this.mql) {
+        this.mql.removeEventListener("change", __privateGet(this, _handler));
+      }
+      __privateSet(this, _handler, func);
     }
-    mount(e, n) {
-      return e && (this.value = e), n && a(this, l$1, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", o$1(this, l$1)) : this.mql.addListener(o$1(this, l$1)), o$1(this, l$1).call(this, this.mql), this) : this;
+    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() {
-      return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", o$1(this, l$1)) : this.mql.removeListener(o$1(this, l$1)), this.value = null, a(this, l$1, null), this.mql = null, this) : this;
+      if (!this.mql) return this;
+      this.mql.removeEventListener("change", __privateGet(this, _handler));
+      this.value = null;
+      __privateSet(this, _handler, null);
+      this.mql = null;
+      return this;
     }
-  };
-  l$1 = /* @__PURE__ */ new WeakMap();
-  let T$2 = class T {
+  }
+  _handler = new WeakMap();
+  class Collection {
     constructor() {
       this.collection = [];
     }
-    async register(e) {
-      return await this.deregister(e), this.collection.push(e), this.collection;
+    async register(item) {
+      await this.deregister(item);
+      this.collection.push(item);
+      return this.collection;
     }
-    async deregister(e) {
-      const n = this.collection.findIndex((i2) => i2 === e);
-      if (n >= 0) {
-        const i2 = this.collection[n];
-        Object.getOwnPropertyNames(i2).forEach((r2) => {
-          delete i2[r2];
-        }), this.collection.splice(n, 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(e) {
-      return await Promise.all(Array.from(e, (n) => {
-        this.register(n);
-      })), 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(e, n = "id") {
-      return this.collection.find((i2) => i2[n] === e);
+    get(value, key = "id") {
+      return this.collection.find((item) => {
+        return item[key] === value;
+      });
     }
-  };
-  const s = {
+  }
+  const not = {
     inert: ":not([inert]):not([inert] *)",
     negTabIndex: ':not([tabindex^="-"])',
     disabled: ":not(:disabled)"
-  }, v$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}`,
+  };
+  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${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}`
+    `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 f$2, d$1, u$2;
-  let x$1 = class x {
-    constructor(e = null, n = "[data-focus]") {
-      h$2(this, f$2, void 0);
-      h$2(this, d$1, void 0);
-      h$2(this, u$2, void 0);
-      this.el = e, this.selectorFocus = n, a(this, d$1, g$2.bind(this)), a(this, u$2, p$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 o$1(this, f$2);
-    }
-    set focusable(e) {
-      a(this, f$2, e), o$1(this, f$2).length ? (document.removeEventListener("keydown", o$1(this, u$2)), document.addEventListener("keydown", o$1(this, d$1))) : (document.removeEventListener("keydown", o$1(this, d$1)), document.addEventListener("keydown", o$1(this, u$2)));
+      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];
@@ -105,299 +138,257 @@
     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(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", o$1(this, d$1)), document.removeEventListener("keydown", o$1(this, u$2));
-    }
-    focus(e = this.el, n = this.selectorFocus) {
-      (e.querySelector(n) || e).focus();
-    }
-    getFocusable(e = this.el) {
-      const n = [], i2 = document.activeElement, r2 = e.scrollTop;
-      return e.querySelectorAll(v$2.join(",")).forEach((m2) => {
-        m2.focus(), document.activeElement === m2 && n.push(m2);
-      }), e.scrollTop = r2, i2.focus(), n;
+      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();
+      }
     }
-  };
-  f$2 = /* @__PURE__ */ new WeakMap(), d$1 = /* @__PURE__ */ new WeakMap(), u$2 = /* @__PURE__ */ new WeakMap();
-  function g$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 p$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 q$2(t, e) {
-    const i2 = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-    return i2 ? JSON.parse(i2) : {};
+  function getPrefix() {
+    return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function I$3() {
-    return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+  function cssVar(property, options) {
+    const settings = {
+      fallback: null,
+      element: document.body,
+      ...options
+    };
+    if (property.slice(0, 2) !== "--") {
+      const prefixValue = getPrefix();
+      if (prefixValue) {
+        property = `${prefixValue}${property}`;
+      }
+      property = `--${property}`;
+    }
+    const cssValue = getComputedStyle(settings.element).getPropertyValue(property).trim();
+    if (cssValue) {
+      return cssValue;
+    } else {
+      if (settings.fallback) {
+        return settings.fallback;
+      } else {
+        throw new Error(`CSS variable "${property}" was not found!`);
+      }
+    }
+  }
+  function getConfig$1(el, dataConfig) {
+    const string = el.getAttribute(`data-${dataConfig}`) || "";
+    const json = string.replace(/'/g, '"');
+    return json ? JSON.parse(json) : {};
   }
-  function C$2(t, e = true) {
-    const n = localStorage.getItem(t), i2 = n ? JSON.parse(n) : {};
+  function localStore(key, enable = true) {
+    const local = localStorage.getItem(key);
+    const store = local ? JSON.parse(local) : {};
     return {
-      get(r2) {
-        return r2 ? i2[r2] : i2;
+      get(prop) {
+        return prop ? store[prop] : store;
       },
-      set(r2, c2) {
-        return c2 ? i2[r2] = c2 : delete i2[r2], e && localStorage.setItem(t, JSON.stringify(i2)), i2;
+      set(prop, value) {
+        if (value) {
+          store[prop] = value;
+        } else {
+          delete store[prop];
+        }
+        if (enable) localStorage.setItem(key, JSON.stringify(store));
+        return store;
       }
     };
   }
-  function O$2(t, e, n) {
-    const i2 = e.nodeType === Node.COMMENT_NODE, r2 = e.nodeType === Node.ELEMENT_NODE;
-    if (e = i2 || r2 ? e : document.querySelector(e), i2 && (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 i2 || (c2 = document.createComment("teleported #" + t.id), t.before(c2)), e[n](t), i2 && e.remove(), c2;
-  }
-  const S$3 = (t, e) => new Promise((n) => {
-    e.transition ? (t.classList.remove(e.stateClosed), t.classList.add(e.stateOpening), t.addEventListener("transitionend", function i2(r2) {
-      r2.target == t && (t.classList.add(e.stateOpened), t.classList.remove(e.stateOpening), n(t), this.removeEventListener("transitionend", i2));
-    })) : (t.classList.add(e.stateOpened), t.classList.remove(e.stateClosed), n(t));
-  }), F$3 = (t, e) => new Promise((n) => {
-    e.transition ? (t.classList.add(e.stateClosing), t.classList.remove(e.stateOpened), t.addEventListener("transitionend", function i2(r2) {
-      r2.target == t && (t.classList.remove(e.stateClosing), t.classList.add(e.stateClosed), n(t), this.removeEventListener("transitionend", i2));
-    })) : (t.classList.add(e.stateClosed), t.classList.remove(e.stateOpened), n(t));
-  });
-  function y$2(t, e) {
-    e && document.querySelectorAll(e).forEach((i2) => {
-      t ? i2.style.overflow = "hidden" : i2.style.removeProperty("overflow");
-    });
-  }
-  function L$2(t, e) {
-    e && document.querySelectorAll(e).forEach((i2) => {
-      t ? (i2.inert = true, i2.setAttribute("aria-hidden", true)) : (i2.inert = null, i2.removeAttribute("aria-hidden"));
-    });
-  }
-  function k$3(t, e) {
-    L$2(!!t, e.selectorInert), y$2(!!t, e.selectorOverflow);
-  }
-  const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    Breakpoint: $$2,
-    Collection: T$2,
-    FocusTrap: x$1,
-    closeTransition: F$3,
-    getConfig: q$2,
-    getPrefix: I$3,
-    localStore: C$2,
-    openTransition: S$3,
-    teleport: O$2,
-    updateGlobalState: k$3
-  }, Symbol.toStringTag, { value: "Module" }));
-  const i = {
-    autoInit: false,
-    stateAttr: "aria-checked",
-    stateValue: "mixed"
-  };
-  let r$2 = class r {
-    constructor(t) {
-      this.defaults = i, this.settings = { ...this.defaults, ...t }, this.__handlerClick = this.handlerClick.bind(this), this.settings.autoInit && this.init();
-    }
-    init(t = null) {
-      t && (this.settings = { ...this.settings, ...t });
-      const e = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`, s2 = document.querySelectorAll(e);
-      this.setIndeterminate(s2), document.addEventListener("click", this.__handlerClick, false);
-    }
-    destroy() {
-      document.removeEventListener("click", this.__handlerClick, false);
-    }
-    handlerClick(t) {
-      const e = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`, s2 = t.target.closest(e);
-      s2 && (this.removeAriaState(s2), this.setIndeterminate(s2));
-    }
-    setAriaState(t, e = this.settings.stateValue) {
-      t = t.forEach ? t : [t], t.forEach((s2) => {
-        s2.setAttribute(this.settings.stateAttr, e);
-      });
-    }
-    removeAriaState(t) {
-      t = t.forEach ? t : [t], t.forEach((e) => {
-        e.removeAttribute(this.settings.stateAttr);
-      });
-    }
-    setIndeterminate(t) {
-      t = t.forEach ? t : [t], t.forEach((e) => {
-        e.hasAttribute(this.settings.stateAttr) ? e.indeterminate = true : e.indeterminate = false;
-      });
-    }
-  };
-  var S$2 = (t, e, s2) => {
-    if (!e.has(t))
-      throw TypeError("Cannot " + s2);
-  };
-  var p$1 = (t, e, s2) => (S$2(t, e, "read from private field"), s2 ? s2.call(t) : e.get(t)), E$1 = (t, e, s2) => {
-    if (e.has(t))
-      throw TypeError("Cannot add the same private member more than once");
-    e instanceof WeakSet ? e.add(t) : e.set(t, s2);
-  }, $$1 = (t, e, s2, i2) => (S$2(t, e, "write to private field"), i2 ? i2.call(t, s2) : e.set(t, s2), s2);
-  var I$2 = (t, e, s2) => {
-    if (!e.has(t))
-      throw TypeError("Cannot " + s2);
-  }, l = (t, e, s2) => (I$2(t, e, "read from private field"), s2 ? s2.call(t) : e.get(t)), w$1 = (t, e, s2) => {
-    if (e.has(t))
-      throw TypeError("Cannot add the same private member more than once");
-    e instanceof WeakSet ? e.add(t) : e.set(t, s2);
-  }, h$1 = (t, e, s2, i2) => (I$2(t, e, "write to private field"), i2 ? i2.call(t, s2) : e.set(t, s2), s2), c$1;
-  let M$2 = class M {
-    constructor(e, s2) {
-      w$1(this, c$1, void 0), this.value = e, h$1(this, c$1, s2), this.mql = null;
-    }
-    get handler() {
-      return l(this, c$1);
-    }
-    // Unmount existing handler before setting a new one.
-    set handler(e) {
-      this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", l(this, c$1)) : this.mql.removeListener(l(this, c$1))), h$1(this, c$1, e);
-    }
-    mount(e, s2) {
-      return e && (this.value = e), s2 && h$1(this, c$1, s2), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", l(this, c$1)) : this.mql.addListener(l(this, c$1)), l(this, c$1).call(this, this.mql), this) : this;
-    }
-    unmount() {
-      return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", l(this, c$1)) : this.mql.removeListener(l(this, c$1)), this.value = null, h$1(this, c$1, null), this.mql = null, this) : this;
-    }
-  };
-  c$1 = /* @__PURE__ */ new WeakMap();
-  let P$1 = class P {
-    constructor() {
-      this.collection = [];
-    }
-    async register(e) {
-      return await this.deregister(e), this.collection.push(e), this.collection;
-    }
-    async deregister(e) {
-      const s2 = this.collection.findIndex((i2) => i2 === e);
-      if (s2 >= 0) {
-        const i2 = this.collection[s2];
-        Object.getOwnPropertyNames(i2).forEach((n) => {
-          delete i2[n];
-        }), this.collection.splice(s2, 1);
+  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 themeStore(options) {
+    const settings = {
+      prefix: cssVar("prefix-themes", { fallback: "vb-theme-" }),
+      themes: ["root", "light", "dark"],
+      storeKey: "VB:Profile"
+    };
+    for (const [key] of Object.entries(settings)) {
+      if (options && options[key]) {
+        settings[key] = options[key];
       }
-      return this.collection;
-    }
-    async registerCollection(e) {
-      return await Promise.all(Array.from(e, (s2) => {
-        this.register(s2);
-      })), this.collection;
-    }
-    async deregisterCollection() {
-      for (; this.collection.length > 0; )
-        await this.deregister(this.collection[0]);
-      return this.collection;
-    }
-    get(e, s2 = "id") {
-      return this.collection.find((i2) => i2[s2] === e);
-    }
-  };
-  const r$1 = {
-    inert: ":not([inert]):not([inert] *)",
-    negTabIndex: ':not([tabindex^="-"])',
-    disabled: ":not(:disabled)"
-  }, F$2 = [
-    `a[href]${r$1.inert}${r$1.negTabIndex}`,
-    `area[href]${r$1.inert}${r$1.negTabIndex}`,
-    `input:not([type="hidden"]):not([type="radio"])${r$1.inert}${r$1.negTabIndex}${r$1.disabled}`,
-    `input[type="radio"]${r$1.inert}${r$1.negTabIndex}${r$1.disabled}`,
-    `select${r$1.inert}${r$1.negTabIndex}${r$1.disabled}`,
-    `textarea${r$1.inert}${r$1.negTabIndex}${r$1.disabled}`,
-    `button${r$1.inert}${r$1.negTabIndex}${r$1.disabled}`,
-    `details${r$1.inert} > summary:first-of-type${r$1.negTabIndex}`,
-    // Discard until Firefox supports `:has()`
-    // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-    // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-    `iframe${r$1.inert}${r$1.negTabIndex}`,
-    `audio[controls]${r$1.inert}${r$1.negTabIndex}`,
-    `video[controls]${r$1.inert}${r$1.negTabIndex}`,
-    `[contenteditable]${r$1.inert}${r$1.negTabIndex}`,
-    `[tabindex]${r$1.inert}${r$1.negTabIndex}`
-  ];
-  var v$1, u$1, g$1;
-  let B$2 = class B {
-    constructor(e = null, s2 = "[data-focus]") {
-      w$1(this, v$1, void 0), w$1(this, u$1, void 0), w$1(this, g$1, void 0), this.el = e, this.selectorFocus = s2, h$1(this, u$1, _$2.bind(this)), h$1(this, g$1, N$2.bind(this));
-    }
-    get focusable() {
-      return l(this, v$1);
-    }
-    set focusable(e) {
-      h$1(this, v$1, e), l(this, v$1).length ? (document.removeEventListener("keydown", l(this, g$1)), document.addEventListener("keydown", l(this, u$1))) : (document.removeEventListener("keydown", l(this, u$1)), document.addEventListener("keydown", l(this, g$1)));
-    }
-    get focusableFirst() {
-      return this.focusable[0];
-    }
-    get focusableLast() {
-      return this.focusable[this.focusable.length - 1];
-    }
-    mount(e, s2) {
-      e && (this.el = e), s2 && (this.selectorFocus = s2), this.focusable = this.getFocusable(), this.focus();
     }
-    unmount() {
-      this.el = null, this.focusable = [], document.removeEventListener("keydown", l(this, u$1)), document.removeEventListener("keydown", l(this, g$1));
-    }
-    focus(e = this.el, s2 = this.selectorFocus) {
-      (e.querySelector(s2) || e).focus();
-    }
-    getFocusable(e = this.el) {
-      const s2 = [], i2 = document.activeElement, n = e.scrollTop;
-      return e.querySelectorAll(F$2.join(",")).forEach((a2) => {
-        a2.focus(), document.activeElement === a2 && s2.push(a2);
-      }), e.scrollTop = n, i2.focus(), s2;
+    const callbacks = {
+      onInit() {
+      },
+      onChange() {
+      }
+    };
+    for (const [key] of Object.entries(callbacks)) {
+      if (options && options[key]) {
+        callbacks[key] = options[key];
+      }
     }
-  };
-  v$1 = /* @__PURE__ */ new WeakMap(), u$1 = /* @__PURE__ */ new WeakMap(), g$1 = /* @__PURE__ */ new WeakMap();
-  function _$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 N$2(t) {
-    (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
-  }
-  function K$2(t, e) {
-    const s2 = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-    return s2 ? JSON.parse(s2) : {};
-  }
-  function W$1() {
-    return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
-  }
-  function V(t, e = true) {
-    const s2 = localStorage.getItem(t), i2 = s2 ? JSON.parse(s2) : {};
-    return {
-      get(n) {
-        return n ? i2[n] : i2;
+    const profile = localStore(settings.storeKey);
+    const api = {
+      // Store our settings in the API.
+      settings,
+      // Actions.
+      add(value) {
+        settings.themes.push(value);
+      },
+      remove(value) {
+        const index2 = settings.themes.indexOf(value);
+        ~index2 && settings.themes.splice(index2, 1);
+      },
+      callback(name) {
+        callbacks[name].call(this);
       },
-      set(n, a2) {
-        return a2 ? i2[n] = a2 : delete i2[n], e && localStorage.setItem(t, JSON.stringify(i2)), i2;
+      // Getters.
+      get class() {
+        return `${settings.prefix}${this.theme}`;
+      },
+      get classes() {
+        return settings.themes.map((theme) => `${settings.prefix}${theme}`);
+      },
+      get themes() {
+        return settings.themes;
+      },
+      // Setup the theme get and set methods.
+      get theme() {
+        return profile.get("theme") || "root";
+      },
+      set theme(value) {
+        if (settings.themes.includes(value)) {
+          if (this.theme != value) {
+            profile.set("theme", value);
+            document.documentElement.classList.remove(...this.classes);
+            document.documentElement.classList.add(`${settings.prefix}${value}`);
+            this.callback("onChange");
+          }
+        } else {
+          console.error(`Not a valid theme value: "${value}"`);
+        }
       }
     };
-  }
-  const J$2 = (t, e) => new Promise((s2) => {
-    e.transition ? (t.classList.remove(e.stateClosed), t.classList.add(e.stateOpening), t.addEventListener("transitionend", function i2(n) {
-      n.target == t && (t.classList.add(e.stateOpened), t.classList.remove(e.stateOpening), s2(t), this.removeEventListener("transitionend", i2));
-    })) : (t.classList.add(e.stateOpened), t.classList.remove(e.stateClosed), s2(t));
-  }), z$1 = (t, e) => new Promise((s2) => {
-    e.transition ? (t.classList.add(e.stateClosing), t.classList.remove(e.stateOpened), t.addEventListener("transitionend", function i2(n) {
-      n.target == t && (t.classList.remove(e.stateClosing), t.classList.add(e.stateClosed), s2(t), this.removeEventListener("transitionend", i2));
-    })) : (t.classList.add(e.stateClosed), t.classList.remove(e.stateOpened), s2(t));
-  });
-  function G$1(t, e) {
-    e && document.querySelectorAll(e).forEach((s2) => {
-      t ? s2.style.overflow = "hidden" : s2.style.removeProperty("overflow");
+    api.callback("onInit");
+    return api;
+  }
+  function transition(el, from, to, duration = "transition-duration") {
+    return new Promise((resolve) => {
+      if (typeof duration === "string") {
+        const cssValue = cssVar(duration, { element: el });
+        const ms = cssValue.includes("ms") ? true : false;
+        duration = parseFloat(cssValue) * (ms ? 1 : 1e3);
+      }
+      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 H$2(t, e) {
-    e && document.querySelectorAll(e).forEach((s2) => {
-      t ? (s2.inert = true, s2.setAttribute("aria-hidden", true)) : (s2.inert = null, s2.removeAttribute("aria-hidden"));
-    });
+  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 k$2(t, e) {
-    H$2(!!t, e.selectorInert), G$1(!!t, e.selectorOverflow);
+  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");
+        }
+      });
+    }
   }
-  const Q$1 = {
-    autoInit: false,
+  function updateGlobalState(state, config) {
+    setInert(!!state, config.selectorInert);
+    setOverflowHidden(!!state, config.selectorOverflow);
+  }
+  const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    Breakpoint,
+    Collection,
+    FocusTrap,
+    cssVar,
+    getConfig: getConfig$1,
+    getPrefix,
+    localStore,
+    teleport,
+    themeStore,
+    transition,
+    updateGlobalState
+  }, Symbol.toStringTag, { value: "Module" }));
+  const defaults$2 = {
+    autoMount: false,
     // Data attributes
     dataOpen: "drawer-open",
     dataClose: "drawer-close",
@@ -407,6 +398,7 @@
     // Selectors
     selectorDrawer: ".drawer",
     selectorDialog: ".drawer__dialog",
+    selectorScreen: ".drawer",
     selectorFocus: "[data-focus]",
     selectorInert: null,
     selectorOverflow: "body",
@@ -424,364 +416,401 @@
     store: true,
     storeKey: "VB:DrawerState",
     setTabindex: true,
-    transition: true
+    transition: true,
+    transitionDuration: "drawer-transition-duration"
   };
-  function R$1(t) {
-    const e = t.target.closest(`
+  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 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 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 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 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 handleClick$2(event) {
+    const trigger = event.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
     [data-${this.settings.dataClose}]
   `);
-    if (e) {
-      t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i2) => {
-        const n = this.get(i2);
-        n.trigger = e, n.toggle();
-      }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i2) => {
-        const n = this.get(i2);
-        n.trigger = e, n.open();
-      }), e.matches(`[data-${this.settings.dataClose}]`) && e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i2) => {
-        if (i2) {
-          const n = this.get(i2);
-          n.trigger = e, n.close();
-        } else {
-          const n = t.target.closest(this.settings.selectorDrawer);
-          n && 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;
     }
-    t.target.matches(this.settings.selectorDrawer) && this.close(t.target.id);
+    if (this.activeModal && event.target.matches(this.settings.selectorScreen)) {
+      return this.close(this.activeModal.id);
+    }
   }
-  function U$1(t) {
-    if (t.key === "Escape") {
-      const e = this.activeModal;
-      e && this.close(e);
+  function handleKeydown$2(event) {
+    if (event.key === "Escape") {
+      if (this.activeModal) return this.close(this.activeModal);
     }
   }
-  async function L$1(t, e = true) {
-    if (!t)
-      return this.collection;
-    const s2 = this.collection.findIndex((i2) => i2.id === t.id);
-    if (s2 >= 0) {
-      const i2 = this.collection[s2];
-      e && i2.state === "opened" && await i2.close(false), this.store.set(i2.id), i2.unmountBreakpoint(), Object.getOwnPropertyNames(i2).forEach((n) => {
-        delete i2[n];
-      }), this.collection.splice(s2, 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;
   }
-  function X(t) {
-    const e = W$1(), s2 = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
-    return this.settings.breakpoints && this.settings.breakpoints[s2] ? this.settings.breakpoints[s2] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${s2}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${s2}`).trim() : s2;
-  }
-  function y$1(t) {
-    const e = typeof t == "string" ? this.get(t) : this.get(t.id);
-    if (e)
-      return e;
-    throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
-  }
-  function O$1(t) {
-    return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.hasAttribute(`data-${this.settings.dataOpen}`) ? t.getAttribute(`data-${this.settings.dataOpen}`) : t.hasAttribute(`data-${this.settings.dataClose}`) ? t.getAttribute(`data-${this.settings.dataClose}`) || false : t.hasAttribute(`data-${this.settings.dataToggle}`) ? t.getAttribute(`data-${this.settings.dataToggle}`) : t.closest(this.settings.selectorDrawer) ? (t = t.closest(this.settings.selectorDrawer), t.id || false) : false : t.id ? t.id : false;
-  }
-  function Y(t) {
-    const e = O$1.call(this, t);
-    if (e) {
-      const s2 = document.querySelector(`#${e}`), i2 = s2 ? s2.querySelector(this.settings.selectorDialog) : null;
-      return !s2 && !i2 ? { error: new Error(`No drawer elements found using the ID: "${e}".`) } : i2 ? { drawer: s2, dialog: i2 } : { error: new Error("Drawer is missing dialog element.") };
-    } else
-      return { error: new Error("Could not resolve the drawer ID.") };
-  }
-  async function A$1(t) {
-    this.store.get(t.id) ? this.store.get(t.id) === "opened" ? await t.open(false, false) : await t.close(false, false) : t.el.classList.contains(this.settings.stateOpened) ? t.state = "opened" : (t.el.classList.remove(this.settings.stateOpening), t.el.classList.remove(this.settings.stateClosing), t.el.classList.add(this.settings.stateClosed));
-  }
-  function D$2(t) {
-    t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
-  }
-  async function C$1(t, e, s2 = true) {
-    const i2 = y$1.call(this, t), n = { ...this.settings, ...i2.settings };
-    return e !== void 0 && (n.transition = e), i2.state === "closed" && (i2.state = "opening", await J$2(i2.el, n), i2.mode === "modal" && k$2(true, n), i2.state = "opened"), s2 && D$2.call(this, i2), i2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
-      detail: this,
-      bubbles: true
-    })), i2;
-  }
-  async function b$1(t, e, s2 = true) {
-    const i2 = y$1.call(this, t), n = { ...this.settings, ...i2.settings };
-    return e !== void 0 && (n.transition = e), i2.state === "opened" && (i2.state = "closing", document.activeElement.blur(), await z$1(i2.el, n), i2.mode === "modal" && k$2(false, n), s2 && D$2.call(this, i2), i2.state = "closed", i2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
-      detail: this,
-      bubbles: true
-    }))), i2;
+  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 q$1(t, e, s2) {
-    const i2 = y$1.call(this, t);
-    return i2.state === "closed" ? C$1.call(this, i2, e, s2) : b$1.call(this, i2, e, s2);
+  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 j.call(this, t);
+        return toInline.call(this, entry);
       case "modal":
-        return tt$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 j(t) {
-    return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), k$2(false, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await A$1.call(this, 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 tt$1(t) {
-    return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), !this.store.get(t.id) && t.el.classList.contains(t.getSetting("stateOpened")) && this.store.set(t.id, "opened"), await b$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 et$1(t, e) {
-    await L$1.call(this, t, false);
-    const s2 = this, i2 = new M$2(), n = {
-      open(o2, d2) {
-        return C$1.call(s2, this, o2, d2);
+    }));
+    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: { ...getConfig$1(el, this.settings.dataConfig), ...config },
+      inlineState: "indeterminate",
+      get breakpoint() {
+        return getBreakpoint.call(root, el);
       },
-      close(o2, d2) {
-        return b$1.call(s2, this, o2, d2);
+      get store() {
+        return root.store.get(this.id);
       },
-      toggle(o2, d2) {
-        return q$1.call(s2, this, o2, d2);
+      get mode() {
+        return _mode;
       },
-      deregister() {
-        return L$1.call(s2, this);
+      set mode(value) {
+        _mode = value;
+        switchMode.call(root, this);
       },
-      mountBreakpoint() {
-        const o2 = this.breakpoint, d2 = this.handleBreakpoint.bind(this);
-        return i2.mount(o2, d2), this;
+      get state() {
+        return _state;
       },
-      unmountBreakpoint() {
-        return i2.unmount(), this;
+      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"));
+        }
       },
-      handleBreakpoint(o2) {
-        return this.mode = o2.matches ? "inline" : "modal", this;
+      open(transition2, focus) {
+        return open$2.call(root, this, transition2, focus);
       },
-      getSetting(o2) {
-        return o2 in this.settings ? this.settings[o2] : s2.settings[o2];
-      }
-    }, a2 = {
-      id: t.id,
-      el: t,
-      dialog: e,
-      trigger: null,
-      settings: K$2(t, this.settings.dataConfig),
-      get breakpoint() {
-        return X.call(s2, t);
+      close(transition2, focus) {
+        return close$2.call(root, this, transition2, focus);
       },
-      get state() {
-        return T2;
+      toggle(transition2, focus) {
+        return toggle.call(root, this, transition2, focus);
       },
-      set state(o2) {
-        T2 = o2, (o2 === "opened" || o2 === "closed") && this.mode === "inline" && s2.store.set(this.id, this.state);
+      deregister() {
+        return deregister$2.call(root, this);
       },
-      get mode() {
-        return x2;
+      mountBreakpoint() {
+        const value = this.breakpoint;
+        const handler = this.handleBreakpoint.bind(this);
+        breakpoint.mount(value, handler);
+        return this;
       },
-      set mode(o2) {
-        x2 = o2, Z$1.call(s2, this);
+      unmountBreakpoint() {
+        breakpoint.unmount();
+        return this;
       },
-      ...n
+      handleBreakpoint(event) {
+        const bpMode = event.matches ? "inline" : "modal";
+        if (this.mode != bpMode) {
+          this.mode = bpMode;
+        }
+        return this;
+      },
+      getSetting(key) {
+        return key in this.settings ? this.settings[key] : root.settings[key];
+      }
     };
-    let T2 = t.classList.contains(a2.getSetting("stateOpened")) ? "opened" : "closed", x2 = t.classList.contains(a2.getSetting("classModal")) ? "modal" : "inline";
-    return a2.mode === "modal" ? a2.dialog.setAttribute("aria-modal", "true") : a2.dialog.removeAttribute("aria-modal"), a2.getSetting("setTabindex") && a2.dialog.setAttribute("tabindex", "-1"), this.collection.push(a2), a2.breakpoint ? a2.mountBreakpoint() : await A$1.call(this, a2), a2;
-  }
-  var f$1, m$1;
-  let it$1 = class it extends P$1 {
-    constructor(s2) {
+    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();
-      E$1(this, f$1, void 0);
-      E$1(this, m$1, void 0);
-      this.defaults = Q$1, this.settings = { ...this.defaults, ...s2 }, this.focusTrap = new B$2(), this.store = V(this.settings.storeKey, this.settings.store), $$1(this, f$1, R$1.bind(this)), $$1(this, m$1, U$1.bind(this)), this.settings.autoInit && this.init();
+      __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((s2) => s2.state === "opened" && s2.mode === "modal");
-    }
-    async init(s2 = null) {
-      s2 && (this.settings = { ...this.settings, ...s2 });
-      const i2 = document.querySelectorAll(this.settings.selectorDrawer);
-      return await this.registerCollection(i2), this.settings.eventListeners && this.initEventListeners(), this;
-    }
-    async destroy() {
-      return await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
-    }
-    initEventListeners() {
-      document.addEventListener("click", p$1(this, f$1), false), document.addEventListener("keydown", p$1(this, m$1), false);
-    }
-    destroyEventListeners() {
-      document.removeEventListener("click", p$1(this, f$1), false), document.removeEventListener("keydown", p$1(this, m$1), false);
-    }
-    register(s2) {
-      const i2 = Y.call(this, s2);
-      return i2.error ? Promise.reject(i2.error) : et$1.call(this, i2.drawer, i2.dialog);
-    }
-    deregister(s2) {
-      const i2 = this.get(O$1.call(this, s2));
-      return L$1.call(this, i2);
-    }
-    open(s2, i2, n) {
-      return C$1.call(this, s2, i2, n);
-    }
-    close(s2, i2, n) {
-      return b$1.call(this, s2, i2, n);
-    }
-    toggle(s2, i2, n) {
-      return q$1.call(this, s2, i2, n);
-    }
-  };
-  f$1 = /* @__PURE__ */ new WeakMap(), m$1 = /* @__PURE__ */ new WeakMap();
-  var I$1 = (e, t, s2) => {
-    if (!t.has(e))
-      throw TypeError("Cannot " + s2);
-  };
-  var f = (e, t, s2) => (I$1(e, t, "read from private field"), s2 ? s2.call(e) : t.get(e)), v = (e, t, s2) => {
-    if (t.has(e))
-      throw TypeError("Cannot add the same private member more than once");
-    t instanceof WeakSet ? t.add(e) : t.set(e, s2);
-  }, b = (e, t, s2, i2) => (I$1(e, t, "write to private field"), i2 ? i2.call(e, s2) : t.set(e, s2), s2);
-  var k$1 = (e, t, s2) => {
-    if (!t.has(e))
-      throw TypeError("Cannot " + s2);
-  }, o = (e, t, s2) => (k$1(e, t, "read from private field"), s2 ? s2.call(e) : t.get(e)), y = (e, t, s2) => {
-    if (t.has(e))
-      throw TypeError("Cannot add the same private member more than once");
-    t instanceof WeakSet ? t.add(e) : t.set(e, s2);
-  }, E = (e, t, s2, i2) => (k$1(e, t, "write to private field"), i2 ? i2.call(e, s2) : t.set(e, s2), s2);
-  class A {
-    constructor() {
-      this.collection = [];
-    }
-    async register(t) {
-      return await this.deregister(t), this.collection.push(t), this.collection;
+      return this.collection.find((entry) => {
+        return entry.state === "opened" && entry.mode === "modal";
+      });
     }
-    async deregister(t) {
-      const s2 = this.collection.findIndex((i2) => i2 === t);
-      if (s2 >= 0) {
-        const i2 = this.collection[s2];
-        Object.getOwnPropertyNames(i2).forEach((n) => {
-          delete i2[n];
-        }), this.collection.splice(s2, 1);
+    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.collection;
+      return this;
     }
-    async registerCollection(t) {
-      return await Promise.all(Array.from(t, (s2) => {
-        this.register(s2);
-      })), this.collection;
+    async unmount() {
+      await this.deregisterCollection();
+      if (this.settings.eventListeners) {
+        this.unmountEventListeners();
+      }
+      return this;
     }
-    async deregisterCollection() {
-      for (; this.collection.length > 0; )
-        await this.deregister(this.collection[0]);
-      return this.collection;
+    mountEventListeners() {
+      document.addEventListener("click", __privateGet(this, _handleClick), false);
+      document.addEventListener("keydown", __privateGet(this, _handleKeydown), false);
     }
-    get(t, s2 = "id") {
-      return this.collection.find((i2) => i2[s2] === t);
+    unmountEventListeners() {
+      document.removeEventListener("click", __privateGet(this, _handleClick), false);
+      document.removeEventListener("keydown", __privateGet(this, _handleKeydown), false);
     }
-  }
-  const r = {
-    inert: ":not([inert]):not([inert] *)",
-    negTabIndex: ':not([tabindex^="-"])',
-    disabled: ":not(:disabled)"
-  }, S$1 = [
-    `a[href]${r.inert}${r.negTabIndex}`,
-    `area[href]${r.inert}${r.negTabIndex}`,
-    `input:not([type="hidden"]):not([type="radio"])${r.inert}${r.negTabIndex}${r.disabled}`,
-    `input[type="radio"]${r.inert}${r.negTabIndex}${r.disabled}`,
-    `select${r.inert}${r.negTabIndex}${r.disabled}`,
-    `textarea${r.inert}${r.negTabIndex}${r.disabled}`,
-    `button${r.inert}${r.negTabIndex}${r.disabled}`,
-    `details${r.inert} > summary:first-of-type${r.negTabIndex}`,
-    // Discard until Firefox supports `:has()`
-    // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-    // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-    `iframe${r.inert}${r.negTabIndex}`,
-    `audio[controls]${r.inert}${r.negTabIndex}`,
-    `video[controls]${r.inert}${r.negTabIndex}`,
-    `[contenteditable]${r.inert}${r.negTabIndex}`,
-    `[tabindex]${r.inert}${r.negTabIndex}`
-  ];
-  var g, c, d;
-  let M$1 = class M {
-    constructor(t = null, s2 = "[data-focus]") {
-      y(this, g, void 0), y(this, c, void 0), y(this, d, void 0), this.el = t, this.selectorFocus = s2, E(this, c, R.bind(this)), E(this, d, N$1.bind(this));
+    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}".`));
     }
-    get focusable() {
-      return o(this, g);
+    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}".`));
     }
-    set focusable(t) {
-      E(this, g, t), o(this, g).length ? (document.removeEventListener("keydown", o(this, d)), document.addEventListener("keydown", o(this, c))) : (document.removeEventListener("keydown", o(this, c)), document.addEventListener("keydown", o(this, d)));
+    open(id, transition2, focus) {
+      return open$2.call(this, id, transition2, focus);
     }
-    get focusableFirst() {
-      return this.focusable[0];
+    close(id, transition2, focus) {
+      return close$2.call(this, id, transition2, focus);
     }
-    get focusableLast() {
-      return this.focusable[this.focusable.length - 1];
+    toggle(id, transition2, focus) {
+      return toggle.call(this, id, transition2, focus);
     }
-    mount(t, s2) {
-      t && (this.el = t), s2 && (this.selectorFocus = s2), this.focusable = this.getFocusable(), this.focus();
-    }
-    unmount() {
-      this.el = null, this.focusable = [], document.removeEventListener("keydown", o(this, c)), document.removeEventListener("keydown", o(this, d));
-    }
-    focus(t = this.el, s2 = this.selectorFocus) {
-      (t.querySelector(s2) || t).focus();
-    }
-    getFocusable(t = this.el) {
-      const s2 = [], i2 = document.activeElement, n = t.scrollTop;
-      return t.querySelectorAll(S$1.join(",")).forEach((l2) => {
-        l2.focus(), document.activeElement === l2 && s2.push(l2);
-      }), t.scrollTop = n, i2.focus(), s2;
-    }
-  };
-  g = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
-  function R(e) {
-    (e.key === "Tab" || e.keyCode === 9) && (e.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (e.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (e.preventDefault(), this.focusableFirst.focus()));
-  }
-  function N$1(e) {
-    (e.key === "Tab" || e.keyCode === 9) && e.preventDefault();
-  }
-  function P(e, t) {
-    const s2 = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-    return s2 ? JSON.parse(s2) : {};
-  }
-  function T$1(e, t, s2) {
-    const i2 = t.nodeType === Node.COMMENT_NODE, n = t.nodeType === Node.ELEMENT_NODE;
-    if (t = i2 || n ? t : document.querySelector(t), i2 && (s2 = "after"), !t)
-      throw new Error(`Not a valid teleport reference: '${t}'`);
-    if (typeof t[s2] != "function")
-      throw new Error(`Not a valid teleport method: '${s2}'`);
-    let l2 = null;
-    return i2 || (l2 = document.createComment("teleported #" + e.id), e.before(l2)), t[s2](e), i2 && t.remove(), l2;
-  }
-  const D$1 = (e, t) => new Promise((s2) => {
-    t.transition ? (e.classList.remove(t.stateClosed), e.classList.add(t.stateOpening), e.addEventListener("transitionend", function i2(n) {
-      n.target == e && (e.classList.add(t.stateOpened), e.classList.remove(t.stateOpening), s2(e), this.removeEventListener("transitionend", i2));
-    })) : (e.classList.add(t.stateOpened), e.classList.remove(t.stateClosed), s2(e));
-  }), F$1 = (e, t) => new Promise((s2) => {
-    t.transition ? (e.classList.add(t.stateClosing), e.classList.remove(t.stateOpened), e.addEventListener("transitionend", function i2(n) {
-      n.target == e && (e.classList.remove(t.stateClosing), e.classList.add(t.stateClosed), s2(e), this.removeEventListener("transitionend", i2));
-    })) : (e.classList.add(t.stateClosed), e.classList.remove(t.stateOpened), s2(e));
-  });
-  function q(e, t) {
-    t && document.querySelectorAll(t).forEach((s2) => {
-      e ? s2.style.overflow = "hidden" : s2.style.removeProperty("overflow");
-    });
   }
-  function z(e, t) {
-    t && document.querySelectorAll(t).forEach((s2) => {
-      e ? (s2.inert = true, s2.setAttribute("aria-hidden", true)) : (s2.inert = null, s2.removeAttribute("aria-hidden"));
-    });
-  }
-  function W(e, t) {
-    z(!!e, t.selectorInert), q(!!e, t.selectorOverflow);
-  }
-  const _$1 = {
-    autoInit: false,
+  _handleClick = new WeakMap();
+  _handleKeydown = new WeakMap();
+  const defaults$1 = {
+    autoMount: false,
     // Data attributes
     dataOpen: "modal-open",
     dataClose: "modal-close",
@@ -790,6 +819,7 @@
     // Selectors
     selectorModal: ".modal",
     selectorDialog: ".modal__dialog",
+    selectorScreen: ".modal",
     selectorRequired: '[role="alertdialog"]',
     selectorFocus: "[data-focus]",
     selectorInert: null,
@@ -805,253 +835,365 @@
     teleport: null,
     teleportMethod: "append",
     setTabindex: true,
-    transition: true
+    transition: true,
+    transitionDuration: "modal-transition-duration"
   };
-  function L(e) {
-    const t = typeof e == "string" ? this.get(e) : this.get(e.id);
-    if (t)
-      return t;
-    throw new Error(`Modal not found in collection with id of "${e.id || e}".`);
-  }
-  function p(e) {
-    return typeof e == "string" ? e : typeof e.hasAttribute == "function" ? e.hasAttribute(`data-${this.settings.dataOpen}`) ? e.getAttribute(`data-${this.settings.dataOpen}`) : e.hasAttribute(`data-${this.settings.dataClose}`) ? e.getAttribute(`data-${this.settings.dataClose}`) || false : e.hasAttribute(`data-${this.settings.dataReplace}`) ? e.getAttribute(`data-${this.settings.dataReplace}`) : e.closest(this.settings.selectorModal) ? (e = e.closest(this.settings.selectorModal), e.id || false) : false : e.id ? e.id : false;
-  }
-  function G(e) {
-    const t = p.call(this, e);
-    if (t) {
-      const s2 = document.querySelector(`#${t}`), i2 = s2 ? s2.querySelector(this.settings.selectorDialog) : null;
-      return !s2 && !i2 ? { error: new Error(`No modal elements found using the ID: "${t}".`) } : i2 ? { modal: s2, dialog: i2 } : { error: new Error("Modal is missing dialog element.") };
-    } else
-      return { error: new Error("Could not resolve the modal ID.") };
-  }
-  function m() {
-    this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
-  }
-  async function K$1(e) {
-    let t = e.target.closest(
-      `[data-${this.settings.dataOpen}], [data-${this.settings.dataReplace}]`
-    );
-    if (t) {
-      e.preventDefault(), e.target.closest(this.settings.selectorModal) || (this.trigger = t);
-      const i2 = this.get(p.call(this, t));
-      return t.matches(`[data-${this.settings.dataOpen}]`) ? i2.open() : i2.replace();
+  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();
     }
-    if (t = e.target.closest(`[data-${this.settings.dataClose}]`), t) {
-      e.preventDefault();
-      const s2 = t.getAttribute(`data-${this.settings.dataClose}`);
-      return s2 === "*" ? this.closeAll() : this.close(s2);
+  }
+  async function handleClick$1(event) {
+    const trigger = event.target.closest(`
+    [data-${this.settings.dataOpen}],
+    [data-${this.settings.dataReplace}],
+    [data-${this.settings.dataClose}]
+  `);
+    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 (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 (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 && event.target.matches(this.settings.selectorScreen) && !this.active.required) {
+      return this.close(this.active.id);
     }
-    if (e.target.matches(this.settings.selectorModal) && !e.target.querySelector(this.settings.selectorRequired))
-      return this.close(p.call(this, e.target));
   }
-  function J$1(e) {
-    if (e.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 w(e, t = true) {
-    if (!e)
-      return this.collection;
-    const s2 = this.collection.findIndex((i2) => i2.id === e.id);
-    if (s2 >= 0) {
-      const i2 = this.collection[s2];
-      t && i2.state === "opened" ? await i2.close(false) : this.stack.remove(i2), i2.getSetting("teleport") && i2.teleportReturn(), Object.getOwnPropertyNames(i2).forEach((n) => {
-        delete i2[n];
-      }), this.collection.splice(s2, 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(e, t, s2 = true) {
-    const i2 = L.call(this, e), n = { ...this.settings, ...i2.settings };
-    return t !== void 0 && (n.transition = t), this.stack.moveToTop(i2), i2.state === "closed" && (i2.state = "opening", this.stack.add(i2), await D$1(i2.el, n), i2.state = "opened"), s2 && m.call(this), i2.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
-    })), i2;
-  }
-  async function C(e, t, s2 = true) {
-    const i2 = e ? L.call(this, e) : this.active;
-    if (i2 && i2.state === "opened") {
-      i2.state = "closing";
-      const n = { ...this.settings, ...i2.settings };
-      t !== void 0 && (n.transition = t), document.activeElement.blur(), await F$1(i2.el, n), this.stack.remove(i2), s2 && m.call(this), i2.state = "closed", i2.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 i2;
-  }
-  async function $(e, t) {
-    const s2 = [];
-    return await Promise.all(this.stack.value.map(async (i2) => {
-      e && e === i2.id ? Promise.resolve() : s2.push(await C.call(this, i2, t, false)), i2.trigger = null;
-    })), s2;
-  }
-  async function O(e, t, s2 = true) {
-    const i2 = L.call(this, e);
-    let n, l2;
-    return i2.state === "opened" ? (n = i2, l2 = await $.call(this, i2.id, t)) : (n = x.call(this, i2, t, false), l2 = $.call(this, false, t), await Promise.all([n, l2])), s2 && m.call(this), { opened: n, closed: l2 };
+    return entry;
   }
-  async function B$1(e, t) {
-    await w.call(this, e, false);
-    const s2 = this, i2 = {
-      open(l2, a2) {
-        return x.call(s2, this, l2, a2);
+  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,
+      dialog: null,
+      get required() {
+        return this.dialog.matches(this.getSetting("selectorRequired"));
+      },
+      returnRef: null,
+      settings: { ...getConfig$1(el, this.settings.dataConfig), ...config },
+      open(transition2, focus) {
+        return open$1.call(root, this, transition2, focus);
       },
-      close(l2, a2) {
-        return C.call(s2, this, l2, a2);
+      close(transition2, focus) {
+        return close$1.call(root, this, transition2, focus);
       },
-      replace(l2, a2) {
-        return O.call(s2, this, l2, a2);
+      replace(transition2, focus) {
+        return replace.call(root, this, transition2, focus);
       },
       deregister() {
-        return w.call(s2, this);
+        return deregister$1.call(root, this);
       },
-      teleport(l2 = this.getSetting("teleport"), a2 = this.getSetting("teleportMethod")) {
-        return this.returnRef ? (console.error("Element has already been teleported:", this.el), false) : (this.returnRef = T$1(this.el, l2, a2), 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(l2) {
-        return l2 in this.settings ? this.settings[l2] : s2.settings[l2];
+      getSetting(key) {
+        return key in this.settings ? this.settings[key] : root.settings[key];
       }
-    }, n = {
-      id: e.id,
-      state: "closed",
-      el: e,
-      dialog: t,
-      returnRef: null,
-      settings: P(e, this.settings.dataConfig),
-      ...i2
     };
-    return n.dialog.setAttribute("aria-modal", "true"), n.dialog.hasAttribute("role") || n.dialog.setAttribute("role", "dialog"), n.getSetting("setTabindex") && n.dialog.setAttribute("tabindex", "-1"), n.getSetting("teleport") && n.teleport(), this.collection.push(n), n.el.classList.contains(this.settings.stateOpened) ? await n.open(false) : (n.el.classList.remove(this.settings.stateOpening), n.el.classList.remove(this.settings.stateClosing), n.el.classList.add(this.settings.stateClosed)), n;
-  }
-  function H$1(e) {
-    const t = [];
+    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 [...t];
+        return [...stackArray];
       },
       get top() {
-        return t[t.length - 1];
+        return stackArray[stackArray.length - 1];
       },
       updateIndex() {
-        t.forEach((s2, i2) => {
-          s2.el.style.zIndex = null;
-          const n = getComputedStyle(s2.el)["z-index"];
-          s2.el.style.zIndex = parseInt(n) + i2 + 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() {
-        W(this.top, e), this.updateIndex();
+        updateGlobalState(this.top, settings);
+        this.updateIndex();
       },
-      add(s2) {
-        s2.el.style.zIndex = null;
-        const i2 = getComputedStyle(s2.el)["z-index"];
-        s2.el.style.zIndex = parseInt(i2) + t.length + 1, t.push(s2), 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(s2) {
-        const i2 = t.findIndex((n) => n.id === s2.id);
-        i2 >= 0 && (s2.el.style.zIndex = null, t.splice(i2, 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(s2) {
-        const i2 = t.findIndex((n) => n.id === s2.id);
-        i2 >= 0 && (t.splice(i2, 1), this.add(s2));
+      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;
-  class U extends A {
-    constructor(s2) {
+  class Modal extends Collection {
+    constructor(options) {
       super();
-      v(this, u, void 0);
-      v(this, h, void 0);
-      this.defaults = _$1, this.settings = { ...this.defaults, ...s2 }, this.trigger = null, this.focusTrap = new M$1(), this.stack = H$1(this.settings), b(this, u, K$1.bind(this)), b(this, h, J$1.bind(this)), this.settings.autoInit && this.init();
+      __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 init(s2) {
-      s2 && (this.settings = { ...this.settings, ...s2 });
-      const i2 = document.querySelectorAll(this.settings.selectorModal);
-      return await this.registerCollection(i2), this.settings.eventListeners && this.initEventListeners(), this;
-    }
-    async destroy() {
-      return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
-    }
-    initEventListeners() {
-      document.addEventListener("click", f(this, u), false), document.addEventListener("keydown", f(this, h), false);
-    }
-    destroyEventListeners() {
-      document.removeEventListener("click", f(this, u), false), document.removeEventListener("keydown", f(this, h), false);
+    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;
     }
-    register(s2) {
-      const i2 = G.call(this, s2);
-      return i2.error ? Promise.reject(i2.error) : B$1.call(this, i2.modal, i2.dialog);
+    async unmount() {
+      this.trigger = null;
+      await this.deregisterCollection();
+      if (this.settings.eventListeners) {
+        this.unmountEventListeners();
+      }
+      return this;
     }
-    deregister(s2) {
-      const i2 = this.get(p.call(this, s2));
-      return w.call(this, i2);
+    mountEventListeners() {
+      document.addEventListener("click", __privateGet(this, _handleClick2), false);
+      document.addEventListener("keydown", __privateGet(this, _handleKeydown2), false);
     }
-    open(s2, i2, n) {
-      return x.call(this, s2, i2, n);
+    unmountEventListeners() {
+      document.removeEventListener("click", __privateGet(this, _handleClick2), false);
+      document.removeEventListener("keydown", __privateGet(this, _handleKeydown2), false);
     }
-    close(s2, i2, n) {
-      return C.call(this, s2, i2, n);
+    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}".`));
     }
-    replace(s2, i2, n) {
-      return O.call(this, s2, i2, 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}".`));
     }
-    async closeAll(s2 = false, i2, n = true) {
-      const l2 = await $.call(this, s2, i2);
-      return n && m.call(this), l2;
+    open(id, transition2, focus) {
+      return open$1.call(this, id, transition2, focus);
     }
-  }
-  u = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
-  var Ue = (e, t, r2) => {
-    if (!t.has(e))
-      throw TypeError("Cannot " + r2);
-  };
-  var Ae = (e, t, r2) => (Ue(e, t, "read from private field"), r2 ? r2.call(e) : t.get(e)), _e = (e, t, r2) => {
-    if (t.has(e))
-      throw TypeError("Cannot add the same private member more than once");
-    t instanceof WeakSet ? t.add(e) : t.set(e, r2);
-  }, Ke = (e, t, r2, i2) => (Ue(e, t, "write to private field"), i2 ? i2.call(e, r2) : t.set(e, r2), r2);
-  class Ct {
-    constructor() {
-      this.collection = [];
+    close(id, transition2, focus) {
+      return close$1.call(this, id, transition2, focus);
     }
-    async register(t) {
-      return await this.deregister(t), this.collection.push(t), this.collection;
+    replace(id, transition2, focus) {
+      return replace.call(this, id, transition2, focus);
     }
-    async deregister(t) {
-      const r2 = this.collection.findIndex((i2) => i2 === t);
-      if (r2 >= 0) {
-        const i2 = this.collection[r2];
-        Object.getOwnPropertyNames(i2).forEach((n) => {
-          delete i2[n];
-        }), this.collection.splice(r2, 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, (r2) => {
-        this.register(r2);
-      })), this.collection;
+      return result;
     }
-    async deregisterCollection() {
-      for (; this.collection.length > 0; )
-        await this.deregister(this.collection[0]);
-      return this.collection;
-    }
-    get(t, r2 = "id") {
-      return this.collection.find((i2) => i2[r2] === t);
-    }
-  }
-  function kt() {
-    return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
   }
-  const Dt = {
-    autoInit: false,
+  _handleClick2 = new WeakMap();
+  _handleKeydown2 = new WeakMap();
+  const defaults = {
+    autoMount: false,
     // Selectors
     selectorPopover: ".popover",
     selectorArrow: ".popover__arrow",
@@ -1060,194 +1202,320 @@
     // Feature settings
     eventListeners: true,
     eventType: "click",
-    placement: "bottom"
+    placement: "bottom",
+    hoverToggleDelay: 0
   };
-  function ot(e, t) {
-    const r2 = getComputedStyle(e), i2 = {
-      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-padding": 0
+      "arrow-element": settings.selectorArrow,
+      "arrow-padding": 0,
+      "toggle-delay": settings.hoverToggleDelay
     };
-    for (const n in i2) {
-      const o2 = kt(), l2 = r2.getPropertyValue(`--${o2}popover-${n}`).trim();
-      l2 && (i2[n] = l2);
-    }
-    return i2;
-  }
-  function Pe(e) {
-    let t;
-    const r2 = typeof e == "string" ? e.trim().split(" ") : [e];
-    switch (r2.forEach(function(i2, n) {
-      r2[n] = parseInt(i2, 10);
-    }), r2.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 = r2[0];
+        padding = array[0];
         break;
       case 2:
-        t = {
-          top: r2[0],
-          right: r2[1],
-          bottom: r2[0],
-          left: r2[1]
+        padding = {
+          top: array[0],
+          right: array[1],
+          bottom: array[0],
+          left: array[1]
         };
         break;
       case 3:
-        t = {
-          top: r2[0],
-          right: r2[1],
-          bottom: r2[2],
-          left: r2[1]
+        padding = {
+          top: array[0],
+          right: array[1],
+          bottom: array[2],
+          left: array[1]
         };
         break;
       case 4:
-        t = {
-          top: r2[0],
-          right: r2[1],
-          bottom: r2[2],
-          left: r2[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 at(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 st(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 : e.id ? e.id : false;
-  }
-  function Bt(e) {
-    const t = st.call(this, e);
-    if (t) {
-      const r2 = document.querySelector(`#${t}`), i2 = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
-      return !i2 && !r2 ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : i2 ? r2 ? { popover: r2, trigger: i2 } : { 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 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({
+        placement: popover.config["placement"],
+        modifiers: [
+          { name: "eventListeners", enabled: false },
+          ...getModifiers(popover.config)
+        ]
+      });
+      popover.state = "closed";
+      if (popover.trigger === this.trigger) {
+        this.trigger = null;
+      }
+    }
+    return popover;
   }
-  async function ke(e) {
-    const t = e ? at.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, r2 = document.activeElement.closest(
-        `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
+  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 && !r2 && e.close(), e;
+      if (!isHovered && !isFocused) {
+        popover.close();
+      }
+      return popover;
     }, 1);
   }
-  function Tt(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 handleMouseEnter(popover) {
+    if (popover.toggleDelayId) {
+      clearTimeout(popover.toggleDelayId);
+    }
+    const delay = this.activeTooltip ? 0 : popover.config["toggle-delay"];
+    if (this.activeTooltip) this.activeTooltip.close();
+    popover.toggleDelayId = setTimeout(() => {
+      if (popover) popover.open();
+    }, delay);
   }
-  function St(e) {
-    switch (e.key) {
+  function handleMouseLeave(popover) {
+    if (popover.toggleDelayId) {
+      clearTimeout(popover.toggleDelayId);
+    }
+    popover.toggleDelayId = setTimeout(() => {
+      closeCheck.call(this, popover);
+    }, popover.config["toggle-delay"]);
+  }
+  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 r2(i2) {
-      i2.target.closest(
-        `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
-      ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", r2) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", r2));
+  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", S = "bottom", M = "right", D = "left", De = "auto", le = [k, S, M, D], Q = "start", se = "end", Mt = "clippingParents", ut = "viewport", ne = "popper", Wt = "reference", Ge = /* @__PURE__ */ le.reduce(function(e, t) {
-    return e.concat([t + "-" + Q, t + "-" + se]);
-  }, []), pt = /* @__PURE__ */ [].concat(le, [De]).reduce(function(e, t) {
-    return e.concat([t, t + "-" + Q, t + "-" + se]);
-  }, []), jt = "beforeRead", Ht = "read", Nt = "afterRead", It = "beforeMain", Vt = "main", Ft = "afterMain", qt = "beforeWrite", Xt = "write", Yt = "afterWrite", zt = [jt, Ht, Nt, It, Vt, Ft, qt, Xt, Yt];
-  function N(e) {
-    return e ? (e.nodeName || "").toLowerCase() : null;
-  }
-  function B(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 = B(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 = B(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 = B(e).ShadowRoot;
-    return e instanceof t || e instanceof ShadowRoot;
-  }
-  function Ut(e) {
-    var t = e.state;
-    Object.keys(t.elements).forEach(function(r2) {
-      var i2 = t.styles[r2] || {}, n = t.attributes[r2] || {}, o2 = t.elements[r2];
-      !T(o2) || !N(o2) || (Object.assign(o2.style, i2), 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 _t(e) {
-    var t = e.state, r2 = {
+  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"
@@ -1257,137 +1525,198 @@
       },
       reference: {}
     };
-    return Object.assign(t.elements.popper.style, r2.popper), t.styles = r2, t.elements.arrow && Object.assign(t.elements.arrow.style, r2.arrow), function() {
-      Object.keys(t.elements).forEach(function(i2) {
-        var n = t.elements[i2], o2 = t.attributes[i2] || {}, l2 = Object.keys(t.styles.hasOwnProperty(i2) ? t.styles[i2] : r2[i2]), 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 Kt = {
+  const applyStyles$1 = {
     name: "applyStyles",
     enabled: true,
     phase: "write",
-    fn: Ut,
-    effect: _t,
+    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, r2) {
-    t === void 0 && (t = false), r2 === void 0 && (r2 = false);
-    var i2 = e.getBoundingClientRect(), n = 1, o2 = 1;
-    t && T(e) && (n = e.offsetWidth > 0 && Z(i2.width) / e.offsetWidth || 1, o2 = e.offsetHeight > 0 && Z(i2.height) / e.offsetHeight || 1);
-    var l2 = K(e) ? B(e) : window, s2 = l2.visualViewport, a2 = !dt() && r2, f2 = (i2.left + (a2 && s2 ? s2.offsetLeft : 0)) / n, c2 = (i2.top + (a2 && s2 ? s2.offsetTop : 0)) / o2, h2 = i2.width / n, y2 = i2.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), r2 = e.offsetWidth, i2 = e.offsetHeight;
-    return Math.abs(t.width - r2) <= 1 && (r2 = t.width), Math.abs(t.height - i2) <= 1 && (i2 = t.height), {
-      x: e.offsetLeft,
-      y: e.offsetTop,
-      width: r2,
-      height: i2
+  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 r2 = 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 (r2 && Re(r2)) {
-      var i2 = t;
+    } else if (rootNode && isShadowRoot(rootNode)) {
+      var next = child;
       do {
-        if (i2 && e.isSameNode(i2))
+        if (next && parent.isSameNode(next)) {
           return true;
-        i2 = i2.parentNode || i2.host;
-      } while (i2);
+        }
+        next = next.parentNode || next.host;
+      } while (next);
     }
     return false;
   }
-  function I(e) {
-    return B(e).getComputedStyle(e);
+  function getComputedStyle$1(element) {
+    return getWindow(element).getComputedStyle(element);
   }
-  function Gt(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 Je(e) {
-    return !T(e) || // https://github.com/popperjs/popper-core/issues/837
-    I(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 Jt(e) {
-    var t = /firefox/i.test(Le()), r2 = /Trident/i.test(Le());
-    if (r2 && T(e)) {
-      var i2 = I(e);
-      if (i2.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 n = we(e);
-    for (Re(n) && (n = n.host); T(n) && ["html", "body"].indexOf(N(n)) < 0; ) {
-      var o2 = I(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;
+    var currentNode = getParentNode(element);
+    if (isShadowRoot(currentNode)) {
+      currentNode = currentNode.host;
+    }
+    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 = B(e), r2 = Je(e); r2 && Gt(r2) && I(r2).position === "static"; )
-      r2 = Je(r2);
-    return r2 && (N(r2) === "html" || N(r2) === "body" && I(r2).position === "static") ? t : r2 || Jt(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, r2) {
-    return _(e, ye(t, r2));
+  function within(min$1, value, max$1) {
+    return max(min$1, min(value, max$1));
   }
-  function Qt(e, t, r2) {
-    var i2 = oe(e, t, r2);
-    return i2 > r2 ? r2 : i2;
+  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,
@@ -1395,844 +1724,1258 @@
       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(r2, i2) {
-      return r2[i2] = e, r2;
+  function expandToHashMap(value, keys) {
+    return keys.reduce(function(hashMap, key) {
+      hashMap[key] = value;
+      return hashMap;
     }, {});
   }
-  var Zt = function(t, r2) {
-    return t = typeof t == "function" ? t(Object.assign({}, r2.rects, {
-      placement: r2.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 er(e) {
-    var t, r2 = e.state, i2 = e.name, n = e.options, o2 = r2.elements.arrow, l2 = r2.modifiersData.popperOffsets, s2 = H(r2.placement), a2 = Te(s2), f2 = [D, M].indexOf(s2) >= 0, c2 = f2 ? "height" : "width";
-    if (!(!o2 || !l2)) {
-      var h2 = Zt(n.padding, r2), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S : M, v2 = r2.rects.reference[c2] + r2.rects.reference[a2] - l2[a2] - r2.rects.popper[c2], d2 = l2[a2] - r2.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), L2 = a2;
-      r2.modifiersData[i2] = (t = {}, t[L2] = 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 tr(e) {
-    var t = e.state, r2 = e.options, i2 = r2.element, n = i2 === void 0 ? "[data-popper-arrow]" : i2;
-    n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || vt(t.elements.popper, n) && (t.elements.arrow = n));
-  }
-  const rr = {
+  const arrow$1 = {
     name: "arrow",
     enabled: true,
     phase: "main",
-    fn: er,
-    effect: tr,
+    fn: arrow,
+    effect: effect$1,
     requires: ["popperOffsets"],
     requiresIfExists: ["preventOverflow"]
   };
-  function te(e) {
-    return e.split("-")[1];
+  function getVariation(placement) {
+    return placement.split("-")[1];
   }
-  var ir = {
+  var unsetSides = {
     top: "auto",
     right: "auto",
     bottom: "auto",
     left: "auto"
   };
-  function nr(e, t) {
-    var r2 = e.x, i2 = 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(r2 * n) / n || 0,
-      y: Z(i2 * n) / n || 0
+      x: round(x * dpr) / dpr || 0,
+      y: round(y * dpr) / dpr || 0
     };
   }
-  function Qe(e) {
-    var t, r2 = e.popper, i2 = 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(r2), x2 = "clientHeight", L2 = "clientWidth";
-      if (m2 === B(r2) && (m2 = F(r2), I(m2).position !== "static" && s2 === "absolute" && (x2 = "scrollHeight", L2 = "scrollWidth")), m2 = m2, n === k || (n === D || n === M) && o2 === se) {
-        p2 = S;
-        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 - i2.height, v2 *= a2 ? 1 : -1;
+        y -= offsetY - popperRect.height;
+        y *= gpuAcceleration ? 1 : -1;
       }
-      if (n === D || (n === k || n === S) && 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[L2]
+          offsetParent[widthProp]
         );
-        u2 -= A2 - i2.width, u2 *= a2 ? 1 : -1;
+        x -= offsetX - popperRect.width;
+        x *= gpuAcceleration ? 1 : -1;
       }
     }
-    var $2 = Object.assign({
-      position: s2
-    }, f2 && ir), W2 = c2 === true ? nr({
-      x: u2,
-      y: v2
-    }, B(r2)) : {
-      x: u2,
-      y: v2
+    var commonStyles = Object.assign({
+      position
+    }, adaptive && unsetSides);
+    var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+      x,
+      y
+    }, getWindow(popper2)) : {
+      x,
+      y
     };
-    if (u2 = W2.x, v2 = W2.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 or(e) {
-    var t = e.state, r2 = e.options, i2 = r2.gpuAcceleration, n = i2 === void 0 ? true : i2, o2 = r2.adaptive, l2 = o2 === void 0 ? true : o2, s2 = r2.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, Qe(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, Qe(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 ar = {
+  const computeStyles$1 = {
     name: "computeStyles",
     enabled: true,
     phase: "beforeWrite",
-    fn: or,
+    fn: computeStyles,
     data: {}
   };
-  var ge = {
+  var passive = {
     passive: true
   };
-  function sr(e) {
-    var t = e.state, r2 = e.instance, i2 = e.options, n = i2.scroll, o2 = n === void 0 ? true : n, l2 = i2.resize, s2 = l2 === void 0 ? true : l2, a2 = B(t.elements.popper), f2 = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-    return o2 && f2.forEach(function(c2) {
-      c2.addEventListener("scroll", r2.update, ge);
-    }), s2 && a2.addEventListener("resize", r2.update, ge), function() {
-      o2 && f2.forEach(function(c2) {
-        c2.removeEventListener("scroll", r2.update, ge);
-      }), s2 && a2.removeEventListener("resize", r2.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 cr = {
+  const eventListeners = {
     name: "eventListeners",
     enabled: true,
     phase: "write",
-    fn: function() {
+    fn: function fn() {
     },
-    effect: sr,
+    effect,
     data: {}
   };
-  var lr = {
+  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 lr[t];
+  function getOppositePlacement(placement) {
+    return placement.replace(/left|right|bottom|top/g, function(matched) {
+      return hash$1[matched];
     });
   }
-  var fr = {
+  var hash = {
     start: "end",
     end: "start"
   };
-  function Ze(e) {
-    return e.replace(/start|end/g, function(t) {
-      return fr[t];
+  function getOppositeVariationPlacement(placement) {
+    return placement.replace(/start|end/g, function(matched) {
+      return hash[matched];
     });
   }
-  function Se(e) {
-    var t = B(e), r2 = t.pageXOffset, i2 = t.pageYOffset;
+  function getWindowScroll(node) {
+    var win = getWindow(node);
+    var scrollLeft = win.pageXOffset;
+    var scrollTop = win.pageYOffset;
     return {
-      scrollLeft: r2,
-      scrollTop: i2
+      scrollLeft,
+      scrollTop
     };
   }
-  function Me(e) {
-    return ee(F(e)).left + Se(e).scrollLeft;
-  }
-  function ur(e, t) {
-    var r2 = B(e), i2 = F(e), n = r2.visualViewport, o2 = i2.clientWidth, l2 = i2.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 pr(e) {
-    var t, r2 = F(e), i2 = Se(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, o2 = _(r2.scrollWidth, r2.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l2 = _(r2.scrollHeight, r2.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), s2 = -i2.scrollLeft + Me(e), a2 = -i2.scrollTop;
-    return I(n || r2).direction === "rtl" && (s2 += _(r2.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 We(e) {
-    var t = I(e), r2 = t.overflow, i2 = t.overflowX, n = t.overflowY;
-    return /auto|scroll|overlay|hidden/.test(r2 + n + i2);
+  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) && We(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 r2;
-    t === void 0 && (t = []);
-    var i2 = yt(e), n = i2 === ((r2 = e.ownerDocument) == null ? void 0 : r2.body), o2 = B(i2), l2 = n ? [o2].concat(o2.visualViewport || [], We(i2) ? i2 : []) : i2, 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 dr(e, t) {
-    var r2 = ee(e, false, t === "fixed");
-    return r2.top = r2.top + e.clientTop, r2.left = r2.left + e.clientLeft, r2.bottom = r2.top + e.clientHeight, r2.right = r2.left + e.clientWidth, r2.width = e.clientWidth, r2.height = e.clientHeight, r2.x = r2.left, r2.y = r2.top, r2;
-  }
-  function et(e, t, r2) {
-    return t === ut ? $e(ur(e, r2)) : K(t) ? dr(t, r2) : $e(pr(F(e)));
-  }
-  function vr(e) {
-    var t = ae(we(e)), r2 = ["absolute", "fixed"].indexOf(I(e).position) >= 0, i2 = r2 && T(e) ? fe(e) : e;
-    return K(i2) ? t.filter(function(n) {
-      return K(n) && vt(n, i2) && N(n) !== "body";
-    }) : [];
-  }
-  function hr(e, t, r2, i2) {
-    var n = t === "clippingParents" ? vr(e) : [].concat(t), o2 = [].concat(n, [r2]), l2 = o2[0], s2 = o2.reduce(function(a2, f2) {
-      var c2 = et(e, f2, i2);
-      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;
-    }, et(e, l2, i2));
-    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, r2 = e.element, i2 = e.placement, n = i2 ? H(i2) : null, o2 = i2 ? te(i2) : null, l2 = t.x + t.width / 2 - r2.width / 2, s2 = t.y + t.height / 2 - r2.height / 2, a2;
-    switch (n) {
-      case k:
-        a2 = {
-          x: l2,
-          y: t.y - r2.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 S:
-        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 - r2.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 Q:
-          a2[f2] = a2[f2] - (t[c2] / 2 - r2[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 - r2[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 r2 = t, i2 = r2.placement, n = i2 === void 0 ? e.placement : i2, o2 = r2.strategy, l2 = o2 === void 0 ? e.strategy : o2, s2 = r2.boundary, a2 = s2 === void 0 ? Mt : s2, f2 = r2.rootBoundary, c2 = f2 === void 0 ? ut : f2, h2 = r2.elementContext, y2 = h2 === void 0 ? ne : h2, u2 = r2.altBoundary, b2 = u2 === void 0 ? false : u2, v2 = r2.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 = hr(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
-    }), L2 = $e(Object.assign({}, E2, x2)), P2 = y2 === ne ? L2 : 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 W2 = $2[n];
-      Object.keys(A2).forEach(function(C2) {
-        var q2 = [M, S].indexOf(C2) >= 0 ? 1 : -1, X2 = [k, S].indexOf(C2) >= 0 ? "y" : "x";
-        A2[C2] += W2[X2] * q2;
+      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 gr(e, t) {
-    t === void 0 && (t = {});
-    var r2 = t, i2 = r2.placement, n = r2.boundary, o2 = r2.rootBoundary, l2 = r2.padding, s2 = r2.flipVariations, a2 = r2.allowedAutoPlacements, f2 = a2 === void 0 ? pt : a2, c2 = te(i2), h2 = c2 ? s2 ? Ge : Ge.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 mr(e) {
-    if (H(e) === De)
+  function getExpandedFallbackPlacements(placement) {
+    if (getBasePlacement(placement) === auto) {
       return [];
-    var t = me(e);
-    return [Ze(e), t, Ze(t)];
-  }
-  function yr(e) {
-    var t = e.state, r2 = e.options, i2 = e.name;
-    if (!t.modifiersData[i2]._skip) {
-      for (var n = r2.mainAxis, o2 = n === void 0 ? true : n, l2 = r2.altAxis, s2 = l2 === void 0 ? true : l2, a2 = r2.fallbackPlacements, f2 = r2.padding, c2 = r2.boundary, h2 = r2.rootBoundary, y2 = r2.altBoundary, u2 = r2.flipVariations, b2 = u2 === void 0 ? true : u2, v2 = r2.allowedAutoPlacements, d2 = t.options.placement, w2 = H(d2), O2 = w2 === d2, E2 = a2 || (O2 || !b2 ? [me(d2)] : mr(d2)), p2 = [d2].concat(E2).reduce(function(G2, V2) {
-        return G2.concat(H(V2) === De ? gr(t, {
-          placement: V2,
-          boundary: c2,
-          rootBoundary: h2,
-          padding: f2,
-          flipVariations: b2,
-          allowedAutoPlacements: v2
-        }) : V2);
-      }, []), g2 = t.rects.reference, m2 = t.rects.popper, x2 = /* @__PURE__ */ new Map(), L2 = true, P2 = p2[0], A2 = 0; A2 < p2.length; A2++) {
-        var $2 = p2[A2], W2 = H($2), C2 = te($2) === Q, q2 = [k, S].indexOf(W2) >= 0, X2 = q2 ? "width" : "height", R2 = ce(t, {
-          placement: $2,
-          boundary: c2,
-          rootBoundary: h2,
-          altBoundary: y2,
-          padding: f2
-        }), j2 = q2 ? C2 ? M : D : C2 ? S : k;
-        g2[X2] > m2[X2] && (j2 = me(j2));
-        var ue = me(j2), Y2 = [];
-        if (o2 && Y2.push(R2[W2] <= 0), s2 && Y2.push(R2[j2] <= 0, R2[ue] <= 0), Y2.every(function(G2) {
-          return G2;
-        })) {
-          P2 = $2, L2 = false;
-          break;
-        }
-        x2.set($2, Y2);
-      }
-      if (L2)
-        for (var pe = b2 ? 3 : 1, be = function(V2) {
-          var ie = p2.find(function(ve) {
-            var z2 = x2.get(ve);
-            if (z2)
-              return z2.slice(0, V2).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[i2]._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 wr = {
+  const flip$1 = {
     name: "flip",
     enabled: true,
     phase: "main",
-    fn: yr,
+    fn: flip,
     requiresIfExists: ["offset"],
     data: {
       _skip: false
     }
   };
-  function tt(e, t, r2) {
-    return r2 === void 0 && (r2 = {
-      x: 0,
-      y: 0
-    }), {
-      top: e.top - t.height - r2.y,
-      right: e.right - t.width + r2.x,
-      bottom: e.bottom - t.height + r2.y,
-      left: e.left - t.width - r2.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 rt(e) {
-    return [k, M, S, D].some(function(t) {
-      return e[t] >= 0;
+  function isAnySideFullyClipped(overflow) {
+    return [top, right, bottom, left].some(function(side) {
+      return overflow[side] >= 0;
     });
   }
-  function br(e) {
-    var t = e.state, r2 = e.name, i2 = 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 = tt(l2, i2), f2 = tt(s2, n, o2), c2 = rt(a2), h2 = rt(f2);
-    t.modifiersData[r2] = {
-      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 xr = {
+  const hide$1 = {
     name: "hide",
     enabled: true,
     phase: "main",
     requiresIfExists: ["preventOverflow"],
-    fn: br
+    fn: hide
   };
-  function Or(e, t, r2) {
-    var i2 = H(e), n = [D, k].indexOf(i2) >= 0 ? -1 : 1, o2 = typeof r2 == "function" ? r2(Object.assign({}, t, {
-      placement: e
-    })) : r2, l2 = o2[0], s2 = o2[1];
-    return l2 = l2 || 0, s2 = (s2 || 0) * n, [D, M].indexOf(i2) >= 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 Er(e) {
-    var t = e.state, r2 = e.options, i2 = e.name, n = r2.offset, o2 = n === void 0 ? [0, 0] : n, l2 = pt.reduce(function(c2, h2) {
-      return c2[h2] = Or(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[i2] = 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 Ar = {
+  const offset$1 = {
     name: "offset",
     enabled: true,
     phase: "main",
     requires: ["popperOffsets"],
-    fn: Er
+    fn: offset
   };
-  function Pr(e) {
-    var t = e.state, r2 = e.name;
-    t.modifiersData[r2] = 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 Lr = {
+  const popperOffsets$1 = {
     name: "popperOffsets",
     enabled: true,
     phase: "read",
-    fn: Pr,
+    fn: popperOffsets,
     data: {}
   };
-  function $r(e) {
-    return e === "x" ? "y" : "x";
-  }
-  function Cr(e) {
-    var t = e.state, r2 = e.options, i2 = e.name, n = r2.mainAxis, o2 = n === void 0 ? true : n, l2 = r2.altAxis, s2 = l2 === void 0 ? false : l2, a2 = r2.boundary, f2 = r2.rootBoundary, c2 = r2.altBoundary, h2 = r2.padding, y2 = r2.tether, u2 = y2 === void 0 ? true : y2, b2 = r2.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 = $r(p2), m2 = t.modifiersData.popperOffsets, x2 = t.rects.reference, L2 = 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, W2 = {
+    }, tetherOffsetValue);
+    var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
+    var data = {
       x: 0,
       y: 0
     };
-    if (m2) {
-      if (o2) {
-        var C2, q2 = p2 === "y" ? k : D, X2 = p2 === "y" ? S : M, R2 = p2 === "y" ? "height" : "width", j2 = m2[p2], ue = j2 + d2[q2], Y2 = j2 - d2[X2], pe = u2 ? -L2[R2] / 2 : 0, be = O2 === Q ? x2[R2] : L2[R2], re = O2 === Q ? -L2[R2] : -x2[R2], de = t.elements.arrow, G2 = u2 && de ? Be(de) : {
-          width: 0,
-          height: 0
-        }, V2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ht(), ie = V2[q2], ve = V2[X2], 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 = j2 + xe - He - Et, Pt = j2 + Ot - He, Ne = oe(u2 ? ye(ue, At) : ue, j2, u2 ? _(Y2, Pt) : Y2);
-        m2[p2] = Ne, W2[p2] = Ne - j2;
-      }
-      if (s2) {
-        var Ie, Lt = p2 === "x" ? k : D, $t = p2 === "x" ? S : M, U2 = m2[g2], he = g2 === "y" ? "height" : "width", Ve = U2 + d2[Lt], Fe = U2 - d2[$t], Ee = [k, D].indexOf(w2) !== -1, qe = (Ie = $2 == null ? void 0 : $2[g2]) != null ? Ie : 0, Xe = Ee ? Ve : U2 - x2[he] - L2[he] - qe + A2.altAxis, Ye = Ee ? U2 + x2[he] + L2[he] - qe - A2.altAxis : Fe, ze = u2 && Ee ? Qt(Xe, U2, Ye) : oe(u2 ? Xe : Ve, U2, u2 ? Ye : Fe);
-        m2[g2] = ze, W2[g2] = ze - U2;
-      }
-      t.modifiersData[i2] = W2;
+    if (!popperOffsets2) {
+      return;
     }
-  }
-  const kr = {
+    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: Cr,
+    fn: preventOverflow,
     requiresIfExists: ["offset"]
   };
-  function Dr(e) {
+  function getHTMLElementScroll(element) {
     return {
-      scrollLeft: e.scrollLeft,
-      scrollTop: e.scrollTop
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
     };
   }
-  function Rr(e) {
-    return e === B(e) || !T(e) ? Se(e) : Dr(e);
+  function getNodeScroll(node) {
+    if (node === getWindow(node) || !isHTMLElement(node)) {
+      return getWindowScroll(node);
+    } else {
+      return getHTMLElementScroll(node);
+    }
   }
-  function Br(e) {
-    var t = e.getBoundingClientRect(), r2 = Z(t.width) / e.offsetWidth || 1, i2 = Z(t.height) / e.offsetHeight || 1;
-    return r2 !== 1 || i2 !== 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 Tr(e, t, r2) {
-    r2 === void 0 && (r2 = false);
-    var i2 = T(t), n = T(t) && Br(t), o2 = F(t), l2 = ee(e, n, r2), 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 (i2 || !i2 && !r2) && ((N(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-    We(o2)) && (s2 = Rr(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 Sr(e) {
-    var t = /* @__PURE__ */ new Map(), r2 = /* @__PURE__ */ new Set(), i2 = [];
-    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) {
-      r2.add(o2.name);
-      var l2 = [].concat(o2.requires || [], o2.requiresIfExists || []);
-      l2.forEach(function(s2) {
-        if (!r2.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);
+          }
         }
-      }), i2.push(o2);
+      });
+      result.push(modifier);
     }
-    return e.forEach(function(o2) {
-      r2.has(o2.name) || n(o2);
-    }), i2;
+    modifiers.forEach(function(modifier) {
+      if (!visited.has(modifier.name)) {
+        sort(modifier);
+      }
+    });
+    return result;
   }
-  function Mr(e) {
-    var t = Sr(e);
-    return zt.reduce(function(r2, i2) {
-      return r2.concat(t.filter(function(n) {
-        return n.phase === i2;
+  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(fn) {
+    var pending;
     return function() {
-      return t || (t = new Promise(function(r2) {
-        Promise.resolve().then(function() {
-          t = void 0, r2(e());
+      if (!pending) {
+        pending = new Promise(function(resolve) {
+          Promise.resolve().then(function() {
+            pending = void 0;
+            resolve(fn());
+          });
         });
-      })), t;
+      }
+      return pending;
     };
   }
-  function jr(e) {
-    var t = e.reduce(function(r2, i2) {
-      var n = r2[i2.name];
-      return r2[i2.name] = n ? Object.assign({}, n, i2, {
-        options: Object.assign({}, n.options, i2.options),
-        data: Object.assign({}, n.data, i2.data)
-      }) : i2, r2;
+  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(r2) {
-      return t[r2];
+    return Object.keys(merged).map(function(key) {
+      return merged[key];
     });
   }
-  var it = {
+  var DEFAULT_OPTIONS = {
     placement: "bottom",
     modifiers: [],
     strategy: "absolute"
   };
-  function nt() {
-    for (var e = arguments.length, t = new Array(e), r2 = 0; r2 < e; r2++)
-      t[r2] = arguments[r2];
-    return !t.some(function(i2) {
-      return !(i2 && typeof i2.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 Hr(e) {
-    e === void 0 && (e = {});
-    var t = e, r2 = t.defaultModifiers, i2 = r2 === void 0 ? [] : r2, n = t.defaultOptions, o2 = n === void 0 ? it : 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({}, it, 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 = Mr(jr([].concat(i2, 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 (nt(O2, E2)) {
-              c2.rects = {
-                reference: Tr(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, L2 = x2 === void 0 ? {} : x2, P2 = g2.name;
-                typeof m2 == "function" && (c2 = m2({
-                  state: c2,
-                  options: L2,
-                  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], fn = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+            if (typeof fn === "function") {
+              state = fn({
+                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 (!nt(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(fn) {
+          return fn();
+        });
+        effectCleanupFns = [];
       }
-      return u2;
+      return instance;
     };
   }
-  var Nr = [cr, Lr, ar, Kt, Ar, wr, kr, rr, xr], Ir = /* @__PURE__ */ Hr({
-    defaultModifiers: Nr
+  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) {
-    if (!e)
-      return this.collection;
-    const t = this.collection.findIndex((r2) => r2.id === e.id);
-    if (t >= 0) {
-      const r2 = this.collection[t];
-      r2.state === "opened" && r2.close(), r2.popper.destroy(), bt(r2), Object.getOwnPropertyNames(r2).forEach((i2) => {
-        delete r2[i2];
-      }), 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((r2) => {
-        t.type.forEach((i2) => {
-          e[r2].removeEventListener(i2, 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 je(e) {
-    const t = at.call(this, e);
-    return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = ot(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 Vr(e, t) {
-    Ce.call(this, e);
-    const r2 = this, i2 = {
+    });
+    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,
+      trigger,
+      toggleDelayId: null,
+      popper: createPopper(trigger, el),
+      config: getConfig(el, this.settings),
+      get isTooltip() {
+        return trigger.hasAttribute("aria-describedby");
+      },
       open() {
-        return je.call(r2, this);
+        return open.call(root, this);
       },
       close() {
-        return ke.call(r2, this);
+        return close.call(root, this);
       },
       deregister() {
-        return Ce.call(r2, this);
+        return deregister.call(root, this);
       }
-    }, n = {
-      id: e.id,
-      state: "closed",
-      el: e,
-      trigger: t,
-      popper: Ir(t, e),
-      config: ot(e, this.settings),
-      ...i2
     };
-    return n.trigger.hasAttribute("aria-controls") && n.trigger.setAttribute("aria-expanded", "false"), xt.call(this, n), this.collection.push(n), n.el.classList.contains(this.settings.stateActive) && (await n.open(), ft.call(this, n)), n;
-  }
-  function xt(e) {
-    return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
-      el: ["trigger"],
-      type: ["mouseenter", "focus"],
-      listener: je.bind(this, e)
-    }, {
-      el: ["el", "trigger"],
-      type: ["mouseleave", "focusout"],
-      listener: lt.bind(this, e)
-    }], e.__eventListeners.forEach((r2) => {
-      r2.el.forEach((i2) => {
-        r2.type.forEach((n) => {
-          e[i2].addEventListener(n, r2.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);
+    }
+    entry.popper.setOptions({
+      placement: entry.config["placement"]
+    });
+    return entry;
+  }
+  function registerEventListeners(entry) {
+    if (!entry.__eventListeners) {
+      const eventType = entry.config["event"];
+      if (eventType === "hover") {
+        entry.__eventListeners = [{
+          el: ["trigger"],
+          type: ["mouseenter", "focus"],
+          listener: handleMouseEnter.bind(this, entry)
+        }, {
+          el: ["el", "trigger"],
+          type: ["mouseleave", "focusout"],
+          listener: handleMouseLeave.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: Tt.bind(this, e)
-    }], e.__eventListeners.forEach((r2) => {
-      r2.el.forEach((i2) => {
-        r2.type.forEach((n) => {
-          e[i2].addEventListener(n, r2.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 qr extends Ct {
-    constructor(r2) {
+  class Popover extends Collection {
+    constructor(options) {
       super();
-      _e(this, J, void 0);
-      this.defaults = Dt, this.settings = { ...this.defaults, ...r2 }, this.trigger = null, Ke(this, J, St.bind(this)), this.settings.autoInit && this.init();
+      __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 init(r2) {
-      r2 && (this.settings = { ...this.settings, ...r2 });
-      const i2 = document.querySelectorAll(this.settings.selectorPopover);
-      return await this.registerCollection(i2), this.settings.eventListeners && this.initEventListeners(false), this;
+    get active() {
+      return this.collection.find((popover) => popover.state == "opened");
     }
-    async destroy() {
-      return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(false), this;
+    get activeTooltip() {
+      return this.collection.find((popover) => popover.state == "opened" && popover.isTooltip);
     }
-    initEventListeners(r2 = true) {
-      r2 && this.collection.forEach((i2) => {
-        xt.call(this, i2);
-      }), document.addEventListener("keydown", Ae(this, J), false);
+    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;
     }
-    destroyEventListeners(r2 = true) {
-      r2 && this.collection.forEach((i2) => {
-        bt(i2);
-      }), document.removeEventListener("keydown", Ae(this, J), false);
+    async unmount() {
+      this.trigger = null;
+      await this.deregisterCollection();
+      if (this.settings.eventListeners) {
+        this.unmountEventListeners(false);
+      }
+      return this;
+    }
+    mountEventListeners(processCollection = true) {
+      if (processCollection) {
+        this.collection.forEach((popover) => {
+          registerEventListeners.call(this, popover);
+        });
+      }
+      document.addEventListener("keydown", __privateGet(this, _handleKeydown3), false);
+    }
+    unmountEventListeners(processCollection = true) {
+      if (processCollection) {
+        this.collection.forEach((popover) => {
+          deregisterEventListeners(popover);
+        });
+      }
+      document.removeEventListener("keydown", __privateGet(this, _handleKeydown3), false);
     }
-    register(r2) {
-      const i2 = Bt.call(this, r2);
-      return i2.error ? Promise.reject(i2.error) : Vr.call(this, i2.popover, i2.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(r2) {
-      const i2 = this.get(st.call(this, r2));
-      return Ce.call(this, i2);
+    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(r2) {
-      return je.call(this, r2);
+    open(id) {
+      return open.call(this, id);
     }
-    close(r2) {
-      return ke.call(this, r2);
+    close(id) {
+      return close.call(this, id);
     }
   }
-  J = /* @__PURE__ */ new WeakMap();
-  exports2.Checkbox = r$2;
-  exports2.Drawer = it$1;
-  exports2.Modal = U;
-  exports2.Popover = qr;
+  _handleKeydown3 = new WeakMap();
+  exports2.Drawer = Drawer;
+  exports2.Modal = Modal;
+  exports2.Popover = Popover;
   exports2.core = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });