vrembem 4.0.0-next.2 → 4.0.0-next.4

package/dist/index.js

@@ -1,31 +1,31 @@
-var Ke = (e, t, i) => {
+var ze = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, j = (e, t, n) => (ze(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Rt = (e, t, n) => {
   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;
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, nt = (e, t, n, i) => (ze(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), V;
+let In = class {
+  constructor(t, n) {
+    Rt(this, V, void 0), this.value = t, nt(this, V, n), this.mql = null;
   }
   get handler() {
-    return S(this, P);
+    return j(this, V);
   }
   // 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);
+    this.mql && this.mql.removeEventListener("change", j(this, V)), nt(this, V, 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;
+  mount(t, n) {
+    return t && (this.value = t), n && nt(this, V, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", j(this, V)), j(this, V).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;
+    return this.mql ? (this.mql.removeEventListener("change", j(this, V)), this.value = null, nt(this, V, null), this.mql = null, this) : this;
   }
 };
-P = /* @__PURE__ */ new WeakMap();
-let Ci = class {
+V = /* @__PURE__ */ new WeakMap();
+let An = class {
   constructor() {
     this.collection = [];
   }
@@ -33,18 +33,18 @@ let Ci = class {
     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);
+    const n = this.collection.findIndex((i) => i === t);
+    if (n >= 0) {
+      const i = this.collection[n];
+      Object.getOwnPropertyNames(i).forEach((r) => {
+        delete i[r];
+      }), this.collection.splice(n, 1);
     }
     return this.collection;
   }
   async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
+    return await Promise.all(Array.from(t, (n) => {
+      this.register(n);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -52,15 +52,15 @@ let Ci = class {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
+  get(t, n = "id") {
+    return this.collection.find((i) => i[n] === t);
   }
 };
 const p = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, Ii = [
+}, Pn = [
   `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}`,
@@ -79,15 +79,15 @@ const p = {
   `[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));
+let Dn = class {
+  constructor(t = null, n = "[data-focus]") {
+    Rt(this, wt, void 0), Rt(this, at, void 0), Rt(this, lt, void 0), this.el = t, this.selectorFocus = n, nt(this, at, Mn.bind(this)), nt(this, lt, jn.bind(this));
   }
   get focusable() {
-    return S(this, wt);
+    return j(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)));
+    nt(this, wt, t), j(this, wt).length ? (document.removeEventListener("keydown", j(this, lt)), document.addEventListener("keydown", j(this, at))) : (document.removeEventListener("keydown", j(this, at)), document.addEventListener("keydown", j(this, lt)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -95,162 +95,138 @@ let Si = 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(t, n) {
+    t && (this.el = t), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", S(this, at)), document.removeEventListener("keydown", S(this, lt));
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", j(this, at)), document.removeEventListener("keydown", j(this, lt));
   }
-  focus(t = this.el, i = this.selectorFocus) {
-    (t.querySelector(i) || t).focus();
+  focus(t = this.el, n = this.selectorFocus) {
+    (t.querySelector(n) || 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;
+    const n = [], i = document.activeElement, r = t.scrollTop;
+    return t.querySelectorAll(Pn.join(",")).forEach((s) => {
+      s.focus(), document.activeElement === s && n.push(s);
+    }), t.scrollTop = r, i.focus(), n;
   }
 };
 wt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap();
-function qi(e) {
+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 Di(e) {
+function jn(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 Ke() {
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
 }
-function Mi() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+function Ge(e, t = document.body, n = !0) {
+  if (n) {
+    const r = Ke();
+    r && !e.includes(`--${r}`) && (e = e.replace("--", `--${r}`));
+  }
+  const i = getComputedStyle(t).getPropertyValue(e).trim();
+  if (i)
+    return i;
+  throw new Error(`CSS variable "${e}" was not found!`);
+}
+function qn(e, t) {
+  const n = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
 }
-function Wi(e, t = !0) {
-  const i = localStorage.getItem(e), n = i ? JSON.parse(i) : {};
+function Fn(e, t = !0) {
+  const n = localStorage.getItem(e), i = n ? JSON.parse(n) : {};
   return {
-    get(s) {
-      return s ? n[s] : n;
+    get(r) {
+      return r ? i[r] : i;
     },
-    set(s, r) {
-      return r ? n[s] = r : delete n[s], t && localStorage.setItem(e, JSON.stringify(n)), n;
+    set(r, s) {
+      return s ? i[r] = s : delete i[r], t && localStorage.setItem(e, JSON.stringify(i)), i;
     }
   };
 }
-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)
+function Nn(e, t, n) {
+  const i = t.nodeType === Node.COMMENT_NODE, r = t.nodeType === Node.ELEMENT_NODE;
+  if (t = i || r ? t : document.querySelector(t), i && (n = "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");
+  if (typeof t[n] != "function")
+    throw new Error(`Not a valid teleport method: '${n}'`);
+  let s = null;
+  return i || (s = document.createComment("teleported #" + e.id), e.before(s)), t[n](e), i && t.remove(), s;
+}
+function Wn(e, t, n, i = "--transition-duration") {
+  return new Promise((r) => {
+    if (typeof i == "string") {
+      const s = Ge(i, e), a = !!s.includes("ms");
+      i = parseFloat(s) * (a ? 1 : 1e3);
+    }
+    e.classList.remove(t.finish), e.classList.add(n.start), setTimeout(() => {
+      e.classList.add(n.finish), e.classList.remove(n.start), r(e);
+    }, i);
+  });
+}
+function _n(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? n.style.overflow = "hidden" : n.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 Bn(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
   });
 }
-function Ri(e, t) {
-  Bi(!!e, t.selectorInert), Fi(!!e, t.selectorOverflow);
+function Rn(e, t) {
+  Bn(!!e, t.selectorInert), _n(!!e, t.selectorOverflow);
 }
-const Qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const zr = /* @__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"
-};
-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) => {
+  Breakpoint: In,
+  Collection: An,
+  FocusTrap: Dn,
+  cssVar: Ge,
+  getConfig: qn,
+  getPrefix: Ke,
+  localStore: Fn,
+  teleport: Nn,
+  transition: Wn,
+  updateGlobalState: Rn
+}, Symbol.toStringTag, { value: "Module" }));
+var Qe = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, Wt = (e, t, n) => (Qe(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Ae = (e, t, n) => {
   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) => {
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, Pe = (e, t, n, i) => (Qe(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), Ze = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, q = (e, t, n) => (Ze(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Vt = (e, t, n) => {
   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;
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, it = (e, t, n, i) => (Ze(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), H;
+let Vn = class {
+  constructor(t, n) {
+    Vt(this, H, void 0), this.value = t, it(this, H, n), this.mql = null;
   }
   get handler() {
-    return q(this, M);
+    return q(this, H);
   }
   // 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);
+    this.mql && this.mql.removeEventListener("change", q(this, H)), it(this, H, t);
   }
-  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(t, n) {
+    return t && (this.value = t), n && it(this, H, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", q(this, H)), q(this, H).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", q(this, H)), this.value = null, it(this, H, null), this.mql = null, this) : this;
   }
 };
-M = /* @__PURE__ */ new WeakMap();
-let Ji = class {
+H = /* @__PURE__ */ new WeakMap();
+let Hn = class {
   constructor() {
     this.collection = [];
   }
@@ -258,18 +234,18 @@ let Ji = class {
     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);
+    const n = this.collection.findIndex((i) => i === t);
+    if (n >= 0) {
+      const i = this.collection[n];
+      Object.getOwnPropertyNames(i).forEach((r) => {
+        delete i[r];
+      }), this.collection.splice(n, 1);
     }
     return this.collection;
   }
   async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
+    return await Promise.all(Array.from(t, (n) => {
+      this.register(n);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -277,15 +253,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(t, n = "id") {
+    return this.collection.find((i) => i[n] === t);
   }
 };
 const g = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, zi = [
+}, Jn = [
   `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}`,
@@ -304,15 +280,15 @@ const g = {
   `[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));
+let zn = class {
+  constructor(t = null, n = "[data-focus]") {
+    Vt(this, $t, void 0), Vt(this, ct, void 0), Vt(this, dt, void 0), this.el = t, this.selectorFocus = n, it(this, ct, Kn.bind(this)), it(this, dt, Gn.bind(this));
   }
   get focusable() {
     return q(this, $t);
   }
   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)));
+    it(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)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -320,70 +296,82 @@ 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(t, n) {
+    t && (this.el = t), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
     this.el = null, this.focusable = [], document.removeEventListener("keydown", q(this, ct)), document.removeEventListener("keydown", q(this, dt));
   }
-  focus(t = this.el, i = this.selectorFocus) {
-    (t.querySelector(i) || t).focus();
+  focus(t = this.el, n = this.selectorFocus) {
+    (t.querySelector(n) || t).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;
+    const n = [], i = document.activeElement, r = t.scrollTop;
+    return t.querySelectorAll(Jn.join(",")).forEach((s) => {
+      s.focus(), document.activeElement === s && n.push(s);
+    }), t.scrollTop = r, i.focus(), n;
   }
 };
 $t = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap();
-function Gi(e) {
+function Kn(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) {
+function Gn(e) {
   (e.key === "Tab" || e.keyCode === 9) && e.preventDefault();
 }
-function Zi(e, t) {
-  const i = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
+function Xe() {
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+}
+function Qn(e, t = document.body, n = !0) {
+  if (n) {
+    const r = Xe();
+    r && !e.includes(`--${r}`) && (e = e.replace("--", `--${r}`));
+  }
+  const i = getComputedStyle(t).getPropertyValue(e).trim();
+  if (i)
+    return i;
+  throw new Error(`CSS variable "${e}" was not found!`);
 }
-function Ui() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+function Zn(e, t) {
+  const n = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
 }
-function Xi(e, t = !0) {
-  const i = localStorage.getItem(e), n = i ? JSON.parse(i) : {};
+function Xn(e, t = !0) {
+  const n = localStorage.getItem(e), i = n ? JSON.parse(n) : {};
   return {
-    get(s) {
-      return s ? n[s] : n;
+    get(r) {
+      return r ? i[r] : i;
     },
-    set(s, r) {
-      return r ? n[s] = r : delete n[s], t && localStorage.setItem(e, JSON.stringify(n)), n;
+    set(r, s) {
+      return s ? i[r] = s : delete i[r], t && localStorage.setItem(e, JSON.stringify(i)), i;
     }
   };
 }
-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 Ye(e, t, n, i = "--transition-duration") {
+  return new Promise((r) => {
+    if (typeof i == "string") {
+      const s = Qn(i, e), a = !!s.includes("ms");
+      i = parseFloat(s) * (a ? 1 : 1e3);
+    }
+    e.classList.remove(t.finish), e.classList.add(n.start), setTimeout(() => {
+      e.classList.add(n.finish), e.classList.remove(n.start), r(e);
+    }, i);
   });
 }
-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 Yn(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
   });
 }
-function le(e, t) {
-  nn(!!e, t.selectorInert), en(!!e, t.selectorOverflow);
+function Un(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
+  });
 }
-const sn = {
+function ae(e, t) {
+  Un(!!e, t.selectorInert), Yn(!!e, t.selectorOverflow);
+}
+const ti = {
   autoInit: !1,
   // Data attributes
   dataOpen: "drawer-open",
@@ -394,6 +382,7 @@ const sn = {
   // Selectors
   selectorDrawer: ".drawer",
   selectorDialog: ".drawer__dialog",
+  selectorScreen: ".drawer",
   selectorFocus: "[data-focus]",
   selectorInert: null,
   selectorOverflow: "body",
@@ -411,230 +400,239 @@ const sn = {
   store: !0,
   storeKey: "VB:DrawerState",
   setTabindex: !0,
-  transition: !0
+  transition: !0,
+  transitionDuration: "--vb-drawer-transition-duration"
 };
-function rn(e) {
+async function ei(e) {
   const t = e.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();
+    e.preventDefault(), t.matches(`[data-${this.settings.dataToggle}]`) && t.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((n) => {
+      const i = this.get(n);
+      return i.trigger = t, i.toggle();
+    }), t.matches(`[data-${this.settings.dataOpen}]`) && t.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((n) => {
+      const i = this.get(n);
+      return i.trigger = t, i.open();
+    }), t.matches(`[data-${this.settings.dataClose}]`) && t.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((n) => {
+      if (n) {
+        const i = this.get(n);
+        return i.trigger = t, i.close();
       } else {
-        const n = e.target.closest(this.settings.selectorDrawer);
-        n && this.close(n);
+        const i = e.target.closest(this.settings.selectorDrawer);
+        if (i)
+          return this.close(i);
       }
     });
     return;
   }
-  e.target.matches(this.settings.selectorDrawer) && this.close(e.target.id);
+  if (this.activeModal && e.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 ni(e) {
+  if (e.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);
-  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];
-    }), this.collection.splice(i, 1);
+async function ee(e, t = !0) {
+  const n = this.collection.findIndex((i) => i.id === e.id);
+  if (n >= 0) {
+    const i = this.collection[n];
+    t && i.state === "opened" && await i.close(!1), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((r) => {
+      delete i[r];
+    }), this.collection.splice(n, 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 ii(e) {
+  e.store === "opened" ? e.open(!1, !1) : e.store === "closed" ? e.close(!1, !1) : e.store === "indeterminate" ? e.state = "indeterminate" : e.el.classList.contains(e.getSetting("stateOpened")) ? e.open(!1, !1) : e.el.classList.contains(e.getSetting("stateClosed")) ? e.close(!1, !1) : e.state = "indeterminate";
+}
+async function ri(e) {
+  e.store === "opened" ? await e.open(!1, !1) : e.store === "closed" ? await e.close(!1, !1) : e.store === "indeterminate" ? e.state != "indeterminate" && (e.state = "indeterminate") : (e.state != e.inlineState && (e.state = e.inlineState), e.inlineState === "opened" ? await e.open(!1, !1) : e.inlineState === "closed" && await e.close(!1, !1));
+}
+function si(e) {
+  const t = Xe(), n = e.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  return this.settings.breakpoints && this.settings.breakpoints[n] ? this.settings.breakpoints[n] : getComputedStyle(document.body).getPropertyValue(`--${t}breakpoint-${n}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${t}breakpoint-${n}`).trim() : n;
 }
-function ce(e) {
+function le(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) {
+function Ue(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 ce(e, t, n = !0) {
+  const i = le.call(this, e), r = { ...this.settings, ...i.settings };
+  return t !== void 0 && (r.transition = t), (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", r.transition ? await Ye(i.el, {
+    start: r.stateClosing,
+    finish: r.stateClosed
+  }, {
+    start: r.stateOpening,
+    finish: r.stateOpened
+  }, r.transitionDuration) : (i.el.classList.add(r.stateOpened), i.el.classList.remove(r.stateClosed)), i.state = "opened", i.mode === "modal" && ae(!0, r), n && Ue.call(this, i), i.el.dispatchEvent(new CustomEvent(r.customEventPrefix + "opened", {
     detail: this,
     bubbles: !0
-  })), n;
+  }))), i;
 }
-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 zt(e, t, n = !0) {
+  const i = le.call(this, e), r = { ...this.settings, ...i.settings };
+  return t !== void 0 && (r.transition = t), (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), r.transition ? await Ye(i.el, {
+    start: r.stateOpening,
+    finish: r.stateOpened
+  }, {
+    start: r.stateClosing,
+    finish: r.stateClosed
+  }, r.transitionDuration) : (i.el.classList.add(r.stateClosed), i.el.classList.remove(r.stateOpened)), i.state = "closed", i.mode === "modal" && ae(!1, r), n && Ue.call(this, i), i.el.dispatchEvent(new CustomEvent(r.customEventPrefix + "closed", {
     detail: this,
     bubbles: !0
-  }))), n;
+  }))), i;
 }
-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 tn(e, t, n) {
+  const i = le.call(this, e);
+  return i.state === "closed" ? ce.call(this, i, t, n) : zt.call(this, i, t, n);
 }
-function cn(e) {
+function oi(e) {
   switch (e.mode) {
     case "inline":
-      return dn.call(this, e);
+      return ai.call(this, e);
     case "modal":
-      return un.call(this, e);
+      return li.call(this, e);
     default:
       throw new Error(`"${e.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 ai(e) {
+  return e.el.classList.remove(e.getSetting("classModal")), e.dialog.removeAttribute("aria-modal"), ae(!1, { ...this.settings, ...e.settings }), this.focusTrap.unmount(), await ri(e), e.el.dispatchEvent(new CustomEvent(e.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), e;
 }
-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 li(e) {
+  return e.el.classList.add(e.getSetting("classModal")), e.dialog.setAttribute("aria-modal", "true"), await zt.call(this, e, !1, !1), e.el.dispatchEvent(new CustomEvent(e.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);
+async function ci(e, t = {}) {
+  await ee.call(this, e, !1);
+  const n = this, i = new Vn();
+  let r, s = "indeterminate";
+  const a = {
+    id: e.id,
+    el: e,
+    dialog: null,
+    trigger: null,
+    settings: { ...Zn(e, this.settings.dataConfig), ...t },
+    inlineState: "indeterminate",
+    get breakpoint() {
+      return si.call(n, e);
+    },
+    get store() {
+      return n.store.get(this.id);
+    },
+    get mode() {
+      return r;
+    },
+    set mode(o) {
+      r = o, oi.call(n, this);
     },
-    close(o, c) {
-      return Kt.call(i, this, o, c);
+    get state() {
+      return s;
+    },
+    set state(o) {
+      s = o, this.mode === "inline" && o != "opening" && o != "closing" && (this.inlineState = o, this.getSetting("store") && n.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, l) {
+      return ce.call(n, this, o, l);
+    },
+    close(o, l) {
+      return zt.call(n, this, o, l);
     },
-    toggle(o, c) {
-      return Ye.call(i, this, o, c);
+    toggle(o, l) {
+      return tn.call(n, this, o, l);
     },
     deregister() {
-      return ie.call(i, this);
+      return ee.call(n, this);
     },
     mountBreakpoint() {
-      const o = this.breakpoint, c = this.handleBreakpoint.bind(this);
-      return n.mount(o, c), this;
+      const o = this.breakpoint, l = this.handleBreakpoint.bind(this);
+      return i.mount(o, l), this;
     },
     unmountBreakpoint() {
-      return n.unmount(), this;
+      return i.unmount(), this;
     },
     handleBreakpoint(o) {
-      return this.mode = o.matches ? "inline" : "modal", this;
+      const l = o.matches ? "inline" : "modal";
+      return this.mode != l && (this.mode = l), this;
     },
     getSetting(o) {
-      return o in this.settings ? this.settings[o] : i.settings[o];
+      return o in this.settings ? this.settings[o] : n.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;
+  this.collection.push(a);
+  const c = e.querySelector(a.getSetting("selectorDialog"));
+  return a.dialog = c || e, a.getSetting("setTabindex") && a.dialog.setAttribute("tabindex", "-1"), await ii(a), a.inlineState = a.state, a.mode = e.classList.contains(a.getSetting("classModal")) ? "modal" : "inline", a.breakpoint && a.mountBreakpoint(), a;
 }
 var Et, xt;
-let er = class extends Ji {
+let Zr = class extends Hn {
   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();
+    super(), Ae(this, Et, void 0), Ae(this, xt, void 0), this.defaults = ti, this.settings = { ...this.defaults, ...t }, this.focusTrap = new zn(), this.store = Xn(this.settings.storeKey, this.settings.store), Pe(this, Et, ei.bind(this)), Pe(this, xt, ni.bind(this)), this.settings.autoInit && this.init();
   }
   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;
+    const n = document.querySelectorAll(this.settings.selectorDrawer);
+    return await this.registerCollection(n), 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);
+    document.addEventListener("click", Wt(this, Et), !1), document.addEventListener("keydown", Wt(this, xt), !1);
   }
   destroyEventListeners() {
-    document.removeEventListener("click", _t(this, Et), !1), document.removeEventListener("keydown", _t(this, xt), !1);
+    document.removeEventListener("click", Wt(this, Et), !1), document.removeEventListener("keydown", Wt(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);
+  register(t, n = {}) {
+    let i = typeof t == "string" ? document.getElementById(t) : t;
+    return i ? ci.call(this, i, n) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${t.id || t}".`));
   }
   deregister(t) {
-    const i = this.get(Ze.call(this, t));
-    return ie.call(this, i);
+    let n = this.get(t.id || t);
+    return n ? ee.call(this, n) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${t.id || t}".`));
   }
-  open(t, i, n) {
-    return de.call(this, t, i, n);
+  open(t, n, i) {
+    return ce.call(this, t, n, i);
   }
-  close(t, i, n) {
-    return Kt.call(this, t, i, n);
+  close(t, n, i) {
+    return zt.call(this, t, n, i);
   }
-  toggle(t, i, n) {
-    return Ye.call(this, t, i, n);
+  toggle(t, n, i) {
+    return tn.call(this, t, n, i);
   }
 };
 Et = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap();
-var ti = (e, t, i) => {
+var en = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, _t = (e, t, n) => (en(e, t, "read from private field"), n ? n.call(e) : t.get(e)), De = (e, t, n) => {
   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) => {
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, Me = (e, t, n, i) => (en(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), nn = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, Q = (e, t, n) => (nn(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Yt = (e, t, n) => {
   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 {
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, Ut = (e, t, n, i) => (nn(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n);
+class di {
   constructor() {
     this.collection = [];
   }
@@ -642,18 +640,18 @@ class fn {
     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);
+    const n = this.collection.findIndex((i) => i === t);
+    if (n >= 0) {
+      const i = this.collection[n];
+      Object.getOwnPropertyNames(i).forEach((r) => {
+        delete i[r];
+      }), this.collection.splice(n, 1);
     }
     return this.collection;
   }
   async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
+    return await Promise.all(Array.from(t, (n) => {
+      this.register(n);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -661,15 +659,15 @@ class fn {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
+  get(t, n = "id") {
+    return this.collection.find((i) => i[n] === t);
   }
 }
 const m = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, pn = [
+}, ui = [
   `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}`,
@@ -687,16 +685,16 @@ const m = {
   `[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));
+var Ot, ut, ht;
+class hi {
+  constructor(t = null, n = "[data-focus]") {
+    Yt(this, Ot, void 0), Yt(this, ut, void 0), Yt(this, ht, void 0), this.el = t, this.selectorFocus = n, Ut(this, ut, fi.bind(this)), Ut(this, ht, pi.bind(this));
   }
   get focusable() {
-    return Q(this, Lt);
+    return Q(this, Ot);
   }
   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)));
+    Ut(this, Ot, t), Q(this, Ot).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)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -704,65 +702,80 @@ let gn = 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(t, n) {
+    t && (this.el = t), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
   }
   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();
+  focus(t = this.el, n = this.selectorFocus) {
+    (t.querySelector(n) || t).focus();
   }
   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;
+    const n = [], i = document.activeElement, r = t.scrollTop;
+    return t.querySelectorAll(ui.join(",")).forEach((s) => {
+      s.focus(), document.activeElement === s && n.push(s);
+    }), t.scrollTop = r, i.focus(), n;
   }
-};
-Lt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap();
-function mn(e) {
+}
+Ot = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap();
+function fi(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) {
+function pi(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 gi() {
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+}
+function mi(e, t = document.body, n = !0) {
+  if (n) {
+    const r = gi();
+    r && !e.includes(`--${r}`) && (e = e.replace("--", `--${r}`));
+  }
+  const i = getComputedStyle(t).getPropertyValue(e).trim();
+  if (i)
+    return i;
+  throw new Error(`CSS variable "${e}" was not found!`);
+}
+function vi(e, t) {
+  const n = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
 }
-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)
+function je(e, t, n) {
+  const i = t.nodeType === Node.COMMENT_NODE, r = t.nodeType === Node.ELEMENT_NODE;
+  if (t = i || r ? t : document.querySelector(t), i && (n = "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");
+  if (typeof t[n] != "function")
+    throw new Error(`Not a valid teleport method: '${n}'`);
+  let s = null;
+  return i || (s = document.createComment("teleported #" + e.id), e.before(s)), t[n](e), i && t.remove(), s;
+}
+function rn(e, t, n, i = "--transition-duration") {
+  return new Promise((r) => {
+    if (typeof i == "string") {
+      const s = mi(i, e), a = !!s.includes("ms");
+      i = parseFloat(s) * (a ? 1 : 1e3);
+    }
+    e.classList.remove(t.finish), e.classList.add(n.start), setTimeout(() => {
+      e.classList.add(n.finish), e.classList.remove(n.start), r(e);
+    }, i);
   });
 }
-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 bi(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
   });
 }
-function xn(e, t) {
-  En(!!e, t.selectorInert), $n(!!e, t.selectorOverflow);
+function yi(e, t) {
+  t && document.querySelectorAll(t).forEach((n) => {
+    e ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
+  });
 }
-const Ln = {
+function wi(e, t) {
+  yi(!!e, t.selectorInert), bi(!!e, t.selectorOverflow);
+}
+const $i = {
   autoInit: !1,
   // Data attributes
   dataOpen: "modal-open",
@@ -772,6 +785,7 @@ const Ln = {
   // Selectors
   selectorModal: ".modal",
   selectorDialog: ".modal__dialog",
+  selectorScreen: ".modal",
   selectorRequired: '[role="alertdialog"]',
   selectorFocus: "[data-focus]",
   selectorInert: null,
@@ -787,127 +801,134 @@ const Ln = {
   teleport: null,
   teleportMethod: "append",
   setTabindex: !0,
-  transition: !0
+  transition: !0,
+  transitionDuration: "--vb-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 Gt() {
-  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}]`
-  );
+async function Ei(e) {
+  const t = e.target.closest(`
+    [data-${this.settings.dataOpen}],
+    [data-${this.settings.dataReplace}],
+    [data-${this.settings.dataClose}]
+  `);
   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);
+    if (e.preventDefault(), t.matches(`[data-${this.settings.dataOpen}]`)) {
+      const n = t.getAttribute(`data-${this.settings.dataOpen}`).trim(), i = this.get(n);
+      return e.target.closest(this.settings.selectorModal) || (this.trigger = t), i.open();
+    }
+    if (t.matches(`[data-${this.settings.dataReplace}]`)) {
+      const n = t.getAttribute(`data-${this.settings.dataReplace}`).trim(), i = this.get(n);
+      return e.target.closest(this.settings.selectorModal) || (this.trigger = t), i.replace();
+    }
+    if (t.matches(`[data-${this.settings.dataClose}]`)) {
+      const n = t.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return n === "*" ? this.closeAll() : this.close(n);
+    }
   }
-  if (e.target.matches(this.settings.selectorModal) && !e.target.querySelector(this.settings.selectorRequired))
-    return this.close(Jt.call(this, e.target));
+  if (this.active && e.target.matches(this.settings.selectorScreen) && !this.active.required)
+    return this.close(this.active.id);
 }
-function Tn(e) {
+function xi(e) {
   if (e.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);
-  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];
-    }), this.collection.splice(i, 1);
+  const n = this.collection.findIndex((i) => i.id === e.id);
+  if (n >= 0) {
+    const i = this.collection[n];
+    t && i.state === "opened" ? await i.close(!1) : this.stack.remove(i), i.getSetting("teleport") && i.teleportReturn(), Object.getOwnPropertyNames(i).forEach((r) => {
+      delete i[r];
+    }), this.collection.splice(n, 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", {
+function de(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 Kt() {
+  this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
+}
+async function ue(e, t, n = !0) {
+  const i = de.call(this, e), r = { ...this.settings, ...i.settings };
+  return t !== void 0 && (r.transition = t), this.stack.moveToTop(i), i.state === "closed" && (i.state = "opening", this.stack.add(i), r.transition ? await rn(i.el, {
+    start: r.stateClosing,
+    finish: r.stateClosed
+  }, {
+    start: r.stateOpening,
+    finish: r.stateOpened
+  }, r.transitionDuration) : (i.el.classList.add(r.stateOpened), i.el.classList.remove(r.stateClosed)), i.state = "opened"), n && Kt.call(this), i.el.dispatchEvent(new CustomEvent(r.customEventPrefix + "opened", {
     detail: this,
     bubbles: !0
-  })), n;
+  })), i;
 }
-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", {
+async function he(e, t, n = !0) {
+  const i = e ? de.call(this, e) : this.active;
+  if (i && i.state === "opened") {
+    i.state = "closing";
+    const r = { ...this.settings, ...i.settings };
+    t !== void 0 && (r.transition = t), document.activeElement.blur(), r.transition ? await rn(i.el, {
+      start: r.stateOpening,
+      finish: r.stateOpened
+    }, {
+      start: r.stateClosing,
+      finish: r.stateClosed
+    }, r.transitionDuration) : (i.el.classList.add(r.stateClosed), i.el.classList.remove(r.stateOpened)), this.stack.remove(i), i.state = "closed", n && Kt.call(this), i.el.dispatchEvent(new CustomEvent(r.customEventPrefix + "closed", {
       detail: this,
       bubbles: !0
     }));
   }
-  return n;
+  return i;
 }
-async function se(e, t) {
-  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;
-  })), i;
+async function ie(e, t) {
+  const n = [];
+  return await Promise.all(this.stack.value.map(async (i) => {
+    e && e === i.id ? Promise.resolve() : n.push(await he.call(this, i, t, !1)), i.trigger = null;
+  })), n;
 }
-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 sn(e, t, n = !0) {
+  const i = de.call(this, e);
+  let r, s;
+  return i.state === "opened" ? (r = i, s = await ie.call(this, i.id, t)) : (s = ie.call(this, !1, t), r = ue.call(this, i, t, !1), await Promise.all([r, s])), n && Kt.call(this), { opened: r, closed: s };
 }
-async function An(e, t) {
+async function Oi(e, t = {}) {
   await ne.call(this, e, !1);
-  const i = this, n = {
-    open(r, a) {
-      return he.call(i, this, r, a);
+  const n = this, i = {
+    id: e.id,
+    state: "closed",
+    el: e,
+    dialog: null,
+    get required() {
+      return this.dialog.matches(this.getSetting("selectorRequired"));
+    },
+    returnRef: null,
+    settings: { ...vi(e, this.settings.dataConfig), ...t },
+    open(s, a) {
+      return ue.call(n, this, s, a);
     },
-    close(r, a) {
-      return fe.call(i, this, r, a);
+    close(s, a) {
+      return he.call(n, this, s, a);
     },
-    replace(r, a) {
-      return ii.call(i, this, r, a);
+    replace(s, a) {
+      return sn.call(n, this, s, a);
     },
     deregister() {
-      return ne.call(i, this);
+      return ne.call(n, 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);
+    teleport(s = this.getSetting("teleport"), a = this.getSetting("teleportMethod")) {
+      return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = je(this.el, s, 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 = je(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];
+    getSetting(s) {
+      return s in this.settings ? this.settings[s] : n.settings[s];
     }
-  }, 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;
+  }, r = e.querySelector(i.getSetting("selectorDialog"));
+  return i.dialog = r || e, i.dialog.setAttribute("aria-modal", "true"), i.dialog.hasAttribute("role") || i.dialog.setAttribute("role", "dialog"), i.getSetting("setTabindex") && i.dialog.setAttribute("tabindex", "-1"), i.getSetting("teleport") && i.teleport(), this.collection.push(i), i.el.classList.contains(this.settings.stateOpened) ? await i.open(!1) : (i.el.classList.remove(this.settings.stateOpening), i.el.classList.remove(this.settings.stateClosing), i.el.classList.add(this.settings.stateClosed)), i;
 }
-function Cn(e) {
+function Li(e) {
   const t = [];
   return {
     get value() {
@@ -917,84 +938,84 @@ function Cn(e) {
       return t[t.length - 1];
     },
     updateIndex() {
-      t.forEach((i, n) => {
-        i.el.style.zIndex = null;
-        const s = getComputedStyle(i.el)["z-index"];
-        i.el.style.zIndex = parseInt(s) + n + 1;
+      t.forEach((n, i) => {
+        n.el.style.zIndex = null;
+        const r = getComputedStyle(n.el)["z-index"];
+        n.el.style.zIndex = parseInt(r) + i + 1;
       });
     },
     updateGlobalState() {
-      xn(this.top, e), this.updateIndex();
+      wi(this.top, e), 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();
+    add(n) {
+      n.el.style.zIndex = null;
+      const i = getComputedStyle(n.el)["z-index"];
+      n.el.style.zIndex = parseInt(i) + t.length + 1, t.push(n), 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());
+    remove(n) {
+      const i = t.findIndex((r) => r.id === n.id);
+      i >= 0 && (n.el.style.zIndex = null, t.splice(i, 1), this.updateGlobalState());
     },
-    moveToTop(i) {
-      const n = t.findIndex((s) => s.id === i.id);
-      n >= 0 && (t.splice(n, 1), this.add(i));
+    moveToTop(n) {
+      const i = t.findIndex((r) => r.id === n.id);
+      i >= 0 && (t.splice(i, 1), this.add(n));
     }
   };
 }
-var Ot, kt;
-class sr extends fn {
+var Lt, kt;
+let Yr = class extends di {
   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();
+    super(), De(this, Lt, void 0), De(this, kt, void 0), this.defaults = $i, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new hi(), this.stack = Li(this.settings), Me(this, Lt, Ei.bind(this)), Me(this, kt, xi.bind(this)), this.settings.autoInit && this.init();
   }
   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;
+    const n = document.querySelectorAll(this.settings.selectorModal);
+    return await this.registerCollection(n), this.settings.eventListeners && this.initEventListeners(), this;
   }
   async destroy() {
     return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
   }
   initEventListeners() {
-    document.addEventListener("click", Ft(this, Ot), !1), document.addEventListener("keydown", Ft(this, kt), !1);
+    document.addEventListener("click", _t(this, Lt), !1), document.addEventListener("keydown", _t(this, kt), !1);
   }
   destroyEventListeners() {
-    document.removeEventListener("click", Ft(this, Ot), !1), document.removeEventListener("keydown", Ft(this, kt), !1);
+    document.removeEventListener("click", _t(this, Lt), !1), document.removeEventListener("keydown", _t(this, kt), !1);
   }
-  register(t) {
-    const i = On.call(this, t);
-    return i.error ? Promise.reject(i.error) : An.call(this, i.modal, i.dialog);
+  register(t, n = {}) {
+    let i = typeof t == "string" ? document.getElementById(t) : t;
+    return i ? Oi.call(this, i, n) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${t.id || t}".`));
   }
   deregister(t) {
-    const i = this.get(Jt.call(this, t));
-    return ne.call(this, i);
+    let n = this.get(t.id || t);
+    return n ? ne.call(this, n) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${t.id || t}".`));
   }
-  open(t, i, n) {
-    return he.call(this, t, i, n);
+  open(t, n, i) {
+    return ue.call(this, t, n, i);
   }
-  close(t, i, n) {
-    return fe.call(this, t, i, n);
+  close(t, n, i) {
+    return he.call(this, t, n, i);
   }
-  replace(t, i, n) {
-    return ii.call(this, t, i, n);
+  replace(t, n, i) {
+    return sn.call(this, t, n, i);
   }
-  async closeAll(t = !1, i, n = !0) {
-    const s = await se.call(this, t, i);
-    return n && Gt.call(this), s;
+  async closeAll(t = !1, n, i = !0) {
+    const r = await ie.call(this, t, n);
+    return i && Kt.call(this), r;
   }
-}
-Ot = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap();
-var ni = (e, t, i) => {
+};
+Lt = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap();
+var on = (e, t, n) => {
   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) => {
+    throw TypeError("Cannot " + n);
+}, qe = (e, t, n) => (on(e, t, "read from private field"), n ? n.call(e) : t.get(e)), ki = (e, t, n) => {
   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 {
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, Ti = (e, t, n, i) => (on(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n);
+class Si {
   constructor() {
     this.collection = [];
   }
@@ -1002,18 +1023,18 @@ class qn {
     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);
+    const n = this.collection.findIndex((i) => i === t);
+    if (n >= 0) {
+      const i = this.collection[n];
+      Object.getOwnPropertyNames(i).forEach((r) => {
+        delete i[r];
+      }), this.collection.splice(n, 1);
     }
     return this.collection;
   }
   async registerCollection(t) {
-    return await Promise.all(Array.from(t, (i) => {
-      this.register(i);
+    return await Promise.all(Array.from(t, (n) => {
+      this.register(n);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -1021,14 +1042,14 @@ class qn {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(t, i = "id") {
-    return this.collection.find((n) => n[i] === t);
+  get(t, n = "id") {
+    return this.collection.find((i) => i[n] === t);
   }
 }
-function Dn() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+function Ci() {
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
 }
-const Pn = {
+const Ii = {
   autoInit: !1,
   // Selectors
   selectorPopover: ".popover",
@@ -1040,8 +1061,8 @@ const Pn = {
   eventType: "click",
   placement: "bottom"
 };
-function si(e, t) {
-  const i = getComputedStyle(e), n = {
+function an(e, t) {
+  const n = getComputedStyle(e), i = {
     placement: t.placement,
     event: t.eventType,
     offset: 0,
@@ -1050,43 +1071,43 @@ function si(e, t) {
     "arrow-element": t.selectorArrow,
     "arrow-padding": 0
   };
-  for (const s in n) {
-    const r = Dn(), a = i.getPropertyValue(`--${r}popover-${s}`).trim();
-    a && (n[s] = a);
+  for (const r in i) {
+    const s = Ci(), a = n.getPropertyValue(`--${s}popover-${r}`).trim();
+    a && (i[r] = a);
   }
-  return n;
+  return i;
 }
-function ee(e) {
+function te(e) {
   let t;
-  const i = typeof e == "string" ? e.trim().split(" ") : [e];
-  switch (i.forEach(function(n, s) {
-    i[s] = parseInt(n, 10);
-  }), i.length) {
+  const n = typeof e == "string" ? e.trim().split(" ") : [e];
+  switch (n.forEach(function(i, r) {
+    n[r] = parseInt(i, 10);
+  }), n.length) {
     case 1:
-      t = i[0];
+      t = n[0];
       break;
     case 2:
       t = {
-        top: i[0],
-        right: i[1],
-        bottom: i[0],
-        left: i[1]
+        top: n[0],
+        right: n[1],
+        bottom: n[0],
+        left: n[1]
       };
       break;
     case 3:
       t = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[1]
+        top: n[0],
+        right: n[1],
+        bottom: n[2],
+        left: n[1]
       };
       break;
     case 4:
       t = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[3]
+        top: n[0],
+        right: n[1],
+        bottom: n[2],
+        left: n[3]
       };
       break;
     default:
@@ -1095,7 +1116,7 @@ function ee(e) {
   }
   return t;
 }
-function Mn(e) {
+function Ai(e) {
   return [{
     name: "offset",
     options: {
@@ -1104,92 +1125,92 @@ function Mn(e) {
   }, {
     name: "preventOverflow",
     options: {
-      padding: ee(e["overflow-padding"])
+      padding: te(e["overflow-padding"])
     }
   }, {
     name: "flip",
     options: {
-      padding: ee(e["flip-padding"])
+      padding: te(e["flip-padding"])
     }
   }, {
     name: "arrow",
     options: {
       element: e["arrow-element"],
-      padding: ee(e["arrow-padding"])
+      padding: te(e["arrow-padding"])
     }
   }];
 }
-function ri(e) {
+function ln(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 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 Pi(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 : !1;
 }
-function Wn(e) {
-  const t = oi.call(this, e);
+function Di(e) {
+  const t = Pi.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.") };
+    const n = document.querySelector(`#${t}`), i = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
+    return !i && !n ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : i ? n ? { popover: n, trigger: i } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
   } else
     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);
+async function fe(e) {
+  const t = e ? ln.call(this, e) : await cn.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 ai() {
+async function cn() {
   const e = [];
   return await Promise.all(this.collection.map(async (t) => {
-    t.state === "opened" && e.push(await pe.call(this, t));
+    t.state === "opened" && e.push(await fe.call(this, t));
   })), e;
 }
-function li(e) {
+function dn(e) {
   e.state == "opened" && setTimeout(() => {
-    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, i = document.activeElement.closest(
+    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, n = document.activeElement.closest(
       `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
     );
-    return !t && !i && e.close(), e;
+    return !t && !n && e.close(), e;
   }, 1);
 }
-function jn(e) {
-  e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), ci.call(this, e));
+function Mi(e) {
+  e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), un.call(this, e));
 }
-function Nn(e) {
+function ji(e) {
   switch (e.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), ai.call(this);
+      this.trigger && this.trigger.focus(), cn.call(this);
       return;
     case "Tab":
       this.collection.forEach((t) => {
-        li.call(this, t);
+        dn.call(this, t);
       });
       return;
     default:
       return;
   }
 }
-function ci(e) {
+function un(e) {
   const t = this;
-  document.addEventListener("click", function i(n) {
-    n.target.closest(
+  document.addEventListener("click", function n(i) {
+    i.target.closest(
       `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
-    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", i) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", i));
+    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", n) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", n));
   });
 }
-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) {
+var P = "top", W = "bottom", _ = "right", D = "left", pe = "auto", Pt = [P, W, _, D], ft = "start", It = "end", qi = "clippingParents", hn = "viewport", yt = "popper", Fi = "reference", Fe = /* @__PURE__ */ Pt.reduce(function(e, t) {
   return e.concat([t + "-" + ft, t + "-" + It]);
-}, []), ui = /* @__PURE__ */ [].concat(qt, [ge]).reduce(function(e, t) {
+}, []), fn = /* @__PURE__ */ [].concat(Pt, [pe]).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];
+}, []), Ni = "beforeRead", Wi = "read", _i = "afterRead", Bi = "beforeMain", Ri = "main", Vi = "afterMain", Hi = "beforeWrite", Ji = "write", zi = "afterWrite", Ki = [Ni, Wi, _i, Bi, Ri, Vi, Hi, Ji, zi];
 function z(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function _(e) {
+function F(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -1198,32 +1219,32 @@ function _(e) {
   }
   return e;
 }
-function rt(e) {
-  var t = _(e).Element;
+function st(e) {
+  var t = F(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function F(e) {
-  var t = _(e).HTMLElement;
+function N(e) {
+  var t = F(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function me(e) {
+function ge(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = _(e).ShadowRoot;
+  var t = F(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function Un(e) {
+function Gi(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];
-      l === !1 ? r.removeAttribute(a) : r.setAttribute(a, l === !0 ? "" : l);
+  Object.keys(t.elements).forEach(function(n) {
+    var i = t.styles[n] || {}, r = t.attributes[n] || {}, s = t.elements[n];
+    !N(s) || !z(s) || (Object.assign(s.style, i), Object.keys(r).forEach(function(a) {
+      var c = r[a];
+      c === !1 ? s.removeAttribute(a) : s.setAttribute(a, c === !0 ? "" : c);
     }));
   });
 }
-function Xn(e) {
-  var t = e.state, i = {
+function Qi(e) {
+  var t = e.state, n = {
     popper: {
       position: t.options.strategy,
       left: "0",
@@ -1235,137 +1256,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(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
+    Object.keys(t.elements).forEach(function(i) {
+      var r = t.elements[i], s = t.attributes[i] || {}, a = Object.keys(t.styles.hasOwnProperty(i) ? t.styles[i] : n[i]), c = a.reduce(function(o, l) {
+        return o[l] = "", o;
       }, {});
-      !F(s) || !z(s) || (Object.assign(s.style, l), Object.keys(r).forEach(function(o) {
-        s.removeAttribute(o);
+      !N(r) || !z(r) || (Object.assign(r.style, c), Object.keys(s).forEach(function(o) {
+        r.removeAttribute(o);
       }));
     });
   };
 }
-const Yn = {
+const Zi = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Un,
-  effect: Xn,
+  fn: Gi,
+  effect: Qi,
   requires: ["computeStyles"]
 };
 function J(e) {
   return e.split("-")[0];
 }
-var st = Math.max, zt = Math.min, pt = Math.round;
+var rt = Math.max, Jt = 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;
   }).join(" ") : navigator.userAgent;
 }
-function hi() {
+function pn() {
   return !/^((?!chrome|android).)*safari/i.test(re());
 }
-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 gt(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  var i = e.getBoundingClientRect(), r = 1, s = 1;
+  t && N(e) && (r = e.offsetWidth > 0 && pt(i.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && pt(i.height) / e.offsetHeight || 1);
+  var a = st(e) ? F(e) : window, c = a.visualViewport, o = !pn() && n, l = (i.left + (o && c ? c.offsetLeft : 0)) / r, d = (i.top + (o && c ? c.offsetTop : 0)) / s, b = i.width / r, v = i.height / s;
   return {
     width: b,
     height: v,
     top: d,
-    right: c + b,
+    right: l + b,
     bottom: d + v,
-    left: c,
-    x: c,
+    left: l,
+    x: l,
     y: d
   };
 }
-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), {
+function me(e) {
+  var t = gt(e), n = e.offsetWidth, i = e.offsetHeight;
+  return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - i) <= 1 && (i = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
-    width: i,
-    height: n
+    width: n,
+    height: i
   };
 }
-function fi(e, t) {
-  var i = t.getRootNode && t.getRootNode();
+function gn(e, t) {
+  var n = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (i && me(i)) {
-    var n = t;
+  if (n && ge(n)) {
+    var i = t;
     do {
-      if (n && e.isSameNode(n))
+      if (i && e.isSameNode(i))
         return !0;
-      n = n.parentNode || n.host;
-    } while (n);
+      i = i.parentNode || i.host;
+    } while (i);
   }
   return !1;
 }
 function G(e) {
-  return _(e).getComputedStyle(e);
+  return F(e).getComputedStyle(e);
 }
-function ts(e) {
+function Xi(e) {
   return ["table", "td", "th"].indexOf(z(e)) >= 0;
 }
 function Z(e) {
-  return ((rt(e) ? e.ownerDocument : (
+  return ((st(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function Qt(e) {
+function Gt(e) {
   return z(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (me(e) ? e.host : null) || // ShadowRoot detected
+    (ge(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     Z(e)
   );
 }
-function _e(e) {
-  return !F(e) || // https://github.com/popperjs/popper-core/issues/837
+function Ne(e) {
+  return !N(e) || // https://github.com/popperjs/popper-core/issues/837
   G(e).position === "fixed" ? null : e.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 Yi(e) {
+  var t = /firefox/i.test(re()), n = /Trident/i.test(re());
+  if (n && N(e)) {
+    var i = G(e);
+    if (i.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 r = Gt(e);
+  for (ge(r) && (r = r.host); N(r) && ["html", "body"].indexOf(z(r)) < 0; ) {
+    var s = G(r);
+    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
+      return r;
+    r = r.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;
+  for (var t = F(e), n = Ne(e); n && Xi(n) && G(n).position === "static"; )
+    n = Ne(n);
+  return n && (z(n) === "html" || z(n) === "body" && G(n).position === "static") ? t : n || Yi(e) || t;
 }
-function be(e) {
+function ve(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function At(e, t, i) {
-  return st(e, zt(t, i));
+function St(e, t, n) {
+  return rt(e, Jt(t, n));
 }
-function is(e, t, i) {
-  var n = At(e, t, i);
-  return n > i ? i : n;
+function Ui(e, t, n) {
+  var i = St(e, t, n);
+  return i > n ? n : i;
 }
-function pi() {
+function mn() {
   return {
     top: 0,
     right: 0,
@@ -1373,57 +1394,57 @@ function pi() {
     left: 0
   };
 }
-function gi(e) {
-  return Object.assign({}, pi(), e);
+function vn(e) {
+  return Object.assign({}, mn(), e);
 }
-function mi(e, t) {
-  return t.reduce(function(i, n) {
-    return i[n] = e, i;
+function bn(e, t) {
+  return t.reduce(function(n, i) {
+    return n[i] = e, n;
   }, {});
 }
-var ns = function(e, t) {
+var tr = 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));
+  })) : e, vn(typeof e != "number" ? e : bn(e, Pt));
 };
-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";
-  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);
+function er(e) {
+  var t, n = e.state, i = e.name, r = e.options, s = n.elements.arrow, a = n.modifiersData.popperOffsets, c = J(n.placement), o = ve(c), l = [D, _].indexOf(c) >= 0, d = l ? "height" : "width";
+  if (!(!s || !a)) {
+    var b = tr(r.padding, n), v = me(s), h = o === "y" ? P : D, $ = o === "y" ? W : _, u = n.rects.reference[d] + n.rects.reference[o] - a[o] - n.rects.popper[d], w = a[o] - n.rects.reference[o], E = Dt(s), O = E ? o === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, L = u / 2 - w / 2, f = b[h], y = O - v[d] - b[$], x = O / 2 - v[d] / 2 + L, k = St(f, x, y), T = o;
+    n.modifiersData[i] = (t = {}, t[T] = k, t.centerOffset = k - x, t);
   }
 }
-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 nr(e) {
+  var t = e.state, n = e.options, i = n.element, r = i === void 0 ? "[data-popper-arrow]" : i;
+  r != null && (typeof r == "string" && (r = t.elements.popper.querySelector(r), !r) || gn(t.elements.popper, r) && (t.elements.arrow = r));
 }
-const os = {
+const ir = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: ss,
-  effect: rs,
+  fn: er,
+  effect: nr,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function mt(e) {
   return e.split("-")[1];
 }
-var as = {
+var rr = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function ls(e, t) {
-  var i = e.x, n = e.y, s = t.devicePixelRatio || 1;
+function sr(e, t) {
+  var n = e.x, i = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: pt(i * s) / s || 0,
-    y: pt(n * s) / s || 0
+    x: pt(n * r) / r || 0,
+    y: pt(i * r) / r || 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({
+function We(e) {
+  var t, n = e.popper, i = e.popperRect, r = e.placement, s = e.variation, a = e.offsets, c = e.position, o = e.gpuAcceleration, l = 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
   }) : {
@@ -1431,56 +1452,56 @@ function Fe(e) {
     y: u
   };
   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 : (
+  var E = a.hasOwnProperty("x"), O = a.hasOwnProperty("y"), L = D, f = P, y = window;
+  if (l) {
+    var x = Dt(n), k = "clientHeight", T = "clientWidth";
+    if (x === F(n) && (x = Z(n), G(x).position !== "static" && c === "absolute" && (k = "scrollHeight", T = "scrollWidth")), x = x, r === P || (r === D || r === _) && s === It) {
+      f = W;
+      var S = b && x === y && y.visualViewport ? y.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         x[k]
       );
-      u -= A - n.height, u *= o ? 1 : -1;
+      u -= S - i.height, u *= o ? 1 : -1;
     }
-    if (s === j || (s === W || s === B) && r === It) {
-      O = R;
+    if (r === D || (r === P || r === W) && s === It) {
+      L = _;
       var C = b && x === y && y.visualViewport ? y.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         x[T]
       );
-      h -= C - n.width, h *= o ? 1 : -1;
+      h -= C - i.width, h *= o ? 1 : -1;
     }
   }
   var I = Object.assign({
-    position: l
-  }, c && as), H = d === !0 ? ls({
+    position: c
+  }, l && rr), B = d === !0 ? sr({
     x: h,
     y: u
-  }, _(i)) : {
+  }, F(n)) : {
     x: h,
     y: u
   };
-  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));
+  if (h = B.x, u = B.y, o) {
+    var A;
+    return Object.assign({}, I, (A = {}, A[f] = O ? "0" : "", A[L] = E ? "0" : "", A.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + u + "px)" : "translate3d(" + h + "px, " + u + "px, 0)", A));
   }
-  return Object.assign({}, I, (t = {}, t[f] = L ? u + "px" : "", t[O] = E ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, I, (t = {}, t[f] = O ? u + "px" : "", t[L] = 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 = {
+function or(e) {
+  var t = e.state, n = e.options, i = n.gpuAcceleration, r = i === void 0 ? !0 : i, s = n.adaptive, a = s === void 0 ? !0 : s, c = n.roundOffsets, o = c === void 0 ? !0 : c, l = {
     placement: J(t.placement),
     variation: mt(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
-    gpuAcceleration: s,
+    gpuAcceleration: r,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Fe(Object.assign({}, c, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, We(Object.assign({}, l, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: a,
     roundOffsets: o
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Fe(Object.assign({}, c, {
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, We(Object.assign({}, l, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1489,105 +1510,105 @@ function cs(e) {
     "data-popper-placement": t.placement
   });
 }
-const ds = {
+const ar = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: cs,
+  fn: or,
   data: {}
 };
 var Bt = {
   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 lr(e) {
+  var t = e.state, n = e.instance, i = e.options, r = i.scroll, s = r === void 0 ? !0 : r, a = i.resize, c = a === void 0 ? !0 : a, o = F(t.elements.popper), l = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && l.forEach(function(d) {
+    d.addEventListener("scroll", n.update, Bt);
+  }), c && o.addEventListener("resize", n.update, Bt), function() {
+    s && l.forEach(function(d) {
+      d.removeEventListener("scroll", n.update, Bt);
+    }), c && o.removeEventListener("resize", n.update, Bt);
   };
 }
-const hs = {
+const cr = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: us,
+  effect: lr,
   data: {}
 };
-var fs = {
+var dr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Vt(e) {
+function Ht(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return fs[t];
+    return dr[t];
   });
 }
-var ps = {
+var ur = {
   start: "end",
   end: "start"
 };
-function Be(e) {
+function _e(e) {
   return e.replace(/start|end/g, function(t) {
-    return ps[t];
+    return ur[t];
   });
 }
-function ye(e) {
-  var t = _(e), i = t.pageXOffset, n = t.pageYOffset;
+function be(e) {
+  var t = F(e), n = t.pageXOffset, i = t.pageYOffset;
   return {
-    scrollLeft: i,
-    scrollTop: n
+    scrollLeft: n,
+    scrollTop: i
   };
 }
-function we(e) {
-  return gt(Z(e)).left + ye(e).scrollLeft;
+function ye(e) {
+  return gt(Z(e)).left + be(e).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 hr(e, t) {
+  var n = F(e), i = Z(e), r = n.visualViewport, s = i.clientWidth, a = i.clientHeight, c = 0, o = 0;
+  if (r) {
+    s = r.width, a = r.height;
+    var l = pn();
+    (l || !l && t === "fixed") && (c = r.offsetLeft, o = r.offsetTop);
   }
   return {
-    width: r,
+    width: s,
     height: a,
-    x: l + we(e),
+    x: c + ye(e),
     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), {
-    width: r,
+function fr(e) {
+  var t, n = Z(e), i = be(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, s = rt(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), a = rt(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), c = -i.scrollLeft + ye(e), o = -i.scrollTop;
+  return G(r || n).direction === "rtl" && (c += rt(n.clientWidth, r ? r.clientWidth : 0) - s), {
+    width: s,
     height: a,
-    x: l,
+    x: c,
     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 we(e) {
+  var t = G(e), n = t.overflow, i = t.overflowX, r = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + r + i);
 }
-function vi(e) {
-  return ["html", "body", "#document"].indexOf(z(e)) >= 0 ? e.ownerDocument.body : F(e) && $e(e) ? e : vi(Qt(e));
+function yn(e) {
+  return ["html", "body", "#document"].indexOf(z(e)) >= 0 ? e.ownerDocument.body : N(e) && we(e) ? e : yn(Gt(e));
 }
 function Ct(e, t) {
-  var i;
+  var n;
   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 : (
+  var i = yn(e), r = i === ((n = e.ownerDocument) == null ? void 0 : n.body), s = F(i), a = r ? [s].concat(s.visualViewport || [], we(i) ? i : []) : i, c = t.concat(a);
+  return r ? c : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    l.concat(Ct(Qt(a)))
+    c.concat(Ct(Gt(a)))
   );
 }
-function oe(e) {
+function se(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1595,51 +1616,51 @@ function oe(e) {
     bottom: e.y + e.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 pr(e, t) {
+  var n = gt(e, !1, t === "fixed");
+  return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
-function Re(e, t, i) {
-  return t === di ? oe(gs(e, i)) : rt(t) ? vs(t, i) : oe(ms(Z(e)));
+function Be(e, t, n) {
+  return t === hn ? se(hr(e, n)) : st(t) ? pr(t, n) : se(fr(Z(e)));
 }
-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 gr(e) {
+  var t = Ct(Gt(e)), n = ["absolute", "fixed"].indexOf(G(e).position) >= 0, i = n && N(e) ? Dt(e) : e;
+  return st(i) ? t.filter(function(r) {
+    return st(r) && gn(r, i) && z(r) !== "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));
-  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 mr(e, t, n, i) {
+  var r = t === "clippingParents" ? gr(e) : [].concat(t), s = [].concat(r, [n]), a = s[0], c = s.reduce(function(o, l) {
+    var d = Be(e, l, i);
+    return o.top = rt(d.top, o.top), o.right = Jt(d.right, o.right), o.bottom = Jt(d.bottom, o.bottom), o.left = rt(d.left, o.left), o;
+  }, Be(e, a, i));
+  return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
+}
+function wn(e) {
+  var t = e.reference, n = e.element, i = e.placement, r = i ? J(i) : null, s = i ? mt(i) : null, a = t.x + t.width / 2 - n.width / 2, c = t.y + t.height / 2 - n.height / 2, o;
+  switch (r) {
+    case P:
       o = {
         x: a,
-        y: t.y - i.height
+        y: t.y - n.height
       };
       break;
-    case B:
+    case W:
       o = {
         x: a,
         y: t.y + t.height
       };
       break;
-    case R:
+    case _:
       o = {
         x: t.x + t.width,
-        y: l
+        y: c
       };
       break;
-    case j:
+    case D:
       o = {
-        x: t.x - i.width,
-        y: l
+        x: t.x - n.width,
+        y: c
       };
       break;
     default:
@@ -1648,55 +1669,55 @@ function bi(e) {
         y: t.y
       };
   }
-  var c = s ? be(s) : null;
-  if (c != null) {
-    var d = c === "y" ? "height" : "width";
-    switch (r) {
+  var l = r ? ve(r) : null;
+  if (l != null) {
+    var d = l === "y" ? "height" : "width";
+    switch (s) {
       case ft:
-        o[c] = o[c] - (t[d] / 2 - i[d] / 2);
+        o[l] = o[l] - (t[d] / 2 - n[d] / 2);
         break;
       case It:
-        o[c] = o[c] + (t[d] / 2 - i[d] / 2);
+        o[l] = o[l] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
   return o;
 }
-function St(e, t) {
+function At(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({
+  var n = t, i = n.placement, r = i === void 0 ? e.placement : i, s = n.strategy, a = s === void 0 ? e.strategy : s, c = n.boundary, o = c === void 0 ? qi : c, l = n.rootBoundary, d = l === void 0 ? hn : l, b = n.elementContext, v = b === void 0 ? yt : b, h = n.altBoundary, $ = h === void 0 ? !1 : h, u = n.padding, w = u === void 0 ? 0 : u, E = vn(typeof w != "number" ? w : bn(w, Pt)), O = v === yt ? Fi : yt, L = e.rects.popper, f = e.elements[$ ? O : v], y = mr(st(f) ? f : f.contextElement || Z(e.elements.popper), o, d, a), x = gt(e.elements.reference), k = wn({
     reference: x,
-    element: O,
+    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
+    placement: r
+  }), T = se(Object.assign({}, L, k)), S = v === yt ? T : x, C = {
+    top: y.top - S.top + E.top,
+    bottom: S.bottom - y.bottom + E.bottom,
+    left: y.left - S.left + E.left,
+    right: S.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;
+    var B = I[r];
+    Object.keys(C).forEach(function(A) {
+      var X = [_, W].indexOf(A) >= 0 ? 1 : -1, Y = [P, W].indexOf(A) >= 0 ? "y" : "x";
+      C[A] += B[Y] * X;
     });
   }
   return C;
 }
-function ws(e, t) {
+function vr(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($) {
+  var n = t, i = n.placement, r = n.boundary, s = n.rootBoundary, a = n.padding, c = n.flipVariations, o = n.allowedAutoPlacements, l = o === void 0 ? fn : o, d = mt(i), b = d ? c ? Fe : Fe.filter(function($) {
     return mt($) === d;
-  }) : qt, v = b.filter(function($) {
-    return c.indexOf($) >= 0;
+  }) : Pt, v = b.filter(function($) {
+    return l.indexOf($) >= 0;
   });
   v.length === 0 && (v = b);
   var h = v.reduce(function($, u) {
-    return $[u] = St(e, {
+    return $[u] = At(e, {
       placement: u,
-      boundary: s,
-      rootBoundary: r,
+      boundary: r,
+      rootBoundary: s,
       padding: a
     })[J(u)], $;
   }, {});
@@ -1704,96 +1725,96 @@ function ws(e, t) {
     return h[$] - h[u];
   });
 }
-function $s(e) {
-  if (J(e) === ge)
+function br(e) {
+  if (J(e) === pe)
     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, {
+  var t = Ht(e);
+  return [_e(e), t, _e(t)];
+}
+function yr(e) {
+  var t = e.state, n = e.options, i = e.name;
+  if (!t.modifiersData[i]._skip) {
+    for (var r = n.mainAxis, s = r === void 0 ? !0 : r, a = n.altAxis, c = a === void 0 ? !0 : a, o = n.fallbackPlacements, l = n.padding, d = n.boundary, b = n.rootBoundary, v = n.altBoundary, h = n.flipVariations, $ = h === void 0 ? !0 : h, u = n.allowedAutoPlacements, w = t.options.placement, E = J(w), O = E === w, L = o || (O || !$ ? [Ht(w)] : br(w)), f = [w].concat(L).reduce(function(tt, K) {
+      return tt.concat(J(K) === pe ? vr(t, {
         placement: K,
         boundary: d,
         rootBoundary: b,
-        padding: c,
+        padding: l,
         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, {
+    }, []), y = t.rects.reference, x = t.rects.popper, k = /* @__PURE__ */ new Map(), T = !0, S = f[0], C = 0; C < f.length; C++) {
+      var I = f[C], B = J(I), A = mt(I) === ft, X = [P, W].indexOf(B) >= 0, Y = X ? "width" : "height", M = At(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) {
+        padding: l
+      }), R = X ? A ? _ : D : A ? W : P;
+      y[Y] > x[Y] && (R = Ht(R));
+      var Mt = Ht(R), U = [];
+      if (s && U.push(M[B] <= 0), c && U.push(M[R] <= 0, M[Mt] <= 0), U.every(function(tt) {
         return tt;
       })) {
-        A = I, T = !1;
+        S = I, T = !1;
         break;
       }
-      k.set(I, Y);
+      k.set(I, U);
     }
     if (T)
-      for (var Mt = $ ? 3 : 1, Zt = function(tt) {
-        var K = f.find(function(jt) {
-          var bt = k.get(jt);
+      for (var jt = $ ? 3 : 1, Qt = function(tt) {
+        var K = f.find(function(Ft) {
+          var bt = k.get(Ft);
           if (bt)
             return bt.slice(0, tt).every(function(ot) {
               return ot;
             });
         });
         if (K)
-          return A = K, "break";
-      }, vt = Mt; vt > 0; vt--) {
-        var Wt = Zt(vt);
-        if (Wt === "break")
+          return S = K, "break";
+      }, vt = jt; vt > 0; vt--) {
+        var qt = Qt(vt);
+        if (qt === "break")
           break;
       }
-    t.placement !== A && (t.modifiersData[n]._skip = !0, t.placement = A, t.reset = !0);
+    t.placement !== S && (t.modifiersData[i]._skip = !0, t.placement = S, t.reset = !0);
   }
 }
-const xs = {
+const wr = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Es,
+  fn: yr,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function He(e, t, i) {
-  return i === void 0 && (i = {
+function Re(e, t, n) {
+  return n === void 0 && (n = {
     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: e.top - t.height - n.y,
+    right: e.right - t.width + n.x,
+    bottom: e.bottom - t.height + n.y,
+    left: e.left - t.width - n.x
   };
 }
 function Ve(e) {
-  return [W, R, B, j].some(function(t) {
+  return [P, _, W, D].some(function(t) {
     return e[t] >= 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 $r(e) {
+  var t = e.state, n = e.name, i = t.rects.reference, r = t.rects.popper, s = t.modifiersData.preventOverflow, a = At(t, {
     elementContext: "reference"
-  }), l = St(t, {
+  }), c = At(t, {
     altBoundary: !0
-  }), o = He(a, n), c = He(l, s, r), d = Ve(o), b = Ve(c);
-  t.modifiersData[i] = {
+  }), o = Re(a, i), l = Re(c, r, s), d = Ve(o), b = Ve(l);
+  t.modifiersData[n] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: c,
+    popperEscapeOffsets: l,
     isReferenceHidden: d,
     hasPopperEscaped: b
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
@@ -1801,215 +1822,215 @@ function Ls(e) {
     "data-popper-escaped": b
   });
 }
-const Os = {
+const Er = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Ls
+  fn: $r
 };
-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, {
+function xr(e, t, n) {
+  var i = J(e), r = [D, P].indexOf(i) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
-  })) : i, a = r[0], l = r[1];
-  return a = a || 0, l = (l || 0) * s, [j, R].indexOf(n) >= 0 ? {
-    x: l,
+  })) : n, a = s[0], c = s[1];
+  return a = a || 0, c = (c || 0) * r, [D, _].indexOf(i) >= 0 ? {
+    x: c,
     y: a
   } : {
     x: a,
-    y: l
+    y: c
   };
 }
-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 Or(e) {
+  var t = e.state, n = e.options, i = e.name, r = n.offset, s = r === void 0 ? [0, 0] : r, a = fn.reduce(function(d, b) {
+    return d[b] = xr(b, t.rects, s), d;
+  }, {}), c = a[t.placement], o = c.x, l = c.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += o, t.modifiersData.popperOffsets.y += l), t.modifiersData[i] = a;
 }
-const As = {
+const Lr = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Ts
+  fn: Or
 };
-function Cs(e) {
-  var t = e.state, i = e.name;
-  t.modifiersData[i] = bi({
+function kr(e) {
+  var t = e.state, n = e.name;
+  t.modifiersData[n] = wn({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
     placement: t.placement
   });
 }
-const Is = {
+const Tr = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: Cs,
+  fn: kr,
   data: {}
 };
-function Ss(e) {
+function Sr(e) {
   return e === "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 Cr(e) {
+  var t = e.state, n = e.options, i = e.name, r = n.mainAxis, s = r === void 0 ? !0 : r, a = n.altAxis, c = a === void 0 ? !1 : a, o = n.boundary, l = n.rootBoundary, d = n.altBoundary, b = n.padding, v = n.tether, h = v === void 0 ? !0 : v, $ = n.tetherOffset, u = $ === void 0 ? 0 : $, w = At(t, {
     boundary: o,
-    rootBoundary: c,
+    rootBoundary: l,
     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, {
+  }), E = J(t.placement), O = mt(t.placement), L = !O, f = ve(E), y = Sr(f), x = t.modifiersData.popperOffsets, k = t.rects.reference, T = t.rects.popper, S = typeof u == "function" ? u(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : u, C = typeof A == "number" ? {
-    mainAxis: A,
-    altAxis: A
+  })) : u, C = typeof S == "number" ? {
+    mainAxis: S,
+    altAxis: S
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, A), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, H = {
+  }, S), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, B = {
     x: 0,
     y: 0
   };
   if (x) {
-    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) : {
+    if (s) {
+      var A, X = f === "y" ? P : D, Y = f === "y" ? W : _, M = f === "y" ? "height" : "width", R = x[f], Mt = R + w[X], U = R - w[Y], jt = h ? -T[M] / 2 : 0, Qt = O === ft ? k[M] : T[M], vt = O === ft ? -T[M] : -k[M], qt = t.elements.arrow, tt = h && qt ? me(qt) : {
         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;
+      }, K = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : mn(), Ft = K[X], bt = K[Y], ot = St(0, k[M], tt[M]), xn = L ? k[M] / 2 - jt - ot - Ft - C.mainAxis : Qt - ot - Ft - C.mainAxis, On = L ? -k[M] / 2 + jt + ot + bt + C.mainAxis : vt + ot + bt + C.mainAxis, Zt = t.elements.arrow && Dt(t.elements.arrow), Ln = Zt ? f === "y" ? Zt.clientTop || 0 : Zt.clientLeft || 0 : 0, Ee = (A = I == null ? void 0 : I[f]) != null ? A : 0, kn = R + xn - Ee - Ln, Tn = R + On - Ee, xe = St(h ? Jt(Mt, kn) : Mt, R, h ? rt(U, Tn) : U);
+      x[f] = xe, B[f] = xe - R;
     }
-    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;
+    if (c) {
+      var Oe, Sn = f === "x" ? P : D, Cn = f === "x" ? W : _, et = x[y], Nt = y === "y" ? "height" : "width", Le = et + w[Sn], ke = et - w[Cn], Xt = [P, D].indexOf(E) !== -1, Te = (Oe = I == null ? void 0 : I[y]) != null ? Oe : 0, Se = Xt ? Le : et - k[Nt] - T[Nt] - Te + C.altAxis, Ce = Xt ? et + k[Nt] + T[Nt] - Te - C.altAxis : ke, Ie = h && Xt ? Ui(Se, et, Ce) : St(h ? Se : Le, et, h ? Ce : ke);
+      x[y] = Ie, B[y] = Ie - et;
     }
-    t.modifiersData[n] = H;
+    t.modifiersData[i] = B;
   }
 }
-const Ds = {
+const Ir = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: qs,
+  fn: Cr,
   requiresIfExists: ["offset"]
 };
-function Ps(e) {
+function Ar(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Ms(e) {
-  return e === _(e) || !F(e) ? ye(e) : Ps(e);
+function Pr(e) {
+  return e === F(e) || !N(e) ? be(e) : Ar(e);
 }
-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 Dr(e) {
+  var t = e.getBoundingClientRect(), n = pt(t.width) / e.offsetWidth || 1, i = pt(t.height) / e.offsetHeight || 1;
+  return n !== 1 || i !== 1;
 }
-function js(e, t, i) {
-  i === void 0 && (i = !1);
-  var n = F(t), s = F(t) && Ws(t), r = Z(t), a = gt(e, s, i), l = {
+function Mr(e, t, n) {
+  n === void 0 && (n = !1);
+  var i = N(t), r = N(t) && Dr(t), s = Z(t), a = gt(e, r, n), c = {
     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))), {
-    x: a.left + l.scrollLeft - o.x,
-    y: a.top + l.scrollTop - o.y,
+  return (i || !i && !n) && ((z(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  we(s)) && (c = Pr(t)), N(t) ? (o = gt(t, !0), o.x += t.clientLeft, o.y += t.clientTop) : s && (o.x = ye(s))), {
+    x: a.left + c.scrollLeft - o.x,
+    y: a.top + c.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 jr(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), i = [];
+  e.forEach(function(s) {
+    t.set(s.name, s);
   });
-  function s(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);
+  function r(s) {
+    n.add(s.name);
+    var a = [].concat(s.requires || [], s.requiresIfExists || []);
+    a.forEach(function(c) {
+      if (!n.has(c)) {
+        var o = t.get(c);
+        o && r(o);
       }
-    }), n.push(r);
+    }), i.push(s);
   }
-  return e.forEach(function(r) {
-    i.has(r.name) || s(r);
-  }), n;
+  return e.forEach(function(s) {
+    n.has(s.name) || r(s);
+  }), i;
 }
-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 qr(e) {
+  var t = jr(e);
+  return Ki.reduce(function(n, i) {
+    return n.concat(t.filter(function(r) {
+      return r.phase === i;
     }));
   }, []);
 }
-function Fs(e) {
+function Fr(e) {
   var t;
   return function() {
-    return t || (t = new Promise(function(i) {
+    return t || (t = new Promise(function(n) {
       Promise.resolve().then(function() {
-        t = void 0, i(e());
+        t = void 0, n(e());
       });
     })), t;
   };
 }
-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 Nr(e) {
+  var t = e.reduce(function(n, i) {
+    var r = n[i.name];
+    return n[i.name] = r ? Object.assign({}, r, i, {
+      options: Object.assign({}, r.options, i.options),
+      data: Object.assign({}, r.data, i.data)
+    }) : i, n;
   }, {});
-  return Object.keys(t).map(function(i) {
-    return t[i];
+  return Object.keys(t).map(function(n) {
+    return t[n];
   });
 }
-var Je = {
+var He = {
   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 Je() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return !t.some(function(i) {
+    return !(i && typeof i.getBoundingClientRect == "function");
   });
 }
-function Rs(e) {
+function Wr(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);
-    var c = {
+  var t = e, n = t.defaultModifiers, i = n === void 0 ? [] : n, r = t.defaultOptions, s = r === void 0 ? He : r;
+  return function(a, c, o) {
+    o === void 0 && (o = s);
+    var l = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Je, r),
+      options: Object.assign({}, He, s),
       modifiersData: {},
       elements: {
         reference: a,
-        popper: l
+        popper: c
       },
       attributes: {},
       styles: {}
     }, d = [], b = !1, v = {
-      state: c,
+      state: l,
       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)
+        var w = typeof u == "function" ? u(l.options) : u;
+        $(), l.options = Object.assign({}, s, l.options, w), l.scrollParents = {
+          reference: st(a) ? Ct(a) : a.contextElement ? Ct(a.contextElement) : [],
+          popper: Ct(c)
         };
-        var E = _s(Bs([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = E.filter(function(L) {
-          return L.enabled;
+        var E = qr(Nr([].concat(i, l.options.modifiers)));
+        return l.orderedModifiers = E.filter(function(O) {
+          return O.enabled;
         }), h(), v.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
@@ -2019,55 +2040,55 @@ function Rs(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!b) {
-          var u = c.elements, w = u.reference, E = u.popper;
-          if (ze(w, E)) {
-            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);
+          var u = l.elements, w = u.reference, E = u.popper;
+          if (Je(w, E)) {
+            l.rects = {
+              reference: Mr(w, Dt(E), l.options.strategy === "fixed"),
+              popper: me(E)
+            }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(T) {
+              return l.modifiersData[T.name] = Object.assign({}, T.data);
             });
-            for (var L = 0; L < c.orderedModifiers.length; L++) {
-              if (c.reset === !0) {
-                c.reset = !1, L = -1;
+            for (var O = 0; O < l.orderedModifiers.length; O++) {
+              if (l.reset === !0) {
+                l.reset = !1, O = -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({
-                state: c,
+              var L = l.orderedModifiers[O], f = L.fn, y = L.options, x = y === void 0 ? {} : y, k = L.name;
+              typeof f == "function" && (l = f({
+                state: l,
                 options: x,
                 name: k,
                 instance: v
-              }) || c);
+              }) || l);
             }
           }
         }
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Fs(function() {
+      update: Fr(function() {
         return new Promise(function(u) {
-          v.forceUpdate(), u(c);
+          v.forceUpdate(), u(l);
         });
       }),
       destroy: function() {
         $(), b = !0;
       }
     };
-    if (!ze(a, l))
+    if (!Je(a, c))
       return v;
     v.setOptions(o).then(function(u) {
       !b && o.onFirstUpdate && o.onFirstUpdate(u);
     });
     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({
-            state: c,
+      l.orderedModifiers.forEach(function(u) {
+        var w = u.name, E = u.options, O = E === void 0 ? {} : E, L = u.effect;
+        if (typeof L == "function") {
+          var f = L({
+            state: l,
             name: w,
             instance: v,
-            options: L
+            options: O
           }), y = function() {
           };
           d.push(f || y);
@@ -2082,134 +2103,129 @@ function Rs(e) {
     return v;
   };
 }
-var Hs = [hs, Is, ds, Yn, As, xs, Ds, os, Os], Vs = /* @__PURE__ */ Rs({
-  defaultModifiers: Hs
+var _r = [cr, Tr, ar, Zi, Lr, wr, Ir, ir, Er], Br = /* @__PURE__ */ Wr({
+  defaultModifiers: _r
 });
-async function ae(e) {
-  if (!e)
-    return this.collection;
-  const t = this.collection.findIndex((i) => i.id === e.id);
+async function oe(e) {
+  const t = this.collection.findIndex((n) => n.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];
+    const n = this.collection[t];
+    n.state === "opened" && n.close(), n.popper.destroy(), $n(n), Object.getOwnPropertyNames(n).forEach((i) => {
+      delete n[i];
     }), this.collection.splice(t, 1);
   }
   return this.collection;
 }
-function yi(e) {
+function $n(e) {
   return e.__eventListeners && (e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].removeEventListener(n, t.listener, !1);
+    t.el.forEach((n) => {
+      t.type.forEach((i) => {
+        e[n].removeEventListener(i, t.listener, !1);
       });
     });
   }), delete e.__eventListeners), e;
 }
-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({
+async function $e(e) {
+  const t = ln.call(this, e);
+  return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = an(t.el, this.settings), t.popper.setOptions({
     placement: t.config.placement,
     modifiers: [
       { name: "eventListeners", enabled: !0 },
-      ...Mn(t.config)
+      ...Ai(t.config)
     ]
   }), t.popper.update(), t.state = "opened", t;
 }
-async function Js(e, t) {
-  ae.call(this, e);
-  const i = this, n = {
+async function Rr(e, t) {
+  oe.call(this, e);
+  const n = this, i = {
+    id: e.id,
+    state: "closed",
+    el: e,
+    trigger: t,
+    popper: Br(t, e),
+    config: an(e, this.settings),
     open() {
-      return Ee.call(i, this);
+      return $e.call(n, this);
     },
     close() {
-      return pe.call(i, this);
+      return fe.call(n, this);
     },
     deregister() {
-      return ae.call(i, this);
+      return oe.call(n, 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 i.trigger.hasAttribute("aria-controls") && i.trigger.setAttribute("aria-expanded", "false"), En.call(this, i), this.collection.push(i), i.el.classList.contains(this.settings.stateActive) && (await i.open(), un.call(this, i)), i;
 }
-function wi(e) {
+function En(e) {
   return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
     el: ["trigger"],
     type: ["mouseenter", "focus"],
-    listener: Ee.bind(this, e)
+    listener: $e.bind(this, e)
   }, {
     el: ["el", "trigger"],
     type: ["mouseleave", "focusout"],
-    listener: li.bind(this, e)
+    listener: dn.bind(this, e)
   }], e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].addEventListener(n, t.listener, !1);
+    t.el.forEach((n) => {
+      t.type.forEach((i) => {
+        e[n].addEventListener(i, t.listener, !1);
       });
     });
   })) : (e.__eventListeners = [{
     el: ["trigger"],
     type: ["click"],
-    listener: jn.bind(this, e)
+    listener: Mi.bind(this, e)
   }], e.__eventListeners.forEach((t) => {
-    t.el.forEach((i) => {
-      t.type.forEach((n) => {
-        e[i].addEventListener(n, t.listener, !1);
+    t.el.forEach((n) => {
+      t.type.forEach((i) => {
+        e[n].addEventListener(i, t.listener, !1);
       });
     });
   }))), e;
 }
 var Tt;
-class rr extends qn {
+class ts extends Si {
   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();
+    super(), ki(this, Tt, void 0), this.defaults = Ii, this.settings = { ...this.defaults, ...t }, this.trigger = null, Ti(this, Tt, ji.bind(this)), this.settings.autoInit && this.init();
   }
   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;
+    const n = document.querySelectorAll(this.settings.selectorPopover);
+    return await this.registerCollection(n), this.settings.eventListeners && this.initEventListeners(!1), this;
   }
   async destroy() {
     return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(!1), this;
   }
   initEventListeners(t = !0) {
-    t && this.collection.forEach((i) => {
-      wi.call(this, i);
-    }), document.addEventListener("keydown", je(this, Tt), !1);
+    t && this.collection.forEach((n) => {
+      En.call(this, n);
+    }), document.addEventListener("keydown", qe(this, Tt), !1);
   }
   destroyEventListeners(t = !0) {
-    t && this.collection.forEach((i) => {
-      yi(i);
-    }), document.removeEventListener("keydown", je(this, Tt), !1);
+    t && this.collection.forEach((n) => {
+      $n(n);
+    }), document.removeEventListener("keydown", qe(this, Tt), !1);
   }
   register(t) {
-    const i = Wn.call(this, t);
-    return i.error ? Promise.reject(i.error) : Js.call(this, i.popover, i.trigger);
+    const n = Di.call(this, t);
+    return n.error ? Promise.reject(n.error) : Rr.call(this, n.popover, n.trigger);
   }
   deregister(t) {
-    const i = this.get(oi.call(this, t));
-    return ae.call(this, i);
+    let n = this.get(t.id || t);
+    return n ? oe.call(this, n) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${t.id || t}".`));
   }
   open(t) {
-    return Ee.call(this, t);
+    return $e.call(this, t);
   }
   close(t) {
-    return pe.call(this, t);
+    return fe.call(this, t);
   }
 }
 Tt = /* @__PURE__ */ new WeakMap();
 export {
-  Zs as Checkbox,
-  er as Drawer,
-  sr as Modal,
-  rr as Popover,
-  Qs as core
+  Zr as Drawer,
+  Yr as Modal,
+  ts as Popover,
+  zr as core
 };
 //# sourceMappingURL=index.js.map