vrembem 4.0.0-next.1 → 4.0.0-next.11

package/dist/index.js

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