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

package/dist/index.js

@@ -1,274 +1,48 @@
-var Ke = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, S = (e, t, i) => (Ke(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Rt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, it = (e, t, i, n) => (Ke(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i), P;
-let Ai = class {
-  constructor(t, i) {
-    Rt(this, P, void 0), this.value = t, it(this, P, i), this.mql = null;
-  }
-  get handler() {
-    return S(this, P);
-  }
-  // Unmount existing handler before setting a new one.
-  set handler(t) {
-    this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", S(this, P)) : this.mql.removeListener(S(this, P))), it(this, P, t);
-  }
-  mount(t, i) {
-    return t && (this.value = t), i && it(this, P, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", S(this, P)) : this.mql.addListener(S(this, P)), S(this, P).call(this, this.mql), this) : this;
-  }
-  unmount() {
-    return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", S(this, P)) : this.mql.removeListener(S(this, P)), this.value = null, it(this, P, null), this.mql = null, this) : this;
-  }
-};
-P = /* @__PURE__ */ new WeakMap();
-let Ci = class {
-  constructor() {
-    this.collection = [];
-  }
-  async register(t) {
-    return await this.deregister(t), this.collection.push(t), this.collection;
-  }
-  async deregister(t) {
-    const i = this.collection.findIndex((n) => n === t);
-    if (i >= 0) {
-      const n = this.collection[i];
-      Object.getOwnPropertyNames(n).forEach((s) => {
-        delete n[s];
-      }), this.collection.splice(i, 1);
-    }
-    return this.collection;
-  }
-  async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
-  }
-};
-const p = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, Ii = [
-  `a[href]${p.inert}${p.negTabIndex}`,
-  `area[href]${p.inert}${p.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${p.inert}${p.negTabIndex}${p.disabled}`,
-  `input[type="radio"]${p.inert}${p.negTabIndex}${p.disabled}`,
-  `select${p.inert}${p.negTabIndex}${p.disabled}`,
-  `textarea${p.inert}${p.negTabIndex}${p.disabled}`,
-  `button${p.inert}${p.negTabIndex}${p.disabled}`,
-  `details${p.inert} > summary:first-of-type${p.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${p.inert}${p.negTabIndex}`,
-  `audio[controls]${p.inert}${p.negTabIndex}`,
-  `video[controls]${p.inert}${p.negTabIndex}`,
-  `[contenteditable]${p.inert}${p.negTabIndex}`,
-  `[tabindex]${p.inert}${p.negTabIndex}`
-];
-var wt, at, lt;
-let Si = class {
-  constructor(t = null, i = "[data-focus]") {
-    Rt(this, wt, void 0), Rt(this, at, void 0), Rt(this, lt, void 0), this.el = t, this.selectorFocus = i, it(this, at, qi.bind(this)), it(this, lt, Di.bind(this));
-  }
-  get focusable() {
-    return S(this, wt);
-  }
-  set focusable(t) {
-    it(this, wt, t), S(this, wt).length ? (document.removeEventListener("keydown", S(this, lt)), document.addEventListener("keydown", S(this, at))) : (document.removeEventListener("keydown", S(this, at)), document.addEventListener("keydown", S(this, lt)));
-  }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
-  }
-  mount(t, i) {
-    t && (this.el = t), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
-  }
-  unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", S(this, at)), document.removeEventListener("keydown", S(this, lt));
-  }
-  focus(t = this.el, i = this.selectorFocus) {
-    (t.querySelector(i) || t).focus();
-  }
-  getFocusable(t = this.el) {
-    const i = [], n = document.activeElement, s = t.scrollTop;
-    return t.querySelectorAll(Ii.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && i.push(r);
-    }), t.scrollTop = s, n.focus(), i;
-  }
-};
-wt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap();
-function qi(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 Di(e) {
-  (e.key === "Tab" || e.keyCode === 9) && e.preventDefault();
-}
-function Pi(e, t) {
-  const i = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
-}
-function Mi() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
-}
-function Wi(e, t = !0) {
-  const i = localStorage.getItem(e), n = i ? JSON.parse(i) : {};
-  return {
-    get(s) {
-      return s ? n[s] : n;
-    },
-    set(s, r) {
-      return r ? n[s] = r : delete n[s], t && localStorage.setItem(e, JSON.stringify(n)), n;
-    }
-  };
-}
-function ji(e, t, i) {
-  const n = t.nodeType === Node.COMMENT_NODE, s = t.nodeType === Node.ELEMENT_NODE;
-  if (t = n || s ? t : document.querySelector(t), n && (i = "after"), !t)
-    throw new Error(`Not a valid teleport reference: '${t}'`);
-  if (typeof t[i] != "function")
-    throw new Error(`Not a valid teleport method: '${i}'`);
-  let r = null;
-  return n || (r = document.createComment("teleported #" + e.id), e.before(r)), t[i](e), n && t.remove(), r;
-}
-const Ni = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.remove(t.stateClosed), e.classList.add(t.stateOpening), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.add(t.stateOpened), e.classList.remove(t.stateOpening), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateOpened), e.classList.remove(t.stateClosed), i(e));
-}), _i = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.add(t.stateClosing), e.classList.remove(t.stateOpened), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.remove(t.stateClosing), e.classList.add(t.stateClosed), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateClosed), e.classList.remove(t.stateOpened), i(e));
-});
-function Fi(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
-  });
-}
-function Bi(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? (i.inert = !0, i.setAttribute("aria-hidden", !0)) : (i.inert = null, i.removeAttribute("aria-hidden"));
-  });
-}
-function Ri(e, t) {
-  Bi(!!e, t.selectorInert), Fi(!!e, t.selectorOverflow);
-}
-const Qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Breakpoint: Ai,
-  Collection: Ci,
-  FocusTrap: Si,
-  closeTransition: _i,
-  getConfig: Pi,
-  getPrefix: Mi,
-  localStore: Wi,
-  openTransition: Ni,
-  teleport: ji,
-  updateGlobalState: Ri
-}, Symbol.toStringTag, { value: "Module" })), Hi = {
-  autoInit: !1,
-  stateAttr: "aria-checked",
-  stateValue: "mixed"
+var Ee = (t) => {
+  throw TypeError(t);
 };
-let Zs = class {
-  constructor(t) {
-    this.defaults = Hi, 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 i = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`, n = document.querySelectorAll(i);
-    this.setIndeterminate(n), document.addEventListener("click", this.__handlerClick, !1);
-  }
-  destroy() {
-    document.removeEventListener("click", this.__handlerClick, !1);
-  }
-  handlerClick(t) {
-    const i = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`, n = t.target.closest(i);
-    n && (this.removeAriaState(n), this.setIndeterminate(n));
-  }
-  setAriaState(t, i = this.settings.stateValue) {
-    t = t.forEach ? t : [t], t.forEach((n) => {
-      n.setAttribute(this.settings.stateAttr, i);
-    });
-  }
-  removeAriaState(t) {
-    t = t.forEach ? t : [t], t.forEach((i) => {
-      i.removeAttribute(this.settings.stateAttr);
-    });
-  }
-  setIndeterminate(t) {
-    t = t.forEach ? t : [t], t.forEach((i) => {
-      i.hasAttribute(this.settings.stateAttr) ? i.indeterminate = !0 : i.indeterminate = !1;
-    });
-  }
-};
-var Ge = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, _t = (e, t, i) => (Ge(e, t, "read from private field"), i ? i.call(e) : t.get(e)), qe = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, De = (e, t, i, n) => (Ge(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i), Qe = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, q = (e, t, i) => (Qe(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Ht = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, nt = (e, t, i, n) => (Qe(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i), M;
-let Vi = class {
-  constructor(t, i) {
-    Ht(this, M, void 0), this.value = t, nt(this, M, i), this.mql = null;
+var Oe = (t, e, i) => e.has(t) || Ee("Cannot " + i);
+var E = (t, e, i) => (Oe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), H = (t, e, i) => e.has(t) ? Ee("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), M = (t, e, i, s) => (Oe(t, e, "write to private field"), s ? s.call(t, i) : e.set(t, i), i);
+var B;
+class Ie {
+  constructor(e, i) {
+    H(this, B);
+    this.value = e, M(this, B, i), this.mql = null;
   }
   get handler() {
-    return q(this, M);
+    return E(this, B);
   }
   // Unmount existing handler before setting a new one.
-  set handler(t) {
-    this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", q(this, M)) : this.mql.removeListener(q(this, M))), nt(this, M, t);
+  set handler(e) {
+    this.mql && this.mql.removeEventListener("change", E(this, B)), M(this, B, e);
   }
-  mount(t, i) {
-    return t && (this.value = t), i && nt(this, M, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", q(this, M)) : this.mql.addListener(q(this, M)), q(this, M).call(this, this.mql), this) : this;
+  mount(e, i) {
+    return e && (this.value = e), i && M(this, B, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", E(this, B)), E(this, B).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", q(this, M)) : this.mql.removeListener(q(this, M)), this.value = null, nt(this, M, null), this.mql = null, this) : this;
+    return this.mql ? (this.mql.removeEventListener("change", E(this, B)), this.value = null, M(this, B, null), this.mql = null, this) : this;
   }
-};
-M = /* @__PURE__ */ new WeakMap();
-let Ji = class {
+}
+B = new WeakMap();
+class Rt {
   constructor() {
     this.collection = [];
   }
-  async register(t) {
-    return await this.deregister(t), this.collection.push(t), this.collection;
+  async register(e) {
+    return await this.deregister(e), this.collection.push(e), this.collection;
   }
-  async deregister(t) {
-    const i = this.collection.findIndex((n) => n === t);
+  async deregister(e) {
+    const i = this.collection.findIndex((s) => s === e);
     if (i >= 0) {
-      const n = this.collection[i];
-      Object.getOwnPropertyNames(n).forEach((s) => {
-        delete n[s];
+      const s = this.collection[i];
+      Object.getOwnPropertyNames(s).forEach((n) => {
+        delete s[n];
       }), this.collection.splice(i, 1);
     }
     return this.collection;
   }
-  async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
+  async registerCollection(e) {
+    return await Promise.all(Array.from(e, (i) => {
       this.register(i);
     })), this.collection;
   }
@@ -277,15 +51,15 @@ let Ji = class {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
+  get(e, i = "id") {
+    return this.collection.find((s) => s[i] === e);
   }
-};
+}
 const g = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, zi = [
+}, ai = [
   `a[href]${g.inert}${g.negTabIndex}`,
   `area[href]${g.inert}${g.negTabIndex}`,
   `input:not([type="hidden"]):not([type="radio"])${g.inert}${g.negTabIndex}${g.disabled}`,
@@ -303,16 +77,19 @@ const g = {
   `[contenteditable]${g.inert}${g.negTabIndex}`,
   `[tabindex]${g.inert}${g.negTabIndex}`
 ];
-var $t, ct, dt;
-let Ki = class {
-  constructor(t = null, i = "[data-focus]") {
-    Ht(this, $t, void 0), Ht(this, ct, void 0), Ht(this, dt, void 0), this.el = t, this.selectorFocus = i, nt(this, ct, Gi.bind(this)), nt(this, dt, Qi.bind(this));
+var rt, Z, tt;
+class Qt {
+  constructor(e = null, i = "[data-focus]") {
+    H(this, rt);
+    H(this, Z);
+    H(this, tt);
+    this.el = e, this.selectorFocus = i, M(this, Z, li.bind(this)), M(this, tt, ci.bind(this));
   }
   get focusable() {
-    return q(this, $t);
+    return E(this, rt);
   }
-  set focusable(t) {
-    nt(this, $t, t), q(this, $t).length ? (document.removeEventListener("keydown", q(this, dt)), document.addEventListener("keydown", q(this, ct))) : (document.removeEventListener("keydown", q(this, ct)), document.addEventListener("keydown", q(this, dt)));
+  set focusable(e) {
+    M(this, rt, e), E(this, rt).length ? (document.removeEventListener("keydown", E(this, tt)), document.addEventListener("keydown", E(this, Z))) : (document.removeEventListener("keydown", E(this, Z)), document.addEventListener("keydown", E(this, tt)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -320,71 +97,160 @@ let Ki = class {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(t, i) {
-    t && (this.el = t), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
+  mount(e, i) {
+    e && (this.el = e), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", q(this, ct)), document.removeEventListener("keydown", q(this, dt));
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", E(this, Z)), document.removeEventListener("keydown", E(this, tt));
   }
-  focus(t = this.el, i = this.selectorFocus) {
-    (t.querySelector(i) || t).focus();
+  focus(e = this.el, i = this.selectorFocus) {
+    (e.querySelector(i) || e).focus();
   }
-  getFocusable(t = this.el) {
-    const i = [], n = document.activeElement, s = t.scrollTop;
-    return t.querySelectorAll(zi.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && i.push(r);
-    }), t.scrollTop = s, n.focus(), i;
+  getFocusable(e = this.el) {
+    const i = [], s = document.activeElement, n = e.scrollTop;
+    return e.querySelectorAll(ai.join(",")).forEach((a) => {
+      a.focus(), document.activeElement === a && i.push(a);
+    }), e.scrollTop = n, s.focus(), i;
   }
-};
-$t = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap();
-function Gi(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 Qi(e) {
-  (e.key === "Tab" || e.keyCode === 9) && e.preventDefault();
+rt = new WeakMap(), Z = new WeakMap(), tt = new WeakMap();
+function li(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 Zi(e, t) {
-  const i = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
+function ci(t) {
+  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function Ui() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+function Bt() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function Xi(e, t = !0) {
-  const i = localStorage.getItem(e), n = i ? JSON.parse(i) : {};
+function Zt(t, e) {
+  const i = {
+    fallback: null,
+    element: document.body,
+    ...e
+  };
+  if (t.slice(0, 2) !== "--") {
+    const n = Bt();
+    n && (t = `${n}${t}`), t = `--${t}`;
+  }
+  const s = getComputedStyle(i.element).getPropertyValue(t).trim();
+  if (s)
+    return s;
+  if (i.fallback)
+    return i.fallback;
+  throw new Error(`CSS variable "${t}" was not found!`);
+}
+function te(t, e) {
+  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return s ? JSON.parse(s) : {};
+}
+function ee(t, e = !0) {
+  const i = localStorage.getItem(t), s = i ? JSON.parse(i) : {};
   return {
-    get(s) {
-      return s ? n[s] : n;
+    get(n) {
+      return n ? s[n] : s;
     },
-    set(s, r) {
-      return r ? n[s] = r : delete n[s], t && localStorage.setItem(e, JSON.stringify(n)), n;
+    set(n, r) {
+      return r ? s[n] = r : delete s[n], e && localStorage.setItem(t, JSON.stringify(s)), s;
     }
   };
 }
-const Yi = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.remove(t.stateClosed), e.classList.add(t.stateOpening), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.add(t.stateOpened), e.classList.remove(t.stateOpening), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateOpened), e.classList.remove(t.stateClosed), i(e));
-}), tn = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.add(t.stateClosing), e.classList.remove(t.stateOpened), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.remove(t.stateClosing), e.classList.add(t.stateClosed), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateClosed), e.classList.remove(t.stateOpened), i(e));
-});
-function en(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
+function Kt(t, e, i) {
+  const s = e.nodeType === Node.COMMENT_NODE, n = e.nodeType === Node.ELEMENT_NODE;
+  if (e = s || n ? e : document.querySelector(e), s && (i = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
+  if (typeof e[i] != "function") throw new Error(`Not a valid teleport method: '${i}'`);
+  let r = null;
+  return s || (r = document.createComment("teleported #" + t.id), t.before(r)), e[i](t), s && e.remove(), r;
+}
+function di(t) {
+  const e = {
+    prefix: Zt("prefix-themes", { fallback: "vb-theme-" }),
+    themes: ["root", "light", "dark"],
+    storeKey: "VB:Profile"
+  };
+  for (const [r] of Object.entries(e))
+    t && t[r] && (e[r] = t[r]);
+  const i = {
+    onInit() {
+    },
+    onChange() {
+    }
+  };
+  for (const [r] of Object.entries(i))
+    t && t[r] && (i[r] = t[r]);
+  const s = ee(e.storeKey), n = {
+    // Store our settings in the API.
+    settings: e,
+    // Actions.
+    add(r) {
+      e.themes.push(r);
+    },
+    remove(r) {
+      const a = e.themes.indexOf(r);
+      ~a && e.themes.splice(a, 1);
+    },
+    callback(r) {
+      i[r].call(this);
+    },
+    // Getters.
+    get class() {
+      return `${e.prefix}${this.theme}`;
+    },
+    get classes() {
+      return e.themes.map((r) => `${e.prefix}${r}`);
+    },
+    get themes() {
+      return e.themes;
+    },
+    // Setup the theme get and set methods.
+    get theme() {
+      return s.get("theme") || "root";
+    },
+    set theme(r) {
+      e.themes.includes(r) ? this.theme != r && (s.set("theme", r), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${e.prefix}${r}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${r}"`);
+    }
+  };
+  return n.callback("onInit"), n;
+}
+function Ot(t, e, i, s = "transition-duration") {
+  return new Promise((n) => {
+    if (typeof s == "string") {
+      const r = Zt(s, { element: t }), a = !!r.includes("ms");
+      s = parseFloat(r) * (a ? 1 : 1e3);
+    }
+    t.classList.remove(e.finish), t.classList.add(i.start), setTimeout(() => {
+      t.classList.add(i.finish), t.classList.remove(i.start), n(t);
+    }, s);
   });
 }
-function nn(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? (i.inert = !0, i.setAttribute("aria-hidden", !0)) : (i.inert = null, i.removeAttribute("aria-hidden"));
+function ui(t, e) {
+  e && document.querySelectorAll(e).forEach((s) => {
+    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
   });
 }
-function le(e, t) {
-  nn(!!e, t.selectorInert), en(!!e, t.selectorOverflow);
+function fi(t, e) {
+  e && document.querySelectorAll(e).forEach((s) => {
+    t ? (s.inert = !0, s.setAttribute("aria-hidden", !0)) : (s.inert = null, s.removeAttribute("aria-hidden"));
+  });
 }
-const sn = {
-  autoInit: !1,
+function $t(t, e) {
+  fi(!!t, e.selectorInert), ui(!!t, e.selectorOverflow);
+}
+const _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Breakpoint: Ie,
+  Collection: Rt,
+  FocusTrap: Qt,
+  cssVar: Zt,
+  getConfig: te,
+  getPrefix: Bt,
+  localStore: ee,
+  teleport: Kt,
+  themeStore: di,
+  transition: Ot,
+  updateGlobalState: $t
+}, Symbol.toStringTag, { value: "Module" })), hi = {
+  autoMount: !1,
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
@@ -394,6 +260,7 @@ const sn = {
   // Selectors
   selectorDrawer: ".drawer",
   selectorDialog: ".drawer__dialog",
+  selectorScreen: ".drawer",
   selectorFocus: "[data-focus]",
   selectorInert: null,
   selectorOverflow: "body",
@@ -411,359 +278,227 @@ const sn = {
   store: !0,
   storeKey: "VB:DrawerState",
   setTabindex: !0,
-  transition: !0
+  transition: !0,
+  transitionDuration: "drawer-transition-duration"
 };
-function rn(e) {
-  const t = e.target.closest(`
+function pi(t) {
+  t.store === "opened" ? t.open(!1, !1) : t.store === "closed" ? t.close(!1, !1) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(!1, !1) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(!1, !1) : t.state = "indeterminate";
+}
+async function gi(t) {
+  t.store === "opened" ? await t.open(!1, !1) : t.store === "closed" ? await t.close(!1, !1) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(!1, !1) : t.inlineState === "closed" && await t.close(!1, !1));
+}
+function vi(t) {
+  const e = Bt(), i = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  return this.settings.breakpoints && this.settings.breakpoints[i] ? this.settings.breakpoints[i] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() : i;
+}
+function nt(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 Me(t) {
+  t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
+}
+async function mi(t) {
+  const e = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
     [data-${this.settings.dataClose}]
   `);
-  if (t) {
-    e.preventDefault(), t.matches(`[data-${this.settings.dataToggle}]`) && t.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i) => {
-      const n = this.get(i);
-      n.trigger = t, n.toggle();
-    }), t.matches(`[data-${this.settings.dataOpen}]`) && t.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i) => {
-      const n = this.get(i);
-      n.trigger = t, n.open();
-    }), t.matches(`[data-${this.settings.dataClose}]`) && t.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i) => {
-      if (i) {
-        const n = this.get(i);
-        n.trigger = t, n.close();
+  if (e) {
+    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((s) => {
+      const n = nt.call(this, s);
+      return n.trigger = e, n.toggle();
+    }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((s) => {
+      const n = nt.call(this, s);
+      return n.trigger = e, n.open();
+    }), e.matches(`[data-${this.settings.dataClose}]`) && e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((s) => {
+      if (s) {
+        const n = nt.call(this, s);
+        return n.trigger = e, n.close();
       } else {
-        const n = e.target.closest(this.settings.selectorDrawer);
-        n && this.close(n);
+        const n = t.target.closest(this.settings.selectorDrawer);
+        if (n) return this.close(n);
       }
     });
     return;
   }
-  e.target.matches(this.settings.selectorDrawer) && this.close(e.target.id);
+  if (this.activeModal && t.target.matches(this.settings.selectorScreen))
+    return this.close(this.activeModal.id);
 }
-function on(e) {
-  if (e.key === "Escape") {
-    const t = this.activeModal;
-    t && this.close(t);
-  }
+function bi(t) {
+  if (t.key === "Escape" && this.activeModal)
+    return this.close(this.activeModal);
 }
-async function ie(e, t = !0) {
-  if (!e)
-    return this.collection;
-  const i = this.collection.findIndex((n) => n.id === e.id);
+async function Xt(t, e = !0) {
+  const i = this.collection.findIndex((s) => s.id === t.id);
   if (i >= 0) {
-    const n = this.collection[i];
-    t && n.state === "opened" && await n.close(!1), this.store.set(n.id), n.unmountBreakpoint(), Object.getOwnPropertyNames(n).forEach((s) => {
-      delete n[s];
+    const s = this.collection[i];
+    e && s.state === "opened" && await s.close(!1), this.store.set(s.id), s.unmountBreakpoint(), Object.getOwnPropertyNames(s).forEach((n) => {
+      delete s[n];
     }), this.collection.splice(i, 1);
   }
   return this.collection;
 }
-function an(e) {
-  const t = Ui(), i = e.getAttribute(`data-${this.settings.dataBreakpoint}`);
-  return this.settings.breakpoints && this.settings.breakpoints[i] ? this.settings.breakpoints[i] : getComputedStyle(document.body).getPropertyValue(`--${t}breakpoint-${i}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${t}breakpoint-${i}`).trim() : i;
-}
-function ce(e) {
-  const t = typeof e == "string" ? this.get(e) : this.get(e.id);
-  if (t)
-    return t;
-  throw new Error(`Drawer not found in collection with id of "${e.id || e}".`);
-}
-function Ze(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}`) || !1 : e.hasAttribute(`data-${this.settings.dataToggle}`) ? e.getAttribute(`data-${this.settings.dataToggle}`) : e.closest(this.settings.selectorDrawer) ? (e = e.closest(this.settings.selectorDrawer), e.id || !1) : !1 : e.id ? e.id : !1;
-}
-function ln(e) {
-  const t = Ze.call(this, e);
-  if (t) {
-    const i = document.querySelector(`#${t}`), n = i ? i.querySelector(this.settings.selectorDialog) : null;
-    return !i && !n ? { error: new Error(`No drawer elements found using the ID: "${t}".`) } : n ? { drawer: i, dialog: n } : { error: new Error("Drawer is missing dialog element.") };
-  } else
-    return { error: new Error("Could not resolve the drawer ID.") };
-}
-async function Ue(e) {
-  this.store.get(e.id) ? this.store.get(e.id) === "opened" ? await e.open(!1, !1) : await e.close(!1, !1) : e.el.classList.contains(this.settings.stateOpened) ? e.state = "opened" : (e.el.classList.remove(this.settings.stateOpening), e.el.classList.remove(this.settings.stateClosing), e.el.classList.add(this.settings.stateClosed));
-}
-function Xe(e) {
-  e.state === "opened" ? e.mode === "modal" ? this.focusTrap.mount(e.dialog, this.settings.selectorFocus) : this.focusTrap.focus(e.dialog, this.settings.selectorFocus) : (e.trigger && (e.trigger.focus(), e.trigger = null), this.focusTrap.unmount());
-}
-async function de(e, t, i = !0) {
-  const n = ce.call(this, e), s = { ...this.settings, ...n.settings };
-  return t !== void 0 && (s.transition = t), n.state === "closed" && (n.state = "opening", await Yi(n.el, s), n.mode === "modal" && le(!0, s), n.state = "opened"), i && Xe.call(this, n), n.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "opened", {
+async function ie(t, e, i = !0) {
+  const s = nt.call(this, t), n = { ...this.settings, ...s.settings };
+  return e !== void 0 && (n.transition = e), (s.state === "closed" || s.state === "indeterminate") && (s.state = "opening", n.transition ? await Ot(s.el, {
+    start: n.stateClosing,
+    finish: n.stateClosed
+  }, {
+    start: n.stateOpening,
+    finish: n.stateOpened
+  }, n.transitionDuration) : (s.el.classList.add(n.stateOpened), s.el.classList.remove(n.stateClosed)), s.state = "opened", s.mode === "modal" && $t(!0, n), i && Me.call(this, s), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
     detail: this,
     bubbles: !0
-  })), n;
+  }))), s;
 }
-async function Kt(e, t, i = !0) {
-  const n = ce.call(this, e), s = { ...this.settings, ...n.settings };
-  return t !== void 0 && (s.transition = t), n.state === "opened" && (n.state = "closing", document.activeElement.blur(), await tn(n.el, s), n.mode === "modal" && le(!1, s), i && Xe.call(this, n), n.state = "closed", n.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "closed", {
+async function jt(t, e, i = !0) {
+  const s = nt.call(this, t), n = { ...this.settings, ...s.settings };
+  return e !== void 0 && (n.transition = e), (s.state === "opened" || s.state === "indeterminate") && (s.state = "closing", document.activeElement.blur(), n.transition ? await Ot(s.el, {
+    start: n.stateOpening,
+    finish: n.stateOpened
+  }, {
+    start: n.stateClosing,
+    finish: n.stateClosed
+  }, n.transitionDuration) : (s.el.classList.add(n.stateClosed), s.el.classList.remove(n.stateOpened)), s.state = "closed", s.mode === "modal" && $t(!1, n), i && Me.call(this, s), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
     detail: this,
     bubbles: !0
-  }))), n;
+  }))), s;
 }
-async function Ye(e, t, i) {
-  const n = ce.call(this, e);
-  return n.state === "closed" ? de.call(this, n, t, i) : Kt.call(this, n, t, i);
+async function Re(t, e, i) {
+  const s = nt.call(this, t);
+  return s.state === "closed" ? ie.call(this, s, e, i) : jt.call(this, s, e, i);
 }
-function cn(e) {
-  switch (e.mode) {
+function wi(t) {
+  switch (t.mode) {
     case "inline":
-      return dn.call(this, e);
+      return yi.call(this, t);
     case "modal":
-      return un.call(this, e);
+      return xi.call(this, t);
     default:
-      throw new Error(`"${e.mode}" is not a valid drawer mode.`);
+      throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
-async function dn(e) {
-  return e.el.classList.remove(e.getSetting("classModal")), e.dialog.removeAttribute("aria-modal"), le(!1, { ...this.settings, ...e.settings }), this.focusTrap.unmount(), await Ue.call(this, e), e.el.dispatchEvent(new CustomEvent(e.getSetting("customEventPrefix") + "switchMode", {
+async function yi(t) {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), $t(!1, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await gi(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
-  })), e;
+  })), t;
 }
-async function un(e) {
-  return e.el.classList.add(e.getSetting("classModal")), e.dialog.setAttribute("aria-modal", "true"), !this.store.get(e.id) && e.el.classList.contains(e.getSetting("stateOpened")) && this.store.set(e.id, "opened"), await Kt.call(this, e, !1, !1), e.el.dispatchEvent(new CustomEvent(e.getSetting("customEventPrefix") + "switchMode", {
+async function xi(t) {
+  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await jt.call(this, t, !1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
-  })), e;
-}
-async function hn(e, t) {
-  await ie.call(this, e, !1);
-  const i = this, n = new Vi(), s = {
-    open(o, c) {
-      return de.call(i, this, o, c);
+  })), t;
+}
+async function Ei(t, e = {}) {
+  await Xt.call(this, t, !1);
+  const i = this, s = new Ie();
+  let n, r = "indeterminate";
+  const a = {
+    id: t.id,
+    el: t,
+    dialog: null,
+    trigger: null,
+    settings: { ...te(t, this.settings.dataConfig), ...e },
+    inlineState: "indeterminate",
+    get breakpoint() {
+      return vi.call(i, t);
+    },
+    get store() {
+      return i.store.get(this.id);
+    },
+    get mode() {
+      return n;
     },
-    close(o, c) {
-      return Kt.call(i, this, o, c);
+    set mode(o) {
+      n = o, wi.call(i, this);
+    },
+    get state() {
+      return r;
     },
-    toggle(o, c) {
-      return Ye.call(i, this, o, c);
+    set state(o) {
+      r = o, this.mode === "inline" && o != "opening" && o != "closing" && (this.inlineState = o, this.getSetting("store") && i.store.set(this.id, o)), o === "indeterminate" && (this.el.classList.remove(this.getSetting("stateOpened")), this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosed")), this.el.classList.remove(this.getSetting("stateClosing")));
+    },
+    open(o, d) {
+      return ie.call(i, this, o, d);
+    },
+    close(o, d) {
+      return jt.call(i, this, o, d);
+    },
+    toggle(o, d) {
+      return Re.call(i, this, o, d);
     },
     deregister() {
-      return ie.call(i, this);
+      return Xt.call(i, this);
     },
     mountBreakpoint() {
-      const o = this.breakpoint, c = this.handleBreakpoint.bind(this);
-      return n.mount(o, c), this;
+      const o = this.breakpoint, d = this.handleBreakpoint.bind(this);
+      return s.mount(o, d), this;
     },
     unmountBreakpoint() {
-      return n.unmount(), this;
+      return s.unmount(), this;
     },
     handleBreakpoint(o) {
-      return this.mode = o.matches ? "inline" : "modal", this;
+      const d = o.matches ? "inline" : "modal";
+      return this.mode != d && (this.mode = d), this;
     },
     getSetting(o) {
       return o in this.settings ? this.settings[o] : i.settings[o];
     }
-  }, r = {
-    id: e.id,
-    el: e,
-    dialog: t,
-    trigger: null,
-    settings: Zi(e, this.settings.dataConfig),
-    get breakpoint() {
-      return an.call(i, e);
-    },
-    get state() {
-      return a;
-    },
-    set state(o) {
-      a = o, (o === "opened" || o === "closed") && this.mode === "inline" && i.store.set(this.id, this.state);
-    },
-    get mode() {
-      return l;
-    },
-    set mode(o) {
-      l = o, cn.call(i, this);
-    },
-    ...s
   };
-  let a = e.classList.contains(r.getSetting("stateOpened")) ? "opened" : "closed", l = e.classList.contains(r.getSetting("classModal")) ? "modal" : "inline";
-  return r.mode === "modal" ? r.dialog.setAttribute("aria-modal", "true") : r.dialog.removeAttribute("aria-modal"), r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), this.collection.push(r), r.breakpoint ? r.mountBreakpoint() : await Ue.call(this, r), r;
-}
-var Et, xt;
-let er = class extends Ji {
-  constructor(t) {
-    super(), qe(this, Et, void 0), qe(this, xt, void 0), this.defaults = sn, this.settings = { ...this.defaults, ...t }, this.focusTrap = new Ki(), this.store = Xi(this.settings.storeKey, this.settings.store), De(this, Et, rn.bind(this)), De(this, xt, on.bind(this)), this.settings.autoInit && this.init();
+  this.collection.push(a);
+  const l = t.querySelector(a.getSetting("selectorDialog"));
+  return a.dialog = l || t, a.getSetting("setTabindex") && a.dialog.setAttribute("tabindex", "-1"), await pi(a), a.inlineState = a.state, a.mode = t.classList.contains(a.getSetting("classModal")) ? "modal" : "inline", a.breakpoint && a.mountBreakpoint(), a;
+}
+var ot, at;
+class zs extends Rt {
+  constructor(i) {
+    super();
+    H(this, ot);
+    H(this, at);
+    this.defaults = hi, this.settings = { ...this.defaults, ...i }, this.focusTrap = new Qt(), this.store = ee(this.settings.storeKey, this.settings.store), M(this, ot, mi.bind(this)), M(this, at, bi.bind(this)), this.settings.autoMount && this.mount();
   }
   get activeModal() {
-    return this.collection.find((t) => t.state === "opened" && t.mode === "modal");
-  }
-  async init(t = null) {
-    t && (this.settings = { ...this.settings, ...t });
-    const i = document.querySelectorAll(this.settings.selectorDrawer);
-    return await this.registerCollection(i), this.settings.eventListeners && this.initEventListeners(), this;
-  }
-  async destroy() {
-    return await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
-  }
-  initEventListeners() {
-    document.addEventListener("click", _t(this, Et), !1), document.addEventListener("keydown", _t(this, xt), !1);
-  }
-  destroyEventListeners() {
-    document.removeEventListener("click", _t(this, Et), !1), document.removeEventListener("keydown", _t(this, xt), !1);
-  }
-  register(t) {
-    const i = ln.call(this, t);
-    return i.error ? Promise.reject(i.error) : hn.call(this, i.drawer, i.dialog);
-  }
-  deregister(t) {
-    const i = this.get(Ze.call(this, t));
-    return ie.call(this, i);
-  }
-  open(t, i, n) {
-    return de.call(this, t, i, n);
-  }
-  close(t, i, n) {
-    return Kt.call(this, t, i, n);
-  }
-  toggle(t, i, n) {
-    return Ye.call(this, t, i, n);
-  }
-};
-Et = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap();
-var ti = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Ft = (e, t, i) => (ti(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Pe = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Me = (e, t, i, n) => (ti(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i), ei = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Q = (e, t, i) => (ei(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Yt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, te = (e, t, i, n) => (ei(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i);
-class fn {
-  constructor() {
-    this.collection = [];
-  }
-  async register(t) {
-    return await this.deregister(t), this.collection.push(t), this.collection;
-  }
-  async deregister(t) {
-    const i = this.collection.findIndex((n) => n === t);
-    if (i >= 0) {
-      const n = this.collection[i];
-      Object.getOwnPropertyNames(n).forEach((s) => {
-        delete n[s];
-      }), this.collection.splice(i, 1);
-    }
-    return this.collection;
+    return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
   }
-  async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
-    })), this.collection;
+  async mount(i = null) {
+    i && (this.settings = { ...this.settings, ...i });
+    const s = document.querySelectorAll(this.settings.selectorDrawer);
+    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(), this;
   }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
+  async unmount() {
+    return await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
+  mountEventListeners() {
+    document.addEventListener("click", E(this, ot), !1), document.addEventListener("keydown", E(this, at), !1);
   }
-}
-const m = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, pn = [
-  `a[href]${m.inert}${m.negTabIndex}`,
-  `area[href]${m.inert}${m.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${m.inert}${m.negTabIndex}${m.disabled}`,
-  `input[type="radio"]${m.inert}${m.negTabIndex}${m.disabled}`,
-  `select${m.inert}${m.negTabIndex}${m.disabled}`,
-  `textarea${m.inert}${m.negTabIndex}${m.disabled}`,
-  `button${m.inert}${m.negTabIndex}${m.disabled}`,
-  `details${m.inert} > summary:first-of-type${m.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${m.inert}${m.negTabIndex}`,
-  `audio[controls]${m.inert}${m.negTabIndex}`,
-  `video[controls]${m.inert}${m.negTabIndex}`,
-  `[contenteditable]${m.inert}${m.negTabIndex}`,
-  `[tabindex]${m.inert}${m.negTabIndex}`
-];
-var Lt, ut, ht;
-let gn = class {
-  constructor(t = null, i = "[data-focus]") {
-    Yt(this, Lt, void 0), Yt(this, ut, void 0), Yt(this, ht, void 0), this.el = t, this.selectorFocus = i, te(this, ut, mn.bind(this)), te(this, ht, vn.bind(this));
+  unmountEventListeners() {
+    document.removeEventListener("click", E(this, ot), !1), document.removeEventListener("keydown", E(this, at), !1);
   }
-  get focusable() {
-    return Q(this, Lt);
+  register(i, s = {}) {
+    let n = typeof i == "string" ? document.getElementById(i) : i;
+    return n ? Ei.call(this, n, s) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${i.id || i}".`));
   }
-  set focusable(t) {
-    te(this, Lt, t), Q(this, Lt).length ? (document.removeEventListener("keydown", Q(this, ht)), document.addEventListener("keydown", Q(this, ut))) : (document.removeEventListener("keydown", Q(this, ut)), document.addEventListener("keydown", Q(this, ht)));
+  deregister(i) {
+    let s = this.get(i.id || i);
+    return s ? Xt.call(this, s) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${i.id || i}".`));
   }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
+  open(i, s, n) {
+    return ie.call(this, i, s, n);
   }
-  mount(t, i) {
-    t && (this.el = t), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
+  close(i, s, n) {
+    return jt.call(this, i, s, n);
   }
-  unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", Q(this, ut)), document.removeEventListener("keydown", Q(this, ht));
-  }
-  focus(t = this.el, i = this.selectorFocus) {
-    (t.querySelector(i) || t).focus();
+  toggle(i, s, n) {
+    return Re.call(this, i, s, n);
   }
-  getFocusable(t = this.el) {
-    const i = [], n = document.activeElement, s = t.scrollTop;
-    return t.querySelectorAll(pn.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && i.push(r);
-    }), t.scrollTop = s, n.focus(), i;
-  }
-};
-Lt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap();
-function mn(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 vn(e) {
-  (e.key === "Tab" || e.keyCode === 9) && e.preventDefault();
-}
-function bn(e, t) {
-  const i = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
-}
-function We(e, t, i) {
-  const n = t.nodeType === Node.COMMENT_NODE, s = t.nodeType === Node.ELEMENT_NODE;
-  if (t = n || s ? t : document.querySelector(t), n && (i = "after"), !t)
-    throw new Error(`Not a valid teleport reference: '${t}'`);
-  if (typeof t[i] != "function")
-    throw new Error(`Not a valid teleport method: '${i}'`);
-  let r = null;
-  return n || (r = document.createComment("teleported #" + e.id), e.before(r)), t[i](e), n && t.remove(), r;
-}
-const yn = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.remove(t.stateClosed), e.classList.add(t.stateOpening), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.add(t.stateOpened), e.classList.remove(t.stateOpening), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateOpened), e.classList.remove(t.stateClosed), i(e));
-}), wn = (e, t) => new Promise((i) => {
-  t.transition ? (e.classList.add(t.stateClosing), e.classList.remove(t.stateOpened), e.addEventListener("transitionend", function n(s) {
-    s.target == e && (e.classList.remove(t.stateClosing), e.classList.add(t.stateClosed), i(e), this.removeEventListener("transitionend", n));
-  })) : (e.classList.add(t.stateClosed), e.classList.remove(t.stateOpened), i(e));
-});
-function $n(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
-  });
-}
-function En(e, t) {
-  t && document.querySelectorAll(t).forEach((i) => {
-    e ? (i.inert = !0, i.setAttribute("aria-hidden", !0)) : (i.inert = null, i.removeAttribute("aria-hidden"));
-  });
-}
-function xn(e, t) {
-  En(!!e, t.selectorInert), $n(!!e, t.selectorOverflow);
 }
-const Ln = {
-  autoInit: !1,
+ot = new WeakMap(), at = new WeakMap();
+const Oi = {
+  autoMount: !1,
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
@@ -772,6 +507,7 @@ const Ln = {
   // Selectors
   selectorModal: ".modal",
   selectorDialog: ".modal__dialog",
+  selectorScreen: ".modal",
   selectorRequired: '[role="alertdialog"]',
   selectorFocus: "[data-focus]",
   selectorInert: null,
@@ -787,249 +523,217 @@ const Ln = {
   teleport: null,
   teleportMethod: "append",
   setTabindex: !0,
-  transition: !0
+  transition: !0,
+  transitionDuration: "modal-transition-duration"
 };
-function ue(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 Jt(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}`) || !1 : 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 || !1) : !1 : e.id ? e.id : !1;
-}
-function On(e) {
-  const t = Jt.call(this, e);
-  if (t) {
-    const i = document.querySelector(`#${t}`), n = i ? i.querySelector(this.settings.selectorDialog) : null;
-    return !i && !n ? { error: new Error(`No modal elements found using the ID: "${t}".`) } : n ? { modal: i, dialog: n } : { error: new Error("Modal is missing dialog element.") };
-  } else
-    return { error: new Error("Could not resolve the modal ID.") };
+function yt(t) {
+  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (e)
+    return e;
+  throw new Error(`Modal not found in collection with id of "${t.id || t}".`);
 }
-function Gt() {
+function Ft() {
   this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
 }
-async function kn(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 i = this.get(Jt.call(this, t));
-    return t.matches(`[data-${this.settings.dataOpen}]`) ? i.open() : i.replace();
-  }
-  if (t = e.target.closest(`[data-${this.settings.dataClose}]`), t) {
-    e.preventDefault();
-    const i = t.getAttribute(`data-${this.settings.dataClose}`);
-    return i === "*" ? this.closeAll() : this.close(i);
+async function $i(t) {
+  const e = t.target.closest(`
+    [data-${this.settings.dataOpen}],
+    [data-${this.settings.dataReplace}],
+    [data-${this.settings.dataClose}]
+  `);
+  if (e) {
+    if (t.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s = yt.call(this, i);
+      return t.target.closest(this.settings.selectorModal) || (this.trigger = e), s.open();
+    }
+    if (e.matches(`[data-${this.settings.dataReplace}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), s = yt.call(this, i);
+      return t.target.closest(this.settings.selectorModal) || (this.trigger = e), s.replace();
+    }
+    if (e.matches(`[data-${this.settings.dataClose}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return i === "*" ? this.closeAll() : this.close(i);
+    }
   }
-  if (e.target.matches(this.settings.selectorModal) && !e.target.querySelector(this.settings.selectorRequired))
-    return this.close(Jt.call(this, e.target));
+  if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.required)
+    return this.close(this.active.id);
 }
-function Tn(e) {
-  if (e.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
+function Li(t) {
+  if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function ne(e, t = !0) {
-  if (!e)
-    return this.collection;
-  const i = this.collection.findIndex((n) => n.id === e.id);
+async function Yt(t, e = !0) {
+  const i = this.collection.findIndex((s) => s.id === t.id);
   if (i >= 0) {
-    const n = this.collection[i];
-    t && n.state === "opened" ? await n.close(!1) : this.stack.remove(n), n.getSetting("teleport") && n.teleportReturn(), Object.getOwnPropertyNames(n).forEach((s) => {
-      delete n[s];
+    const s = this.collection[i];
+    e && s.state === "opened" ? await s.close(!1) : this.stack.remove(s), s.getSetting("teleport") && s.teleportReturn(), Object.getOwnPropertyNames(s).forEach((n) => {
+      delete s[n];
     }), this.collection.splice(i, 1);
   }
   return this.collection;
 }
-async function he(e, t, i = !0) {
-  const n = ue.call(this, e), s = { ...this.settings, ...n.settings };
-  return t !== void 0 && (s.transition = t), this.stack.moveToTop(n), n.state === "closed" && (n.state = "opening", this.stack.add(n), await yn(n.el, s), n.state = "opened"), i && Gt.call(this), n.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "opened", {
+async function se(t, e, i = !0) {
+  const s = yt.call(this, t), n = { ...this.settings, ...s.settings };
+  return e !== void 0 && (n.transition = e), this.stack.moveToTop(s), s.state === "closed" && (s.state = "opening", this.stack.add(s), n.transition ? await Ot(s.el, {
+    start: n.stateClosing,
+    finish: n.stateClosed
+  }, {
+    start: n.stateOpening,
+    finish: n.stateOpened
+  }, n.transitionDuration) : (s.el.classList.add(n.stateOpened), s.el.classList.remove(n.stateClosed)), s.state = "opened"), i && Ft.call(this), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
     detail: this,
     bubbles: !0
-  })), n;
-}
-async function fe(e, t, i = !0) {
-  const n = e ? ue.call(this, e) : this.active;
-  if (n && n.state === "opened") {
-    n.state = "closing";
-    const s = { ...this.settings, ...n.settings };
-    t !== void 0 && (s.transition = t), document.activeElement.blur(), await wn(n.el, s), this.stack.remove(n), i && Gt.call(this), n.state = "closed", n.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "closed", {
+  })), s;
+}
+async function ne(t, e, i = !0) {
+  const s = t ? yt.call(this, t) : this.active;
+  if (s && s.state === "opened") {
+    s.state = "closing";
+    const n = { ...this.settings, ...s.settings };
+    e !== void 0 && (n.transition = e), document.activeElement.blur(), n.transition ? await Ot(s.el, {
+      start: n.stateOpening,
+      finish: n.stateOpened
+    }, {
+      start: n.stateClosing,
+      finish: n.stateClosed
+    }, n.transitionDuration) : (s.el.classList.add(n.stateClosed), s.el.classList.remove(n.stateOpened)), this.stack.remove(s), s.state = "closed", i && Ft.call(this), s.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
       detail: this,
       bubbles: !0
     }));
   }
-  return n;
+  return s;
 }
-async function se(e, t) {
+async function qt(t, e) {
   const i = [];
-  return await Promise.all(this.stack.value.map(async (n) => {
-    e && e === n.id ? Promise.resolve() : i.push(await fe.call(this, n, t, !1)), n.trigger = null;
+  return await Promise.all(this.stack.value.map(async (s) => {
+    t && t === s.id ? Promise.resolve() : i.push(await ne.call(this, s, e, !1)), s.trigger = null;
   })), i;
 }
-async function ii(e, t, i = !0) {
-  const n = ue.call(this, e);
-  let s, r;
-  return n.state === "opened" ? (s = n, r = await se.call(this, n.id, t)) : (s = he.call(this, n, t, !1), r = se.call(this, !1, t), await Promise.all([s, r])), i && Gt.call(this), { opened: s, closed: r };
+async function Be(t, e, i = !0) {
+  const s = yt.call(this, t);
+  let n, r;
+  return s.state === "opened" ? (n = s, r = await qt.call(this, s.id, e)) : (r = qt.call(this, !1, e), n = se.call(this, s, e, !1), await Promise.all([n, r])), i && Ft.call(this), { opened: n, closed: r };
 }
-async function An(e, t) {
-  await ne.call(this, e, !1);
-  const i = this, n = {
+async function Ci(t, e = {}) {
+  await Yt.call(this, t, !1);
+  const i = this, s = {
+    id: t.id,
+    state: "closed",
+    el: t,
+    dialog: null,
+    get required() {
+      return this.dialog.matches(this.getSetting("selectorRequired"));
+    },
+    returnRef: null,
+    settings: { ...te(t, this.settings.dataConfig), ...e },
     open(r, a) {
-      return he.call(i, this, r, a);
+      return se.call(i, this, r, a);
     },
     close(r, a) {
-      return fe.call(i, this, r, a);
+      return ne.call(i, this, r, a);
     },
     replace(r, a) {
-      return ii.call(i, this, r, a);
+      return Be.call(i, this, r, a);
     },
     deregister() {
-      return ne.call(i, this);
+      return Yt.call(i, this);
     },
     teleport(r = this.getSetting("teleport"), a = this.getSetting("teleportMethod")) {
-      return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = We(this.el, r, a), this.el);
+      return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = Kt(this.el, r, a), this.el);
     },
     teleportReturn() {
-      return this.returnRef ? (this.returnRef = We(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
+      return this.returnRef ? (this.returnRef = Kt(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
     },
     getSetting(r) {
       return r in this.settings ? this.settings[r] : i.settings[r];
     }
-  }, s = {
-    id: e.id,
-    state: "closed",
-    el: e,
-    dialog: t,
-    returnRef: null,
-    settings: bn(e, this.settings.dataConfig),
-    ...n
-  };
-  return s.dialog.setAttribute("aria-modal", "true"), s.dialog.hasAttribute("role") || s.dialog.setAttribute("role", "dialog"), s.getSetting("setTabindex") && s.dialog.setAttribute("tabindex", "-1"), s.getSetting("teleport") && s.teleport(), this.collection.push(s), s.el.classList.contains(this.settings.stateOpened) ? await s.open(!1) : (s.el.classList.remove(this.settings.stateOpening), s.el.classList.remove(this.settings.stateClosing), s.el.classList.add(this.settings.stateClosed)), s;
+  }, n = t.querySelector(s.getSetting("selectorDialog"));
+  return s.dialog = n || t, s.dialog.setAttribute("aria-modal", "true"), s.dialog.hasAttribute("role") || s.dialog.setAttribute("role", "dialog"), s.getSetting("setTabindex") && s.dialog.setAttribute("tabindex", "-1"), s.getSetting("teleport") && s.teleport(), this.collection.push(s), s.el.classList.contains(this.settings.stateOpened) ? await s.open(!1) : (s.el.classList.remove(this.settings.stateOpening), s.el.classList.remove(this.settings.stateClosing), s.el.classList.add(this.settings.stateClosed)), s;
 }
-function Cn(e) {
-  const t = [];
+function ki(t) {
+  const e = [];
   return {
     get value() {
-      return [...t];
+      return [...e];
     },
     get top() {
-      return t[t.length - 1];
+      return e[e.length - 1];
     },
     updateIndex() {
-      t.forEach((i, n) => {
+      e.forEach((i, s) => {
         i.el.style.zIndex = null;
-        const s = getComputedStyle(i.el)["z-index"];
-        i.el.style.zIndex = parseInt(s) + n + 1;
+        const n = getComputedStyle(i.el)["z-index"];
+        i.el.style.zIndex = parseInt(n) + s + 1;
       });
     },
     updateGlobalState() {
-      xn(this.top, e), this.updateIndex();
+      $t(this.top, t), this.updateIndex();
     },
     add(i) {
       i.el.style.zIndex = null;
-      const n = getComputedStyle(i.el)["z-index"];
-      i.el.style.zIndex = parseInt(n) + t.length + 1, t.push(i), this.updateGlobalState();
+      const s = getComputedStyle(i.el)["z-index"];
+      i.el.style.zIndex = parseInt(s) + e.length + 1, e.push(i), this.updateGlobalState();
     },
     remove(i) {
-      const n = t.findIndex((s) => s.id === i.id);
-      n >= 0 && (i.el.style.zIndex = null, t.splice(n, 1), this.updateGlobalState());
+      const s = e.findIndex((n) => n.id === i.id);
+      s >= 0 && (i.el.style.zIndex = null, e.splice(s, 1), this.updateGlobalState());
     },
     moveToTop(i) {
-      const n = t.findIndex((s) => s.id === i.id);
-      n >= 0 && (t.splice(n, 1), this.add(i));
+      const s = e.findIndex((n) => n.id === i.id);
+      s >= 0 && (e.splice(s, 1), this.add(i));
     }
   };
 }
-var Ot, kt;
-class sr extends fn {
-  constructor(t) {
-    super(), Pe(this, Ot, void 0), Pe(this, kt, void 0), this.defaults = Ln, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new gn(), this.stack = Cn(this.settings), Me(this, Ot, kn.bind(this)), Me(this, kt, Tn.bind(this)), this.settings.autoInit && this.init();
+var lt, ct;
+class Ks extends Rt {
+  constructor(i) {
+    super();
+    H(this, lt);
+    H(this, ct);
+    this.defaults = Oi, this.settings = { ...this.defaults, ...i }, this.trigger = null, this.focusTrap = new Qt(), this.stack = ki(this.settings), M(this, lt, $i.bind(this)), M(this, ct, Li.bind(this)), this.settings.autoMount && this.mount();
   }
   get active() {
     return this.stack.top;
   }
-  async init(t) {
-    t && (this.settings = { ...this.settings, ...t });
-    const i = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(i), this.settings.eventListeners && this.initEventListeners(), this;
+  async mount(i) {
+    i && (this.settings = { ...this.settings, ...i });
+    const s = document.querySelectorAll(this.settings.selectorModal);
+    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(), this;
   }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
+  async unmount() {
+    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
-  initEventListeners() {
-    document.addEventListener("click", Ft(this, Ot), !1), document.addEventListener("keydown", Ft(this, kt), !1);
+  mountEventListeners() {
+    document.addEventListener("click", E(this, lt), !1), document.addEventListener("keydown", E(this, ct), !1);
   }
-  destroyEventListeners() {
-    document.removeEventListener("click", Ft(this, Ot), !1), document.removeEventListener("keydown", Ft(this, kt), !1);
+  unmountEventListeners() {
+    document.removeEventListener("click", E(this, lt), !1), document.removeEventListener("keydown", E(this, ct), !1);
   }
-  register(t) {
-    const i = On.call(this, t);
-    return i.error ? Promise.reject(i.error) : An.call(this, i.modal, i.dialog);
+  register(i, s = {}) {
+    let n = typeof i == "string" ? document.getElementById(i) : i;
+    return n ? Ci.call(this, n, s) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${i.id || i}".`));
   }
-  deregister(t) {
-    const i = this.get(Jt.call(this, t));
-    return ne.call(this, i);
+  deregister(i) {
+    let s = this.get(i.id || i);
+    return s ? Yt.call(this, s) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${i.id || i}".`));
   }
-  open(t, i, n) {
-    return he.call(this, t, i, n);
+  open(i, s, n) {
+    return se.call(this, i, s, n);
   }
-  close(t, i, n) {
-    return fe.call(this, t, i, n);
+  close(i, s, n) {
+    return ne.call(this, i, s, n);
   }
-  replace(t, i, n) {
-    return ii.call(this, t, i, n);
+  replace(i, s, n) {
+    return Be.call(this, i, s, n);
   }
-  async closeAll(t = !1, i, n = !0) {
-    const s = await se.call(this, t, i);
-    return n && Gt.call(this), s;
+  async closeAll(i = !1, s, n = !0) {
+    const r = await qt.call(this, i, s);
+    return n && Ft.call(this), r;
   }
 }
-Ot = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap();
-var ni = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, je = (e, t, i) => (ni(e, t, "read from private field"), i ? i.call(e) : t.get(e)), In = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Sn = (e, t, i, n) => (ni(e, t, "write to private field"), n ? n.call(e, i) : t.set(e, i), i);
-class qn {
-  constructor() {
-    this.collection = [];
-  }
-  async register(t) {
-    return await this.deregister(t), this.collection.push(t), this.collection;
-  }
-  async deregister(t) {
-    const i = this.collection.findIndex((n) => n === t);
-    if (i >= 0) {
-      const n = this.collection[i];
-      Object.getOwnPropertyNames(n).forEach((s) => {
-        delete n[s];
-      }), this.collection.splice(i, 1);
-    }
-    return this.collection;
-  }
-  async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
-  }
-}
-function Dn() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
-}
-const Pn = {
-  autoInit: !1,
+lt = new WeakMap(), ct = new WeakMap();
+const Ai = {
+  autoMount: !1,
   // Selectors
   selectorPopover: ".popover",
   selectorArrow: ".popover__arrow",
@@ -1038,35 +742,37 @@ const Pn = {
   // Feature settings
   eventListeners: !0,
   eventType: "click",
-  placement: "bottom"
+  placement: "bottom",
+  hoverToggleDelay: 0
 };
-function si(e, t) {
-  const i = getComputedStyle(e), n = {
-    placement: t.placement,
-    event: t.eventType,
+function je(t, e) {
+  const i = getComputedStyle(t), s = {
+    placement: e.placement,
+    event: e.eventType,
     offset: 0,
     "overflow-padding": 0,
     "flip-padding": 0,
-    "arrow-element": t.selectorArrow,
-    "arrow-padding": 0
+    "arrow-element": e.selectorArrow,
+    "arrow-padding": 0,
+    "toggle-delay": e.hoverToggleDelay
   };
-  for (const s in n) {
-    const r = Dn(), a = i.getPropertyValue(`--${r}popover-${s}`).trim();
-    a && (n[s] = a);
+  for (const n in s) {
+    const r = Bt(), a = i.getPropertyValue(`--${r}popover-${n}`).trim();
+    a && (s[n] = a);
   }
-  return n;
+  return s;
 }
-function ee(e) {
-  let t;
-  const i = typeof e == "string" ? e.trim().split(" ") : [e];
-  switch (i.forEach(function(n, s) {
-    i[s] = parseInt(n, 10);
+function zt(t) {
+  let e;
+  const i = typeof t == "string" ? t.trim().split(" ") : [t];
+  switch (i.forEach(function(s, n) {
+    i[n] = parseInt(s, 10);
   }), i.length) {
     case 1:
-      t = i[0];
+      e = i[0];
       break;
     case 2:
-      t = {
+      e = {
         top: i[0],
         right: i[1],
         bottom: i[0],
@@ -1074,7 +780,7 @@ function ee(e) {
       };
       break;
     case 3:
-      t = {
+      e = {
         top: i[0],
         right: i[1],
         bottom: i[2],
@@ -1082,7 +788,7 @@ function ee(e) {
       };
       break;
     case 4:
-      t = {
+      e = {
         top: i[0],
         right: i[1],
         bottom: i[2],
@@ -1090,142 +796,158 @@ function ee(e) {
       };
       break;
     default:
-      t = !1;
+      e = !1;
       break;
   }
-  return t;
+  return e;
 }
-function Mn(e) {
+function Fe(t) {
   return [{
     name: "offset",
     options: {
-      offset: [0, parseInt(e.offset, 10)]
+      offset: [0, parseInt(t.offset, 10)]
     }
   }, {
     name: "preventOverflow",
     options: {
-      padding: ee(e["overflow-padding"])
+      padding: zt(t["overflow-padding"])
     }
   }, {
     name: "flip",
     options: {
-      padding: ee(e["flip-padding"])
+      padding: zt(t["flip-padding"])
     }
   }, {
     name: "arrow",
     options: {
-      element: e["arrow-element"],
-      padding: ee(e["arrow-padding"])
+      element: t["arrow-element"],
+      padding: zt(t["arrow-padding"])
     }
   }];
 }
-function ri(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 Ne(t) {
+  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (e)
+    return e;
+  throw new Error(`Popover not found in collection with id of "${t}".`);
 }
-function oi(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") : !1 : e.id ? e.id : !1;
+function Si(t) {
+  return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.closest(this.settings.selectorPopover) ? (t = t.closest(this.settings.selectorPopover), t.id) : t.hasAttribute("aria-controls") ? t.getAttribute("aria-controls") : t.hasAttribute("aria-describedby") ? t.getAttribute("aria-describedby") : !1 : !1;
 }
-function Wn(e) {
-  const t = oi.call(this, e);
-  if (t) {
-    const i = document.querySelector(`#${t}`), n = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
-    return !n && !i ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : n ? i ? { popover: i, trigger: n } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
+function Ti(t) {
+  const e = Si.call(this, t);
+  if (e) {
+    const i = document.querySelector(`#${e}`), s = document.querySelector(`[aria-controls="${e}"]`) || document.querySelector(`[aria-describedby="${e}"]`);
+    return !s && !i ? { error: new Error(`No popover elements found using the ID: "${e}".`) } : s ? i ? { popover: i, trigger: s } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
   } else
     return { error: new Error("Could not resolve the popover ID.") };
 }
-async function pe(e) {
-  const t = e ? ri.call(this, e) : await ai.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: !1 }]
-  }), t.state = "closed", t.trigger === this.trigger && (this.trigger = null)), t;
+async function re(t) {
+  const e = t ? Ne.call(this, t) : await Ve.call(this);
+  return e && e.state === "opened" && (e.el.classList.remove(this.settings.stateActive), e.trigger.hasAttribute("aria-controls") && e.trigger.setAttribute("aria-expanded", "false"), e.popper.setOptions({
+    placement: e.config.placement,
+    modifiers: [
+      { name: "eventListeners", enabled: !1 },
+      ...Fe(e.config)
+    ]
+  }), e.state = "closed", e.trigger === this.trigger && (this.trigger = null)), e;
 }
-async function ai() {
-  const e = [];
-  return await Promise.all(this.collection.map(async (t) => {
-    t.state === "opened" && e.push(await pe.call(this, t));
-  })), e;
-}
-function li(e) {
-  e.state == "opened" && setTimeout(() => {
-    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, i = document.activeElement.closest(
-      `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
+async function Ve() {
+  const t = [];
+  return await Promise.all(this.collection.map(async (e) => {
+    e.state === "opened" && t.push(await re.call(this, e));
+  })), t;
+}
+function We(t) {
+  t.state == "opened" && setTimeout(() => {
+    const e = t.el.closest(":hover") === t.el || t.trigger.closest(":hover") === t.trigger, i = document.activeElement.closest(
+      `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
     );
-    return !t && !i && e.close(), e;
+    return !e && !i && t.close(), t;
   }, 1);
 }
-function jn(e) {
-  e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), ci.call(this, e));
+function Pi(t) {
+  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open(), He.call(this, t));
+}
+function Di(t) {
+  t.toggleDelayId && clearTimeout(t.toggleDelayId);
+  const e = this.activeTooltip ? 0 : t.config["toggle-delay"];
+  this.activeTooltip && this.activeTooltip.close(), t.toggleDelayId = setTimeout(() => {
+    t && t.open();
+  }, e);
 }
-function Nn(e) {
-  switch (e.key) {
+function Ii(t) {
+  t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
+    We.call(this, t);
+  }, t.config["toggle-delay"]);
+}
+function Mi(t) {
+  switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), ai.call(this);
+      this.trigger && this.trigger.focus(), Ve.call(this);
       return;
     case "Tab":
-      this.collection.forEach((t) => {
-        li.call(this, t);
+      this.collection.forEach((e) => {
+        We.call(this, e);
       });
       return;
     default:
       return;
   }
 }
-function ci(e) {
-  const t = this;
-  document.addEventListener("click", function i(n) {
-    n.target.closest(
-      `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
-    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", i) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", i));
+function He(t) {
+  const e = this;
+  document.addEventListener("click", function i(s) {
+    s.target.closest(
+      `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
+    ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", i) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", i));
   });
 }
-var W = "top", B = "bottom", R = "right", j = "left", ge = "auto", qt = [W, B, R, j], ft = "start", It = "end", _n = "clippingParents", di = "viewport", yt = "popper", Fn = "reference", Ne = /* @__PURE__ */ qt.reduce(function(e, t) {
-  return e.concat([t + "-" + ft, t + "-" + It]);
-}, []), ui = /* @__PURE__ */ [].concat(qt, [ge]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + ft, t + "-" + It]);
-}, []), Bn = "beforeRead", Rn = "read", Hn = "afterRead", Vn = "beforeMain", Jn = "main", zn = "afterMain", Kn = "beforeWrite", Gn = "write", Qn = "afterWrite", Zn = [Bn, Rn, Hn, Vn, Jn, zn, Kn, Gn, Qn];
-function z(e) {
-  return e ? (e.nodeName || "").toLowerCase() : null;
+var P = "top", F = "bottom", N = "right", D = "left", oe = "auto", Lt = [P, F, N, D], ut = "start", xt = "end", Ri = "clippingParents", _e = "viewport", mt = "popper", Bi = "reference", $e = /* @__PURE__ */ Lt.reduce(function(t, e) {
+  return t.concat([e + "-" + ut, e + "-" + xt]);
+}, []), ze = /* @__PURE__ */ [].concat(Lt, [oe]).reduce(function(t, e) {
+  return t.concat([e, e + "-" + ut, e + "-" + xt]);
+}, []), ji = "beforeRead", Fi = "read", Ni = "afterRead", Vi = "beforeMain", Wi = "main", Hi = "afterMain", _i = "beforeWrite", zi = "write", Ki = "afterWrite", Xi = [ji, Fi, Ni, Vi, Wi, Hi, _i, zi, Ki];
+function z(t) {
+  return t ? (t.nodeName || "").toLowerCase() : null;
 }
-function _(e) {
-  if (e == null)
+function R(t) {
+  if (t == null)
     return window;
-  if (e.toString() !== "[object Window]") {
-    var t = e.ownerDocument;
-    return t && t.defaultView || window;
+  if (t.toString() !== "[object Window]") {
+    var e = t.ownerDocument;
+    return e && e.defaultView || window;
   }
-  return e;
+  return t;
 }
-function rt(e) {
-  var t = _(e).Element;
-  return e instanceof t || e instanceof Element;
+function it(t) {
+  var e = R(t).Element;
+  return t instanceof e || t instanceof Element;
 }
-function F(e) {
-  var t = _(e).HTMLElement;
-  return e instanceof t || e instanceof HTMLElement;
+function j(t) {
+  var e = R(t).HTMLElement;
+  return t instanceof e || t instanceof HTMLElement;
 }
-function me(e) {
+function ae(t) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = _(e).ShadowRoot;
-  return e instanceof t || e instanceof ShadowRoot;
-}
-function Un(e) {
-  var t = e.state;
-  Object.keys(t.elements).forEach(function(i) {
-    var n = t.styles[i] || {}, s = t.attributes[i] || {}, r = t.elements[i];
-    !F(r) || !z(r) || (Object.assign(r.style, n), Object.keys(s).forEach(function(a) {
-      var l = s[a];
+  var e = R(t).ShadowRoot;
+  return t instanceof e || t instanceof ShadowRoot;
+}
+function Yi(t) {
+  var e = t.state;
+  Object.keys(e.elements).forEach(function(i) {
+    var s = e.styles[i] || {}, n = e.attributes[i] || {}, r = e.elements[i];
+    !j(r) || !z(r) || (Object.assign(r.style, s), Object.keys(n).forEach(function(a) {
+      var l = n[a];
       l === !1 ? r.removeAttribute(a) : r.setAttribute(a, l === !0 ? "" : l);
     }));
   });
 }
-function Xn(e) {
-  var t = e.state, i = {
+function qi(t) {
+  var e = t.state, i = {
     popper: {
-      position: t.options.strategy,
+      position: e.options.strategy,
       left: "0",
       top: "0",
       margin: "0"
@@ -1235,137 +957,137 @@ function Xn(e) {
     },
     reference: {}
   };
-  return Object.assign(t.elements.popper.style, i.popper), t.styles = i, t.elements.arrow && Object.assign(t.elements.arrow.style, i.arrow), function() {
-    Object.keys(t.elements).forEach(function(n) {
-      var s = t.elements[n], r = t.attributes[n] || {}, a = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : i[n]), l = a.reduce(function(o, c) {
-        return o[c] = "", o;
+  return Object.assign(e.elements.popper.style, i.popper), e.styles = i, e.elements.arrow && Object.assign(e.elements.arrow.style, i.arrow), function() {
+    Object.keys(e.elements).forEach(function(s) {
+      var n = e.elements[s], r = e.attributes[s] || {}, a = Object.keys(e.styles.hasOwnProperty(s) ? e.styles[s] : i[s]), l = a.reduce(function(o, d) {
+        return o[d] = "", o;
       }, {});
-      !F(s) || !z(s) || (Object.assign(s.style, l), Object.keys(r).forEach(function(o) {
-        s.removeAttribute(o);
+      !j(n) || !z(n) || (Object.assign(n.style, l), Object.keys(r).forEach(function(o) {
+        n.removeAttribute(o);
       }));
     });
   };
 }
-const Yn = {
+const Ui = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Un,
-  effect: Xn,
+  fn: Yi,
+  effect: qi,
   requires: ["computeStyles"]
 };
-function J(e) {
-  return e.split("-")[0];
-}
-var st = Math.max, zt = Math.min, pt = Math.round;
-function re() {
-  var e = navigator.userAgentData;
-  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
-    return t.brand + "/" + t.version;
+function _(t) {
+  return t.split("-")[0];
+}
+var et = Math.max, Mt = Math.min, ft = Math.round;
+function Ut() {
+  var t = navigator.userAgentData;
+  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
+    return e.brand + "/" + e.version;
   }).join(" ") : navigator.userAgent;
 }
-function hi() {
-  return !/^((?!chrome|android).)*safari/i.test(re());
+function Ke() {
+  return !/^((?!chrome|android).)*safari/i.test(Ut());
 }
-function gt(e, t, i) {
-  t === void 0 && (t = !1), i === void 0 && (i = !1);
-  var n = e.getBoundingClientRect(), s = 1, r = 1;
-  t && F(e) && (s = e.offsetWidth > 0 && pt(n.width) / e.offsetWidth || 1, r = e.offsetHeight > 0 && pt(n.height) / e.offsetHeight || 1);
-  var a = rt(e) ? _(e) : window, l = a.visualViewport, o = !hi() && i, c = (n.left + (o && l ? l.offsetLeft : 0)) / s, d = (n.top + (o && l ? l.offsetTop : 0)) / r, b = n.width / s, v = n.height / r;
+function ht(t, e, i) {
+  e === void 0 && (e = !1), i === void 0 && (i = !1);
+  var s = t.getBoundingClientRect(), n = 1, r = 1;
+  e && j(t) && (n = t.offsetWidth > 0 && ft(s.width) / t.offsetWidth || 1, r = t.offsetHeight > 0 && ft(s.height) / t.offsetHeight || 1);
+  var a = it(t) ? R(t) : window, l = a.visualViewport, o = !Ke() && i, d = (s.left + (o && l ? l.offsetLeft : 0)) / n, c = (s.top + (o && l ? l.offsetTop : 0)) / r, v = s.width / n, w = s.height / r;
   return {
-    width: b,
-    height: v,
-    top: d,
-    right: c + b,
-    bottom: d + v,
-    left: c,
-    x: c,
-    y: d
+    width: v,
+    height: w,
+    top: c,
+    right: d + v,
+    bottom: c + w,
+    left: d,
+    x: d,
+    y: c
   };
 }
-function ve(e) {
-  var t = gt(e), i = e.offsetWidth, n = e.offsetHeight;
-  return Math.abs(t.width - i) <= 1 && (i = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), {
-    x: e.offsetLeft,
-    y: e.offsetTop,
+function le(t) {
+  var e = ht(t), i = t.offsetWidth, s = t.offsetHeight;
+  return Math.abs(e.width - i) <= 1 && (i = e.width), Math.abs(e.height - s) <= 1 && (s = e.height), {
+    x: t.offsetLeft,
+    y: t.offsetTop,
     width: i,
-    height: n
+    height: s
   };
 }
-function fi(e, t) {
-  var i = t.getRootNode && t.getRootNode();
-  if (e.contains(t))
+function Xe(t, e) {
+  var i = e.getRootNode && e.getRootNode();
+  if (t.contains(e))
     return !0;
-  if (i && me(i)) {
-    var n = t;
+  if (i && ae(i)) {
+    var s = e;
     do {
-      if (n && e.isSameNode(n))
+      if (s && t.isSameNode(s))
         return !0;
-      n = n.parentNode || n.host;
-    } while (n);
+      s = s.parentNode || s.host;
+    } while (s);
   }
   return !1;
 }
-function G(e) {
-  return _(e).getComputedStyle(e);
+function K(t) {
+  return R(t).getComputedStyle(t);
 }
-function ts(e) {
-  return ["table", "td", "th"].indexOf(z(e)) >= 0;
+function Gi(t) {
+  return ["table", "td", "th"].indexOf(z(t)) >= 0;
 }
-function Z(e) {
-  return ((rt(e) ? e.ownerDocument : (
+function Y(t) {
+  return ((it(t) ? t.ownerDocument : (
     // $FlowFixMe[prop-missing]
-    e.document
+    t.document
   )) || window.document).documentElement;
 }
-function Qt(e) {
-  return z(e) === "html" ? e : (
+function Nt(t) {
+  return z(t) === "html" ? t : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
-    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    e.parentNode || // DOM Element detected
-    (me(e) ? e.host : null) || // ShadowRoot detected
+    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    t.parentNode || // DOM Element detected
+    (ae(t) ? t.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Z(e)
+    Y(t)
   );
 }
-function _e(e) {
-  return !F(e) || // https://github.com/popperjs/popper-core/issues/837
-  G(e).position === "fixed" ? null : e.offsetParent;
+function Le(t) {
+  return !j(t) || // https://github.com/popperjs/popper-core/issues/837
+  K(t).position === "fixed" ? null : t.offsetParent;
 }
-function es(e) {
-  var t = /firefox/i.test(re()), i = /Trident/i.test(re());
-  if (i && F(e)) {
-    var n = G(e);
-    if (n.position === "fixed")
+function Ji(t) {
+  var e = /firefox/i.test(Ut()), i = /Trident/i.test(Ut());
+  if (i && j(t)) {
+    var s = K(t);
+    if (s.position === "fixed")
       return null;
   }
-  var s = Qt(e);
-  for (me(s) && (s = s.host); F(s) && ["html", "body"].indexOf(z(s)) < 0; ) {
-    var r = G(s);
-    if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || t && r.willChange === "filter" || t && r.filter && r.filter !== "none")
-      return s;
-    s = s.parentNode;
+  var n = Nt(t);
+  for (ae(n) && (n = n.host); j(n) && ["html", "body"].indexOf(z(n)) < 0; ) {
+    var r = K(n);
+    if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || e && r.willChange === "filter" || e && r.filter && r.filter !== "none")
+      return n;
+    n = n.parentNode;
   }
   return null;
 }
-function Dt(e) {
-  for (var t = _(e), i = _e(e); i && ts(i) && G(i).position === "static"; )
-    i = _e(i);
-  return i && (z(i) === "html" || z(i) === "body" && G(i).position === "static") ? t : i || es(e) || t;
+function Ct(t) {
+  for (var e = R(t), i = Le(t); i && Gi(i) && K(i).position === "static"; )
+    i = Le(i);
+  return i && (z(i) === "html" || z(i) === "body" && K(i).position === "static") ? e : i || Ji(t) || e;
 }
-function be(e) {
-  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+function ce(t) {
+  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
 }
-function At(e, t, i) {
-  return st(e, zt(t, i));
+function bt(t, e, i) {
+  return et(t, Mt(e, i));
 }
-function is(e, t, i) {
-  var n = At(e, t, i);
-  return n > i ? i : n;
+function Qi(t, e, i) {
+  var s = bt(t, e, i);
+  return s > i ? i : s;
 }
-function pi() {
+function Ye() {
   return {
     top: 0,
     right: 0,
@@ -1373,446 +1095,445 @@ function pi() {
     left: 0
   };
 }
-function gi(e) {
-  return Object.assign({}, pi(), e);
+function qe(t) {
+  return Object.assign({}, Ye(), t);
 }
-function mi(e, t) {
-  return t.reduce(function(i, n) {
-    return i[n] = e, i;
+function Ue(t, e) {
+  return e.reduce(function(i, s) {
+    return i[s] = t, i;
   }, {});
 }
-var ns = function(e, t) {
-  return e = typeof e == "function" ? e(Object.assign({}, t.rects, {
-    placement: t.placement
-  })) : e, gi(typeof e != "number" ? e : mi(e, qt));
+var Zi = function(e, i) {
+  return e = typeof e == "function" ? e(Object.assign({}, i.rects, {
+    placement: i.placement
+  })) : e, qe(typeof e != "number" ? e : Ue(e, Lt));
 };
-function ss(e) {
-  var t, i = e.state, n = e.name, s = e.options, r = i.elements.arrow, a = i.modifiersData.popperOffsets, l = J(i.placement), o = be(l), c = [j, R].indexOf(l) >= 0, d = c ? "height" : "width";
+function ts(t) {
+  var e, i = t.state, s = t.name, n = t.options, r = i.elements.arrow, a = i.modifiersData.popperOffsets, l = _(i.placement), o = ce(l), d = [D, N].indexOf(l) >= 0, c = d ? "height" : "width";
   if (!(!r || !a)) {
-    var b = ns(s.padding, i), v = ve(r), h = o === "y" ? W : j, $ = o === "y" ? B : R, u = i.rects.reference[d] + i.rects.reference[o] - a[o] - i.rects.popper[d], w = a[o] - i.rects.reference[o], E = Dt(r), L = E ? o === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, O = u / 2 - w / 2, f = b[h], y = L - v[d] - b[$], x = L / 2 - v[d] / 2 + O, k = At(f, x, y), T = o;
-    i.modifiersData[n] = (t = {}, t[T] = k, t.centerOffset = k - x, t);
+    var v = Zi(n.padding, i), w = le(r), u = o === "y" ? P : D, x = o === "y" ? F : N, p = i.rects.reference[c] + i.rects.reference[o] - a[o] - i.rects.popper[c], h = a[o] - i.rects.reference[o], y = Ct(r), $ = y ? o === "y" ? y.clientHeight || 0 : y.clientWidth || 0 : 0, L = p / 2 - h / 2, f = v[u], m = $ - w[c] - v[x], b = $ / 2 - w[c] / 2 + L, O = bt(f, b, m), A = o;
+    i.modifiersData[s] = (e = {}, e[A] = O, e.centerOffset = O - b, e);
   }
 }
-function rs(e) {
-  var t = e.state, i = e.options, n = i.element, s = n === void 0 ? "[data-popper-arrow]" : n;
-  s != null && (typeof s == "string" && (s = t.elements.popper.querySelector(s), !s) || fi(t.elements.popper, s) && (t.elements.arrow = s));
+function es(t) {
+  var e = t.state, i = t.options, s = i.element, n = s === void 0 ? "[data-popper-arrow]" : s;
+  n != null && (typeof n == "string" && (n = e.elements.popper.querySelector(n), !n) || Xe(e.elements.popper, n) && (e.elements.arrow = n));
 }
-const os = {
+const is = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: ss,
-  effect: rs,
+  fn: ts,
+  effect: es,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function mt(e) {
-  return e.split("-")[1];
+function pt(t) {
+  return t.split("-")[1];
 }
-var as = {
+var ss = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function ls(e, t) {
-  var i = e.x, n = e.y, s = t.devicePixelRatio || 1;
+function ns(t, e) {
+  var i = t.x, s = t.y, n = e.devicePixelRatio || 1;
   return {
-    x: pt(i * s) / s || 0,
-    y: pt(n * s) / s || 0
+    x: ft(i * n) / n || 0,
+    y: ft(s * n) / n || 0
   };
 }
-function Fe(e) {
-  var t, i = e.popper, n = e.popperRect, s = e.placement, r = e.variation, a = e.offsets, l = e.position, o = e.gpuAcceleration, c = e.adaptive, d = e.roundOffsets, b = e.isFixed, v = a.x, h = v === void 0 ? 0 : v, $ = a.y, u = $ === void 0 ? 0 : $, w = typeof d == "function" ? d({
-    x: h,
-    y: u
+function Ce(t) {
+  var e, i = t.popper, s = t.popperRect, n = t.placement, r = t.variation, a = t.offsets, l = t.position, o = t.gpuAcceleration, d = t.adaptive, c = t.roundOffsets, v = t.isFixed, w = a.x, u = w === void 0 ? 0 : w, x = a.y, p = x === void 0 ? 0 : x, h = typeof c == "function" ? c({
+    x: u,
+    y: p
   }) : {
-    x: h,
-    y: u
+    x: u,
+    y: p
   };
-  h = w.x, u = w.y;
-  var E = a.hasOwnProperty("x"), L = a.hasOwnProperty("y"), O = j, f = W, y = window;
-  if (c) {
-    var x = Dt(i), k = "clientHeight", T = "clientWidth";
-    if (x === _(i) && (x = Z(i), G(x).position !== "static" && l === "absolute" && (k = "scrollHeight", T = "scrollWidth")), x = x, s === W || (s === j || s === R) && r === It) {
-      f = B;
-      var A = b && x === y && y.visualViewport ? y.visualViewport.height : (
+  u = h.x, p = h.y;
+  var y = a.hasOwnProperty("x"), $ = a.hasOwnProperty("y"), L = D, f = P, m = window;
+  if (d) {
+    var b = Ct(i), O = "clientHeight", A = "clientWidth";
+    if (b === R(i) && (b = Y(i), K(b).position !== "static" && l === "absolute" && (O = "scrollHeight", A = "scrollWidth")), b = b, n === P || (n === D || n === N) && r === xt) {
+      f = F;
+      var k = v && b === m && m.visualViewport ? m.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        x[k]
+        b[O]
       );
-      u -= A - n.height, u *= o ? 1 : -1;
+      p -= k - s.height, p *= o ? 1 : -1;
     }
-    if (s === j || (s === W || s === B) && r === It) {
-      O = R;
-      var C = b && x === y && y.visualViewport ? y.visualViewport.width : (
+    if (n === D || (n === P || n === F) && r === xt) {
+      L = N;
+      var C = v && b === m && m.visualViewport ? m.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        x[T]
+        b[A]
       );
-      h -= C - n.width, h *= o ? 1 : -1;
+      u -= C - s.width, u *= o ? 1 : -1;
     }
   }
-  var I = Object.assign({
+  var S = Object.assign({
     position: l
-  }, c && as), H = d === !0 ? ls({
-    x: h,
-    y: u
-  }, _(i)) : {
-    x: h,
-    y: u
+  }, d && ss), V = c === !0 ? ns({
+    x: u,
+    y: p
+  }, R(i)) : {
+    x: u,
+    y: p
   };
-  if (h = H.x, u = H.y, o) {
-    var D;
-    return Object.assign({}, I, (D = {}, D[f] = L ? "0" : "", D[O] = E ? "0" : "", D.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + u + "px)" : "translate3d(" + h + "px, " + u + "px, 0)", D));
-  }
-  return Object.assign({}, I, (t = {}, t[f] = L ? u + "px" : "", t[O] = E ? h + "px" : "", t.transform = "", t));
-}
-function cs(e) {
-  var t = e.state, i = e.options, n = i.gpuAcceleration, s = n === void 0 ? !0 : n, r = i.adaptive, a = r === void 0 ? !0 : r, l = i.roundOffsets, o = l === void 0 ? !0 : l, c = {
-    placement: J(t.placement),
-    variation: mt(t.placement),
-    popper: t.elements.popper,
-    popperRect: t.rects.popper,
-    gpuAcceleration: s,
-    isFixed: t.options.strategy === "fixed"
+  if (u = V.x, p = V.y, o) {
+    var T;
+    return Object.assign({}, S, (T = {}, T[f] = $ ? "0" : "", T[L] = y ? "0" : "", T.transform = (m.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + p + "px)" : "translate3d(" + u + "px, " + p + "px, 0)", T));
+  }
+  return Object.assign({}, S, (e = {}, e[f] = $ ? p + "px" : "", e[L] = y ? u + "px" : "", e.transform = "", e));
+}
+function rs(t) {
+  var e = t.state, i = t.options, s = i.gpuAcceleration, n = s === void 0 ? !0 : s, r = i.adaptive, a = r === void 0 ? !0 : r, l = i.roundOffsets, o = l === void 0 ? !0 : l, d = {
+    placement: _(e.placement),
+    variation: pt(e.placement),
+    popper: e.elements.popper,
+    popperRect: e.rects.popper,
+    gpuAcceleration: n,
+    isFixed: e.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Fe(Object.assign({}, c, {
-    offsets: t.modifiersData.popperOffsets,
-    position: t.options.strategy,
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ce(Object.assign({}, d, {
+    offsets: e.modifiersData.popperOffsets,
+    position: e.options.strategy,
     adaptive: a,
     roundOffsets: o
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Fe(Object.assign({}, c, {
-    offsets: t.modifiersData.arrow,
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ce(Object.assign({}, d, {
+    offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
     roundOffsets: o
-  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
-    "data-popper-placement": t.placement
+  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-placement": e.placement
   });
 }
-const ds = {
+const os = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: cs,
+  fn: rs,
   data: {}
 };
-var Bt = {
+var Dt = {
   passive: !0
 };
-function us(e) {
-  var t = e.state, i = e.instance, n = e.options, s = n.scroll, r = s === void 0 ? !0 : s, a = n.resize, l = a === void 0 ? !0 : a, o = _(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return r && c.forEach(function(d) {
-    d.addEventListener("scroll", i.update, Bt);
-  }), l && o.addEventListener("resize", i.update, Bt), function() {
-    r && c.forEach(function(d) {
-      d.removeEventListener("scroll", i.update, Bt);
-    }), l && o.removeEventListener("resize", i.update, Bt);
+function as(t) {
+  var e = t.state, i = t.instance, s = t.options, n = s.scroll, r = n === void 0 ? !0 : n, a = s.resize, l = a === void 0 ? !0 : a, o = R(e.elements.popper), d = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return r && d.forEach(function(c) {
+    c.addEventListener("scroll", i.update, Dt);
+  }), l && o.addEventListener("resize", i.update, Dt), function() {
+    r && d.forEach(function(c) {
+      c.removeEventListener("scroll", i.update, Dt);
+    }), l && o.removeEventListener("resize", i.update, Dt);
   };
 }
-const hs = {
+const ls = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: us,
+  effect: as,
   data: {}
 };
-var fs = {
+var cs = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Vt(e) {
-  return e.replace(/left|right|bottom|top/g, function(t) {
-    return fs[t];
+function It(t) {
+  return t.replace(/left|right|bottom|top/g, function(e) {
+    return cs[e];
   });
 }
-var ps = {
+var ds = {
   start: "end",
   end: "start"
 };
-function Be(e) {
-  return e.replace(/start|end/g, function(t) {
-    return ps[t];
+function ke(t) {
+  return t.replace(/start|end/g, function(e) {
+    return ds[e];
   });
 }
-function ye(e) {
-  var t = _(e), i = t.pageXOffset, n = t.pageYOffset;
+function de(t) {
+  var e = R(t), i = e.pageXOffset, s = e.pageYOffset;
   return {
     scrollLeft: i,
-    scrollTop: n
+    scrollTop: s
   };
 }
-function we(e) {
-  return gt(Z(e)).left + ye(e).scrollLeft;
+function ue(t) {
+  return ht(Y(t)).left + de(t).scrollLeft;
 }
-function gs(e, t) {
-  var i = _(e), n = Z(e), s = i.visualViewport, r = n.clientWidth, a = n.clientHeight, l = 0, o = 0;
-  if (s) {
-    r = s.width, a = s.height;
-    var c = hi();
-    (c || !c && t === "fixed") && (l = s.offsetLeft, o = s.offsetTop);
+function us(t, e) {
+  var i = R(t), s = Y(t), n = i.visualViewport, r = s.clientWidth, a = s.clientHeight, l = 0, o = 0;
+  if (n) {
+    r = n.width, a = n.height;
+    var d = Ke();
+    (d || !d && e === "fixed") && (l = n.offsetLeft, o = n.offsetTop);
   }
   return {
     width: r,
     height: a,
-    x: l + we(e),
+    x: l + ue(t),
     y: o
   };
 }
-function ms(e) {
-  var t, i = Z(e), n = ye(e), s = (t = e.ownerDocument) == null ? void 0 : t.body, r = st(i.scrollWidth, i.clientWidth, s ? s.scrollWidth : 0, s ? s.clientWidth : 0), a = st(i.scrollHeight, i.clientHeight, s ? s.scrollHeight : 0, s ? s.clientHeight : 0), l = -n.scrollLeft + we(e), o = -n.scrollTop;
-  return G(s || i).direction === "rtl" && (l += st(i.clientWidth, s ? s.clientWidth : 0) - r), {
+function fs(t) {
+  var e, i = Y(t), s = de(t), n = (e = t.ownerDocument) == null ? void 0 : e.body, r = et(i.scrollWidth, i.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), a = et(i.scrollHeight, i.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), l = -s.scrollLeft + ue(t), o = -s.scrollTop;
+  return K(n || i).direction === "rtl" && (l += et(i.clientWidth, n ? n.clientWidth : 0) - r), {
     width: r,
     height: a,
     x: l,
     y: o
   };
 }
-function $e(e) {
-  var t = G(e), i = t.overflow, n = t.overflowX, s = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(i + s + n);
+function fe(t) {
+  var e = K(t), i = e.overflow, s = e.overflowX, n = e.overflowY;
+  return /auto|scroll|overlay|hidden/.test(i + n + s);
 }
-function vi(e) {
-  return ["html", "body", "#document"].indexOf(z(e)) >= 0 ? e.ownerDocument.body : F(e) && $e(e) ? e : vi(Qt(e));
+function Ge(t) {
+  return ["html", "body", "#document"].indexOf(z(t)) >= 0 ? t.ownerDocument.body : j(t) && fe(t) ? t : Ge(Nt(t));
 }
-function Ct(e, t) {
+function wt(t, e) {
   var i;
-  t === void 0 && (t = []);
-  var n = vi(e), s = n === ((i = e.ownerDocument) == null ? void 0 : i.body), r = _(n), a = s ? [r].concat(r.visualViewport || [], $e(n) ? n : []) : n, l = t.concat(a);
-  return s ? l : (
+  e === void 0 && (e = []);
+  var s = Ge(t), n = s === ((i = t.ownerDocument) == null ? void 0 : i.body), r = R(s), a = n ? [r].concat(r.visualViewport || [], fe(s) ? s : []) : s, l = e.concat(a);
+  return n ? l : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    l.concat(Ct(Qt(a)))
+    l.concat(wt(Nt(a)))
   );
 }
-function oe(e) {
-  return Object.assign({}, e, {
-    left: e.x,
-    top: e.y,
-    right: e.x + e.width,
-    bottom: e.y + e.height
+function Gt(t) {
+  return Object.assign({}, t, {
+    left: t.x,
+    top: t.y,
+    right: t.x + t.width,
+    bottom: t.y + t.height
   });
 }
-function vs(e, t) {
-  var i = gt(e, !1, t === "fixed");
-  return i.top = i.top + e.clientTop, i.left = i.left + e.clientLeft, i.bottom = i.top + e.clientHeight, i.right = i.left + e.clientWidth, i.width = e.clientWidth, i.height = e.clientHeight, i.x = i.left, i.y = i.top, i;
+function hs(t, e) {
+  var i = ht(t, !1, e === "fixed");
+  return i.top = i.top + t.clientTop, i.left = i.left + t.clientLeft, i.bottom = i.top + t.clientHeight, i.right = i.left + t.clientWidth, i.width = t.clientWidth, i.height = t.clientHeight, i.x = i.left, i.y = i.top, i;
 }
-function Re(e, t, i) {
-  return t === di ? oe(gs(e, i)) : rt(t) ? vs(t, i) : oe(ms(Z(e)));
+function Ae(t, e, i) {
+  return e === _e ? Gt(us(t, i)) : it(e) ? hs(e, i) : Gt(fs(Y(t)));
 }
-function bs(e) {
-  var t = Ct(Qt(e)), i = ["absolute", "fixed"].indexOf(G(e).position) >= 0, n = i && F(e) ? Dt(e) : e;
-  return rt(n) ? t.filter(function(s) {
-    return rt(s) && fi(s, n) && z(s) !== "body";
+function ps(t) {
+  var e = wt(Nt(t)), i = ["absolute", "fixed"].indexOf(K(t).position) >= 0, s = i && j(t) ? Ct(t) : t;
+  return it(s) ? e.filter(function(n) {
+    return it(n) && Xe(n, s) && z(n) !== "body";
   }) : [];
 }
-function ys(e, t, i, n) {
-  var s = t === "clippingParents" ? bs(e) : [].concat(t), r = [].concat(s, [i]), a = r[0], l = r.reduce(function(o, c) {
-    var d = Re(e, c, n);
-    return o.top = st(d.top, o.top), o.right = zt(d.right, o.right), o.bottom = zt(d.bottom, o.bottom), o.left = st(d.left, o.left), o;
-  }, Re(e, a, n));
+function gs(t, e, i, s) {
+  var n = e === "clippingParents" ? ps(t) : [].concat(e), r = [].concat(n, [i]), a = r[0], l = r.reduce(function(o, d) {
+    var c = Ae(t, d, s);
+    return o.top = et(c.top, o.top), o.right = Mt(c.right, o.right), o.bottom = Mt(c.bottom, o.bottom), o.left = et(c.left, o.left), o;
+  }, Ae(t, a, s));
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
-function bi(e) {
-  var t = e.reference, i = e.element, n = e.placement, s = n ? J(n) : null, r = n ? mt(n) : null, a = t.x + t.width / 2 - i.width / 2, l = t.y + t.height / 2 - i.height / 2, o;
-  switch (s) {
-    case W:
+function Je(t) {
+  var e = t.reference, i = t.element, s = t.placement, n = s ? _(s) : null, r = s ? pt(s) : null, a = e.x + e.width / 2 - i.width / 2, l = e.y + e.height / 2 - i.height / 2, o;
+  switch (n) {
+    case P:
       o = {
         x: a,
-        y: t.y - i.height
+        y: e.y - i.height
       };
       break;
-    case B:
+    case F:
       o = {
         x: a,
-        y: t.y + t.height
+        y: e.y + e.height
       };
       break;
-    case R:
+    case N:
       o = {
-        x: t.x + t.width,
+        x: e.x + e.width,
         y: l
       };
       break;
-    case j:
+    case D:
       o = {
-        x: t.x - i.width,
+        x: e.x - i.width,
         y: l
       };
       break;
     default:
       o = {
-        x: t.x,
-        y: t.y
+        x: e.x,
+        y: e.y
       };
   }
-  var c = s ? be(s) : null;
-  if (c != null) {
-    var d = c === "y" ? "height" : "width";
+  var d = n ? ce(n) : null;
+  if (d != null) {
+    var c = d === "y" ? "height" : "width";
     switch (r) {
-      case ft:
-        o[c] = o[c] - (t[d] / 2 - i[d] / 2);
+      case ut:
+        o[d] = o[d] - (e[c] / 2 - i[c] / 2);
         break;
-      case It:
-        o[c] = o[c] + (t[d] / 2 - i[d] / 2);
+      case xt:
+        o[d] = o[d] + (e[c] / 2 - i[c] / 2);
         break;
     }
   }
   return o;
 }
-function St(e, t) {
-  t === void 0 && (t = {});
-  var i = t, n = i.placement, s = n === void 0 ? e.placement : n, r = i.strategy, a = r === void 0 ? e.strategy : r, l = i.boundary, o = l === void 0 ? _n : l, c = i.rootBoundary, d = c === void 0 ? di : c, b = i.elementContext, v = b === void 0 ? yt : b, h = i.altBoundary, $ = h === void 0 ? !1 : h, u = i.padding, w = u === void 0 ? 0 : u, E = gi(typeof w != "number" ? w : mi(w, qt)), L = v === yt ? Fn : yt, O = e.rects.popper, f = e.elements[$ ? L : v], y = ys(rt(f) ? f : f.contextElement || Z(e.elements.popper), o, d, a), x = gt(e.elements.reference), k = bi({
-    reference: x,
-    element: O,
+function Et(t, e) {
+  e === void 0 && (e = {});
+  var i = e, s = i.placement, n = s === void 0 ? t.placement : s, r = i.strategy, a = r === void 0 ? t.strategy : r, l = i.boundary, o = l === void 0 ? Ri : l, d = i.rootBoundary, c = d === void 0 ? _e : d, v = i.elementContext, w = v === void 0 ? mt : v, u = i.altBoundary, x = u === void 0 ? !1 : u, p = i.padding, h = p === void 0 ? 0 : p, y = qe(typeof h != "number" ? h : Ue(h, Lt)), $ = w === mt ? Bi : mt, L = t.rects.popper, f = t.elements[x ? $ : w], m = gs(it(f) ? f : f.contextElement || Y(t.elements.popper), o, c, a), b = ht(t.elements.reference), O = Je({
+    reference: b,
+    element: L,
     strategy: "absolute",
-    placement: s
-  }), T = oe(Object.assign({}, O, k)), A = v === yt ? T : x, C = {
-    top: y.top - A.top + E.top,
-    bottom: A.bottom - y.bottom + E.bottom,
-    left: y.left - A.left + E.left,
-    right: A.right - y.right + E.right
-  }, I = e.modifiersData.offset;
-  if (v === yt && I) {
-    var H = I[s];
-    Object.keys(C).forEach(function(D) {
-      var U = [R, B].indexOf(D) >= 0 ? 1 : -1, X = [W, B].indexOf(D) >= 0 ? "y" : "x";
-      C[D] += H[X] * U;
+    placement: n
+  }), A = Gt(Object.assign({}, L, O)), k = w === mt ? A : b, C = {
+    top: m.top - k.top + y.top,
+    bottom: k.bottom - m.bottom + y.bottom,
+    left: m.left - k.left + y.left,
+    right: k.right - m.right + y.right
+  }, S = t.modifiersData.offset;
+  if (w === mt && S) {
+    var V = S[n];
+    Object.keys(C).forEach(function(T) {
+      var q = [N, F].indexOf(T) >= 0 ? 1 : -1, U = [P, F].indexOf(T) >= 0 ? "y" : "x";
+      C[T] += V[U] * q;
     });
   }
   return C;
 }
-function ws(e, t) {
-  t === void 0 && (t = {});
-  var i = t, n = i.placement, s = i.boundary, r = i.rootBoundary, a = i.padding, l = i.flipVariations, o = i.allowedAutoPlacements, c = o === void 0 ? ui : o, d = mt(n), b = d ? l ? Ne : Ne.filter(function($) {
-    return mt($) === d;
-  }) : qt, v = b.filter(function($) {
-    return c.indexOf($) >= 0;
+function vs(t, e) {
+  e === void 0 && (e = {});
+  var i = e, s = i.placement, n = i.boundary, r = i.rootBoundary, a = i.padding, l = i.flipVariations, o = i.allowedAutoPlacements, d = o === void 0 ? ze : o, c = pt(s), v = c ? l ? $e : $e.filter(function(x) {
+    return pt(x) === c;
+  }) : Lt, w = v.filter(function(x) {
+    return d.indexOf(x) >= 0;
   });
-  v.length === 0 && (v = b);
-  var h = v.reduce(function($, u) {
-    return $[u] = St(e, {
-      placement: u,
-      boundary: s,
+  w.length === 0 && (w = v);
+  var u = w.reduce(function(x, p) {
+    return x[p] = Et(t, {
+      placement: p,
+      boundary: n,
       rootBoundary: r,
       padding: a
-    })[J(u)], $;
+    })[_(p)], x;
   }, {});
-  return Object.keys(h).sort(function($, u) {
-    return h[$] - h[u];
+  return Object.keys(u).sort(function(x, p) {
+    return u[x] - u[p];
   });
 }
-function $s(e) {
-  if (J(e) === ge)
+function ms(t) {
+  if (_(t) === oe)
     return [];
-  var t = Vt(e);
-  return [Be(e), t, Be(t)];
-}
-function Es(e) {
-  var t = e.state, i = e.options, n = e.name;
-  if (!t.modifiersData[n]._skip) {
-    for (var s = i.mainAxis, r = s === void 0 ? !0 : s, a = i.altAxis, l = a === void 0 ? !0 : a, o = i.fallbackPlacements, c = i.padding, d = i.boundary, b = i.rootBoundary, v = i.altBoundary, h = i.flipVariations, $ = h === void 0 ? !0 : h, u = i.allowedAutoPlacements, w = t.options.placement, E = J(w), L = E === w, O = o || (L || !$ ? [Vt(w)] : $s(w)), f = [w].concat(O).reduce(function(tt, K) {
-      return tt.concat(J(K) === ge ? ws(t, {
-        placement: K,
-        boundary: d,
-        rootBoundary: b,
-        padding: c,
-        flipVariations: $,
-        allowedAutoPlacements: u
-      }) : K);
-    }, []), y = t.rects.reference, x = t.rects.popper, k = /* @__PURE__ */ new Map(), T = !0, A = f[0], C = 0; C < f.length; C++) {
-      var I = f[C], H = J(I), D = mt(I) === ft, U = [W, B].indexOf(H) >= 0, X = U ? "width" : "height", N = St(t, {
-        placement: I,
-        boundary: d,
-        rootBoundary: b,
-        altBoundary: v,
-        padding: c
-      }), V = U ? D ? R : j : D ? B : W;
-      y[X] > x[X] && (V = Vt(V));
-      var Pt = Vt(V), Y = [];
-      if (r && Y.push(N[H] <= 0), l && Y.push(N[V] <= 0, N[Pt] <= 0), Y.every(function(tt) {
-        return tt;
+  var e = It(t);
+  return [ke(t), e, ke(e)];
+}
+function bs(t) {
+  var e = t.state, i = t.options, s = t.name;
+  if (!e.modifiersData[s]._skip) {
+    for (var n = i.mainAxis, r = n === void 0 ? !0 : n, a = i.altAxis, l = a === void 0 ? !0 : a, o = i.fallbackPlacements, d = i.padding, c = i.boundary, v = i.rootBoundary, w = i.altBoundary, u = i.flipVariations, x = u === void 0 ? !0 : u, p = i.allowedAutoPlacements, h = e.options.placement, y = _(h), $ = y === h, L = o || ($ || !x ? [It(h)] : ms(h)), f = [h].concat(L).reduce(function(st, X) {
+      return st.concat(_(X) === oe ? vs(e, {
+        placement: X,
+        boundary: c,
+        rootBoundary: v,
+        padding: d,
+        flipVariations: x,
+        allowedAutoPlacements: p
+      }) : X);
+    }, []), m = e.rects.reference, b = e.rects.popper, O = /* @__PURE__ */ new Map(), A = !0, k = f[0], C = 0; C < f.length; C++) {
+      var S = f[C], V = _(S), T = pt(S) === ut, q = [P, F].indexOf(V) >= 0, U = q ? "width" : "height", I = Et(e, {
+        placement: S,
+        boundary: c,
+        rootBoundary: v,
+        altBoundary: w,
+        padding: d
+      }), W = q ? T ? N : D : T ? F : P;
+      m[U] > b[U] && (W = It(W));
+      var kt = It(W), G = [];
+      if (r && G.push(I[V] <= 0), l && G.push(I[W] <= 0, I[kt] <= 0), G.every(function(st) {
+        return st;
       })) {
-        A = I, T = !1;
+        k = S, A = !1;
         break;
       }
-      k.set(I, Y);
+      O.set(S, G);
     }
-    if (T)
-      for (var Mt = $ ? 3 : 1, Zt = function(tt) {
-        var K = f.find(function(jt) {
-          var bt = k.get(jt);
-          if (bt)
-            return bt.slice(0, tt).every(function(ot) {
-              return ot;
+    if (A)
+      for (var At = x ? 3 : 1, Vt = function(X) {
+        var vt = f.find(function(Tt) {
+          var J = O.get(Tt);
+          if (J)
+            return J.slice(0, X).every(function(Wt) {
+              return Wt;
             });
         });
-        if (K)
-          return A = K, "break";
-      }, vt = Mt; vt > 0; vt--) {
-        var Wt = Zt(vt);
-        if (Wt === "break")
-          break;
+        if (vt)
+          return k = vt, "break";
+      }, gt = At; gt > 0; gt--) {
+        var St = Vt(gt);
+        if (St === "break") break;
       }
-    t.placement !== A && (t.modifiersData[n]._skip = !0, t.placement = A, t.reset = !0);
+    e.placement !== k && (e.modifiersData[s]._skip = !0, e.placement = k, e.reset = !0);
   }
 }
-const xs = {
+const ws = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Es,
+  fn: bs,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function He(e, t, i) {
+function Se(t, e, i) {
   return i === void 0 && (i = {
     x: 0,
     y: 0
   }), {
-    top: e.top - t.height - i.y,
-    right: e.right - t.width + i.x,
-    bottom: e.bottom - t.height + i.y,
-    left: e.left - t.width - i.x
+    top: t.top - e.height - i.y,
+    right: t.right - e.width + i.x,
+    bottom: t.bottom - e.height + i.y,
+    left: t.left - e.width - i.x
   };
 }
-function Ve(e) {
-  return [W, R, B, j].some(function(t) {
-    return e[t] >= 0;
+function Te(t) {
+  return [P, N, F, D].some(function(e) {
+    return t[e] >= 0;
   });
 }
-function Ls(e) {
-  var t = e.state, i = e.name, n = t.rects.reference, s = t.rects.popper, r = t.modifiersData.preventOverflow, a = St(t, {
+function ys(t) {
+  var e = t.state, i = t.name, s = e.rects.reference, n = e.rects.popper, r = e.modifiersData.preventOverflow, a = Et(e, {
     elementContext: "reference"
-  }), l = St(t, {
+  }), l = Et(e, {
     altBoundary: !0
-  }), o = He(a, n), c = He(l, s, r), d = Ve(o), b = Ve(c);
-  t.modifiersData[i] = {
+  }), o = Se(a, s), d = Se(l, n, r), c = Te(o), v = Te(d);
+  e.modifiersData[i] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: c,
-    isReferenceHidden: d,
-    hasPopperEscaped: b
-  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
-    "data-popper-reference-hidden": d,
-    "data-popper-escaped": b
+    popperEscapeOffsets: d,
+    isReferenceHidden: c,
+    hasPopperEscaped: v
+  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-reference-hidden": c,
+    "data-popper-escaped": v
   });
 }
-const Os = {
+const xs = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Ls
+  fn: ys
 };
-function ks(e, t, i) {
-  var n = J(e), s = [j, W].indexOf(n) >= 0 ? -1 : 1, r = typeof i == "function" ? i(Object.assign({}, t, {
-    placement: e
+function Es(t, e, i) {
+  var s = _(t), n = [D, P].indexOf(s) >= 0 ? -1 : 1, r = typeof i == "function" ? i(Object.assign({}, e, {
+    placement: t
   })) : i, a = r[0], l = r[1];
-  return a = a || 0, l = (l || 0) * s, [j, R].indexOf(n) >= 0 ? {
+  return a = a || 0, l = (l || 0) * n, [D, N].indexOf(s) >= 0 ? {
     x: l,
     y: a
   } : {
@@ -1820,197 +1541,197 @@ function ks(e, t, i) {
     y: l
   };
 }
-function Ts(e) {
-  var t = e.state, i = e.options, n = e.name, s = i.offset, r = s === void 0 ? [0, 0] : s, a = ui.reduce(function(d, b) {
-    return d[b] = ks(b, t.rects, r), d;
-  }, {}), l = a[t.placement], o = l.x, c = l.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += o, t.modifiersData.popperOffsets.y += c), t.modifiersData[n] = a;
+function Os(t) {
+  var e = t.state, i = t.options, s = t.name, n = i.offset, r = n === void 0 ? [0, 0] : n, a = ze.reduce(function(c, v) {
+    return c[v] = Es(v, e.rects, r), c;
+  }, {}), l = a[e.placement], o = l.x, d = l.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += d), e.modifiersData[s] = a;
 }
-const As = {
+const $s = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Ts
+  fn: Os
 };
-function Cs(e) {
-  var t = e.state, i = e.name;
-  t.modifiersData[i] = bi({
-    reference: t.rects.reference,
-    element: t.rects.popper,
+function Ls(t) {
+  var e = t.state, i = t.name;
+  e.modifiersData[i] = Je({
+    reference: e.rects.reference,
+    element: e.rects.popper,
     strategy: "absolute",
-    placement: t.placement
+    placement: e.placement
   });
 }
-const Is = {
+const Cs = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Cs,
+  fn: Ls,
   data: {}
 };
-function Ss(e) {
-  return e === "x" ? "y" : "x";
+function ks(t) {
+  return t === "x" ? "y" : "x";
 }
-function qs(e) {
-  var t = e.state, i = e.options, n = e.name, s = i.mainAxis, r = s === void 0 ? !0 : s, a = i.altAxis, l = a === void 0 ? !1 : a, o = i.boundary, c = i.rootBoundary, d = i.altBoundary, b = i.padding, v = i.tether, h = v === void 0 ? !0 : v, $ = i.tetherOffset, u = $ === void 0 ? 0 : $, w = St(t, {
+function As(t) {
+  var e = t.state, i = t.options, s = t.name, n = i.mainAxis, r = n === void 0 ? !0 : n, a = i.altAxis, l = a === void 0 ? !1 : a, o = i.boundary, d = i.rootBoundary, c = i.altBoundary, v = i.padding, w = i.tether, u = w === void 0 ? !0 : w, x = i.tetherOffset, p = x === void 0 ? 0 : x, h = Et(e, {
     boundary: o,
-    rootBoundary: c,
-    padding: b,
-    altBoundary: d
-  }), E = J(t.placement), L = mt(t.placement), O = !L, f = be(E), y = Ss(f), x = t.modifiersData.popperOffsets, k = t.rects.reference, T = t.rects.popper, A = typeof u == "function" ? u(Object.assign({}, t.rects, {
-    placement: t.placement
-  })) : u, C = typeof A == "number" ? {
-    mainAxis: A,
-    altAxis: A
+    rootBoundary: d,
+    padding: v,
+    altBoundary: c
+  }), y = _(e.placement), $ = pt(e.placement), L = !$, f = ce(y), m = ks(f), b = e.modifiersData.popperOffsets, O = e.rects.reference, A = e.rects.popper, k = typeof p == "function" ? p(Object.assign({}, e.rects, {
+    placement: e.placement
+  })) : p, C = typeof k == "number" ? {
+    mainAxis: k,
+    altAxis: k
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, A), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, H = {
+  }, k), S = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, V = {
     x: 0,
     y: 0
   };
-  if (x) {
+  if (b) {
     if (r) {
-      var D, U = f === "y" ? W : j, X = f === "y" ? B : R, N = f === "y" ? "height" : "width", V = x[f], Pt = V + w[U], Y = V - w[X], Mt = h ? -T[N] / 2 : 0, Zt = L === ft ? k[N] : T[N], vt = L === ft ? -T[N] : -k[N], Wt = t.elements.arrow, tt = h && Wt ? ve(Wt) : {
+      var T, q = f === "y" ? P : D, U = f === "y" ? F : N, I = f === "y" ? "height" : "width", W = b[f], kt = W + h[q], G = W - h[U], At = u ? -A[I] / 2 : 0, Vt = $ === ut ? O[I] : A[I], gt = $ === ut ? -A[I] : -O[I], St = e.elements.arrow, st = u && St ? le(St) : {
         width: 0,
         height: 0
-      }, K = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : pi(), jt = K[U], bt = K[X], ot = At(0, k[N], tt[N]), $i = O ? k[N] / 2 - Mt - ot - jt - C.mainAxis : Zt - ot - jt - C.mainAxis, Ei = O ? -k[N] / 2 + Mt + ot + bt + C.mainAxis : vt + ot + bt + C.mainAxis, Ut = t.elements.arrow && Dt(t.elements.arrow), xi = Ut ? f === "y" ? Ut.clientTop || 0 : Ut.clientLeft || 0 : 0, xe = (D = I == null ? void 0 : I[f]) != null ? D : 0, Li = V + $i - xe - xi, Oi = V + Ei - xe, Le = At(h ? zt(Pt, Li) : Pt, V, h ? st(Y, Oi) : Y);
-      x[f] = Le, H[f] = Le - V;
+      }, X = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Ye(), vt = X[q], Tt = X[U], J = bt(0, O[I], st[I]), Wt = L ? O[I] / 2 - At - J - vt - C.mainAxis : Vt - J - vt - C.mainAxis, ei = L ? -O[I] / 2 + At + J + Tt + C.mainAxis : gt + J + Tt + C.mainAxis, Ht = e.elements.arrow && Ct(e.elements.arrow), ii = Ht ? f === "y" ? Ht.clientTop || 0 : Ht.clientLeft || 0 : 0, he = (T = S == null ? void 0 : S[f]) != null ? T : 0, si = W + Wt - he - ii, ni = W + ei - he, pe = bt(u ? Mt(kt, si) : kt, W, u ? et(G, ni) : G);
+      b[f] = pe, V[f] = pe - W;
     }
     if (l) {
-      var Oe, ki = f === "x" ? W : j, Ti = f === "x" ? B : R, et = x[y], Nt = y === "y" ? "height" : "width", ke = et + w[ki], Te = et - w[Ti], Xt = [W, j].indexOf(E) !== -1, Ae = (Oe = I == null ? void 0 : I[y]) != null ? Oe : 0, Ce = Xt ? ke : et - k[Nt] - T[Nt] - Ae + C.altAxis, Ie = Xt ? et + k[Nt] + T[Nt] - Ae - C.altAxis : Te, Se = h && Xt ? is(Ce, et, Ie) : At(h ? Ce : ke, et, h ? Ie : Te);
-      x[y] = Se, H[y] = Se - et;
+      var ge, ri = f === "x" ? P : D, oi = f === "x" ? F : N, Q = b[m], Pt = m === "y" ? "height" : "width", ve = Q + h[ri], me = Q - h[oi], _t = [P, D].indexOf(y) !== -1, be = (ge = S == null ? void 0 : S[m]) != null ? ge : 0, we = _t ? ve : Q - O[Pt] - A[Pt] - be + C.altAxis, ye = _t ? Q + O[Pt] + A[Pt] - be - C.altAxis : me, xe = u && _t ? Qi(we, Q, ye) : bt(u ? we : ve, Q, u ? ye : me);
+      b[m] = xe, V[m] = xe - Q;
     }
-    t.modifiersData[n] = H;
+    e.modifiersData[s] = V;
   }
 }
-const Ds = {
+const Ss = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: qs,
+  fn: As,
   requiresIfExists: ["offset"]
 };
-function Ps(e) {
+function Ts(t) {
   return {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
   };
 }
-function Ms(e) {
-  return e === _(e) || !F(e) ? ye(e) : Ps(e);
+function Ps(t) {
+  return t === R(t) || !j(t) ? de(t) : Ts(t);
 }
-function Ws(e) {
-  var t = e.getBoundingClientRect(), i = pt(t.width) / e.offsetWidth || 1, n = pt(t.height) / e.offsetHeight || 1;
-  return i !== 1 || n !== 1;
+function Ds(t) {
+  var e = t.getBoundingClientRect(), i = ft(e.width) / t.offsetWidth || 1, s = ft(e.height) / t.offsetHeight || 1;
+  return i !== 1 || s !== 1;
 }
-function js(e, t, i) {
+function Is(t, e, i) {
   i === void 0 && (i = !1);
-  var n = F(t), s = F(t) && Ws(t), r = Z(t), a = gt(e, s, i), l = {
+  var s = j(e), n = j(e) && Ds(e), r = Y(e), a = ht(t, n, i), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, o = {
     x: 0,
     y: 0
   };
-  return (n || !n && !i) && ((z(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  $e(r)) && (l = Ms(t)), F(t) ? (o = gt(t, !0), o.x += t.clientLeft, o.y += t.clientTop) : r && (o.x = we(r))), {
+  return (s || !s && !i) && ((z(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  fe(r)) && (l = Ps(e)), j(e) ? (o = ht(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : r && (o.x = ue(r))), {
     x: a.left + l.scrollLeft - o.x,
     y: a.top + l.scrollTop - o.y,
     width: a.width,
     height: a.height
   };
 }
-function Ns(e) {
-  var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), n = [];
-  e.forEach(function(r) {
-    t.set(r.name, r);
+function Ms(t) {
+  var e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), s = [];
+  t.forEach(function(r) {
+    e.set(r.name, r);
   });
-  function s(r) {
+  function n(r) {
     i.add(r.name);
     var a = [].concat(r.requires || [], r.requiresIfExists || []);
     a.forEach(function(l) {
       if (!i.has(l)) {
-        var o = t.get(l);
-        o && s(o);
+        var o = e.get(l);
+        o && n(o);
       }
-    }), n.push(r);
+    }), s.push(r);
   }
-  return e.forEach(function(r) {
-    i.has(r.name) || s(r);
-  }), n;
+  return t.forEach(function(r) {
+    i.has(r.name) || n(r);
+  }), s;
 }
-function _s(e) {
-  var t = Ns(e);
-  return Zn.reduce(function(i, n) {
-    return i.concat(t.filter(function(s) {
-      return s.phase === n;
+function Rs(t) {
+  var e = Ms(t);
+  return Xi.reduce(function(i, s) {
+    return i.concat(e.filter(function(n) {
+      return n.phase === s;
     }));
   }, []);
 }
-function Fs(e) {
-  var t;
+function Bs(t) {
+  var e;
   return function() {
-    return t || (t = new Promise(function(i) {
+    return e || (e = new Promise(function(i) {
       Promise.resolve().then(function() {
-        t = void 0, i(e());
+        e = void 0, i(t());
       });
-    })), t;
+    })), e;
   };
 }
-function Bs(e) {
-  var t = e.reduce(function(i, n) {
-    var s = i[n.name];
-    return i[n.name] = s ? Object.assign({}, s, n, {
-      options: Object.assign({}, s.options, n.options),
-      data: Object.assign({}, s.data, n.data)
-    }) : n, i;
+function js(t) {
+  var e = t.reduce(function(i, s) {
+    var n = i[s.name];
+    return i[s.name] = n ? Object.assign({}, n, s, {
+      options: Object.assign({}, n.options, s.options),
+      data: Object.assign({}, n.data, s.data)
+    }) : s, i;
   }, {});
-  return Object.keys(t).map(function(i) {
-    return t[i];
+  return Object.keys(e).map(function(i) {
+    return e[i];
   });
 }
-var Je = {
+var Pe = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function ze() {
-  for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
-    t[i] = arguments[i];
-  return !t.some(function(n) {
-    return !(n && typeof n.getBoundingClientRect == "function");
+function De() {
+  for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
+    e[i] = arguments[i];
+  return !e.some(function(s) {
+    return !(s && typeof s.getBoundingClientRect == "function");
   });
 }
-function Rs(e) {
-  e === void 0 && (e = {});
-  var t = e, i = t.defaultModifiers, n = i === void 0 ? [] : i, s = t.defaultOptions, r = s === void 0 ? Je : s;
-  return function(a, l, o) {
-    o === void 0 && (o = r);
+function Fs(t) {
+  t === void 0 && (t = {});
+  var e = t, i = e.defaultModifiers, s = i === void 0 ? [] : i, n = e.defaultOptions, r = n === void 0 ? Pe : n;
+  return function(l, o, d) {
+    d === void 0 && (d = r);
     var c = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Je, r),
+      options: Object.assign({}, Pe, r),
       modifiersData: {},
       elements: {
-        reference: a,
-        popper: l
+        reference: l,
+        popper: o
       },
       attributes: {},
       styles: {}
-    }, d = [], b = !1, v = {
+    }, v = [], w = !1, u = {
       state: c,
-      setOptions: function(u) {
-        var w = typeof u == "function" ? u(c.options) : u;
-        $(), c.options = Object.assign({}, r, c.options, w), c.scrollParents = {
-          reference: rt(a) ? Ct(a) : a.contextElement ? Ct(a.contextElement) : [],
-          popper: Ct(l)
+      setOptions: function(y) {
+        var $ = typeof y == "function" ? y(c.options) : y;
+        p(), c.options = Object.assign({}, r, c.options, $), c.scrollParents = {
+          reference: it(l) ? wt(l) : l.contextElement ? wt(l.contextElement) : [],
+          popper: wt(o)
         };
-        var E = _s(Bs([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = E.filter(function(L) {
-          return L.enabled;
-        }), h(), v.update();
+        var L = Rs(js([].concat(s, c.options.modifiers)));
+        return c.orderedModifiers = L.filter(function(f) {
+          return f.enabled;
+        }), x(), u.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -2018,26 +1739,26 @@ function Rs(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!b) {
-          var u = c.elements, w = u.reference, E = u.popper;
-          if (ze(w, E)) {
+        if (!w) {
+          var y = c.elements, $ = y.reference, L = y.popper;
+          if (De($, L)) {
             c.rects = {
-              reference: js(w, Dt(E), c.options.strategy === "fixed"),
-              popper: ve(E)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(T) {
-              return c.modifiersData[T.name] = Object.assign({}, T.data);
+              reference: Is($, Ct(L), c.options.strategy === "fixed"),
+              popper: le(L)
+            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(C) {
+              return c.modifiersData[C.name] = Object.assign({}, C.data);
             });
-            for (var L = 0; L < c.orderedModifiers.length; L++) {
+            for (var f = 0; f < c.orderedModifiers.length; f++) {
               if (c.reset === !0) {
-                c.reset = !1, L = -1;
+                c.reset = !1, f = -1;
                 continue;
               }
-              var O = c.orderedModifiers[L], f = O.fn, y = O.options, x = y === void 0 ? {} : y, k = O.name;
-              typeof f == "function" && (c = f({
+              var m = c.orderedModifiers[f], b = m.fn, O = m.options, A = O === void 0 ? {} : O, k = m.name;
+              typeof b == "function" && (c = b({
                 state: c,
-                options: x,
+                options: A,
                 name: k,
-                instance: v
+                instance: u
               }) || c);
             }
           }
@@ -2045,171 +1766,180 @@ function Rs(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Fs(function() {
-        return new Promise(function(u) {
-          v.forceUpdate(), u(c);
+      update: Bs(function() {
+        return new Promise(function(h) {
+          u.forceUpdate(), h(c);
         });
       }),
       destroy: function() {
-        $(), b = !0;
+        p(), w = !0;
       }
     };
-    if (!ze(a, l))
-      return v;
-    v.setOptions(o).then(function(u) {
-      !b && o.onFirstUpdate && o.onFirstUpdate(u);
+    if (!De(l, o))
+      return u;
+    u.setOptions(d).then(function(h) {
+      !w && d.onFirstUpdate && d.onFirstUpdate(h);
     });
-    function h() {
-      c.orderedModifiers.forEach(function(u) {
-        var w = u.name, E = u.options, L = E === void 0 ? {} : E, O = u.effect;
-        if (typeof O == "function") {
-          var f = O({
+    function x() {
+      c.orderedModifiers.forEach(function(h) {
+        var y = h.name, $ = h.options, L = $ === void 0 ? {} : $, f = h.effect;
+        if (typeof f == "function") {
+          var m = f({
             state: c,
-            name: w,
-            instance: v,
+            name: y,
+            instance: u,
             options: L
-          }), y = function() {
+          }), b = function() {
           };
-          d.push(f || y);
+          v.push(m || b);
         }
       });
     }
-    function $() {
-      d.forEach(function(u) {
-        return u();
-      }), d = [];
+    function p() {
+      v.forEach(function(h) {
+        return h();
+      }), v = [];
     }
-    return v;
+    return u;
   };
 }
-var Hs = [hs, Is, ds, Yn, As, xs, Ds, os, Os], Vs = /* @__PURE__ */ Rs({
-  defaultModifiers: Hs
+var Ns = [ls, Cs, os, Ui, $s, ws, Ss, is, xs], Vs = /* @__PURE__ */ Fs({
+  defaultModifiers: Ns
 });
-async function ae(e) {
-  if (!e)
-    return this.collection;
-  const t = this.collection.findIndex((i) => i.id === e.id);
-  if (t >= 0) {
-    const i = this.collection[t];
-    i.state === "opened" && i.close(), i.popper.destroy(), yi(i), Object.getOwnPropertyNames(i).forEach((n) => {
-      delete i[n];
-    }), this.collection.splice(t, 1);
+async function Jt(t) {
+  const e = this.collection.findIndex((i) => i.id === t.id);
+  if (e >= 0) {
+    const i = this.collection[e];
+    i.state === "opened" && i.close(), i.popper.destroy(), Qe(i), Object.getOwnPropertyNames(i).forEach((s) => {
+      delete i[s];
+    }), this.collection.splice(e, 1);
   }
   return this.collection;
 }
-function yi(e) {
-  return e.__eventListeners && (e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].removeEventListener(n, t.listener, !1);
+function Qe(t) {
+  return t.__eventListeners && (t.__eventListeners.forEach((e) => {
+    e.el.forEach((i) => {
+      e.type.forEach((s) => {
+        t[i].removeEventListener(s, e.listener, !1);
       });
     });
-  }), delete e.__eventListeners), e;
+  }), delete t.__eventListeners), t;
 }
-async function Ee(e) {
-  const t = ri.call(this, e);
-  return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = si(t.el, this.settings), t.popper.setOptions({
-    placement: t.config.placement,
+async function Ze(t) {
+  const e = Ne.call(this, t);
+  return e.el.classList.add(this.settings.stateActive), e.trigger.hasAttribute("aria-controls") && e.trigger.setAttribute("aria-expanded", "true"), e.config = je(e.el, this.settings), e.popper.setOptions({
+    placement: e.config.placement,
     modifiers: [
       { name: "eventListeners", enabled: !0 },
-      ...Mn(t.config)
+      ...Fe(e.config)
     ]
-  }), t.popper.update(), t.state = "opened", t;
+  }), e.popper.update(), e.state = "opened", e;
 }
-async function Js(e, t) {
-  ae.call(this, e);
-  const i = this, n = {
+async function Ws(t, e) {
+  Jt.call(this, t);
+  const i = this, s = {
+    id: t.id,
+    state: "closed",
+    el: t,
+    trigger: e,
+    toggleDelayId: null,
+    popper: Vs(e, t),
+    config: je(t, this.settings),
+    get isTooltip() {
+      return e.hasAttribute("aria-describedby");
+    },
     open() {
-      return Ee.call(i, this);
+      return Ze.call(i, this);
     },
     close() {
-      return pe.call(i, this);
+      return re.call(i, this);
     },
     deregister() {
-      return ae.call(i, this);
+      return Jt.call(i, this);
     }
-  }, s = {
-    id: e.id,
-    state: "closed",
-    el: e,
-    trigger: t,
-    popper: Vs(t, e),
-    config: si(e, this.settings),
-    ...n
   };
-  return s.trigger.hasAttribute("aria-controls") && s.trigger.setAttribute("aria-expanded", "false"), wi.call(this, s), this.collection.push(s), s.el.classList.contains(this.settings.stateActive) && (await s.open(), ci.call(this, s)), s;
+  return s.trigger.hasAttribute("aria-controls") && s.trigger.setAttribute("aria-expanded", "false"), ti.call(this, s), this.collection.push(s), s.el.classList.contains(this.settings.stateActive) && (await s.open(), He.call(this, s)), s.popper.setOptions({
+    placement: s.config.placement
+  }), s;
 }
-function wi(e) {
-  return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
+function ti(t) {
+  return t.__eventListeners || (t.config.event === "hover" ? (t.__eventListeners = [{
     el: ["trigger"],
     type: ["mouseenter", "focus"],
-    listener: Ee.bind(this, e)
+    listener: Di.bind(this, t)
   }, {
     el: ["el", "trigger"],
     type: ["mouseleave", "focusout"],
-    listener: li.bind(this, e)
-  }], e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].addEventListener(n, t.listener, !1);
+    listener: Ii.bind(this, t)
+  }], t.__eventListeners.forEach((i) => {
+    i.el.forEach((s) => {
+      i.type.forEach((n) => {
+        t[s].addEventListener(n, i.listener, !1);
       });
     });
-  })) : (e.__eventListeners = [{
+  })) : (t.__eventListeners = [{
     el: ["trigger"],
     type: ["click"],
-    listener: jn.bind(this, e)
-  }], e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].addEventListener(n, t.listener, !1);
+    listener: Pi.bind(this, t)
+  }], t.__eventListeners.forEach((i) => {
+    i.el.forEach((s) => {
+      i.type.forEach((n) => {
+        t[s].addEventListener(n, i.listener, !1);
       });
     });
-  }))), e;
+  }))), t;
 }
-var Tt;
-class rr extends qn {
-  constructor(t) {
-    super(), In(this, Tt, void 0), this.defaults = Pn, this.settings = { ...this.defaults, ...t }, this.trigger = null, Sn(this, Tt, Nn.bind(this)), this.settings.autoInit && this.init();
+var dt;
+class Xs extends Rt {
+  constructor(i) {
+    super();
+    H(this, dt);
+    this.defaults = Ai, this.settings = { ...this.defaults, ...i }, this.trigger = null, M(this, dt, Mi.bind(this)), this.settings.autoMount && this.mount();
+  }
+  get active() {
+    return this.collection.find((i) => i.state == "opened");
+  }
+  get activeTooltip() {
+    return this.collection.find((i) => i.state == "opened" && i.isTooltip);
   }
-  async init(t) {
-    t && (this.settings = { ...this.settings, ...t });
-    const i = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(i), this.settings.eventListeners && this.initEventListeners(!1), this;
+  async mount(i) {
+    i && (this.settings = { ...this.settings, ...i });
+    const s = document.querySelectorAll(this.settings.selectorPopover);
+    return await this.registerCollection(s), this.settings.eventListeners && this.mountEventListeners(!1), this;
   }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(!1), this;
+  async unmount() {
+    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(!1), this;
   }
-  initEventListeners(t = !0) {
-    t && this.collection.forEach((i) => {
-      wi.call(this, i);
-    }), document.addEventListener("keydown", je(this, Tt), !1);
+  mountEventListeners(i = !0) {
+    i && this.collection.forEach((s) => {
+      ti.call(this, s);
+    }), document.addEventListener("keydown", E(this, dt), !1);
   }
-  destroyEventListeners(t = !0) {
-    t && this.collection.forEach((i) => {
-      yi(i);
-    }), document.removeEventListener("keydown", je(this, Tt), !1);
+  unmountEventListeners(i = !0) {
+    i && this.collection.forEach((s) => {
+      Qe(s);
+    }), document.removeEventListener("keydown", E(this, dt), !1);
   }
-  register(t) {
-    const i = Wn.call(this, t);
-    return i.error ? Promise.reject(i.error) : Js.call(this, i.popover, i.trigger);
+  register(i) {
+    const s = Ti.call(this, i);
+    return s.error ? Promise.reject(s.error) : Ws.call(this, s.popover, s.trigger);
   }
-  deregister(t) {
-    const i = this.get(oi.call(this, t));
-    return ae.call(this, i);
+  deregister(i) {
+    let s = this.get(i.id || i);
+    return s ? Jt.call(this, s) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${i.id || i}".`));
   }
-  open(t) {
-    return Ee.call(this, t);
+  open(i) {
+    return Ze.call(this, i);
   }
-  close(t) {
-    return pe.call(this, t);
+  close(i) {
+    return re.call(this, i);
   }
 }
-Tt = /* @__PURE__ */ new WeakMap();
+dt = new WeakMap();
 export {
-  Zs as Checkbox,
-  er as Drawer,
-  sr as Modal,
-  rr as Popover,
-  Qs as core
+  zs as Drawer,
+  Ks as Modal,
+  Xs as Popover,
+  _s as core
 };
 //# sourceMappingURL=index.js.map