vrembem 4.0.0-next.6 → 4.0.0-next.8

package/dev/index.js

@@ -2,29 +2,29 @@ var b$2 = (t, e, n) => {
   if (!e.has(t))
     throw TypeError("Cannot " + n);
 };
-var r = (t, e, n) => (b$2(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m$2 = (t, e, n) => {
+var o$2 = (t, e, n) => (b$2(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m$2 = (t, e, n) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, a$1 = (t, e, n, s) => (b$2(t, e, "write to private field"), s ? s.call(t, n) : e.set(t, n), n);
+}, a$1 = (t, e, n, i) => (b$2(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n);
 var l$1;
-let I$3 = class I {
+let I$2 = class I {
   constructor(e, n) {
     m$2(this, l$1, void 0);
     this.value = e, a$1(this, l$1, n), this.mql = null;
   }
   get handler() {
-    return r(this, l$1);
+    return o$2(this, l$1);
   }
   // Unmount existing handler before setting a new one.
   set handler(e) {
-    this.mql && this.mql.removeEventListener("change", r(this, l$1)), a$1(this, l$1, e);
+    this.mql && this.mql.removeEventListener("change", o$2(this, l$1)), a$1(this, l$1, e);
   }
   mount(e, n) {
-    return e && (this.value = e), n && a$1(this, l$1, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", r(this, l$1)), r(this, l$1).call(this, this.mql), this) : this;
+    return e && (this.value = e), n && a$1(this, l$1, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", o$2(this, l$1)), o$2(this, l$1).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", r(this, l$1)), this.value = null, a$1(this, l$1, null), this.mql = null, this) : this;
+    return this.mql ? (this.mql.removeEventListener("change", o$2(this, l$1)), this.value = null, a$1(this, l$1, null), this.mql = null, this) : this;
   }
 };
 l$1 = /* @__PURE__ */ new WeakMap();
@@ -36,11 +36,11 @@ let L$2 = class L {
     return await this.deregister(e), this.collection.push(e), this.collection;
   }
   async deregister(e) {
-    const n = this.collection.findIndex((s) => s === e);
+    const n = this.collection.findIndex((i) => i === e);
     if (n >= 0) {
-      const s = this.collection[n];
-      Object.getOwnPropertyNames(s).forEach((o2) => {
-        delete s[o2];
+      const i = this.collection[n];
+      Object.getOwnPropertyNames(i).forEach((r) => {
+        delete i[r];
       }), this.collection.splice(n, 1);
     }
     return this.collection;
@@ -56,44 +56,44 @@ let L$2 = class L {
     return this.collection;
   }
   get(e, n = "id") {
-    return this.collection.find((s) => s[n] === e);
+    return this.collection.find((i) => i[n] === e);
   }
 };
-const i = {
+const s = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
 }, g$2 = [
-  `a[href]${i.inert}${i.negTabIndex}`,
-  `area[href]${i.inert}${i.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${i.inert}${i.negTabIndex}${i.disabled}`,
-  `input[type="radio"]${i.inert}${i.negTabIndex}${i.disabled}`,
-  `select${i.inert}${i.negTabIndex}${i.disabled}`,
-  `textarea${i.inert}${i.negTabIndex}${i.disabled}`,
-  `button${i.inert}${i.negTabIndex}${i.disabled}`,
-  `details${i.inert} > summary:first-of-type${i.negTabIndex}`,
+  `a[href]${s.inert}${s.negTabIndex}`,
+  `area[href]${s.inert}${s.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${s.inert}${s.negTabIndex}${s.disabled}`,
+  `input[type="radio"]${s.inert}${s.negTabIndex}${s.disabled}`,
+  `select${s.inert}${s.negTabIndex}${s.disabled}`,
+  `textarea${s.inert}${s.negTabIndex}${s.disabled}`,
+  `button${s.inert}${s.negTabIndex}${s.disabled}`,
+  `details${s.inert} > summary:first-of-type${s.negTabIndex}`,
   // Discard until Firefox supports `:has()`
   // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
   // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${i.inert}${i.negTabIndex}`,
-  `audio[controls]${i.inert}${i.negTabIndex}`,
-  `video[controls]${i.inert}${i.negTabIndex}`,
-  `[contenteditable]${i.inert}${i.negTabIndex}`,
-  `[tabindex]${i.inert}${i.negTabIndex}`
+  `iframe${s.inert}${s.negTabIndex}`,
+  `audio[controls]${s.inert}${s.negTabIndex}`,
+  `video[controls]${s.inert}${s.negTabIndex}`,
+  `[contenteditable]${s.inert}${s.negTabIndex}`,
+  `[tabindex]${s.inert}${s.negTabIndex}`
 ];
-var f$2, u$2, d$2;
+var f$2, u$1, d$2;
 let S$3 = class S {
   constructor(e = null, n = "[data-focus]") {
     m$2(this, f$2, void 0);
-    m$2(this, u$2, void 0);
+    m$2(this, u$1, void 0);
     m$2(this, d$2, void 0);
-    this.el = e, this.selectorFocus = n, a$1(this, u$2, $$2.bind(this)), a$1(this, d$2, y$2.bind(this));
+    this.el = e, this.selectorFocus = n, a$1(this, u$1, $$2.bind(this)), a$1(this, d$2, v$2.bind(this));
   }
   get focusable() {
-    return r(this, f$2);
+    return o$2(this, f$2);
   }
   set focusable(e) {
-    a$1(this, f$2, e), r(this, f$2).length ? (document.removeEventListener("keydown", r(this, d$2)), document.addEventListener("keydown", r(this, u$2))) : (document.removeEventListener("keydown", r(this, u$2)), document.addEventListener("keydown", r(this, d$2)));
+    a$1(this, f$2, e), o$2(this, f$2).length ? (document.removeEventListener("keydown", o$2(this, d$2)), document.addEventListener("keydown", o$2(this, u$1))) : (document.removeEventListener("keydown", o$2(this, u$1)), document.addEventListener("keydown", o$2(this, d$2)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -105,132 +105,132 @@ let S$3 = class S {
     e && (this.el = e), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", r(this, u$2)), document.removeEventListener("keydown", r(this, d$2));
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", o$2(this, u$1)), document.removeEventListener("keydown", o$2(this, d$2));
   }
   focus(e = this.el, n = this.selectorFocus) {
     (e.querySelector(n) || e).focus();
   }
   getFocusable(e = this.el) {
-    const n = [], s = document.activeElement, o2 = e.scrollTop;
+    const n = [], i = document.activeElement, r = e.scrollTop;
     return e.querySelectorAll(g$2.join(",")).forEach((h2) => {
       h2.focus(), document.activeElement === h2 && n.push(h2);
-    }), e.scrollTop = o2, s.focus(), n;
+    }), e.scrollTop = r, i.focus(), n;
   }
 };
-f$2 = /* @__PURE__ */ new WeakMap(), u$2 = /* @__PURE__ */ new WeakMap(), d$2 = /* @__PURE__ */ new WeakMap();
+f$2 = /* @__PURE__ */ new WeakMap(), u$1 = /* @__PURE__ */ new WeakMap(), d$2 = /* @__PURE__ */ new WeakMap();
 function $$2(t) {
   (t.key === "Tab" || t.keyCode === 9) && (t.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (t.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (t.preventDefault(), this.focusableFirst.focus()));
 }
-function y$2(t) {
+function v$2(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function v$2() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+function y$2() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function T$2(t, e = document.body, n = true) {
-  if (n) {
-    const o2 = v$2();
-    o2 && !t.includes(`--${o2}`) && (t = t.replace("--", `--${o2}`));
+function T$2(t, e = document.body) {
+  if (t.slice(0, 2) !== "--") {
+    const i = y$2();
+    i && (t = `${i}${t}`), t = `--${t}`;
   }
-  const s = getComputedStyle(e).getPropertyValue(t).trim();
-  if (s)
-    return s;
+  const n = getComputedStyle(e).getPropertyValue(t).trim();
+  if (n)
+    return n;
   throw new Error(`CSS variable "${t}" was not found!`);
 }
 function q$2(t, e) {
-  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return s ? JSON.parse(s) : {};
+  const i = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return i ? JSON.parse(i) : {};
 }
 function F$3(t, e = true) {
-  const n = localStorage.getItem(t), s = n ? JSON.parse(n) : {};
+  const n = localStorage.getItem(t), i = n ? JSON.parse(n) : {};
   return {
-    get(o2) {
-      return o2 ? s[o2] : s;
+    get(r) {
+      return r ? i[r] : i;
     },
-    set(o2, c2) {
-      return c2 ? s[o2] = c2 : delete s[o2], e && localStorage.setItem(t, JSON.stringify(s)), s;
+    set(r, c2) {
+      return c2 ? i[r] = c2 : delete i[r], e && localStorage.setItem(t, JSON.stringify(i)), i;
     }
   };
 }
 function k$3(t, e, n) {
-  const s = e.nodeType === Node.COMMENT_NODE, o2 = e.nodeType === Node.ELEMENT_NODE;
-  if (e = s || o2 ? e : document.querySelector(e), s && (n = "after"), !e)
+  const i = e.nodeType === Node.COMMENT_NODE, r = e.nodeType === Node.ELEMENT_NODE;
+  if (e = i || r ? e : document.querySelector(e), i && (n = "after"), !e)
     throw new Error(`Not a valid teleport reference: '${e}'`);
   if (typeof e[n] != "function")
     throw new Error(`Not a valid teleport method: '${n}'`);
   let c2 = null;
-  return s || (c2 = document.createComment("teleported #" + t.id), t.before(c2)), e[n](t), s && e.remove(), c2;
+  return i || (c2 = document.createComment("teleported #" + t.id), t.before(c2)), e[n](t), i && e.remove(), c2;
 }
-function w$2(t, e, n, s = "--transition-duration") {
-  return new Promise((o2) => {
-    if (typeof s == "string") {
-      const c2 = T$2(s, t), h2 = !!c2.includes("ms");
-      s = parseFloat(c2) * (h2 ? 1 : 1e3);
+function w$2(t, e, n, i = "transition-duration") {
+  return new Promise((r) => {
+    if (typeof i == "string") {
+      const c2 = T$2(i, t), h2 = !!c2.includes("ms");
+      i = parseFloat(c2) * (h2 ? 1 : 1e3);
     }
     t.classList.remove(e.finish), t.classList.add(n.start), setTimeout(() => {
-      t.classList.add(n.finish), t.classList.remove(n.start), o2(t);
-    }, s);
+      t.classList.add(n.finish), t.classList.remove(n.start), r(t);
+    }, i);
   });
 }
-function p$2(t, e) {
-  e && document.querySelectorAll(e).forEach((s) => {
-    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+function E$2(t, e) {
+  e && document.querySelectorAll(e).forEach((i) => {
+    t ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
   });
 }
-function E$2(t, e) {
-  e && document.querySelectorAll(e).forEach((s) => {
-    t ? (s.inert = true, s.setAttribute("aria-hidden", true)) : (s.inert = null, s.removeAttribute("aria-hidden"));
+function p$2(t, e) {
+  e && document.querySelectorAll(e).forEach((i) => {
+    t ? (i.inert = true, i.setAttribute("aria-hidden", true)) : (i.inert = null, i.removeAttribute("aria-hidden"));
   });
 }
 function C$2(t, e) {
-  E$2(!!t, e.selectorInert), p$2(!!t, e.selectorOverflow);
+  p$2(!!t, e.selectorInert), E$2(!!t, e.selectorOverflow);
 }
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Breakpoint: I$3,
+  Breakpoint: I$2,
   Collection: L$2,
   FocusTrap: S$3,
   cssVar: T$2,
   getConfig: q$2,
-  getPrefix: v$2,
+  getPrefix: y$2,
   localStore: F$3,
   teleport: k$3,
   transition: w$2,
   updateGlobalState: C$2
 }, Symbol.toStringTag, { value: "Module" }));
-var I$2 = (t, s, e) => {
-  if (!s.has(t))
+var I$1 = (t, s2, e) => {
+  if (!s2.has(t))
     throw TypeError("Cannot " + e);
 };
-var b$1 = (t, s, e) => (I$2(t, s, "read from private field"), e ? e.call(t) : s.get(t)), $$1 = (t, s, e) => {
-  if (s.has(t))
+var w$1 = (t, s2, e) => (I$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), S$2 = (t, s2, e) => {
+  if (s2.has(t))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(t) : s.set(t, e);
-}, S$2 = (t, s, e, i2) => (I$2(t, s, "write to private field"), i2 ? i2.call(t, e) : s.set(t, e), e);
-var O$1 = (t, s, e) => {
-  if (!s.has(t))
+  s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e);
+}, L$1 = (t, s2, e, i) => (I$1(t, s2, "write to private field"), i ? i.call(t, e) : s2.set(t, e), e);
+var O$1 = (t, s2, e) => {
+  if (!s2.has(t))
     throw TypeError("Cannot " + e);
-}, l = (t, s, e) => (O$1(t, s, "read from private field"), e ? e.call(t) : s.get(t)), w$1 = (t, s, e) => {
-  if (s.has(t))
+}, l = (t, s2, e) => (O$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), $$1 = (t, s2, e) => {
+  if (s2.has(t))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(t) : s.set(t, e);
-}, u$1 = (t, s, e, i2) => (O$1(t, s, "write to private field"), i2 ? i2.call(t, e) : s.set(t, e), e), d$1;
+  s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e);
+}, h$1 = (t, s2, e, i) => (O$1(t, s2, "write to private field"), i ? i.call(t, e) : s2.set(t, e), e), d$1;
 let P$1 = class P {
-  constructor(s, e) {
-    w$1(this, d$1, void 0), this.value = s, u$1(this, d$1, e), this.mql = null;
+  constructor(s2, e) {
+    $$1(this, d$1, void 0), this.value = s2, h$1(this, d$1, e), this.mql = null;
   }
   get handler() {
     return l(this, d$1);
   }
   // Unmount existing handler before setting a new one.
-  set handler(s) {
-    this.mql && this.mql.removeEventListener("change", l(this, d$1)), u$1(this, d$1, s);
+  set handler(s2) {
+    this.mql && this.mql.removeEventListener("change", l(this, d$1)), h$1(this, d$1, s2);
   }
-  mount(s, e) {
-    return s && (this.value = s), e && u$1(this, d$1, e), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", l(this, d$1)), l(this, d$1).call(this, this.mql), this) : this;
+  mount(s2, e) {
+    return s2 && (this.value = s2), e && h$1(this, d$1, e), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", l(this, d$1)), l(this, d$1).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", l(this, d$1)), this.value = null, u$1(this, d$1, null), this.mql = null, this) : this;
+    return this.mql ? (this.mql.removeEventListener("change", l(this, d$1)), this.value = null, h$1(this, d$1, null), this.mql = null, this) : this;
   }
 };
 d$1 = /* @__PURE__ */ new WeakMap();
@@ -238,21 +238,21 @@ let A$1 = class A {
   constructor() {
     this.collection = [];
   }
-  async register(s) {
-    return await this.deregister(s), this.collection.push(s), this.collection;
+  async register(s2) {
+    return await this.deregister(s2), this.collection.push(s2), this.collection;
   }
-  async deregister(s) {
-    const e = this.collection.findIndex((i2) => i2 === s);
+  async deregister(s2) {
+    const e = this.collection.findIndex((i) => i === s2);
     if (e >= 0) {
-      const i2 = this.collection[e];
-      Object.getOwnPropertyNames(i2).forEach((n) => {
-        delete i2[n];
+      const i = this.collection[e];
+      Object.getOwnPropertyNames(i).forEach((n) => {
+        delete i[n];
       }), this.collection.splice(e, 1);
     }
     return this.collection;
   }
-  async registerCollection(s) {
-    return await Promise.all(Array.from(s, (e) => {
+  async registerCollection(s2) {
+    return await Promise.all(Array.from(s2, (e) => {
       this.register(e);
     })), this.collection;
   }
@@ -261,8 +261,8 @@ let A$1 = class A {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(s, e = "id") {
-    return this.collection.find((i2) => i2[e] === s);
+  get(s2, e = "id") {
+    return this.collection.find((i) => i[e] === s2);
   }
 };
 const o$1 = {
@@ -288,15 +288,15 @@ const o$1 = {
   `[tabindex]${o$1.inert}${o$1.negTabIndex}`
 ];
 var v$1, g$1, f$1;
-let j$2 = class j {
-  constructor(s = null, e = "[data-focus]") {
-    w$1(this, v$1, void 0), w$1(this, g$1, void 0), w$1(this, f$1, void 0), this.el = s, this.selectorFocus = e, u$1(this, g$1, q$1.bind(this)), u$1(this, f$1, K$2.bind(this));
+let j$1 = class j {
+  constructor(s2 = null, e = "[data-focus]") {
+    $$1(this, v$1, void 0), $$1(this, g$1, void 0), $$1(this, f$1, void 0), this.el = s2, this.selectorFocus = e, h$1(this, g$1, q$1.bind(this)), h$1(this, f$1, K$2.bind(this));
   }
   get focusable() {
     return l(this, v$1);
   }
-  set focusable(s) {
-    u$1(this, v$1, s), l(this, v$1).length ? (document.removeEventListener("keydown", l(this, f$1)), document.addEventListener("keydown", l(this, g$1))) : (document.removeEventListener("keydown", l(this, g$1)), document.addEventListener("keydown", l(this, f$1)));
+  set focusable(s2) {
+    h$1(this, v$1, s2), l(this, v$1).length ? (document.removeEventListener("keydown", l(this, f$1)), document.addEventListener("keydown", l(this, g$1))) : (document.removeEventListener("keydown", l(this, g$1)), document.addEventListener("keydown", l(this, f$1)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -304,20 +304,20 @@ let j$2 = class j {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(s, e) {
-    s && (this.el = s), e && (this.selectorFocus = e), this.focusable = this.getFocusable(), this.focus();
+  mount(s2, e) {
+    s2 && (this.el = s2), e && (this.selectorFocus = e), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
     this.el = null, this.focusable = [], document.removeEventListener("keydown", l(this, g$1)), document.removeEventListener("keydown", l(this, f$1));
   }
-  focus(s = this.el, e = this.selectorFocus) {
-    (s.querySelector(e) || s).focus();
+  focus(s2 = this.el, e = this.selectorFocus) {
+    (s2.querySelector(e) || s2).focus();
   }
-  getFocusable(s = this.el) {
-    const e = [], i2 = document.activeElement, n = s.scrollTop;
-    return s.querySelectorAll(B$1.join(",")).forEach((c2) => {
+  getFocusable(s2 = this.el) {
+    const e = [], i = document.activeElement, n = s2.scrollTop;
+    return s2.querySelectorAll(B$1.join(",")).forEach((c2) => {
       c2.focus(), document.activeElement === c2 && e.push(c2);
-    }), s.scrollTop = n, i2.focus(), e;
+    }), s2.scrollTop = n, i.focus(), e;
   }
 };
 v$1 = /* @__PURE__ */ new WeakMap(), g$1 = /* @__PURE__ */ new WeakMap(), f$1 = /* @__PURE__ */ new WeakMap();
@@ -327,60 +327,60 @@ function q$1(t) {
 function K$2(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function y$1() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+function M$2() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function N$2(t, s = document.body, e = true) {
-  if (e) {
-    const n = y$1();
-    n && !t.includes(`--${n}`) && (t = t.replace("--", `--${n}`));
+function N$2(t, s2 = document.body) {
+  if (t.slice(0, 2) !== "--") {
+    const i = M$2();
+    i && (t = `${i}${t}`), t = `--${t}`;
   }
-  const i2 = getComputedStyle(s).getPropertyValue(t).trim();
-  if (i2)
-    return i2;
+  const e = getComputedStyle(s2).getPropertyValue(t).trim();
+  if (e)
+    return e;
   throw new Error(`CSS variable "${t}" was not found!`);
 }
-function V$1(t, s) {
-  const e = (t.getAttribute(`data-${s}`) || "").replace(/'/g, '"');
+function V$2(t, s2) {
+  const e = (t.getAttribute(`data-${s2}`) || "").replace(/'/g, '"');
   return e ? JSON.parse(e) : {};
 }
-function W$1(t, s = true) {
-  const e = localStorage.getItem(t), i2 = e ? JSON.parse(e) : {};
+function W$1(t, s2 = true) {
+  const e = localStorage.getItem(t), i = e ? JSON.parse(e) : {};
   return {
     get(n) {
-      return n ? i2[n] : i2;
+      return n ? i[n] : i;
     },
     set(n, c2) {
-      return c2 ? i2[n] = c2 : delete i2[n], s && localStorage.setItem(t, JSON.stringify(i2)), i2;
+      return c2 ? i[n] = c2 : delete i[n], s2 && localStorage.setItem(t, JSON.stringify(i)), i;
     }
   };
 }
-function M$1(t, s, e, i2 = "--transition-duration") {
+function y$1(t, s2, e, i = "transition-duration") {
   return new Promise((n) => {
-    if (typeof i2 == "string") {
-      const c2 = N$2(i2, t), r2 = !!c2.includes("ms");
-      i2 = parseFloat(c2) * (r2 ? 1 : 1e3);
+    if (typeof i == "string") {
+      const c2 = N$2(i, t), r = !!c2.includes("ms");
+      i = parseFloat(c2) * (r ? 1 : 1e3);
     }
-    t.classList.remove(s.finish), t.classList.add(e.start), setTimeout(() => {
+    t.classList.remove(s2.finish), t.classList.add(e.start), setTimeout(() => {
       t.classList.add(e.finish), t.classList.remove(e.start), n(t);
-    }, i2);
+    }, i);
   });
 }
-function _$2(t, s) {
-  s && document.querySelectorAll(s).forEach((e) => {
+function _$2(t, s2) {
+  s2 && document.querySelectorAll(s2).forEach((e) => {
     t ? e.style.overflow = "hidden" : e.style.removeProperty("overflow");
   });
 }
-function J$2(t, s) {
-  s && document.querySelectorAll(s).forEach((e) => {
+function J$2(t, s2) {
+  s2 && document.querySelectorAll(s2).forEach((e) => {
     t ? (e.inert = true, e.setAttribute("aria-hidden", true)) : (e.inert = null, e.removeAttribute("aria-hidden"));
   });
 }
-function k$2(t, s) {
-  J$2(!!t, s.selectorInert), _$2(!!t, s.selectorOverflow);
+function C$1(t, s2) {
+  J$2(!!t, s2.selectorInert), _$2(!!t, s2.selectorOverflow);
 }
 const z$1 = {
-  autoInit: false,
+  autoMount: false,
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
@@ -409,25 +409,44 @@ const z$1 = {
   storeKey: "VB:DrawerState",
   setTabindex: true,
   transition: true,
-  transitionDuration: "--vb-drawer-transition-duration"
+  transitionDuration: "drawer-transition-duration"
 };
-async function G$1(t) {
-  const s = t.target.closest(`
+function G$1(t) {
+  t.store === "opened" ? t.open(false, false) : t.store === "closed" ? t.close(false, false) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(false, false) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(false, false) : t.state = "indeterminate";
+}
+async function H$1(t) {
+  t.store === "opened" ? await t.open(false, false) : t.store === "closed" ? await t.close(false, false) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(false, false) : t.inlineState === "closed" && await t.close(false, false));
+}
+function Q$1(t) {
+  const s2 = M$2(), e = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  return this.settings.breakpoints && this.settings.breakpoints[e] ? this.settings.breakpoints[e] : getComputedStyle(document.body).getPropertyValue(`--${s2}breakpoint-${e}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${s2}breakpoint-${e}`).trim() : e;
+}
+function m$1(t) {
+  const s2 = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (s2)
+    return s2;
+  throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
+}
+function D$2(t) {
+  t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
+}
+async function R$1(t) {
+  const s2 = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
     [data-${this.settings.dataClose}]
   `);
-  if (s) {
-    t.preventDefault(), s.matches(`[data-${this.settings.dataToggle}]`) && s.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i2) => {
-      const n = this.get(i2);
-      return n.trigger = s, n.toggle();
-    }), s.matches(`[data-${this.settings.dataOpen}]`) && s.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i2) => {
-      const n = this.get(i2);
-      return n.trigger = s, n.open();
-    }), s.matches(`[data-${this.settings.dataClose}]`) && s.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i2) => {
-      if (i2) {
-        const n = this.get(i2);
-        return n.trigger = s, n.close();
+  if (s2) {
+    t.preventDefault(), s2.matches(`[data-${this.settings.dataToggle}]`) && s2.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((i) => {
+      const n = m$1.call(this, i);
+      return n.trigger = s2, n.toggle();
+    }), s2.matches(`[data-${this.settings.dataOpen}]`) && s2.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i) => {
+      const n = m$1.call(this, i);
+      return n.trigger = s2, n.open();
+    }), s2.matches(`[data-${this.settings.dataClose}]`) && s2.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i) => {
+      if (i) {
+        const n = m$1.call(this, i);
+        return n.trigger = s2, n.close();
       } else {
         const n = t.target.closest(this.settings.selectorDrawer);
         if (n)
@@ -439,68 +458,49 @@ async function G$1(t) {
   if (this.activeModal && t.target.matches(this.settings.selectorScreen))
     return this.close(this.activeModal.id);
 }
-function H$1(t) {
+function U(t) {
   if (t.key === "Escape" && this.activeModal)
     return this.close(this.activeModal);
 }
-async function L$1(t, s = true) {
-  const e = this.collection.findIndex((i2) => i2.id === t.id);
+async function k$2(t, s2 = true) {
+  const e = this.collection.findIndex((i) => i.id === t.id);
   if (e >= 0) {
-    const i2 = this.collection[e];
-    s && i2.state === "opened" && await i2.close(false), this.store.set(i2.id), i2.unmountBreakpoint(), Object.getOwnPropertyNames(i2).forEach((n) => {
-      delete i2[n];
+    const i = this.collection[e];
+    s2 && i.state === "opened" && await i.close(false), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((n) => {
+      delete i[n];
     }), this.collection.splice(e, 1);
   }
   return this.collection;
 }
-function Q$1(t) {
-  t.store === "opened" ? t.open(false, false) : t.store === "closed" ? t.close(false, false) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(false, false) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(false, false) : t.state = "indeterminate";
-}
-async function R$1(t) {
-  t.store === "opened" ? await t.open(false, false) : t.store === "closed" ? await t.close(false, false) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(false, false) : t.inlineState === "closed" && await t.close(false, false));
-}
-function U(t) {
-  const s = y$1(), e = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
-  return this.settings.breakpoints && this.settings.breakpoints[e] ? this.settings.breakpoints[e] : getComputedStyle(document.body).getPropertyValue(`--${s}breakpoint-${e}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${s}breakpoint-${e}`).trim() : e;
-}
-function C$1(t) {
-  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (s)
-    return s;
-  throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
-}
-function D$2(t) {
-  t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
-}
-async function x$1(t, s, e = true) {
-  const i2 = C$1.call(this, t), n = { ...this.settings, ...i2.settings };
-  return s !== void 0 && (n.transition = s), (i2.state === "closed" || i2.state === "indeterminate") && (i2.state = "opening", n.transition ? await M$1(i2.el, {
+async function x$1(t, s2, e = true) {
+  const i = m$1.call(this, t), n = { ...this.settings, ...i.settings };
+  return s2 !== void 0 && (n.transition = s2), (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", n.transition ? await y$1(i.el, {
     start: n.stateClosing,
     finish: n.stateClosed
   }, {
     start: n.stateOpening,
     finish: n.stateOpened
-  }, n.transitionDuration) : (i2.el.classList.add(n.stateOpened), i2.el.classList.remove(n.stateClosed)), i2.state = "opened", i2.mode === "modal" && k$2(true, n), e && D$2.call(this, i2), i2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
+  }, n.transitionDuration) : (i.el.classList.add(n.stateOpened), i.el.classList.remove(n.stateClosed)), i.state = "opened", i.mode === "modal" && C$1(true, n), e && D$2.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
     detail: this,
     bubbles: true
-  }))), i2;
+  }))), i;
 }
-async function E$1(t, s, e = true) {
-  const i2 = C$1.call(this, t), n = { ...this.settings, ...i2.settings };
-  return s !== void 0 && (n.transition = s), (i2.state === "opened" || i2.state === "indeterminate") && (i2.state = "closing", document.activeElement.blur(), n.transition ? await M$1(i2.el, {
+async function E$1(t, s2, e = true) {
+  const i = m$1.call(this, t), n = { ...this.settings, ...i.settings };
+  return s2 !== void 0 && (n.transition = s2), (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), n.transition ? await y$1(i.el, {
     start: n.stateOpening,
     finish: n.stateOpened
   }, {
     start: n.stateClosing,
     finish: n.stateClosed
-  }, n.transitionDuration) : (i2.el.classList.add(n.stateClosed), i2.el.classList.remove(n.stateOpened)), i2.state = "closed", i2.mode === "modal" && k$2(false, n), e && D$2.call(this, i2), i2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
+  }, n.transitionDuration) : (i.el.classList.add(n.stateClosed), i.el.classList.remove(n.stateOpened)), i.state = "closed", i.mode === "modal" && C$1(false, n), e && D$2.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
     detail: this,
     bubbles: true
-  }))), i2;
+  }))), i;
 }
-async function F$2(t, s, e) {
-  const i2 = C$1.call(this, t);
-  return i2.state === "closed" ? x$1.call(this, i2, s, e) : E$1.call(this, i2, s, e);
+async function F$2(t, s2, e) {
+  const i = m$1.call(this, t);
+  return i.state === "closed" ? x$1.call(this, i, s2, e) : E$1.call(this, i, s2, e);
 }
 function X(t) {
   switch (t.mode) {
@@ -513,7 +513,7 @@ function X(t) {
   }
 }
 async function Y(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), k$2(false, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await R$1(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), C$1(false, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await H$1(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: true
   })), t;
@@ -524,19 +524,19 @@ async function Z$1(t) {
     bubbles: true
   })), t;
 }
-async function tt$1(t, s = {}) {
-  await L$1.call(this, t, false);
-  const e = this, i2 = new P$1();
+async function tt$1(t, s2 = {}) {
+  await k$2.call(this, t, false);
+  const e = this, i = new P$1();
   let n, c2 = "indeterminate";
-  const r2 = {
+  const r = {
     id: t.id,
     el: t,
     dialog: null,
     trigger: null,
-    settings: { ...V$1(t, this.settings.dataConfig), ...s },
+    settings: { ...V$2(t, this.settings.dataConfig), ...s2 },
     inlineState: "indeterminate",
     get breakpoint() {
-      return U.call(e, t);
+      return Q$1.call(e, t);
     },
     get store() {
       return e.store.get(this.id);
@@ -553,107 +553,107 @@ async function tt$1(t, s = {}) {
     set state(a2) {
       c2 = a2, this.mode === "inline" && a2 != "opening" && a2 != "closing" && (this.inlineState = a2, this.getSetting("store") && e.store.set(this.id, a2)), a2 === "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(a2, h2) {
-      return x$1.call(e, this, a2, h2);
+    open(a2, u2) {
+      return x$1.call(e, this, a2, u2);
     },
-    close(a2, h2) {
-      return E$1.call(e, this, a2, h2);
+    close(a2, u2) {
+      return E$1.call(e, this, a2, u2);
     },
-    toggle(a2, h2) {
-      return F$2.call(e, this, a2, h2);
+    toggle(a2, u2) {
+      return F$2.call(e, this, a2, u2);
     },
     deregister() {
-      return L$1.call(e, this);
+      return k$2.call(e, this);
     },
     mountBreakpoint() {
-      const a2 = this.breakpoint, h2 = this.handleBreakpoint.bind(this);
-      return i2.mount(a2, h2), this;
+      const a2 = this.breakpoint, u2 = this.handleBreakpoint.bind(this);
+      return i.mount(a2, u2), this;
     },
     unmountBreakpoint() {
-      return i2.unmount(), this;
+      return i.unmount(), this;
     },
     handleBreakpoint(a2) {
-      const h2 = a2.matches ? "inline" : "modal";
-      return this.mode != h2 && (this.mode = h2), this;
+      const u2 = a2.matches ? "inline" : "modal";
+      return this.mode != u2 && (this.mode = u2), this;
     },
     getSetting(a2) {
       return a2 in this.settings ? this.settings[a2] : e.settings[a2];
     }
   };
-  this.collection.push(r2);
-  const T2 = t.querySelector(r2.getSetting("selectorDialog"));
-  return r2.dialog = T2 || t, r2.getSetting("setTabindex") && r2.dialog.setAttribute("tabindex", "-1"), await Q$1(r2), r2.inlineState = r2.state, r2.mode = t.classList.contains(r2.getSetting("classModal")) ? "modal" : "inline", r2.breakpoint && r2.mountBreakpoint(), r2;
+  this.collection.push(r);
+  const T2 = t.querySelector(r.getSetting("selectorDialog"));
+  return r.dialog = T2 || t, r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), await G$1(r), r.inlineState = r.state, r.mode = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline", r.breakpoint && r.mountBreakpoint(), r;
 }
-var m$1, p$1;
+var p$1, b$1;
 let st$1 = class st extends A$1 {
   constructor(e) {
     super();
-    $$1(this, m$1, void 0);
-    $$1(this, p$1, void 0);
-    this.defaults = z$1, this.settings = { ...this.defaults, ...e }, this.focusTrap = new j$2(), this.store = W$1(this.settings.storeKey, this.settings.store), S$2(this, m$1, G$1.bind(this)), S$2(this, p$1, H$1.bind(this)), this.settings.autoInit && this.init();
+    S$2(this, p$1, void 0);
+    S$2(this, b$1, void 0);
+    this.defaults = z$1, this.settings = { ...this.defaults, ...e }, this.focusTrap = new j$1(), this.store = W$1(this.settings.storeKey, this.settings.store), L$1(this, p$1, R$1.bind(this)), L$1(this, b$1, U.bind(this)), this.settings.autoMount && this.mount();
   }
   get activeModal() {
     return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
   }
-  async init(e = null) {
+  async mount(e = null) {
     e && (this.settings = { ...this.settings, ...e });
-    const i2 = document.querySelectorAll(this.settings.selectorDrawer);
-    return await this.registerCollection(i2), this.settings.eventListeners && this.initEventListeners(), this;
+    const i = document.querySelectorAll(this.settings.selectorDrawer);
+    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(), this;
   }
-  async destroy() {
-    return await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
+  async unmount() {
+    return await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
-  initEventListeners() {
-    document.addEventListener("click", b$1(this, m$1), false), document.addEventListener("keydown", b$1(this, p$1), false);
+  mountEventListeners() {
+    document.addEventListener("click", w$1(this, p$1), false), document.addEventListener("keydown", w$1(this, b$1), false);
   }
-  destroyEventListeners() {
-    document.removeEventListener("click", b$1(this, m$1), false), document.removeEventListener("keydown", b$1(this, p$1), false);
+  unmountEventListeners() {
+    document.removeEventListener("click", w$1(this, p$1), false), document.removeEventListener("keydown", w$1(this, b$1), false);
   }
-  register(e, i2 = {}) {
+  register(e, i = {}) {
     let n = typeof e == "string" ? document.getElementById(e) : e;
-    return n ? tt$1.call(this, n, i2) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
+    return n ? tt$1.call(this, n, i) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
   }
   deregister(e) {
-    let i2 = this.get(e.id || e);
-    return i2 ? L$1.call(this, i2) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
+    let i = this.get(e.id || e);
+    return i ? k$2.call(this, i) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
   }
-  open(e, i2, n) {
-    return x$1.call(this, e, i2, n);
+  open(e, i, n) {
+    return x$1.call(this, e, i, n);
   }
-  close(e, i2, n) {
-    return E$1.call(this, e, i2, n);
+  close(e, i, n) {
+    return E$1.call(this, e, i, n);
   }
-  toggle(e, i2, n) {
-    return F$2.call(this, e, i2, n);
+  toggle(e, i, n) {
+    return F$2.call(this, e, i, n);
   }
 };
-m$1 = /* @__PURE__ */ new WeakMap(), p$1 = /* @__PURE__ */ new WeakMap();
-var I$1 = (i2, s, t) => {
-  if (!s.has(i2))
+p$1 = /* @__PURE__ */ new WeakMap(), b$1 = /* @__PURE__ */ new WeakMap();
+var L2 = (i, s2, t) => {
+  if (!s2.has(i))
     throw TypeError("Cannot " + t);
 };
-var f = (i2, s, t) => (I$1(i2, s, "read from private field"), t ? t.call(i2) : s.get(i2)), m = (i2, s, t) => {
-  if (s.has(i2))
+var f = (i, s2, t) => (L2(i, s2, "read from private field"), t ? t.call(i) : s2.get(i)), v = (i, s2, t) => {
+  if (s2.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(i2) : s.set(i2, t);
-}, v = (i2, s, t, e) => (I$1(i2, s, "write to private field"), e ? e.call(i2, t) : s.set(i2, t), t);
-var T$1 = (i2, s, t) => {
-  if (!s.has(i2))
+  s2 instanceof WeakSet ? s2.add(i) : s2.set(i, t);
+}, b = (i, s2, t, e) => (L2(i, s2, "write to private field"), e ? e.call(i, t) : s2.set(i, t), t);
+var I2 = (i, s2, t) => {
+  if (!s2.has(i))
     throw TypeError("Cannot " + t);
-}, a = (i2, s, t) => (T$1(i2, s, "read from private field"), t ? t.call(i2) : s.get(i2)), b = (i2, s, t) => {
-  if (s.has(i2))
+}, a = (i, s2, t) => (I2(i, s2, "read from private field"), t ? t.call(i) : s2.get(i)), y = (i, s2, t) => {
+  if (s2.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(i2) : s.set(i2, t);
-}, y = (i2, s, t, e) => (T$1(i2, s, "write to private field"), e ? e.call(i2, t) : s.set(i2, t), t);
+  s2 instanceof WeakSet ? s2.add(i) : s2.set(i, t);
+}, w = (i, s2, t, e) => (I2(i, s2, "write to private field"), e ? e.call(i, t) : s2.set(i, t), t);
 class O {
   constructor() {
     this.collection = [];
   }
-  async register(s) {
-    return await this.deregister(s), this.collection.push(s), this.collection;
+  async register(s2) {
+    return await this.deregister(s2), this.collection.push(s2), this.collection;
   }
-  async deregister(s) {
-    const t = this.collection.findIndex((e) => e === s);
+  async deregister(s2) {
+    const t = this.collection.findIndex((e) => e === s2);
     if (t >= 0) {
       const e = this.collection[t];
       Object.getOwnPropertyNames(e).forEach((n) => {
@@ -662,8 +662,8 @@ class O {
     }
     return this.collection;
   }
-  async registerCollection(s) {
-    return await Promise.all(Array.from(s, (t) => {
+  async registerCollection(s2) {
+    return await Promise.all(Array.from(s2, (t) => {
       this.register(t);
     })), this.collection;
   }
@@ -672,15 +672,15 @@ class O {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(s, t = "id") {
-    return this.collection.find((e) => e[t] === s);
+  get(s2, t = "id") {
+    return this.collection.find((e) => e[t] === s2);
   }
 }
 const o = {
   inert: ":not([inert]):not([inert] *)",
   negTabIndex: ':not([tabindex^="-"])',
   disabled: ":not(:disabled)"
-}, A2 = [
+}, M$1 = [
   `a[href]${o.inert}${o.negTabIndex}`,
   `area[href]${o.inert}${o.negTabIndex}`,
   `input:not([type="hidden"]):not([type="radio"])${o.inert}${o.negTabIndex}${o.disabled}`,
@@ -699,15 +699,15 @@ const o = {
   `[tabindex]${o.inert}${o.negTabIndex}`
 ];
 var g, c, d;
-class M {
-  constructor(s = null, t = "[data-focus]") {
-    b(this, g, void 0), b(this, c, void 0), b(this, d, void 0), this.el = s, this.selectorFocus = t, y(this, c, P2.bind(this)), y(this, d, R.bind(this));
+class A2 {
+  constructor(s2 = null, t = "[data-focus]") {
+    y(this, g, void 0), y(this, c, void 0), y(this, d, void 0), this.el = s2, this.selectorFocus = t, w(this, c, P2.bind(this)), w(this, d, R.bind(this));
   }
   get focusable() {
     return a(this, g);
   }
-  set focusable(s) {
-    y(this, g, s), a(this, g).length ? (document.removeEventListener("keydown", a(this, d)), document.addEventListener("keydown", a(this, c))) : (document.removeEventListener("keydown", a(this, c)), document.addEventListener("keydown", a(this, d)));
+  set focusable(s2) {
+    w(this, g, s2), a(this, g).length ? (document.removeEventListener("keydown", a(this, d)), document.addEventListener("keydown", a(this, c))) : (document.removeEventListener("keydown", a(this, c)), document.addEventListener("keydown", a(this, d)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -715,81 +715,81 @@ class M {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(s, t) {
-    s && (this.el = s), t && (this.selectorFocus = t), this.focusable = this.getFocusable(), this.focus();
+  mount(s2, t) {
+    s2 && (this.el = s2), t && (this.selectorFocus = t), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
     this.el = null, this.focusable = [], document.removeEventListener("keydown", a(this, c)), document.removeEventListener("keydown", a(this, d));
   }
-  focus(s = this.el, t = this.selectorFocus) {
-    (s.querySelector(t) || s).focus();
+  focus(s2 = this.el, t = this.selectorFocus) {
+    (s2.querySelector(t) || s2).focus();
   }
-  getFocusable(s = this.el) {
-    const t = [], e = document.activeElement, n = s.scrollTop;
-    return s.querySelectorAll(A2.join(",")).forEach((r2) => {
-      r2.focus(), document.activeElement === r2 && t.push(r2);
-    }), s.scrollTop = n, e.focus(), t;
+  getFocusable(s2 = this.el) {
+    const t = [], e = document.activeElement, n = s2.scrollTop;
+    return s2.querySelectorAll(M$1.join(",")).forEach((r) => {
+      r.focus(), document.activeElement === r && t.push(r);
+    }), s2.scrollTop = n, e.focus(), t;
   }
 }
 g = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
-function P2(i2) {
-  (i2.key === "Tab" || i2.keyCode === 9) && (i2.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (i2.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (i2.preventDefault(), this.focusableFirst.focus()));
+function P2(i) {
+  (i.key === "Tab" || i.keyCode === 9) && (i.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (i.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (i.preventDefault(), this.focusableFirst.focus()));
 }
-function R(i2) {
-  (i2.key === "Tab" || i2.keyCode === 9) && i2.preventDefault();
+function R(i) {
+  (i.key === "Tab" || i.keyCode === 9) && i.preventDefault();
 }
 function F$1() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function D$1(i2, s = document.body, t = true) {
-  if (t) {
-    const n = F$1();
-    n && !i2.includes(`--${n}`) && (i2 = i2.replace("--", `--${n}`));
+function D$1(i, s2 = document.body) {
+  if (i.slice(0, 2) !== "--") {
+    const e = F$1();
+    e && (i = `${e}${i}`), i = `--${i}`;
   }
-  const e = getComputedStyle(s).getPropertyValue(i2).trim();
-  if (e)
-    return e;
-  throw new Error(`CSS variable "${i2}" was not found!`);
+  const t = getComputedStyle(s2).getPropertyValue(i).trim();
+  if (t)
+    return t;
+  throw new Error(`CSS variable "${i}" was not found!`);
 }
-function N$1(i2, s) {
-  const t = (i2.getAttribute(`data-${s}`) || "").replace(/'/g, '"');
+function N$1(i, s2) {
+  const t = (i.getAttribute(`data-${s2}`) || "").replace(/'/g, '"');
   return t ? JSON.parse(t) : {};
 }
-function L2(i2, s, t) {
-  const e = s.nodeType === Node.COMMENT_NODE, n = s.nodeType === Node.ELEMENT_NODE;
-  if (s = e || n ? s : document.querySelector(s), e && (t = "after"), !s)
-    throw new Error(`Not a valid teleport reference: '${s}'`);
-  if (typeof s[t] != "function")
+function T$1(i, s2, t) {
+  const e = s2.nodeType === Node.COMMENT_NODE, n = s2.nodeType === Node.ELEMENT_NODE;
+  if (s2 = e || n ? s2 : document.querySelector(s2), e && (t = "after"), !s2)
+    throw new Error(`Not a valid teleport reference: '${s2}'`);
+  if (typeof s2[t] != "function")
     throw new Error(`Not a valid teleport method: '${t}'`);
-  let r2 = null;
-  return e || (r2 = document.createComment("teleported #" + i2.id), i2.before(r2)), s[t](i2), e && s.remove(), r2;
+  let r = null;
+  return e || (r = document.createComment("teleported #" + i.id), i.before(r)), s2[t](i), e && s2.remove(), r;
 }
-function S$1(i2, s, t, e = "--transition-duration") {
+function S$1(i, s2, t, e = "transition-duration") {
   return new Promise((n) => {
     if (typeof e == "string") {
-      const r2 = D$1(e, i2), l2 = !!r2.includes("ms");
-      e = parseFloat(r2) * (l2 ? 1 : 1e3);
+      const r = D$1(e, i), l2 = !!r.includes("ms");
+      e = parseFloat(r) * (l2 ? 1 : 1e3);
     }
-    i2.classList.remove(s.finish), i2.classList.add(t.start), setTimeout(() => {
-      i2.classList.add(t.finish), i2.classList.remove(t.start), n(i2);
+    i.classList.remove(s2.finish), i.classList.add(t.start), setTimeout(() => {
+      i.classList.add(t.finish), i.classList.remove(t.start), n(i);
     }, e);
   });
 }
-function z(i2, s) {
-  s && document.querySelectorAll(s).forEach((t) => {
-    i2 ? t.style.overflow = "hidden" : t.style.removeProperty("overflow");
+function z(i, s2) {
+  s2 && document.querySelectorAll(s2).forEach((t) => {
+    i ? t.style.overflow = "hidden" : t.style.removeProperty("overflow");
   });
 }
-function j$1(i2, s) {
-  s && document.querySelectorAll(s).forEach((t) => {
-    i2 ? (t.inert = true, t.setAttribute("aria-hidden", true)) : (t.inert = null, t.removeAttribute("aria-hidden"));
+function j2(i, s2) {
+  s2 && document.querySelectorAll(s2).forEach((t) => {
+    i ? (t.inert = true, t.setAttribute("aria-hidden", true)) : (t.inert = null, t.removeAttribute("aria-hidden"));
   });
 }
-function W(i2, s) {
-  j$1(!!i2, s.selectorInert), z(!!i2, s.selectorOverflow);
+function W(i, s2) {
+  j2(!!i, s2.selectorInert), z(!!i, s2.selectorOverflow);
 }
 const _$1 = {
-  autoInit: false,
+  autoMount: false,
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
@@ -815,57 +815,57 @@ const _$1 = {
   teleportMethod: "append",
   setTabindex: true,
   transition: true,
-  transitionDuration: "--vb-modal-transition-duration"
+  transitionDuration: "modal-transition-duration"
 };
-async function G(i2) {
-  const s = i2.target.closest(`
+function m(i) {
+  const s2 = typeof i == "string" ? this.get(i) : this.get(i.id);
+  if (s2)
+    return s2;
+  throw new Error(`Modal not found in collection with id of "${i.id || i}".`);
+}
+function p() {
+  this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
+}
+async function G(i) {
+  const s2 = i.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
     [data-${this.settings.dataClose}]
   `);
-  if (s) {
-    if (i2.preventDefault(), s.matches(`[data-${this.settings.dataOpen}]`)) {
-      const t = s.getAttribute(`data-${this.settings.dataOpen}`).trim(), e = this.get(t);
-      return i2.target.closest(this.settings.selectorModal) || (this.trigger = s), e.open();
+  if (s2) {
+    if (i.preventDefault(), s2.matches(`[data-${this.settings.dataOpen}]`)) {
+      const t = s2.getAttribute(`data-${this.settings.dataOpen}`).trim(), e = m.call(this, t);
+      return i.target.closest(this.settings.selectorModal) || (this.trigger = s2), e.open();
     }
-    if (s.matches(`[data-${this.settings.dataReplace}]`)) {
-      const t = s.getAttribute(`data-${this.settings.dataReplace}`).trim(), e = this.get(t);
-      return i2.target.closest(this.settings.selectorModal) || (this.trigger = s), e.replace();
+    if (s2.matches(`[data-${this.settings.dataReplace}]`)) {
+      const t = s2.getAttribute(`data-${this.settings.dataReplace}`).trim(), e = m.call(this, t);
+      return i.target.closest(this.settings.selectorModal) || (this.trigger = s2), e.replace();
     }
-    if (s.matches(`[data-${this.settings.dataClose}]`)) {
-      const t = s.getAttribute(`data-${this.settings.dataClose}`).trim();
+    if (s2.matches(`[data-${this.settings.dataClose}]`)) {
+      const t = s2.getAttribute(`data-${this.settings.dataClose}`).trim();
       return t === "*" ? this.closeAll() : this.close(t);
     }
   }
-  if (this.active && i2.target.matches(this.settings.selectorScreen) && !this.active.required)
+  if (this.active && i.target.matches(this.settings.selectorScreen) && !this.active.required)
     return this.close(this.active.id);
 }
-function K$1(i2) {
-  if (i2.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
+function K$1(i) {
+  if (i.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function w(i2, s = true) {
-  const t = this.collection.findIndex((e) => e.id === i2.id);
+async function E(i, s2 = true) {
+  const t = this.collection.findIndex((e) => e.id === i.id);
   if (t >= 0) {
     const e = this.collection[t];
-    s && e.state === "opened" ? await e.close(false) : this.stack.remove(e), e.getSetting("teleport") && e.teleportReturn(), Object.getOwnPropertyNames(e).forEach((n) => {
+    s2 && e.state === "opened" ? await e.close(false) : this.stack.remove(e), e.getSetting("teleport") && e.teleportReturn(), Object.getOwnPropertyNames(e).forEach((n) => {
       delete e[n];
     }), this.collection.splice(t, 1);
   }
   return this.collection;
 }
-function $(i2) {
-  const s = typeof i2 == "string" ? this.get(i2) : this.get(i2.id);
-  if (s)
-    return s;
-  throw new Error(`Modal not found in collection with id of "${i2.id || i2}".`);
-}
-function p() {
-  this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
-}
-async function x(i2, s, t = true) {
-  const e = $.call(this, i2), n = { ...this.settings, ...e.settings };
-  return s !== void 0 && (n.transition = s), this.stack.moveToTop(e), e.state === "closed" && (e.state = "opening", this.stack.add(e), n.transition ? await S$1(e.el, {
+async function x(i, s2, t = true) {
+  const e = m.call(this, i), n = { ...this.settings, ...e.settings };
+  return s2 !== void 0 && (n.transition = s2), this.stack.moveToTop(e), e.state === "closed" && (e.state = "opening", this.stack.add(e), n.transition ? await S$1(e.el, {
     start: n.stateClosing,
     finish: n.stateClosed
   }, {
@@ -876,12 +876,12 @@ async function x(i2, s, t = true) {
     bubbles: true
   })), e;
 }
-async function C(i2, s, t = true) {
-  const e = i2 ? $.call(this, i2) : this.active;
+async function C(i, s2, t = true) {
+  const e = i ? m.call(this, i) : this.active;
   if (e && e.state === "opened") {
     e.state = "closing";
     const n = { ...this.settings, ...e.settings };
-    s !== void 0 && (n.transition = s), document.activeElement.blur(), n.transition ? await S$1(e.el, {
+    s2 !== void 0 && (n.transition = s2), document.activeElement.blur(), n.transition ? await S$1(e.el, {
       start: n.stateOpening,
       finish: n.stateOpened
     }, {
@@ -894,84 +894,84 @@ async function C(i2, s, t = true) {
   }
   return e;
 }
-async function E(i2, s) {
+async function $(i, s2) {
   const t = [];
   return await Promise.all(this.stack.value.map(async (e) => {
-    i2 && i2 === e.id ? Promise.resolve() : t.push(await C.call(this, e, s, false)), e.trigger = null;
+    i && i === e.id ? Promise.resolve() : t.push(await C.call(this, e, s2, false)), e.trigger = null;
   })), t;
 }
-async function k$1(i2, s, t = true) {
-  const e = $.call(this, i2);
-  let n, r2;
-  return e.state === "opened" ? (n = e, r2 = await E.call(this, e.id, s)) : (r2 = E.call(this, false, s), n = x.call(this, e, s, false), await Promise.all([n, r2])), t && p.call(this), { opened: n, closed: r2 };
+async function k$1(i, s2, t = true) {
+  const e = m.call(this, i);
+  let n, r;
+  return e.state === "opened" ? (n = e, r = await $.call(this, e.id, s2)) : (r = $.call(this, false, s2), n = x.call(this, e, s2, false), await Promise.all([n, r])), t && p.call(this), { opened: n, closed: r };
 }
-async function V(i2, s = {}) {
-  await w.call(this, i2, false);
+async function V$1(i, s2 = {}) {
+  await E.call(this, i, false);
   const t = this, e = {
-    id: i2.id,
+    id: i.id,
     state: "closed",
-    el: i2,
+    el: i,
     dialog: null,
     get required() {
       return this.dialog.matches(this.getSetting("selectorRequired"));
     },
     returnRef: null,
-    settings: { ...N$1(i2, this.settings.dataConfig), ...s },
-    open(r2, l2) {
-      return x.call(t, this, r2, l2);
+    settings: { ...N$1(i, this.settings.dataConfig), ...s2 },
+    open(r, l2) {
+      return x.call(t, this, r, l2);
     },
-    close(r2, l2) {
-      return C.call(t, this, r2, l2);
+    close(r, l2) {
+      return C.call(t, this, r, l2);
     },
-    replace(r2, l2) {
-      return k$1.call(t, this, r2, l2);
+    replace(r, l2) {
+      return k$1.call(t, this, r, l2);
     },
     deregister() {
-      return w.call(t, this);
+      return E.call(t, this);
     },
-    teleport(r2 = this.getSetting("teleport"), l2 = this.getSetting("teleportMethod")) {
-      return this.returnRef ? (console.error("Element has already been teleported:", this.el), false) : (this.returnRef = L2(this.el, r2, l2), this.el);
+    teleport(r = this.getSetting("teleport"), l2 = this.getSetting("teleportMethod")) {
+      return this.returnRef ? (console.error("Element has already been teleported:", this.el), false) : (this.returnRef = T$1(this.el, r, l2), this.el);
     },
     teleportReturn() {
-      return this.returnRef ? (this.returnRef = L2(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), false);
+      return this.returnRef ? (this.returnRef = T$1(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), false);
     },
-    getSetting(r2) {
-      return r2 in this.settings ? this.settings[r2] : t.settings[r2];
+    getSetting(r) {
+      return r in this.settings ? this.settings[r] : t.settings[r];
     }
-  }, n = i2.querySelector(e.getSetting("selectorDialog"));
-  return e.dialog = n || i2, e.dialog.setAttribute("aria-modal", "true"), e.dialog.hasAttribute("role") || e.dialog.setAttribute("role", "dialog"), e.getSetting("setTabindex") && e.dialog.setAttribute("tabindex", "-1"), e.getSetting("teleport") && e.teleport(), this.collection.push(e), e.el.classList.contains(this.settings.stateOpened) ? await e.open(false) : (e.el.classList.remove(this.settings.stateOpening), e.el.classList.remove(this.settings.stateClosing), e.el.classList.add(this.settings.stateClosed)), e;
+  }, n = i.querySelector(e.getSetting("selectorDialog"));
+  return e.dialog = n || i, e.dialog.setAttribute("aria-modal", "true"), e.dialog.hasAttribute("role") || e.dialog.setAttribute("role", "dialog"), e.getSetting("setTabindex") && e.dialog.setAttribute("tabindex", "-1"), e.getSetting("teleport") && e.teleport(), this.collection.push(e), e.el.classList.contains(this.settings.stateOpened) ? await e.open(false) : (e.el.classList.remove(this.settings.stateOpening), e.el.classList.remove(this.settings.stateClosing), e.el.classList.add(this.settings.stateClosed)), e;
 }
-function q(i2) {
-  const s = [];
+function q(i) {
+  const s2 = [];
   return {
     get value() {
-      return [...s];
+      return [...s2];
     },
     get top() {
-      return s[s.length - 1];
+      return s2[s2.length - 1];
     },
     updateIndex() {
-      s.forEach((t, e) => {
+      s2.forEach((t, e) => {
         t.el.style.zIndex = null;
         const n = getComputedStyle(t.el)["z-index"];
         t.el.style.zIndex = parseInt(n) + e + 1;
       });
     },
     updateGlobalState() {
-      W(this.top, i2), this.updateIndex();
+      W(this.top, i), this.updateIndex();
     },
     add(t) {
       t.el.style.zIndex = null;
       const e = getComputedStyle(t.el)["z-index"];
-      t.el.style.zIndex = parseInt(e) + s.length + 1, s.push(t), this.updateGlobalState();
+      t.el.style.zIndex = parseInt(e) + s2.length + 1, s2.push(t), this.updateGlobalState();
     },
     remove(t) {
-      const e = s.findIndex((n) => n.id === t.id);
-      e >= 0 && (t.el.style.zIndex = null, s.splice(e, 1), this.updateGlobalState());
+      const e = s2.findIndex((n) => n.id === t.id);
+      e >= 0 && (t.el.style.zIndex = null, s2.splice(e, 1), this.updateGlobalState());
     },
     moveToTop(t) {
-      const e = s.findIndex((n) => n.id === t.id);
-      e >= 0 && (s.splice(e, 1), this.add(t));
+      const e = s2.findIndex((n) => n.id === t.id);
+      e >= 0 && (s2.splice(e, 1), this.add(t));
     }
   };
 }
@@ -979,34 +979,34 @@ var u, h;
 let J$1 = class J extends O {
   constructor(t) {
     super();
-    m(this, u, void 0);
-    m(this, h, void 0);
-    this.defaults = _$1, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new M(), this.stack = q(this.settings), v(this, u, G.bind(this)), v(this, h, K$1.bind(this)), this.settings.autoInit && this.init();
+    v(this, u, void 0);
+    v(this, h, void 0);
+    this.defaults = _$1, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new A2(), this.stack = q(this.settings), b(this, u, G.bind(this)), b(this, h, K$1.bind(this)), this.settings.autoMount && this.mount();
   }
   get active() {
     return this.stack.top;
   }
-  async init(t) {
+  async mount(t) {
     t && (this.settings = { ...this.settings, ...t });
     const e = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(e), this.settings.eventListeners && this.initEventListeners(), this;
+    return await this.registerCollection(e), this.settings.eventListeners && this.mountEventListeners(), this;
   }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
+  async unmount() {
+    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
   }
-  initEventListeners() {
+  mountEventListeners() {
     document.addEventListener("click", f(this, u), false), document.addEventListener("keydown", f(this, h), false);
   }
-  destroyEventListeners() {
+  unmountEventListeners() {
     document.removeEventListener("click", f(this, u), false), document.removeEventListener("keydown", f(this, h), false);
   }
   register(t, e = {}) {
     let n = typeof t == "string" ? document.getElementById(t) : t;
-    return n ? V.call(this, n, e) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${t.id || t}".`));
+    return n ? V$1.call(this, n, e) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${t.id || t}".`));
   }
   deregister(t) {
     let e = this.get(t.id || t);
-    return e ? w.call(this, e) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${t.id || t}".`));
+    return e ? E.call(this, e) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${t.id || t}".`));
   }
   open(t, e, n) {
     return x.call(this, t, e, n);
@@ -1018,20 +1018,20 @@ let J$1 = class J extends O {
     return k$1.call(this, t, e, n);
   }
   async closeAll(t = false, e, n = true) {
-    const r2 = await E.call(this, t, e);
-    return n && p.call(this), r2;
+    const r = await $.call(this, t, e);
+    return n && p.call(this), r;
   }
 };
 u = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
-var Ue = (e, t, r2) => {
+var Ue = (e, t, r) => {
   if (!t.has(e))
-    throw TypeError("Cannot " + r2);
+    throw TypeError("Cannot " + r);
 };
-var Ae = (e, t, r2) => (Ue(e, t, "read from private field"), r2 ? r2.call(e) : t.get(e)), _e = (e, t, r2) => {
+var Ae = (e, t, r) => (Ue(e, t, "read from private field"), r ? r.call(e) : t.get(e)), _e = (e, t, r) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, r2);
-}, Ke = (e, t, r2, i2) => (Ue(e, t, "write to private field"), i2 ? i2.call(e, r2) : t.set(e, r2), r2);
+  t instanceof WeakSet ? t.add(e) : t.set(e, r);
+}, Ke = (e, t, r, i) => (Ue(e, t, "write to private field"), i ? i.call(e, r) : t.set(e, r), r);
 class $t {
   constructor() {
     this.collection = [];
@@ -1040,18 +1040,18 @@ class $t {
     return await this.deregister(t), this.collection.push(t), this.collection;
   }
   async deregister(t) {
-    const r2 = this.collection.findIndex((i2) => i2 === t);
-    if (r2 >= 0) {
-      const i2 = this.collection[r2];
-      Object.getOwnPropertyNames(i2).forEach((n) => {
-        delete i2[n];
-      }), this.collection.splice(r2, 1);
+    const r = this.collection.findIndex((i) => i === t);
+    if (r >= 0) {
+      const i = this.collection[r];
+      Object.getOwnPropertyNames(i).forEach((n) => {
+        delete i[n];
+      }), this.collection.splice(r, 1);
     }
     return this.collection;
   }
   async registerCollection(t) {
-    return await Promise.all(Array.from(t, (r2) => {
-      this.register(r2);
+    return await Promise.all(Array.from(t, (r) => {
+      this.register(r);
     })), this.collection;
   }
   async deregisterCollection() {
@@ -1059,15 +1059,15 @@ class $t {
       await this.deregister(this.collection[0]);
     return this.collection;
   }
-  get(t, r2 = "id") {
-    return this.collection.find((i2) => i2[r2] === t);
+  get(t, r = "id") {
+    return this.collection.find((i) => i[r] === t);
   }
 }
 function Ct() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-prefix").trim();
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
 const kt = {
-  autoInit: false,
+  autoMount: false,
   // Selectors
   selectorPopover: ".popover",
   selectorArrow: ".popover__arrow",
@@ -1079,7 +1079,7 @@ const kt = {
   placement: "bottom"
 };
 function ot(e, t) {
-  const r2 = getComputedStyle(e), i2 = {
+  const r = getComputedStyle(e), i = {
     placement: t.placement,
     event: t.eventType,
     offset: 0,
@@ -1088,43 +1088,43 @@ function ot(e, t) {
     "arrow-element": t.selectorArrow,
     "arrow-padding": 0
   };
-  for (const n in i2) {
-    const o2 = Ct(), l2 = r2.getPropertyValue(`--${o2}popover-${n}`).trim();
-    l2 && (i2[n] = l2);
+  for (const n in i) {
+    const o2 = Ct(), l2 = r.getPropertyValue(`--${o2}popover-${n}`).trim();
+    l2 && (i[n] = l2);
   }
-  return i2;
+  return i;
 }
 function Pe(e) {
   let t;
-  const r2 = typeof e == "string" ? e.trim().split(" ") : [e];
-  switch (r2.forEach(function(i2, n) {
-    r2[n] = parseInt(i2, 10);
-  }), r2.length) {
+  const r = typeof e == "string" ? e.trim().split(" ") : [e];
+  switch (r.forEach(function(i, n) {
+    r[n] = parseInt(i, 10);
+  }), r.length) {
     case 1:
-      t = r2[0];
+      t = r[0];
       break;
     case 2:
       t = {
-        top: r2[0],
-        right: r2[1],
-        bottom: r2[0],
-        left: r2[1]
+        top: r[0],
+        right: r[1],
+        bottom: r[0],
+        left: r[1]
       };
       break;
     case 3:
       t = {
-        top: r2[0],
-        right: r2[1],
-        bottom: r2[2],
-        left: r2[1]
+        top: r[0],
+        right: r[1],
+        bottom: r[2],
+        left: r[1]
       };
       break;
     case 4:
       t = {
-        top: r2[0],
-        right: r2[1],
-        bottom: r2[2],
-        left: r2[3]
+        top: r[0],
+        right: r[1],
+        bottom: r[2],
+        left: r[3]
       };
       break;
     default:
@@ -1169,8 +1169,8 @@ function Rt(e) {
 function Bt(e) {
   const t = Rt.call(this, e);
   if (t) {
-    const r2 = document.querySelector(`#${t}`), i2 = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
-    return !i2 && !r2 ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : i2 ? r2 ? { popover: r2, trigger: i2 } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
+    const r = document.querySelector(`#${t}`), i = document.querySelector(`[aria-controls="${t}"]`) || document.querySelector(`[aria-describedby="${t}"]`);
+    return !i && !r ? { error: new Error(`No popover elements found using the ID: "${t}".`) } : i ? r ? { popover: r, 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.") };
 }
@@ -1188,10 +1188,10 @@ async function st2() {
 }
 function ct(e) {
   e.state == "opened" && setTimeout(() => {
-    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, r2 = document.activeElement.closest(
+    const t = e.el.closest(":hover") === e.el || e.trigger.closest(":hover") === e.trigger, r = document.activeElement.closest(
       `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
     );
-    return !t && !r2 && e.close(), e;
+    return !t && !r && e.close(), e;
   }, 1);
 }
 function Tt(e) {
@@ -1213,17 +1213,17 @@ function St(e) {
 }
 function lt(e) {
   const t = this;
-  document.addEventListener("click", function r2(i2) {
-    i2.target.closest(
+  document.addEventListener("click", function r(i) {
+    i.target.closest(
       `#${e.id}, [aria-controls="${e.id}"], [aria-describedby="${e.id}"]`
-    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", r2) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", r2));
+    ) ? e.el && !e.el.classList.contains(t.settings.stateActive) && this.removeEventListener("click", r) : (e.el && e.el.classList.contains(t.settings.stateActive) && e.close(), this.removeEventListener("click", r));
   });
 }
-var k = "top", S2 = "bottom", j2 = "right", D = "left", De = "auto", le = [k, S2, j2, D], Q = "start", se = "end", jt = "clippingParents", ft = "viewport", ne = "popper", Mt = "reference", Ge = /* @__PURE__ */ le.reduce(function(e, t) {
+var k = "top", S2 = "bottom", M = "right", D = "left", De = "auto", le = [k, S2, M, D], Q = "start", se = "end", Mt = "clippingParents", ft = "viewport", ne = "popper", jt = "reference", Ge = /* @__PURE__ */ le.reduce(function(e, t) {
   return e.concat([t + "-" + Q, t + "-" + se]);
 }, []), ut = /* @__PURE__ */ [].concat(le, [De]).reduce(function(e, t) {
   return e.concat([t, t + "-" + Q, t + "-" + se]);
-}, []), Wt = "beforeRead", Ht = "read", Nt = "afterRead", It = "beforeMain", Vt = "main", Ft = "afterMain", Xt = "beforeWrite", Yt = "write", qt = "afterWrite", zt = [Wt, Ht, Nt, It, Vt, Ft, Xt, Yt, qt];
+}, []), Wt = "beforeRead", Ht = "read", Nt = "afterRead", Vt = "beforeMain", It = "main", Ft = "afterMain", Xt = "beforeWrite", Yt = "write", qt = "afterWrite", zt = [Wt, Ht, Nt, Vt, It, Ft, Xt, Yt, qt];
 function N(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -1252,16 +1252,16 @@ function Re(e) {
 }
 function Ut(e) {
   var t = e.state;
-  Object.keys(t.elements).forEach(function(r2) {
-    var i2 = t.styles[r2] || {}, n = t.attributes[r2] || {}, o2 = t.elements[r2];
-    !T(o2) || !N(o2) || (Object.assign(o2.style, i2), Object.keys(n).forEach(function(l2) {
-      var s = n[l2];
-      s === false ? o2.removeAttribute(l2) : o2.setAttribute(l2, s === true ? "" : s);
+  Object.keys(t.elements).forEach(function(r) {
+    var i = t.styles[r] || {}, n = t.attributes[r] || {}, o2 = t.elements[r];
+    !T(o2) || !N(o2) || (Object.assign(o2.style, i), Object.keys(n).forEach(function(l2) {
+      var s2 = n[l2];
+      s2 === false ? o2.removeAttribute(l2) : o2.setAttribute(l2, s2 === true ? "" : s2);
     }));
   });
 }
 function _t(e) {
-  var t = e.state, r2 = {
+  var t = e.state, r = {
     popper: {
       position: t.options.strategy,
       left: "0",
@@ -1273,12 +1273,12 @@ function _t(e) {
     },
     reference: {}
   };
-  return Object.assign(t.elements.popper.style, r2.popper), t.styles = r2, t.elements.arrow && Object.assign(t.elements.arrow.style, r2.arrow), function() {
-    Object.keys(t.elements).forEach(function(i2) {
-      var n = t.elements[i2], o2 = t.attributes[i2] || {}, l2 = Object.keys(t.styles.hasOwnProperty(i2) ? t.styles[i2] : r2[i2]), s = l2.reduce(function(a2, f2) {
+  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
+    Object.keys(t.elements).forEach(function(i) {
+      var n = t.elements[i], o2 = t.attributes[i] || {}, l2 = Object.keys(t.styles.hasOwnProperty(i) ? t.styles[i] : r[i]), s2 = l2.reduce(function(a2, f2) {
         return a2[f2] = "", a2;
       }, {});
-      !T(n) || !N(n) || (Object.assign(n.style, s), Object.keys(o2).forEach(function(a2) {
+      !T(n) || !N(n) || (Object.assign(n.style, s2), Object.keys(o2).forEach(function(a2) {
         n.removeAttribute(a2);
       }));
     });
@@ -1305,11 +1305,11 @@ function Le() {
 function pt() {
   return !/^((?!chrome|android).)*safari/i.test(Le());
 }
-function ee(e, t, r2) {
-  t === void 0 && (t = false), r2 === void 0 && (r2 = false);
-  var i2 = e.getBoundingClientRect(), n = 1, o2 = 1;
-  t && T(e) && (n = e.offsetWidth > 0 && Z(i2.width) / e.offsetWidth || 1, o2 = e.offsetHeight > 0 && Z(i2.height) / e.offsetHeight || 1);
-  var l2 = K(e) ? B(e) : window, s = l2.visualViewport, a2 = !pt() && r2, f2 = (i2.left + (a2 && s ? s.offsetLeft : 0)) / n, c2 = (i2.top + (a2 && s ? s.offsetTop : 0)) / o2, h2 = i2.width / n, y2 = i2.height / o2;
+function ee(e, t, r) {
+  t === void 0 && (t = false), r === void 0 && (r = false);
+  var i = e.getBoundingClientRect(), n = 1, o2 = 1;
+  t && T(e) && (n = e.offsetWidth > 0 && Z(i.width) / e.offsetWidth || 1, o2 = e.offsetHeight > 0 && Z(i.height) / e.offsetHeight || 1);
+  var l2 = K(e) ? B(e) : window, s2 = l2.visualViewport, a2 = !pt() && r, f2 = (i.left + (a2 && s2 ? s2.offsetLeft : 0)) / n, c2 = (i.top + (a2 && s2 ? s2.offsetTop : 0)) / o2, h2 = i.width / n, y2 = i.height / o2;
   return {
     width: h2,
     height: y2,
@@ -1322,29 +1322,29 @@ function ee(e, t, r2) {
   };
 }
 function Be(e) {
-  var t = ee(e), r2 = e.offsetWidth, i2 = e.offsetHeight;
-  return Math.abs(t.width - r2) <= 1 && (r2 = t.width), Math.abs(t.height - i2) <= 1 && (i2 = t.height), {
+  var t = ee(e), r = e.offsetWidth, i = e.offsetHeight;
+  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - i) <= 1 && (i = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
-    width: r2,
-    height: i2
+    width: r,
+    height: i
   };
 }
 function dt(e, t) {
-  var r2 = t.getRootNode && t.getRootNode();
+  var r = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return true;
-  if (r2 && Re(r2)) {
-    var i2 = t;
+  if (r && Re(r)) {
+    var i = t;
     do {
-      if (i2 && e.isSameNode(i2))
+      if (i && e.isSameNode(i))
         return true;
-      i2 = i2.parentNode || i2.host;
-    } while (i2);
+      i = i.parentNode || i.host;
+    } while (i);
   }
   return false;
 }
-function I2(e) {
+function V(e) {
   return B(e).getComputedStyle(e);
 }
 function Gt(e) {
@@ -1370,18 +1370,18 @@ function we(e) {
 }
 function Je(e) {
   return !T(e) || // https://github.com/popperjs/popper-core/issues/837
-  I2(e).position === "fixed" ? null : e.offsetParent;
+  V(e).position === "fixed" ? null : e.offsetParent;
 }
 function Jt(e) {
-  var t = /firefox/i.test(Le()), r2 = /Trident/i.test(Le());
-  if (r2 && T(e)) {
-    var i2 = I2(e);
-    if (i2.position === "fixed")
+  var t = /firefox/i.test(Le()), r = /Trident/i.test(Le());
+  if (r && T(e)) {
+    var i = V(e);
+    if (i.position === "fixed")
       return null;
   }
   var n = we(e);
   for (Re(n) && (n = n.host); T(n) && ["html", "body"].indexOf(N(n)) < 0; ) {
-    var o2 = I2(n);
+    var o2 = V(n);
     if (o2.transform !== "none" || o2.perspective !== "none" || o2.contain === "paint" || ["transform", "perspective"].indexOf(o2.willChange) !== -1 || t && o2.willChange === "filter" || t && o2.filter && o2.filter !== "none")
       return n;
     n = n.parentNode;
@@ -1389,19 +1389,19 @@ function Jt(e) {
   return null;
 }
 function fe(e) {
-  for (var t = B(e), r2 = Je(e); r2 && Gt(r2) && I2(r2).position === "static"; )
-    r2 = Je(r2);
-  return r2 && (N(r2) === "html" || N(r2) === "body" && I2(r2).position === "static") ? t : r2 || Jt(e) || t;
+  for (var t = B(e), r = Je(e); r && Gt(r) && V(r).position === "static"; )
+    r = Je(r);
+  return r && (N(r) === "html" || N(r) === "body" && V(r).position === "static") ? t : r || Jt(e) || t;
 }
 function Te(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function oe(e, t, r2) {
-  return _(e, ye(t, r2));
+function oe(e, t, r) {
+  return _(e, ye(t, r));
 }
-function Qt(e, t, r2) {
-  var i2 = oe(e, t, r2);
-  return i2 > r2 ? r2 : i2;
+function Qt(e, t, r) {
+  var i = oe(e, t, r);
+  return i > r ? r : i;
 }
 function vt() {
   return {
@@ -1415,24 +1415,24 @@ function ht(e) {
   return Object.assign({}, vt(), e);
 }
 function gt(e, t) {
-  return t.reduce(function(r2, i2) {
-    return r2[i2] = e, r2;
+  return t.reduce(function(r, i) {
+    return r[i] = e, r;
   }, {});
 }
-var Zt = function(t, r2) {
-  return t = typeof t == "function" ? t(Object.assign({}, r2.rects, {
-    placement: r2.placement
+var Zt = function(t, r) {
+  return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
+    placement: r.placement
   })) : t, ht(typeof t != "number" ? t : gt(t, le));
 };
 function er(e) {
-  var t, r2 = e.state, i2 = e.name, n = e.options, o2 = r2.elements.arrow, l2 = r2.modifiersData.popperOffsets, s = H(r2.placement), a2 = Te(s), f2 = [D, j2].indexOf(s) >= 0, c2 = f2 ? "height" : "width";
+  var t, r = e.state, i = e.name, n = e.options, o2 = r.elements.arrow, l2 = r.modifiersData.popperOffsets, s2 = H(r.placement), a2 = Te(s2), f2 = [D, M].indexOf(s2) >= 0, c2 = f2 ? "height" : "width";
   if (!(!o2 || !l2)) {
-    var h2 = Zt(n.padding, r2), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S2 : j2, v2 = r2.rects.reference[c2] + r2.rects.reference[a2] - l2[a2] - r2.rects.popper[c2], d2 = l2[a2] - r2.rects.reference[a2], w2 = fe(o2), O2 = w2 ? a2 === "y" ? w2.clientHeight || 0 : w2.clientWidth || 0 : 0, E2 = v2 / 2 - d2 / 2, p2 = h2[u2], g2 = O2 - y2[c2] - h2[b2], m2 = O2 / 2 - y2[c2] / 2 + E2, x2 = oe(p2, m2, g2), L3 = a2;
-    r2.modifiersData[i2] = (t = {}, t[L3] = x2, t.centerOffset = x2 - m2, t);
+    var h2 = Zt(n.padding, r), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S2 : M, v2 = r.rects.reference[c2] + r.rects.reference[a2] - l2[a2] - r.rects.popper[c2], d2 = l2[a2] - r.rects.reference[a2], w2 = fe(o2), O2 = w2 ? a2 === "y" ? w2.clientHeight || 0 : w2.clientWidth || 0 : 0, E2 = v2 / 2 - d2 / 2, p2 = h2[u2], g2 = O2 - y2[c2] - h2[b2], m2 = O2 / 2 - y2[c2] / 2 + E2, x2 = oe(p2, m2, g2), L3 = a2;
+    r.modifiersData[i] = (t = {}, t[L3] = x2, t.centerOffset = x2 - m2, t);
   }
 }
 function tr(e) {
-  var t = e.state, r2 = e.options, i2 = r2.element, n = i2 === void 0 ? "[data-popper-arrow]" : i2;
+  var t = e.state, r = e.options, i = r.element, n = i === void 0 ? "[data-popper-arrow]" : i;
   n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || dt(t.elements.popper, n) && (t.elements.arrow = n));
 }
 const rr = {
@@ -1454,14 +1454,14 @@ var ir = {
   left: "auto"
 };
 function nr(e, t) {
-  var r2 = e.x, i2 = e.y, n = t.devicePixelRatio || 1;
+  var r = e.x, i = e.y, n = t.devicePixelRatio || 1;
   return {
-    x: Z(r2 * n) / n || 0,
-    y: Z(i2 * n) / n || 0
+    x: Z(r * n) / n || 0,
+    y: Z(i * n) / n || 0
   };
 }
 function Qe(e) {
-  var t, r2 = e.popper, i2 = e.popperRect, n = e.placement, o2 = e.variation, l2 = e.offsets, s = e.position, a2 = e.gpuAcceleration, f2 = e.adaptive, c2 = e.roundOffsets, h2 = e.isFixed, y2 = l2.x, u2 = y2 === void 0 ? 0 : y2, b2 = l2.y, v2 = b2 === void 0 ? 0 : b2, d2 = typeof c2 == "function" ? c2({
+  var t, r = e.popper, i = e.popperRect, n = e.placement, o2 = e.variation, l2 = e.offsets, s2 = e.position, a2 = e.gpuAcceleration, f2 = e.adaptive, c2 = e.roundOffsets, h2 = e.isFixed, y2 = l2.x, u2 = y2 === void 0 ? 0 : y2, b2 = l2.y, v2 = b2 === void 0 ? 0 : b2, d2 = typeof c2 == "function" ? c2({
     x: u2,
     y: v2
   }) : {
@@ -1471,41 +1471,41 @@ function Qe(e) {
   u2 = d2.x, v2 = d2.y;
   var w2 = l2.hasOwnProperty("x"), O2 = l2.hasOwnProperty("y"), E2 = D, p2 = k, g2 = window;
   if (f2) {
-    var m2 = fe(r2), x2 = "clientHeight", L3 = "clientWidth";
-    if (m2 === B(r2) && (m2 = F(r2), I2(m2).position !== "static" && s === "absolute" && (x2 = "scrollHeight", L3 = "scrollWidth")), m2 = m2, n === k || (n === D || n === j2) && o2 === se) {
+    var m2 = fe(r), x2 = "clientHeight", L3 = "clientWidth";
+    if (m2 === B(r) && (m2 = F(r), V(m2).position !== "static" && s2 === "absolute" && (x2 = "scrollHeight", L3 = "scrollWidth")), m2 = m2, n === k || (n === D || n === M) && o2 === se) {
       p2 = S2;
       var P3 = h2 && m2 === g2 && g2.visualViewport ? g2.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         m2[x2]
       );
-      v2 -= P3 - i2.height, v2 *= a2 ? 1 : -1;
+      v2 -= P3 - i.height, v2 *= a2 ? 1 : -1;
     }
     if (n === D || (n === k || n === S2) && o2 === se) {
-      E2 = j2;
+      E2 = M;
       var A3 = h2 && m2 === g2 && g2.visualViewport ? g2.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         m2[L3]
       );
-      u2 -= A3 - i2.width, u2 *= a2 ? 1 : -1;
+      u2 -= A3 - i.width, u2 *= a2 ? 1 : -1;
     }
   }
   var $2 = Object.assign({
-    position: s
-  }, f2 && ir), M2 = c2 === true ? nr({
+    position: s2
+  }, f2 && ir), j3 = c2 === true ? nr({
     x: u2,
     y: v2
-  }, B(r2)) : {
+  }, B(r)) : {
     x: u2,
     y: v2
   };
-  if (u2 = M2.x, v2 = M2.y, a2) {
+  if (u2 = j3.x, v2 = j3.y, a2) {
     var C2;
     return Object.assign({}, $2, (C2 = {}, C2[p2] = O2 ? "0" : "", C2[E2] = w2 ? "0" : "", C2.transform = (g2.devicePixelRatio || 1) <= 1 ? "translate(" + u2 + "px, " + v2 + "px)" : "translate3d(" + u2 + "px, " + v2 + "px, 0)", C2));
   }
   return Object.assign({}, $2, (t = {}, t[p2] = O2 ? v2 + "px" : "", t[E2] = w2 ? u2 + "px" : "", t.transform = "", t));
 }
 function or(e) {
-  var t = e.state, r2 = e.options, i2 = r2.gpuAcceleration, n = i2 === void 0 ? true : i2, o2 = r2.adaptive, l2 = o2 === void 0 ? true : o2, s = r2.roundOffsets, a2 = s === void 0 ? true : s, f2 = {
+  var t = e.state, r = e.options, i = r.gpuAcceleration, n = i === void 0 ? true : i, o2 = r.adaptive, l2 = o2 === void 0 ? true : o2, s2 = r.roundOffsets, a2 = s2 === void 0 ? true : s2, f2 = {
     placement: H(t.placement),
     variation: te(t.placement),
     popper: t.elements.popper,
@@ -1538,13 +1538,13 @@ var ge = {
   passive: true
 };
 function sr(e) {
-  var t = e.state, r2 = e.instance, i2 = e.options, n = i2.scroll, o2 = n === void 0 ? true : n, l2 = i2.resize, s = l2 === void 0 ? true : l2, a2 = B(t.elements.popper), f2 = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  var t = e.state, r = e.instance, i = e.options, n = i.scroll, o2 = n === void 0 ? true : n, l2 = i.resize, s2 = l2 === void 0 ? true : l2, a2 = B(t.elements.popper), f2 = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return o2 && f2.forEach(function(c2) {
-    c2.addEventListener("scroll", r2.update, ge);
-  }), s && a2.addEventListener("resize", r2.update, ge), function() {
+    c2.addEventListener("scroll", r.update, ge);
+  }), s2 && a2.addEventListener("resize", r.update, ge), function() {
     o2 && f2.forEach(function(c2) {
-      c2.removeEventListener("scroll", r2.update, ge);
-    }), s && a2.removeEventListener("resize", r2.update, ge);
+      c2.removeEventListener("scroll", r.update, ge);
+    }), s2 && a2.removeEventListener("resize", r.update, ge);
   };
 }
 const cr = {
@@ -1577,52 +1577,52 @@ function Ze(e) {
   });
 }
 function Se(e) {
-  var t = B(e), r2 = t.pageXOffset, i2 = t.pageYOffset;
+  var t = B(e), r = t.pageXOffset, i = t.pageYOffset;
   return {
-    scrollLeft: r2,
-    scrollTop: i2
+    scrollLeft: r,
+    scrollTop: i
   };
 }
-function je(e) {
+function Me(e) {
   return ee(F(e)).left + Se(e).scrollLeft;
 }
 function ur(e, t) {
-  var r2 = B(e), i2 = F(e), n = r2.visualViewport, o2 = i2.clientWidth, l2 = i2.clientHeight, s = 0, a2 = 0;
+  var r = B(e), i = F(e), n = r.visualViewport, o2 = i.clientWidth, l2 = i.clientHeight, s2 = 0, a2 = 0;
   if (n) {
     o2 = n.width, l2 = n.height;
     var f2 = pt();
-    (f2 || !f2 && t === "fixed") && (s = n.offsetLeft, a2 = n.offsetTop);
+    (f2 || !f2 && t === "fixed") && (s2 = n.offsetLeft, a2 = n.offsetTop);
   }
   return {
     width: o2,
     height: l2,
-    x: s + je(e),
+    x: s2 + Me(e),
     y: a2
   };
 }
 function pr(e) {
-  var t, r2 = F(e), i2 = Se(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, o2 = _(r2.scrollWidth, r2.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l2 = _(r2.scrollHeight, r2.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), s = -i2.scrollLeft + je(e), a2 = -i2.scrollTop;
-  return I2(n || r2).direction === "rtl" && (s += _(r2.clientWidth, n ? n.clientWidth : 0) - o2), {
+  var t, r = F(e), i = Se(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, o2 = _(r.scrollWidth, r.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l2 = _(r.scrollHeight, r.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), s2 = -i.scrollLeft + Me(e), a2 = -i.scrollTop;
+  return V(n || r).direction === "rtl" && (s2 += _(r.clientWidth, n ? n.clientWidth : 0) - o2), {
     width: o2,
     height: l2,
-    x: s,
+    x: s2,
     y: a2
   };
 }
-function Me(e) {
-  var t = I2(e), r2 = t.overflow, i2 = t.overflowX, n = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(r2 + n + i2);
+function je(e) {
+  var t = V(e), r = t.overflow, i = t.overflowX, n = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(r + n + i);
 }
 function mt(e) {
-  return ["html", "body", "#document"].indexOf(N(e)) >= 0 ? e.ownerDocument.body : T(e) && Me(e) ? e : mt(we(e));
+  return ["html", "body", "#document"].indexOf(N(e)) >= 0 ? e.ownerDocument.body : T(e) && je(e) ? e : mt(we(e));
 }
 function ae(e, t) {
-  var r2;
+  var r;
   t === void 0 && (t = []);
-  var i2 = mt(e), n = i2 === ((r2 = e.ownerDocument) == null ? void 0 : r2.body), o2 = B(i2), l2 = n ? [o2].concat(o2.visualViewport || [], Me(i2) ? i2 : []) : i2, s = t.concat(l2);
-  return n ? s : (
+  var i = mt(e), n = i === ((r = e.ownerDocument) == null ? void 0 : r.body), o2 = B(i), l2 = n ? [o2].concat(o2.visualViewport || [], je(i) ? i : []) : i, s2 = t.concat(l2);
+  return n ? s2 : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(ae(we(l2)))
+    s2.concat(ae(we(l2)))
   );
 }
 function $e(e) {
@@ -1634,32 +1634,32 @@ function $e(e) {
   });
 }
 function dr(e, t) {
-  var r2 = ee(e, false, t === "fixed");
-  return r2.top = r2.top + e.clientTop, r2.left = r2.left + e.clientLeft, r2.bottom = r2.top + e.clientHeight, r2.right = r2.left + e.clientWidth, r2.width = e.clientWidth, r2.height = e.clientHeight, r2.x = r2.left, r2.y = r2.top, r2;
+  var r = ee(e, false, t === "fixed");
+  return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
 }
-function et(e, t, r2) {
-  return t === ft ? $e(ur(e, r2)) : K(t) ? dr(t, r2) : $e(pr(F(e)));
+function et(e, t, r) {
+  return t === ft ? $e(ur(e, r)) : K(t) ? dr(t, r) : $e(pr(F(e)));
 }
 function vr(e) {
-  var t = ae(we(e)), r2 = ["absolute", "fixed"].indexOf(I2(e).position) >= 0, i2 = r2 && T(e) ? fe(e) : e;
-  return K(i2) ? t.filter(function(n) {
-    return K(n) && dt(n, i2) && N(n) !== "body";
+  var t = ae(we(e)), r = ["absolute", "fixed"].indexOf(V(e).position) >= 0, i = r && T(e) ? fe(e) : e;
+  return K(i) ? t.filter(function(n) {
+    return K(n) && dt(n, i) && N(n) !== "body";
   }) : [];
 }
-function hr(e, t, r2, i2) {
-  var n = t === "clippingParents" ? vr(e) : [].concat(t), o2 = [].concat(n, [r2]), l2 = o2[0], s = o2.reduce(function(a2, f2) {
-    var c2 = et(e, f2, i2);
+function hr(e, t, r, i) {
+  var n = t === "clippingParents" ? vr(e) : [].concat(t), o2 = [].concat(n, [r]), l2 = o2[0], s2 = o2.reduce(function(a2, f2) {
+    var c2 = et(e, f2, i);
     return a2.top = _(c2.top, a2.top), a2.right = ye(c2.right, a2.right), a2.bottom = ye(c2.bottom, a2.bottom), a2.left = _(c2.left, a2.left), a2;
-  }, et(e, l2, i2));
-  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
+  }, et(e, l2, i));
+  return s2.width = s2.right - s2.left, s2.height = s2.bottom - s2.top, s2.x = s2.left, s2.y = s2.top, s2;
 }
 function yt(e) {
-  var t = e.reference, r2 = e.element, i2 = e.placement, n = i2 ? H(i2) : null, o2 = i2 ? te(i2) : null, l2 = t.x + t.width / 2 - r2.width / 2, s = t.y + t.height / 2 - r2.height / 2, a2;
+  var t = e.reference, r = e.element, i = e.placement, n = i ? H(i) : null, o2 = i ? te(i) : null, l2 = t.x + t.width / 2 - r.width / 2, s2 = t.y + t.height / 2 - r.height / 2, a2;
   switch (n) {
     case k:
       a2 = {
         x: l2,
-        y: t.y - r2.height
+        y: t.y - r.height
       };
       break;
     case S2:
@@ -1668,16 +1668,16 @@ function yt(e) {
         y: t.y + t.height
       };
       break;
-    case j2:
+    case M:
       a2 = {
         x: t.x + t.width,
-        y: s
+        y: s2
       };
       break;
     case D:
       a2 = {
-        x: t.x - r2.width,
-        y: s
+        x: t.x - r.width,
+        y: s2
       };
       break;
     default:
@@ -1691,10 +1691,10 @@ function yt(e) {
     var c2 = f2 === "y" ? "height" : "width";
     switch (o2) {
       case Q:
-        a2[f2] = a2[f2] - (t[c2] / 2 - r2[c2] / 2);
+        a2[f2] = a2[f2] - (t[c2] / 2 - r[c2] / 2);
         break;
       case se:
-        a2[f2] = a2[f2] + (t[c2] / 2 - r2[c2] / 2);
+        a2[f2] = a2[f2] + (t[c2] / 2 - r[c2] / 2);
         break;
     }
   }
@@ -1702,7 +1702,7 @@ function yt(e) {
 }
 function ce(e, t) {
   t === void 0 && (t = {});
-  var r2 = t, i2 = r2.placement, n = i2 === void 0 ? e.placement : i2, o2 = r2.strategy, l2 = o2 === void 0 ? e.strategy : o2, s = r2.boundary, a2 = s === void 0 ? jt : s, f2 = r2.rootBoundary, c2 = f2 === void 0 ? ft : f2, h2 = r2.elementContext, y2 = h2 === void 0 ? ne : h2, u2 = r2.altBoundary, b2 = u2 === void 0 ? false : u2, v2 = r2.padding, d2 = v2 === void 0 ? 0 : v2, w2 = ht(typeof d2 != "number" ? d2 : gt(d2, le)), O2 = y2 === ne ? Mt : ne, E2 = e.rects.popper, p2 = e.elements[b2 ? O2 : y2], g2 = hr(K(p2) ? p2 : p2.contextElement || F(e.elements.popper), a2, c2, l2), m2 = ee(e.elements.reference), x2 = yt({
+  var r = t, i = r.placement, n = i === void 0 ? e.placement : i, o2 = r.strategy, l2 = o2 === void 0 ? e.strategy : o2, s2 = r.boundary, a2 = s2 === void 0 ? Mt : s2, f2 = r.rootBoundary, c2 = f2 === void 0 ? ft : f2, h2 = r.elementContext, y2 = h2 === void 0 ? ne : h2, u2 = r.altBoundary, b2 = u2 === void 0 ? false : u2, v2 = r.padding, d2 = v2 === void 0 ? 0 : v2, w2 = ht(typeof d2 != "number" ? d2 : gt(d2, le)), O2 = y2 === ne ? jt : ne, E2 = e.rects.popper, p2 = e.elements[b2 ? O2 : y2], g2 = hr(K(p2) ? p2 : p2.contextElement || F(e.elements.popper), a2, c2, l2), m2 = ee(e.elements.reference), x2 = yt({
     reference: m2,
     element: E2,
     strategy: "absolute",
@@ -1714,17 +1714,17 @@ function ce(e, t) {
     right: P3.right - g2.right + w2.right
   }, $2 = e.modifiersData.offset;
   if (y2 === ne && $2) {
-    var M2 = $2[n];
+    var j3 = $2[n];
     Object.keys(A3).forEach(function(C2) {
-      var X2 = [j2, S2].indexOf(C2) >= 0 ? 1 : -1, Y2 = [k, S2].indexOf(C2) >= 0 ? "y" : "x";
-      A3[C2] += M2[Y2] * X2;
+      var X2 = [M, S2].indexOf(C2) >= 0 ? 1 : -1, Y2 = [k, S2].indexOf(C2) >= 0 ? "y" : "x";
+      A3[C2] += j3[Y2] * X2;
     });
   }
   return A3;
 }
 function gr(e, t) {
   t === void 0 && (t = {});
-  var r2 = t, i2 = r2.placement, n = r2.boundary, o2 = r2.rootBoundary, l2 = r2.padding, s = r2.flipVariations, a2 = r2.allowedAutoPlacements, f2 = a2 === void 0 ? ut : a2, c2 = te(i2), h2 = c2 ? s ? Ge : Ge.filter(function(b2) {
+  var r = t, i = r.placement, n = r.boundary, o2 = r.rootBoundary, l2 = r.padding, s2 = r.flipVariations, a2 = r.allowedAutoPlacements, f2 = a2 === void 0 ? ut : a2, c2 = te(i), h2 = c2 ? s2 ? Ge : Ge.filter(function(b2) {
     return te(b2) === c2;
   }) : le, y2 = h2.filter(function(b2) {
     return f2.indexOf(b2) >= 0;
@@ -1749,28 +1749,28 @@ function mr(e) {
   return [Ze(e), t, Ze(t)];
 }
 function yr(e) {
-  var t = e.state, r2 = e.options, i2 = e.name;
-  if (!t.modifiersData[i2]._skip) {
-    for (var n = r2.mainAxis, o2 = n === void 0 ? true : n, l2 = r2.altAxis, s = l2 === void 0 ? true : l2, a2 = r2.fallbackPlacements, f2 = r2.padding, c2 = r2.boundary, h2 = r2.rootBoundary, y2 = r2.altBoundary, u2 = r2.flipVariations, b2 = u2 === void 0 ? true : u2, v2 = r2.allowedAutoPlacements, d2 = t.options.placement, w2 = H(d2), O2 = w2 === d2, E2 = a2 || (O2 || !b2 ? [me(d2)] : mr(d2)), p2 = [d2].concat(E2).reduce(function(G2, V2) {
-      return G2.concat(H(V2) === De ? gr(t, {
-        placement: V2,
+  var t = e.state, r = e.options, i = e.name;
+  if (!t.modifiersData[i]._skip) {
+    for (var n = r.mainAxis, o2 = n === void 0 ? true : n, l2 = r.altAxis, s2 = l2 === void 0 ? true : l2, a2 = r.fallbackPlacements, f2 = r.padding, c2 = r.boundary, h2 = r.rootBoundary, y2 = r.altBoundary, u2 = r.flipVariations, b2 = u2 === void 0 ? true : u2, v2 = r.allowedAutoPlacements, d2 = t.options.placement, w2 = H(d2), O2 = w2 === d2, E2 = a2 || (O2 || !b2 ? [me(d2)] : mr(d2)), p2 = [d2].concat(E2).reduce(function(G2, I3) {
+      return G2.concat(H(I3) === De ? gr(t, {
+        placement: I3,
         boundary: c2,
         rootBoundary: h2,
         padding: f2,
         flipVariations: b2,
         allowedAutoPlacements: v2
-      }) : V2);
+      }) : I3);
     }, []), g2 = t.rects.reference, m2 = t.rects.popper, x2 = /* @__PURE__ */ new Map(), L3 = true, P3 = p2[0], A3 = 0; A3 < p2.length; A3++) {
-      var $2 = p2[A3], M2 = H($2), C2 = te($2) === Q, X2 = [k, S2].indexOf(M2) >= 0, Y2 = X2 ? "width" : "height", R2 = ce(t, {
+      var $2 = p2[A3], j3 = H($2), C2 = te($2) === Q, X2 = [k, S2].indexOf(j3) >= 0, Y2 = X2 ? "width" : "height", R2 = ce(t, {
         placement: $2,
         boundary: c2,
         rootBoundary: h2,
         altBoundary: y2,
         padding: f2
-      }), W2 = X2 ? C2 ? j2 : D : C2 ? S2 : k;
+      }), W2 = X2 ? C2 ? M : D : C2 ? S2 : k;
       g2[Y2] > m2[Y2] && (W2 = me(W2));
       var ue = me(W2), q2 = [];
-      if (o2 && q2.push(R2[M2] <= 0), s && q2.push(R2[W2] <= 0, R2[ue] <= 0), q2.every(function(G2) {
+      if (o2 && q2.push(R2[j3] <= 0), s2 && q2.push(R2[W2] <= 0, R2[ue] <= 0), q2.every(function(G2) {
         return G2;
       })) {
         P3 = $2, L3 = false;
@@ -1779,11 +1779,11 @@ function yr(e) {
       x2.set($2, q2);
     }
     if (L3)
-      for (var pe = b2 ? 3 : 1, be = function(V2) {
+      for (var pe = b2 ? 3 : 1, be = function(I3) {
         var ie = p2.find(function(ve) {
           var z2 = x2.get(ve);
           if (z2)
-            return z2.slice(0, V2).every(function(xe) {
+            return z2.slice(0, I3).every(function(xe) {
               return xe;
             });
         });
@@ -1794,7 +1794,7 @@ function yr(e) {
         if (de === "break")
           break;
       }
-    t.placement !== P3 && (t.modifiersData[i2]._skip = true, t.placement = P3, t.reset = true);
+    t.placement !== P3 && (t.modifiersData[i]._skip = true, t.placement = P3, t.reset = true);
   }
 }
 const wr = {
@@ -1807,29 +1807,29 @@ const wr = {
     _skip: false
   }
 };
-function tt(e, t, r2) {
-  return r2 === void 0 && (r2 = {
+function tt(e, t, r) {
+  return r === void 0 && (r = {
     x: 0,
     y: 0
   }), {
-    top: e.top - t.height - r2.y,
-    right: e.right - t.width + r2.x,
-    bottom: e.bottom - t.height + r2.y,
-    left: e.left - t.width - r2.x
+    top: e.top - t.height - r.y,
+    right: e.right - t.width + r.x,
+    bottom: e.bottom - t.height + r.y,
+    left: e.left - t.width - r.x
   };
 }
 function rt(e) {
-  return [k, j2, S2, D].some(function(t) {
+  return [k, M, S2, D].some(function(t) {
     return e[t] >= 0;
   });
 }
 function br(e) {
-  var t = e.state, r2 = e.name, i2 = t.rects.reference, n = t.rects.popper, o2 = t.modifiersData.preventOverflow, l2 = ce(t, {
+  var t = e.state, r = e.name, i = t.rects.reference, n = t.rects.popper, o2 = t.modifiersData.preventOverflow, l2 = ce(t, {
     elementContext: "reference"
-  }), s = ce(t, {
+  }), s2 = ce(t, {
     altBoundary: true
-  }), a2 = tt(l2, i2), f2 = tt(s, n, o2), c2 = rt(a2), h2 = rt(f2);
-  t.modifiersData[r2] = {
+  }), a2 = tt(l2, i), f2 = tt(s2, n, o2), c2 = rt(a2), h2 = rt(f2);
+  t.modifiersData[r] = {
     referenceClippingOffsets: a2,
     popperEscapeOffsets: f2,
     isReferenceHidden: c2,
@@ -1846,23 +1846,23 @@ const xr = {
   requiresIfExists: ["preventOverflow"],
   fn: br
 };
-function Or(e, t, r2) {
-  var i2 = H(e), n = [D, k].indexOf(i2) >= 0 ? -1 : 1, o2 = typeof r2 == "function" ? r2(Object.assign({}, t, {
+function Or(e, t, r) {
+  var i = H(e), n = [D, k].indexOf(i) >= 0 ? -1 : 1, o2 = typeof r == "function" ? r(Object.assign({}, t, {
     placement: e
-  })) : r2, l2 = o2[0], s = o2[1];
-  return l2 = l2 || 0, s = (s || 0) * n, [D, j2].indexOf(i2) >= 0 ? {
-    x: s,
+  })) : r, l2 = o2[0], s2 = o2[1];
+  return l2 = l2 || 0, s2 = (s2 || 0) * n, [D, M].indexOf(i) >= 0 ? {
+    x: s2,
     y: l2
   } : {
     x: l2,
-    y: s
+    y: s2
   };
 }
 function Er(e) {
-  var t = e.state, r2 = e.options, i2 = e.name, n = r2.offset, o2 = n === void 0 ? [0, 0] : n, l2 = ut.reduce(function(c2, h2) {
+  var t = e.state, r = e.options, i = e.name, n = r.offset, o2 = n === void 0 ? [0, 0] : n, l2 = ut.reduce(function(c2, h2) {
     return c2[h2] = Or(h2, t.rects, o2), c2;
-  }, {}), s = l2[t.placement], a2 = s.x, f2 = s.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a2, t.modifiersData.popperOffsets.y += f2), t.modifiersData[i2] = l2;
+  }, {}), s2 = l2[t.placement], a2 = s2.x, f2 = s2.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a2, t.modifiersData.popperOffsets.y += f2), t.modifiersData[i] = l2;
 }
 const Ar = {
   name: "offset",
@@ -1872,8 +1872,8 @@ const Ar = {
   fn: Er
 };
 function Pr(e) {
-  var t = e.state, r2 = e.name;
-  t.modifiersData[r2] = yt({
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = yt({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
@@ -1891,7 +1891,7 @@ function $r(e) {
   return e === "x" ? "y" : "x";
 }
 function Cr(e) {
-  var t = e.state, r2 = e.options, i2 = e.name, n = r2.mainAxis, o2 = n === void 0 ? true : n, l2 = r2.altAxis, s = l2 === void 0 ? false : l2, a2 = r2.boundary, f2 = r2.rootBoundary, c2 = r2.altBoundary, h2 = r2.padding, y2 = r2.tether, u2 = y2 === void 0 ? true : y2, b2 = r2.tetherOffset, v2 = b2 === void 0 ? 0 : b2, d2 = ce(t, {
+  var t = e.state, r = e.options, i = e.name, n = r.mainAxis, o2 = n === void 0 ? true : n, l2 = r.altAxis, s2 = l2 === void 0 ? false : l2, a2 = r.boundary, f2 = r.rootBoundary, c2 = r.altBoundary, h2 = r.padding, y2 = r.tether, u2 = y2 === void 0 ? true : y2, b2 = r.tetherOffset, v2 = b2 === void 0 ? 0 : b2, d2 = ce(t, {
     boundary: a2,
     rootBoundary: f2,
     padding: h2,
@@ -1904,23 +1904,23 @@ function Cr(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, P3), $2 = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, M2 = {
+  }, P3), $2 = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, j3 = {
     x: 0,
     y: 0
   };
   if (m2) {
     if (o2) {
-      var C2, X2 = p2 === "y" ? k : D, Y2 = p2 === "y" ? S2 : j2, R2 = p2 === "y" ? "height" : "width", W2 = m2[p2], ue = W2 + d2[X2], q2 = W2 - d2[Y2], pe = u2 ? -L3[R2] / 2 : 0, be = O2 === Q ? x2[R2] : L3[R2], re = O2 === Q ? -L3[R2] : -x2[R2], de = t.elements.arrow, G2 = u2 && de ? Be(de) : {
+      var C2, X2 = p2 === "y" ? k : D, Y2 = p2 === "y" ? S2 : M, R2 = p2 === "y" ? "height" : "width", W2 = m2[p2], ue = W2 + d2[X2], q2 = W2 - d2[Y2], pe = u2 ? -L3[R2] / 2 : 0, be = O2 === Q ? x2[R2] : L3[R2], re = O2 === Q ? -L3[R2] : -x2[R2], de = t.elements.arrow, G2 = u2 && de ? Be(de) : {
         width: 0,
         height: 0
-      }, V2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : vt(), ie = V2[X2], ve = V2[Y2], z2 = oe(0, x2[R2], G2[R2]), xe = E2 ? x2[R2] / 2 - pe - z2 - ie - A3.mainAxis : be - z2 - ie - A3.mainAxis, xt = E2 ? -x2[R2] / 2 + pe + z2 + ve + A3.mainAxis : re + z2 + ve + A3.mainAxis, Oe = t.elements.arrow && fe(t.elements.arrow), Ot = Oe ? p2 === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, He = (C2 = $2 == null ? void 0 : $2[p2]) != null ? C2 : 0, Et = W2 + xe - He - Ot, At = W2 + xt - He, Ne = oe(u2 ? ye(ue, Et) : ue, W2, u2 ? _(q2, At) : q2);
-      m2[p2] = Ne, M2[p2] = Ne - W2;
+      }, I3 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : vt(), ie = I3[X2], ve = I3[Y2], z2 = oe(0, x2[R2], G2[R2]), xe = E2 ? x2[R2] / 2 - pe - z2 - ie - A3.mainAxis : be - z2 - ie - A3.mainAxis, xt = E2 ? -x2[R2] / 2 + pe + z2 + ve + A3.mainAxis : re + z2 + ve + A3.mainAxis, Oe = t.elements.arrow && fe(t.elements.arrow), Ot = Oe ? p2 === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, He = (C2 = $2 == null ? void 0 : $2[p2]) != null ? C2 : 0, Et = W2 + xe - He - Ot, At = W2 + xt - He, Ne = oe(u2 ? ye(ue, Et) : ue, W2, u2 ? _(q2, At) : q2);
+      m2[p2] = Ne, j3[p2] = Ne - W2;
     }
-    if (s) {
-      var Ie, Pt = p2 === "x" ? k : D, Lt = p2 === "x" ? S2 : j2, U2 = m2[g2], he = g2 === "y" ? "height" : "width", Ve = U2 + d2[Pt], Fe = U2 - d2[Lt], Ee = [k, D].indexOf(w2) !== -1, Xe = (Ie = $2 == null ? void 0 : $2[g2]) != null ? Ie : 0, Ye = Ee ? Ve : U2 - x2[he] - L3[he] - Xe + A3.altAxis, qe = Ee ? U2 + x2[he] + L3[he] - Xe - A3.altAxis : Fe, ze = u2 && Ee ? Qt(Ye, U2, qe) : oe(u2 ? Ye : Ve, U2, u2 ? qe : Fe);
-      m2[g2] = ze, M2[g2] = ze - U2;
+    if (s2) {
+      var Ve, Pt = p2 === "x" ? k : D, Lt = p2 === "x" ? S2 : M, U2 = m2[g2], he = g2 === "y" ? "height" : "width", Ie = U2 + d2[Pt], Fe = U2 - d2[Lt], Ee = [k, D].indexOf(w2) !== -1, Xe = (Ve = $2 == null ? void 0 : $2[g2]) != null ? Ve : 0, Ye = Ee ? Ie : U2 - x2[he] - L3[he] - Xe + A3.altAxis, qe = Ee ? U2 + x2[he] + L3[he] - Xe - A3.altAxis : Fe, ze = u2 && Ee ? Qt(Ye, U2, qe) : oe(u2 ? Ye : Ie, U2, u2 ? qe : Fe);
+      m2[g2] = ze, j3[g2] = ze - U2;
     }
-    t.modifiersData[i2] = M2;
+    t.modifiersData[i] = j3;
   }
 }
 const kr = {
@@ -1940,73 +1940,73 @@ function Rr(e) {
   return e === B(e) || !T(e) ? Se(e) : Dr(e);
 }
 function Br(e) {
-  var t = e.getBoundingClientRect(), r2 = Z(t.width) / e.offsetWidth || 1, i2 = Z(t.height) / e.offsetHeight || 1;
-  return r2 !== 1 || i2 !== 1;
+  var t = e.getBoundingClientRect(), r = Z(t.width) / e.offsetWidth || 1, i = Z(t.height) / e.offsetHeight || 1;
+  return r !== 1 || i !== 1;
 }
-function Tr(e, t, r2) {
-  r2 === void 0 && (r2 = false);
-  var i2 = T(t), n = T(t) && Br(t), o2 = F(t), l2 = ee(e, n, r2), s = {
+function Tr(e, t, r) {
+  r === void 0 && (r = false);
+  var i = T(t), n = T(t) && Br(t), o2 = F(t), l2 = ee(e, n, r), s2 = {
     scrollLeft: 0,
     scrollTop: 0
   }, a2 = {
     x: 0,
     y: 0
   };
-  return (i2 || !i2 && !r2) && ((N(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Me(o2)) && (s = Rr(t)), T(t) ? (a2 = ee(t, true), a2.x += t.clientLeft, a2.y += t.clientTop) : o2 && (a2.x = je(o2))), {
-    x: l2.left + s.scrollLeft - a2.x,
-    y: l2.top + s.scrollTop - a2.y,
+  return (i || !i && !r) && ((N(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  je(o2)) && (s2 = Rr(t)), T(t) ? (a2 = ee(t, true), a2.x += t.clientLeft, a2.y += t.clientTop) : o2 && (a2.x = Me(o2))), {
+    x: l2.left + s2.scrollLeft - a2.x,
+    y: l2.top + s2.scrollTop - a2.y,
     width: l2.width,
     height: l2.height
   };
 }
 function Sr(e) {
-  var t = /* @__PURE__ */ new Map(), r2 = /* @__PURE__ */ new Set(), i2 = [];
+  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), i = [];
   e.forEach(function(o2) {
     t.set(o2.name, o2);
   });
   function n(o2) {
-    r2.add(o2.name);
+    r.add(o2.name);
     var l2 = [].concat(o2.requires || [], o2.requiresIfExists || []);
-    l2.forEach(function(s) {
-      if (!r2.has(s)) {
-        var a2 = t.get(s);
+    l2.forEach(function(s2) {
+      if (!r.has(s2)) {
+        var a2 = t.get(s2);
         a2 && n(a2);
       }
-    }), i2.push(o2);
+    }), i.push(o2);
   }
   return e.forEach(function(o2) {
-    r2.has(o2.name) || n(o2);
-  }), i2;
+    r.has(o2.name) || n(o2);
+  }), i;
 }
-function jr(e) {
+function Mr(e) {
   var t = Sr(e);
-  return zt.reduce(function(r2, i2) {
-    return r2.concat(t.filter(function(n) {
-      return n.phase === i2;
+  return zt.reduce(function(r, i) {
+    return r.concat(t.filter(function(n) {
+      return n.phase === i;
     }));
   }, []);
 }
-function Mr(e) {
+function jr(e) {
   var t;
   return function() {
-    return t || (t = new Promise(function(r2) {
+    return t || (t = new Promise(function(r) {
       Promise.resolve().then(function() {
-        t = void 0, r2(e());
+        t = void 0, r(e());
       });
     })), t;
   };
 }
 function Wr(e) {
-  var t = e.reduce(function(r2, i2) {
-    var n = r2[i2.name];
-    return r2[i2.name] = n ? Object.assign({}, n, i2, {
-      options: Object.assign({}, n.options, i2.options),
-      data: Object.assign({}, n.data, i2.data)
-    }) : i2, r2;
+  var t = e.reduce(function(r, i) {
+    var n = r[i.name];
+    return r[i.name] = n ? Object.assign({}, n, i, {
+      options: Object.assign({}, n.options, i.options),
+      data: Object.assign({}, n.data, i.data)
+    }) : i, r;
   }, {});
-  return Object.keys(t).map(function(r2) {
-    return t[r2];
+  return Object.keys(t).map(function(r) {
+    return t[r];
   });
 }
 var it = {
@@ -2015,16 +2015,16 @@ var it = {
   strategy: "absolute"
 };
 function nt() {
-  for (var e = arguments.length, t = new Array(e), r2 = 0; r2 < e; r2++)
-    t[r2] = arguments[r2];
-  return !t.some(function(i2) {
-    return !(i2 && typeof i2.getBoundingClientRect == "function");
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return !t.some(function(i) {
+    return !(i && typeof i.getBoundingClientRect == "function");
   });
 }
 function Hr(e) {
   e === void 0 && (e = {});
-  var t = e, r2 = t.defaultModifiers, i2 = r2 === void 0 ? [] : r2, n = t.defaultOptions, o2 = n === void 0 ? it : n;
-  return function(s, a2, f2) {
+  var t = e, r = t.defaultModifiers, i = r === void 0 ? [] : r, n = t.defaultOptions, o2 = n === void 0 ? it : n;
+  return function(s2, a2, f2) {
     f2 === void 0 && (f2 = o2);
     var c2 = {
       placement: "bottom",
@@ -2032,7 +2032,7 @@ function Hr(e) {
       options: Object.assign({}, it, o2),
       modifiersData: {},
       elements: {
-        reference: s,
+        reference: s2,
         popper: a2
       },
       attributes: {},
@@ -2042,10 +2042,10 @@ function Hr(e) {
       setOptions: function(w2) {
         var O2 = typeof w2 == "function" ? w2(c2.options) : w2;
         v2(), c2.options = Object.assign({}, o2, c2.options, O2), c2.scrollParents = {
-          reference: K(s) ? ae(s) : s.contextElement ? ae(s.contextElement) : [],
+          reference: K(s2) ? ae(s2) : s2.contextElement ? ae(s2.contextElement) : [],
           popper: ae(a2)
         };
-        var E2 = jr(Wr([].concat(i2, c2.options.modifiers)));
+        var E2 = Mr(Wr([].concat(i, c2.options.modifiers)));
         return c2.orderedModifiers = E2.filter(function(p2) {
           return p2.enabled;
         }), b2(), u2.update();
@@ -2083,7 +2083,7 @@ function Hr(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Mr(function() {
+      update: jr(function() {
         return new Promise(function(d2) {
           u2.forceUpdate(), d2(c2);
         });
@@ -2092,7 +2092,7 @@ function Hr(e) {
         v2(), y2 = true;
       }
     };
-    if (!nt(s, a2))
+    if (!nt(s2, a2))
       return u2;
     u2.setOptions(f2).then(function(d2) {
       !y2 && f2.onFirstUpdate && f2.onFirstUpdate(d2);
@@ -2120,24 +2120,24 @@ function Hr(e) {
     return u2;
   };
 }
-var Nr = [cr, Lr, ar, Kt, Ar, wr, kr, rr, xr], Ir = /* @__PURE__ */ Hr({
+var Nr = [cr, Lr, ar, Kt, Ar, wr, kr, rr, xr], Vr = /* @__PURE__ */ Hr({
   defaultModifiers: Nr
 });
 async function Ce(e) {
-  const t = this.collection.findIndex((r2) => r2.id === e.id);
+  const t = this.collection.findIndex((r) => r.id === e.id);
   if (t >= 0) {
-    const r2 = this.collection[t];
-    r2.state === "opened" && r2.close(), r2.popper.destroy(), wt(r2), Object.getOwnPropertyNames(r2).forEach((i2) => {
-      delete r2[i2];
+    const r = this.collection[t];
+    r.state === "opened" && r.close(), r.popper.destroy(), wt(r), Object.getOwnPropertyNames(r).forEach((i) => {
+      delete r[i];
     }), this.collection.splice(t, 1);
   }
   return this.collection;
 }
 function wt(e) {
   return e.__eventListeners && (e.__eventListeners.forEach((t) => {
-    t.el.forEach((r2) => {
-      t.type.forEach((i2) => {
-        e[r2].removeEventListener(i2, t.listener, false);
+    t.el.forEach((r) => {
+      t.type.forEach((i) => {
+        e[r].removeEventListener(i, t.listener, false);
       });
     });
   }), delete e.__eventListeners), e;
@@ -2152,26 +2152,26 @@ async function We(e) {
     ]
   }), t.popper.update(), t.state = "opened", t;
 }
-async function Vr(e, t) {
+async function Ir(e, t) {
   Ce.call(this, e);
-  const r2 = this, i2 = {
+  const r = this, i = {
     id: e.id,
     state: "closed",
     el: e,
     trigger: t,
-    popper: Ir(t, e),
+    popper: Vr(t, e),
     config: ot(e, this.settings),
     open() {
-      return We.call(r2, this);
+      return We.call(r, this);
     },
     close() {
-      return ke.call(r2, this);
+      return ke.call(r, this);
     },
     deregister() {
-      return Ce.call(r2, this);
+      return Ce.call(r, this);
     }
   };
-  return i2.trigger.hasAttribute("aria-controls") && i2.trigger.setAttribute("aria-expanded", "false"), bt.call(this, i2), this.collection.push(i2), i2.el.classList.contains(this.settings.stateActive) && (await i2.open(), lt.call(this, i2)), i2;
+  return i.trigger.hasAttribute("aria-controls") && i.trigger.setAttribute("aria-expanded", "false"), bt.call(this, i), this.collection.push(i), i.el.classList.contains(this.settings.stateActive) && (await i.open(), lt.call(this, i)), i;
 }
 function bt(e) {
   return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
@@ -2182,62 +2182,62 @@ function bt(e) {
     el: ["el", "trigger"],
     type: ["mouseleave", "focusout"],
     listener: ct.bind(this, e)
-  }], e.__eventListeners.forEach((r2) => {
-    r2.el.forEach((i2) => {
-      r2.type.forEach((n) => {
-        e[i2].addEventListener(n, r2.listener, false);
+  }], e.__eventListeners.forEach((r) => {
+    r.el.forEach((i) => {
+      r.type.forEach((n) => {
+        e[i].addEventListener(n, r.listener, false);
       });
     });
   })) : (e.__eventListeners = [{
     el: ["trigger"],
     type: ["click"],
     listener: Tt.bind(this, e)
-  }], e.__eventListeners.forEach((r2) => {
-    r2.el.forEach((i2) => {
-      r2.type.forEach((n) => {
-        e[i2].addEventListener(n, r2.listener, false);
+  }], e.__eventListeners.forEach((r) => {
+    r.el.forEach((i) => {
+      r.type.forEach((n) => {
+        e[i].addEventListener(n, r.listener, false);
       });
     });
   }))), e;
 }
 var J2;
 class Xr extends $t {
-  constructor(r2) {
+  constructor(r) {
     super();
     _e(this, J2, void 0);
-    this.defaults = kt, this.settings = { ...this.defaults, ...r2 }, this.trigger = null, Ke(this, J2, St.bind(this)), this.settings.autoInit && this.init();
+    this.defaults = kt, this.settings = { ...this.defaults, ...r }, this.trigger = null, Ke(this, J2, St.bind(this)), this.settings.autoMount && this.mount();
   }
-  async init(r2) {
-    r2 && (this.settings = { ...this.settings, ...r2 });
-    const i2 = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(i2), this.settings.eventListeners && this.initEventListeners(false), this;
+  async mount(r) {
+    r && (this.settings = { ...this.settings, ...r });
+    const i = document.querySelectorAll(this.settings.selectorPopover);
+    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(false), this;
   }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(false), this;
+  async unmount() {
+    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(false), this;
   }
-  initEventListeners(r2 = true) {
-    r2 && this.collection.forEach((i2) => {
-      bt.call(this, i2);
+  mountEventListeners(r = true) {
+    r && this.collection.forEach((i) => {
+      bt.call(this, i);
     }), document.addEventListener("keydown", Ae(this, J2), false);
   }
-  destroyEventListeners(r2 = true) {
-    r2 && this.collection.forEach((i2) => {
-      wt(i2);
+  unmountEventListeners(r = true) {
+    r && this.collection.forEach((i) => {
+      wt(i);
     }), document.removeEventListener("keydown", Ae(this, J2), false);
   }
-  register(r2) {
-    const i2 = Bt.call(this, r2);
-    return i2.error ? Promise.reject(i2.error) : Vr.call(this, i2.popover, i2.trigger);
+  register(r) {
+    const i = Bt.call(this, r);
+    return i.error ? Promise.reject(i.error) : Ir.call(this, i.popover, i.trigger);
   }
-  deregister(r2) {
-    let i2 = this.get(r2.id || r2);
-    return i2 ? Ce.call(this, i2) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${r2.id || r2}".`));
+  deregister(r) {
+    let i = this.get(r.id || r);
+    return i ? Ce.call(this, i) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${r.id || r}".`));
   }
-  open(r2) {
-    return We.call(this, r2);
+  open(r) {
+    return We.call(this, r);
   }
-  close(r2) {
-    return ke.call(this, r2);
+  close(r) {
+    return ke.call(this, r);
   }
 }
 J2 = /* @__PURE__ */ new WeakMap();