vrembem 4.0.0-next.3 → 4.0.0-next.4

package/dist/index.js

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