vrembem 4.0.0-next.8 → 4.0.0-next.9

package/dev/index.umd.cjs

@@ -2,19 +2,15 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vrembem = {}));
 })(this, function(exports2) {
   "use strict";
-  var b$2 = (t, e, n) => {
-    if (!e.has(t))
-      throw TypeError("Cannot " + n);
+  var b$2 = (t) => {
+    throw TypeError(t);
   };
-  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, i) => (b$2(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n);
+  var g$2 = (t, e, n) => e.has(t) || b$2("Cannot " + n);
+  var o$2 = (t, e, n) => (g$2(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m$2 = (t, e, n) => e.has(t) ? b$2("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), a$1 = (t, e, n, i) => (g$2(t, e, "write to private field"), e.set(t, n), n);
   var l$1;
-  let I$2 = class I {
+  let L$2 = class L {
     constructor(e, n) {
-      m$2(this, l$1, void 0);
+      m$2(this, l$1);
       this.value = e, a$1(this, l$1, n), this.mql = null;
     }
     get handler() {
@@ -32,7 +28,7 @@
     }
   };
   l$1 = /* @__PURE__ */ new WeakMap();
-  let L$2 = class L {
+  let S$3 = class S {
     constructor() {
       this.collection = [];
     }
@@ -67,7 +63,7 @@
     inert: ":not([inert]):not([inert] *)",
     negTabIndex: ':not([tabindex^="-"])',
     disabled: ":not(:disabled)"
-  }, g$2 = [
+  }, $$2 = [
     `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}`,
@@ -86,12 +82,12 @@
     `[tabindex]${s.inert}${s.negTabIndex}`
   ];
   var f$2, u$1, d$2;
-  let S$3 = class S {
+  let q$2 = class q {
     constructor(e = null, n = "[data-focus]") {
-      m$2(this, f$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$1, $$2.bind(this)), a$1(this, d$2, v$2.bind(this));
+      m$2(this, f$2);
+      m$2(this, u$1);
+      m$2(this, d$2);
+      this.el = e, this.selectorFocus = n, a$1(this, u$1, v$2.bind(this)), a$1(this, d$2, y$2.bind(this));
     }
     get focusable() {
       return o$2(this, f$2);
@@ -116,24 +112,24 @@
     }
     getFocusable(e = this.el) {
       const n = [], i = document.activeElement, r = e.scrollTop;
-      return e.querySelectorAll(g$2.join(",")).forEach((h2) => {
+      return e.querySelectorAll($$2.join(",")).forEach((h2) => {
         h2.focus(), document.activeElement === h2 && n.push(h2);
       }), e.scrollTop = r, i.focus(), n;
     }
   };
   f$2 = /* @__PURE__ */ new WeakMap(), u$1 = /* @__PURE__ */ new WeakMap(), d$2 = /* @__PURE__ */ new WeakMap();
-  function $$2(t) {
+  function v$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 v$2(t) {
+  function y$2(t) {
     (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
   }
-  function y$2() {
+  function T$2() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function T$2(t, e = document.body) {
+  function E$2(t, e = document.body) {
     if (t.slice(0, 2) !== "--") {
-      const i = y$2();
+      const i = T$2();
       i && (t = `${i}${t}`), t = `--${t}`;
     }
     const n = getComputedStyle(e).getPropertyValue(t).trim();
@@ -141,11 +137,11 @@
       return n;
     throw new Error(`CSS variable "${t}" was not found!`);
   }
-  function q$2(t, e) {
+  function F$3(t, e) {
     const i = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
     return i ? JSON.parse(i) : {};
   }
-  function F$3(t, e = true) {
+  function k$3(t, e = true) {
     const n = localStorage.getItem(t), i = n ? JSON.parse(n) : {};
     return {
       get(r) {
@@ -156,19 +152,17 @@
       }
     };
   }
-  function k$3(t, e, n) {
+  function w$2(t, e, n) {
     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}'`);
+    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 i || (c2 = document.createComment("teleported #" + t.id), t.before(c2)), e[n](t), i && e.remove(), c2;
   }
-  function w$2(t, e, n, i = "transition-duration") {
+  function C$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");
+        const c2 = E$2(i, t), h2 = !!c2.includes("ms");
         i = parseFloat(c2) * (h2 ? 1 : 1e3);
       }
       t.classList.remove(e.finish), t.classList.add(n.start), setTimeout(() => {
@@ -176,52 +170,43 @@
       }, i);
     });
   }
-  function E$2(t, e) {
+  function p$2(t, e) {
     e && document.querySelectorAll(e).forEach((i) => {
       t ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
     });
   }
-  function p$2(t, e) {
+  function x$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) {
-    p$2(!!t, e.selectorInert), E$2(!!t, e.selectorOverflow);
+  function N$3(t, e) {
+    x$2(!!t, e.selectorInert), p$2(!!t, e.selectorOverflow);
   }
   const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
-    Breakpoint: I$2,
-    Collection: L$2,
-    FocusTrap: S$3,
-    cssVar: T$2,
-    getConfig: q$2,
-    getPrefix: y$2,
-    localStore: F$3,
-    teleport: k$3,
-    transition: w$2,
-    updateGlobalState: C$2
+    Breakpoint: L$2,
+    Collection: S$3,
+    FocusTrap: q$2,
+    cssVar: E$2,
+    getConfig: F$3,
+    getPrefix: T$2,
+    localStore: k$3,
+    teleport: w$2,
+    transition: C$2,
+    updateGlobalState: N$3
   }, Symbol.toStringTag, { value: "Module" }));
-  var I$1 = (t, s2, e) => {
-    if (!s2.has(t))
-      throw TypeError("Cannot " + e);
+  var I$1 = (t) => {
+    throw TypeError(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");
-    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, 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");
-    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 {
+  var O$1 = (t, s2, e) => s2.has(t) || I$1("Cannot " + e);
+  var w$1 = (t, s2, e) => (O$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), S$2 = (t, s2, e) => s2.has(t) ? I$1("Cannot add the same private member more than once") : s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e), k$2 = (t, s2, e, i) => (O$1(t, s2, "write to private field"), s2.set(t, e), e);
+  var M$2 = (t) => {
+    throw TypeError(t);
+  }, y$1 = (t, s2, e) => s2.has(t) || M$2("Cannot " + e), l = (t, s2, e) => (y$1(t, s2, "read from private field"), e ? e.call(t) : s2.get(t)), $$1 = (t, s2, e) => s2.has(t) ? M$2("Cannot add the same private member more than once") : s2 instanceof WeakSet ? s2.add(t) : s2.set(t, e), h$1 = (t, s2, e, i) => (y$1(t, s2, "write to private field"), s2.set(t, e), e), d$1;
+  let B$2 = class B {
     constructor(s2, e) {
-      $$1(this, d$1, void 0), this.value = s2, h$1(this, d$1, e), this.mql = null;
+      $$1(this, d$1), this.value = s2, h$1(this, d$1, e), this.mql = null;
     }
     get handler() {
       return l(this, d$1);
@@ -238,7 +223,7 @@
     }
   };
   d$1 = /* @__PURE__ */ new WeakMap();
-  let A$1 = class A {
+  let j$1 = class j {
     constructor() {
       this.collection = [];
     }
@@ -273,7 +258,7 @@
     inert: ":not([inert]):not([inert] *)",
     negTabIndex: ':not([tabindex^="-"])',
     disabled: ":not(:disabled)"
-  }, B$1 = [
+  }, N$2 = [
     `a[href]${o$1.inert}${o$1.negTabIndex}`,
     `area[href]${o$1.inert}${o$1.negTabIndex}`,
     `input:not([type="hidden"]):not([type="radio"])${o$1.inert}${o$1.negTabIndex}${o$1.disabled}`,
@@ -292,9 +277,9 @@
     `[tabindex]${o$1.inert}${o$1.negTabIndex}`
   ];
   var v$1, g$1, f$1;
-  let j$1 = class j {
+  let q$1 = class q {
     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));
+      $$1(this, v$1), $$1(this, g$1), $$1(this, f$1), this.el = s2, this.selectorFocus = e, h$1(this, g$1, K$2.bind(this)), h$1(this, f$1, V$2.bind(this));
     }
     get focusable() {
       return l(this, v$1);
@@ -319,24 +304,24 @@
     }
     getFocusable(s2 = this.el) {
       const e = [], i = document.activeElement, n = s2.scrollTop;
-      return s2.querySelectorAll(B$1.join(",")).forEach((c2) => {
+      return s2.querySelectorAll(N$2.join(",")).forEach((c2) => {
         c2.focus(), document.activeElement === c2 && e.push(c2);
       }), s2.scrollTop = n, i.focus(), e;
     }
   };
   v$1 = /* @__PURE__ */ new WeakMap(), g$1 = /* @__PURE__ */ new WeakMap(), f$1 = /* @__PURE__ */ new WeakMap();
-  function q$1(t) {
+  function K$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 K$2(t) {
+  function V$2(t) {
     (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
   }
-  function M$2() {
+  function D$2() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function N$2(t, s2 = document.body) {
+  function W$1(t, s2 = document.body) {
     if (t.slice(0, 2) !== "--") {
-      const i = M$2();
+      const i = D$2();
       i && (t = `${i}${t}`), t = `--${t}`;
     }
     const e = getComputedStyle(s2).getPropertyValue(t).trim();
@@ -344,11 +329,11 @@
       return e;
     throw new Error(`CSS variable "${t}" was not found!`);
   }
-  function V$2(t, s2) {
+  function _$2(t, s2) {
     const e = (t.getAttribute(`data-${s2}`) || "").replace(/'/g, '"');
     return e ? JSON.parse(e) : {};
   }
-  function W$1(t, s2 = true) {
+  function J$2(t, s2 = true) {
     const e = localStorage.getItem(t), i = e ? JSON.parse(e) : {};
     return {
       get(n) {
@@ -359,10 +344,10 @@
       }
     };
   }
-  function y$1(t, s2, e, i = "transition-duration") {
+  function F$2(t, s2, e, i = "transition-duration") {
     return new Promise((n) => {
       if (typeof i == "string") {
-        const c2 = N$2(i, t), r = !!c2.includes("ms");
+        const c2 = W$1(i, t), r = !!c2.includes("ms");
         i = parseFloat(c2) * (r ? 1 : 1e3);
       }
       t.classList.remove(s2.finish), t.classList.add(e.start), setTimeout(() => {
@@ -370,20 +355,20 @@
       }, i);
     });
   }
-  function _$2(t, s2) {
+  function z$1(t, s2) {
     s2 && document.querySelectorAll(s2).forEach((e) => {
       t ? e.style.overflow = "hidden" : e.style.removeProperty("overflow");
     });
   }
-  function J$2(t, s2) {
+  function G$1(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 C$1(t, s2) {
-    J$2(!!t, s2.selectorInert), _$2(!!t, s2.selectorOverflow);
+    G$1(!!t, s2.selectorInert), z$1(!!t, s2.selectorOverflow);
   }
-  const z$1 = {
+  const H$1 = {
     autoMount: false,
     // Data attributes
     dataOpen: "drawer-open",
@@ -415,14 +400,14 @@
     transition: true,
     transitionDuration: "drawer-transition-duration"
   };
-  function G$1(t) {
+  function Q$2(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) {
+  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 Q$1(t) {
-    const s2 = M$2(), e = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  function U(t) {
+    const s2 = D$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) {
@@ -431,10 +416,10 @@
       return s2;
     throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
   }
-  function D$2(t) {
+  function P$1(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) {
+  async function X(t) {
     const s2 = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
@@ -453,8 +438,7 @@
           return n.trigger = s2, n.close();
         } else {
           const n = t.target.closest(this.settings.selectorDrawer);
-          if (n)
-            return this.close(n);
+          if (n) return this.close(n);
         }
       });
       return;
@@ -462,11 +446,11 @@
     if (this.activeModal && t.target.matches(this.settings.selectorScreen))
       return this.close(this.activeModal.id);
   }
-  function U(t) {
+  function Y(t) {
     if (t.key === "Escape" && this.activeModal)
       return this.close(this.activeModal);
   }
-  async function k$2(t, s2 = true) {
+  async function L$1(t, s2 = true) {
     const e = this.collection.findIndex((i) => i.id === t.id);
     if (e >= 0) {
       const i = this.collection[e];
@@ -478,69 +462,69 @@
   }
   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, {
+    return s2 !== void 0 && (n.transition = s2), (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", n.transition ? await F$2(i.el, {
       start: n.stateClosing,
       finish: n.stateClosed
     }, {
       start: n.stateOpening,
       finish: n.stateOpened
-    }, 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", {
+    }, 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 && P$1.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
       detail: this,
       bubbles: true
     }))), i;
   }
   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, {
+    return s2 !== void 0 && (n.transition = s2), (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), n.transition ? await F$2(i.el, {
       start: n.stateOpening,
       finish: n.stateOpened
     }, {
       start: n.stateClosing,
       finish: n.stateClosed
-    }, 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", {
+    }, 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 && P$1.call(this, i), i.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
       detail: this,
       bubbles: true
     }))), i;
   }
-  async function F$2(t, s2, e) {
+  async function A$1(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) {
+  function Z$1(t) {
     switch (t.mode) {
       case "inline":
-        return Y.call(this, t);
+        return tt$1.call(this, t);
       case "modal":
-        return Z$1.call(this, t);
+        return et$1.call(this, t);
       default:
         throw new Error(`"${t.mode}" is not a valid drawer mode.`);
     }
   }
-  async function Y(t) {
-    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", {
+  async function tt$1(t) {
+    return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), C$1(false, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await R$1(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
       detail: this,
       bubbles: true
     })), t;
   }
-  async function Z$1(t) {
+  async function et$1(t) {
     return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await E$1.call(this, t, false, false), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
       detail: this,
       bubbles: true
     })), t;
   }
-  async function tt$1(t, s2 = {}) {
-    await k$2.call(this, t, false);
-    const e = this, i = new P$1();
+  async function st$1(t, s2 = {}) {
+    await L$1.call(this, t, false);
+    const e = this, i = new B$2();
     let n, c2 = "indeterminate";
     const r = {
       id: t.id,
       el: t,
       dialog: null,
       trigger: null,
-      settings: { ...V$2(t, this.settings.dataConfig), ...s2 },
+      settings: { ..._$2(t, this.settings.dataConfig), ...s2 },
       inlineState: "indeterminate",
       get breakpoint() {
-        return Q$1.call(e, t);
+        return U.call(e, t);
       },
       get store() {
         return e.store.get(this.id);
@@ -549,7 +533,7 @@
         return n;
       },
       set mode(a2) {
-        n = a2, X.call(e, this);
+        n = a2, Z$1.call(e, this);
       },
       get state() {
         return c2;
@@ -564,10 +548,10 @@
         return E$1.call(e, this, a2, u2);
       },
       toggle(a2, u2) {
-        return F$2.call(e, this, a2, u2);
+        return A$1.call(e, this, a2, u2);
       },
       deregister() {
-        return k$2.call(e, this);
+        return L$1.call(e, this);
       },
       mountBreakpoint() {
         const a2 = this.breakpoint, u2 = this.handleBreakpoint.bind(this);
@@ -586,15 +570,15 @@
     };
     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;
+    return r.dialog = T2 || t, r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), await Q$2(r), r.inlineState = r.state, r.mode = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline", r.breakpoint && r.mountBreakpoint(), r;
   }
   var p$1, b$1;
-  let st$1 = class st extends A$1 {
+  let nt$1 = class nt extends j$1 {
     constructor(e) {
       super();
-      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();
+      S$2(this, p$1);
+      S$2(this, b$1);
+      this.defaults = H$1, this.settings = { ...this.defaults, ...e }, this.focusTrap = new q$1(), this.store = J$2(this.settings.storeKey, this.settings.store), k$2(this, p$1, X.bind(this)), k$2(this, b$1, Y.bind(this)), this.settings.autoMount && this.mount();
     }
     get activeModal() {
       return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
@@ -615,11 +599,11 @@
     }
     register(e, i = {}) {
       let n = typeof e == "string" ? document.getElementById(e) : 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}".`));
+      return n ? st$1.call(this, n, i) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
     }
     deregister(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}".`));
+      return i ? L$1.call(this, i) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
     }
     open(e, i, n) {
       return x$1.call(this, e, i, n);
@@ -628,46 +612,37 @@
       return E$1.call(this, e, i, n);
     }
     toggle(e, i, n) {
-      return F$2.call(this, e, i, n);
+      return A$1.call(this, e, i, n);
     }
   };
   p$1 = /* @__PURE__ */ new WeakMap(), b$1 = /* @__PURE__ */ new WeakMap();
-  var L = (i, s2, t) => {
-    if (!s2.has(i))
-      throw TypeError("Cannot " + t);
+  var L = (i) => {
+    throw TypeError(i);
   };
-  var f = (i, s2, t) => (L(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");
-    s2 instanceof WeakSet ? s2.add(i) : s2.set(i, t);
-  }, b = (i, s2, t, e) => (L(i, s2, "write to private field"), e ? e.call(i, t) : s2.set(i, t), t);
-  var I = (i, s2, t) => {
-    if (!s2.has(i))
-      throw TypeError("Cannot " + t);
-  }, a = (i, s2, t) => (I(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");
-    s2 instanceof WeakSet ? s2.add(i) : s2.set(i, t);
-  }, w = (i, s2, t, e) => (I(i, s2, "write to private field"), e ? e.call(i, t) : s2.set(i, t), t);
-  class O {
+  var I = (i, e, t) => e.has(i) || L("Cannot " + t);
+  var f = (i, e, t) => (I(i, e, "read from private field"), t ? t.call(i) : e.get(i)), v = (i, e, t) => e.has(i) ? L("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, s2) => (I(i, e, "write to private field"), e.set(i, t), t);
+  var S$1 = (i) => {
+    throw TypeError(i);
+  }, k$1 = (i, e, t) => e.has(i) || S$1("Cannot " + t), a = (i, e, t) => (k$1(i, e, "read from private field"), t ? t.call(i) : e.get(i)), y = (i, e, t) => e.has(i) ? S$1("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), w = (i, e, t, s2) => (k$1(i, e, "write to private field"), e.set(i, t), t);
+  class A {
     constructor() {
       this.collection = [];
     }
-    async register(s2) {
-      return await this.deregister(s2), this.collection.push(s2), this.collection;
+    async register(e) {
+      return await this.deregister(e), this.collection.push(e), this.collection;
     }
-    async deregister(s2) {
-      const t = this.collection.findIndex((e) => e === s2);
+    async deregister(e) {
+      const t = this.collection.findIndex((s2) => s2 === e);
       if (t >= 0) {
-        const e = this.collection[t];
-        Object.getOwnPropertyNames(e).forEach((n) => {
-          delete e[n];
+        const s2 = this.collection[t];
+        Object.getOwnPropertyNames(s2).forEach((n) => {
+          delete s2[n];
         }), this.collection.splice(t, 1);
       }
       return this.collection;
     }
-    async registerCollection(s2) {
-      return await Promise.all(Array.from(s2, (t) => {
+    async registerCollection(e) {
+      return await Promise.all(Array.from(e, (t) => {
         this.register(t);
       })), this.collection;
     }
@@ -676,15 +651,15 @@
         await this.deregister(this.collection[0]);
       return this.collection;
     }
-    get(s2, t = "id") {
-      return this.collection.find((e) => e[t] === s2);
+    get(e, t = "id") {
+      return this.collection.find((s2) => s2[t] === e);
     }
   }
   const o = {
     inert: ":not([inert]):not([inert] *)",
     negTabIndex: ':not([tabindex^="-"])',
     disabled: ":not(:disabled)"
-  }, M$1 = [
+  }, F$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}`,
@@ -703,15 +678,15 @@
     `[tabindex]${o.inert}${o.negTabIndex}`
   ];
   var g, c, d;
-  class A {
-    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, P.bind(this)), w(this, d, R.bind(this));
+  class P {
+    constructor(e = null, t = "[data-focus]") {
+      y(this, g), y(this, c), y(this, d), this.el = e, this.selectorFocus = t, w(this, c, R.bind(this)), w(this, d, D$1.bind(this));
     }
     get focusable() {
       return a(this, g);
     }
-    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)));
+    set focusable(e) {
+      w(this, g, e), 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];
@@ -719,80 +694,78 @@
     get focusableLast() {
       return this.focusable[this.focusable.length - 1];
     }
-    mount(s2, t) {
-      s2 && (this.el = s2), t && (this.selectorFocus = t), this.focusable = this.getFocusable(), this.focus();
+    mount(e, t) {
+      e && (this.el = e), 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(s2 = this.el, t = this.selectorFocus) {
-      (s2.querySelector(t) || s2).focus();
+    focus(e = this.el, t = this.selectorFocus) {
+      (e.querySelector(t) || e).focus();
     }
-    getFocusable(s2 = this.el) {
-      const t = [], e = document.activeElement, n = s2.scrollTop;
-      return s2.querySelectorAll(M$1.join(",")).forEach((r) => {
+    getFocusable(e = this.el) {
+      const t = [], s2 = document.activeElement, n = e.scrollTop;
+      return e.querySelectorAll(F$1.join(",")).forEach((r) => {
         r.focus(), document.activeElement === r && t.push(r);
-      }), s2.scrollTop = n, e.focus(), t;
+      }), e.scrollTop = n, s2.focus(), t;
     }
   }
   g = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
-  function P(i) {
+  function R(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(i) {
+  function D$1(i) {
     (i.key === "Tab" || i.keyCode === 9) && i.preventDefault();
   }
-  function F$1() {
+  function N$1() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function D$1(i, s2 = document.body) {
+  function z(i, e = document.body) {
     if (i.slice(0, 2) !== "--") {
-      const e = F$1();
-      e && (i = `${e}${i}`), i = `--${i}`;
+      const s2 = N$1();
+      s2 && (i = `${s2}${i}`), i = `--${i}`;
     }
-    const t = getComputedStyle(s2).getPropertyValue(i).trim();
+    const t = getComputedStyle(e).getPropertyValue(i).trim();
     if (t)
       return t;
     throw new Error(`CSS variable "${i}" was not found!`);
   }
-  function N$1(i, s2) {
-    const t = (i.getAttribute(`data-${s2}`) || "").replace(/'/g, '"');
+  function j(i, e) {
+    const t = (i.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
     return t ? JSON.parse(t) : {};
   }
-  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}'`);
+  function T$1(i, e, t) {
+    const s2 = e.nodeType === Node.COMMENT_NODE, n = e.nodeType === Node.ELEMENT_NODE;
+    if (e = s2 || n ? e : document.querySelector(e), s2 && (t = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
+    if (typeof e[t] != "function") throw new Error(`Not a valid teleport method: '${t}'`);
     let r = null;
-    return e || (r = document.createComment("teleported #" + i.id), i.before(r)), s2[t](i), e && s2.remove(), r;
+    return s2 || (r = document.createComment("teleported #" + i.id), i.before(r)), e[t](i), s2 && e.remove(), r;
   }
-  function S$1(i, s2, t, e = "transition-duration") {
+  function O(i, e, t, s2 = "transition-duration") {
     return new Promise((n) => {
-      if (typeof e == "string") {
-        const r = D$1(e, i), l2 = !!r.includes("ms");
-        e = parseFloat(r) * (l2 ? 1 : 1e3);
+      if (typeof s2 == "string") {
+        const r = z(s2, i), l2 = !!r.includes("ms");
+        s2 = parseFloat(r) * (l2 ? 1 : 1e3);
       }
-      i.classList.remove(s2.finish), i.classList.add(t.start), setTimeout(() => {
+      i.classList.remove(e.finish), i.classList.add(t.start), setTimeout(() => {
         i.classList.add(t.finish), i.classList.remove(t.start), n(i);
-      }, e);
+      }, s2);
     });
   }
-  function z(i, s2) {
-    s2 && document.querySelectorAll(s2).forEach((t) => {
+  function W(i, e) {
+    e && document.querySelectorAll(e).forEach((t) => {
       i ? t.style.overflow = "hidden" : t.style.removeProperty("overflow");
     });
   }
-  function j(i, s2) {
-    s2 && document.querySelectorAll(s2).forEach((t) => {
+  function _$1(i, e) {
+    e && document.querySelectorAll(e).forEach((t) => {
       i ? (t.inert = true, t.setAttribute("aria-hidden", true)) : (t.inert = null, t.removeAttribute("aria-hidden"));
     });
   }
-  function W(i, s2) {
-    j(!!i, s2.selectorInert), z(!!i, s2.selectorOverflow);
+  function G(i, e) {
+    _$1(!!i, e.selectorInert), W(!!i, e.selectorOverflow);
   }
-  const _$1 = {
+  const K$1 = {
     autoMount: false,
     // Data attributes
     dataOpen: "modal-open",
@@ -822,96 +795,96 @@
     transitionDuration: "modal-transition-duration"
   };
   function m(i) {
-    const s2 = typeof i == "string" ? this.get(i) : this.get(i.id);
-    if (s2)
-      return s2;
+    const e = typeof i == "string" ? this.get(i) : this.get(i.id);
+    if (e)
+      return e;
     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(`
+  async function V$1(i) {
+    const e = i.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
     [data-${this.settings.dataClose}]
   `);
-    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 (e) {
+      if (i.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
+        const t = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s2 = m.call(this, t);
+        return i.target.closest(this.settings.selectorModal) || (this.trigger = e), s2.open();
       }
-      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 (e.matches(`[data-${this.settings.dataReplace}]`)) {
+        const t = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), s2 = m.call(this, t);
+        return i.target.closest(this.settings.selectorModal) || (this.trigger = e), s2.replace();
       }
-      if (s2.matches(`[data-${this.settings.dataClose}]`)) {
-        const t = s2.getAttribute(`data-${this.settings.dataClose}`).trim();
+      if (e.matches(`[data-${this.settings.dataClose}]`)) {
+        const t = e.getAttribute(`data-${this.settings.dataClose}`).trim();
         return t === "*" ? this.closeAll() : this.close(t);
       }
     }
     if (this.active && i.target.matches(this.settings.selectorScreen) && !this.active.required)
       return this.close(this.active.id);
   }
-  function K$1(i) {
+  function q(i) {
     if (i.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
       return this.close();
   }
-  async function E(i, s2 = true) {
-    const t = this.collection.findIndex((e) => e.id === i.id);
+  async function E(i, e = true) {
+    const t = this.collection.findIndex((s2) => s2.id === i.id);
     if (t >= 0) {
-      const e = this.collection[t];
-      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];
+      const s2 = this.collection[t];
+      e && s2.state === "opened" ? await s2.close(false) : this.stack.remove(s2), s2.getSetting("teleport") && s2.teleportReturn(), Object.getOwnPropertyNames(s2).forEach((n) => {
+        delete s2[n];
       }), this.collection.splice(t, 1);
     }
     return this.collection;
   }
-  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, {
+  async function x(i, e, t = true) {
+    const s2 = m.call(this, i), n = { ...this.settings, ...s2.settings };
+    return e !== void 0 && (n.transition = e), this.stack.moveToTop(s2), s2.state === "closed" && (s2.state = "opening", this.stack.add(s2), n.transition ? await O(s2.el, {
       start: n.stateClosing,
       finish: n.stateClosed
     }, {
       start: n.stateOpening,
       finish: n.stateOpened
-    }, n.transitionDuration) : (e.el.classList.add(n.stateOpened), e.el.classList.remove(n.stateClosed)), e.state = "opened"), t && p.call(this), e.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
+    }, n.transitionDuration) : (s2.el.classList.add(n.stateOpened), s2.el.classList.remove(n.stateClosed)), s2.state = "opened"), t && p.call(this), s2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "opened", {
       detail: this,
       bubbles: true
-    })), e;
-  }
-  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 };
-      s2 !== void 0 && (n.transition = s2), document.activeElement.blur(), n.transition ? await S$1(e.el, {
+    })), s2;
+  }
+  async function C(i, e, t = true) {
+    const s2 = i ? m.call(this, i) : this.active;
+    if (s2 && s2.state === "opened") {
+      s2.state = "closing";
+      const n = { ...this.settings, ...s2.settings };
+      e !== void 0 && (n.transition = e), document.activeElement.blur(), n.transition ? await O(s2.el, {
         start: n.stateOpening,
         finish: n.stateOpened
       }, {
         start: n.stateClosing,
         finish: n.stateClosed
-      }, n.transitionDuration) : (e.el.classList.add(n.stateClosed), e.el.classList.remove(n.stateOpened)), this.stack.remove(e), e.state = "closed", t && p.call(this), e.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
+      }, n.transitionDuration) : (s2.el.classList.add(n.stateClosed), s2.el.classList.remove(n.stateOpened)), this.stack.remove(s2), s2.state = "closed", t && p.call(this), s2.el.dispatchEvent(new CustomEvent(n.customEventPrefix + "closed", {
         detail: this,
         bubbles: true
       }));
     }
-    return e;
+    return s2;
   }
-  async function $(i, s2) {
+  async function $(i, e) {
     const t = [];
-    return await Promise.all(this.stack.value.map(async (e) => {
-      i && i === e.id ? Promise.resolve() : t.push(await C.call(this, e, s2, false)), e.trigger = null;
+    return await Promise.all(this.stack.value.map(async (s2) => {
+      i && i === s2.id ? Promise.resolve() : t.push(await C.call(this, s2, e, false)), s2.trigger = null;
     })), t;
   }
-  async function k$1(i, s2, t = true) {
-    const e = m.call(this, i);
+  async function M$1(i, e, t = true) {
+    const s2 = 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 };
+    return s2.state === "opened" ? (n = s2, r = await $.call(this, s2.id, e)) : (r = $.call(this, false, e), n = x.call(this, s2, e, false), await Promise.all([n, r])), t && p.call(this), { opened: n, closed: r };
   }
-  async function V$1(i, s2 = {}) {
+  async function B$1(i, e = {}) {
     await E.call(this, i, false);
-    const t = this, e = {
+    const t = this, s2 = {
       id: i.id,
       state: "closed",
       el: i,
@@ -920,7 +893,7 @@
         return this.dialog.matches(this.getSetting("selectorRequired"));
       },
       returnRef: null,
-      settings: { ...N$1(i, this.settings.dataConfig), ...s2 },
+      settings: { ...j(i, this.settings.dataConfig), ...e },
       open(r, l2) {
         return x.call(t, this, r, l2);
       },
@@ -928,7 +901,7 @@
         return C.call(t, this, r, l2);
       },
       replace(r, l2) {
-        return k$1.call(t, this, r, l2);
+        return M$1.call(t, this, r, l2);
       },
       deregister() {
         return E.call(t, this);
@@ -942,58 +915,58 @@
       getSetting(r) {
         return r in this.settings ? this.settings[r] : t.settings[r];
       }
-    }, 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;
+    }, n = i.querySelector(s2.getSetting("selectorDialog"));
+    return s2.dialog = n || i, s2.dialog.setAttribute("aria-modal", "true"), s2.dialog.hasAttribute("role") || s2.dialog.setAttribute("role", "dialog"), s2.getSetting("setTabindex") && s2.dialog.setAttribute("tabindex", "-1"), s2.getSetting("teleport") && s2.teleport(), this.collection.push(s2), s2.el.classList.contains(this.settings.stateOpened) ? await s2.open(false) : (s2.el.classList.remove(this.settings.stateOpening), s2.el.classList.remove(this.settings.stateClosing), s2.el.classList.add(this.settings.stateClosed)), s2;
   }
-  function q(i) {
-    const s2 = [];
+  function J$1(i) {
+    const e = [];
     return {
       get value() {
-        return [...s2];
+        return [...e];
       },
       get top() {
-        return s2[s2.length - 1];
+        return e[e.length - 1];
       },
       updateIndex() {
-        s2.forEach((t, e) => {
+        e.forEach((t, s2) => {
           t.el.style.zIndex = null;
           const n = getComputedStyle(t.el)["z-index"];
-          t.el.style.zIndex = parseInt(n) + e + 1;
+          t.el.style.zIndex = parseInt(n) + s2 + 1;
         });
       },
       updateGlobalState() {
-        W(this.top, i), this.updateIndex();
+        G(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) + s2.length + 1, s2.push(t), this.updateGlobalState();
+        const s2 = getComputedStyle(t.el)["z-index"];
+        t.el.style.zIndex = parseInt(s2) + e.length + 1, e.push(t), this.updateGlobalState();
       },
       remove(t) {
-        const e = s2.findIndex((n) => n.id === t.id);
-        e >= 0 && (t.el.style.zIndex = null, s2.splice(e, 1), this.updateGlobalState());
+        const s2 = e.findIndex((n) => n.id === t.id);
+        s2 >= 0 && (t.el.style.zIndex = null, e.splice(s2, 1), this.updateGlobalState());
       },
       moveToTop(t) {
-        const e = s2.findIndex((n) => n.id === t.id);
-        e >= 0 && (s2.splice(e, 1), this.add(t));
+        const s2 = e.findIndex((n) => n.id === t.id);
+        s2 >= 0 && (e.splice(s2, 1), this.add(t));
       }
     };
   }
   var u, h;
-  let J$1 = class J extends O {
+  let Q$1 = class Q extends A {
     constructor(t) {
       super();
-      v(this, u, void 0);
-      v(this, h, void 0);
-      this.defaults = _$1, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new A(), this.stack = q(this.settings), b(this, u, G.bind(this)), b(this, h, K$1.bind(this)), this.settings.autoMount && this.mount();
+      v(this, u);
+      v(this, h);
+      this.defaults = K$1, this.settings = { ...this.defaults, ...t }, this.trigger = null, this.focusTrap = new P(), this.stack = J$1(this.settings), b(this, u, V$1.bind(this)), b(this, h, q.bind(this)), this.settings.autoMount && this.mount();
     }
     get active() {
       return this.stack.top;
     }
     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.mountEventListeners(), this;
+      const s2 = document.querySelectorAll(this.settings.selectorModal);
+      return await this.registerCollection(s2), this.settings.eventListeners && this.mountEventListeners(), this;
     }
     async unmount() {
       return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
@@ -1004,39 +977,35 @@
     unmountEventListeners() {
       document.removeEventListener("click", f(this, u), false), document.removeEventListener("keydown", f(this, h), false);
     }
-    register(t, e = {}) {
+    register(t, s2 = {}) {
       let n = typeof t == "string" ? document.getElementById(t) : 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}".`));
+      return n ? B$1.call(this, n, s2) : 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 ? E.call(this, e) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${t.id || t}".`));
+      let s2 = this.get(t.id || t);
+      return s2 ? E.call(this, s2) : 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);
+    open(t, s2, n) {
+      return x.call(this, t, s2, n);
     }
-    close(t, e, n) {
-      return C.call(this, t, e, n);
+    close(t, s2, n) {
+      return C.call(this, t, s2, n);
     }
-    replace(t, e, n) {
-      return k$1.call(this, t, e, n);
+    replace(t, s2, n) {
+      return M$1.call(this, t, s2, n);
     }
-    async closeAll(t = false, e, n = true) {
-      const r = await $.call(this, t, e);
+    async closeAll(t = false, s2, n = true) {
+      const r = await $.call(this, t, s2);
       return n && p.call(this), r;
     }
   };
   u = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
-  var Ue = (e, t, r) => {
-    if (!t.has(e))
-      throw TypeError("Cannot " + r);
+  var Ue = (e) => {
+    throw TypeError(e);
   };
-  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, 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 {
+  var _e = (e, t, r) => t.has(e) || Ue("Cannot " + r);
+  var Ae = (e, t, r) => (_e(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ke = (e, t, r) => t.has(e) ? Ue("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Ge = (e, t, r, i) => (_e(e, t, "write to private field"), t.set(e, r), r);
+  class Ct {
     constructor() {
       this.collection = [];
     }
@@ -1067,10 +1036,10 @@
       return this.collection.find((i) => i[r] === t);
     }
   }
-  function Ct() {
+  function kt() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  const kt = {
+  const Dt = {
     autoMount: false,
     // Selectors
     selectorPopover: ".popover",
@@ -1082,7 +1051,7 @@
     eventType: "click",
     placement: "bottom"
   };
-  function ot(e, t) {
+  function at(e, t) {
     const r = getComputedStyle(e), i = {
       placement: t.placement,
       event: t.eventType,
@@ -1093,7 +1062,7 @@
       "arrow-padding": 0
     };
     for (const n in i) {
-      const o2 = Ct(), l2 = r.getPropertyValue(`--${o2}popover-${n}`).trim();
+      const o2 = kt(), l2 = r.getPropertyValue(`--${o2}popover-${n}`).trim();
       l2 && (i[n] = l2);
     }
     return i;
@@ -1137,7 +1106,7 @@
     }
     return t;
   }
-  function Dt(e) {
+  function Rt(e) {
     return [{
       name: "offset",
       options: {
@@ -1161,17 +1130,17 @@
       }
     }];
   }
-  function at(e) {
+  function st(e) {
     const t = typeof e == "string" ? this.get(e) : this.get(e.id);
     if (t)
       return t;
     throw new Error(`Popover not found in collection with id of "${e}".`);
   }
-  function Rt(e) {
+  function Bt(e) {
     return typeof e == "string" ? e : typeof e.hasAttribute == "function" ? e.closest(this.settings.selectorPopover) ? (e = e.closest(this.settings.selectorPopover), e.id) : e.hasAttribute("aria-controls") ? e.getAttribute("aria-controls") : e.hasAttribute("aria-describedby") ? e.getAttribute("aria-describedby") : false : false;
   }
-  function Bt(e) {
-    const t = Rt.call(this, e);
+  function Tt(e) {
+    const t = Bt.call(this, e);
     if (t) {
       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.") };
@@ -1179,18 +1148,18 @@
       return { error: new Error("Could not resolve the popover ID.") };
   }
   async function ke(e) {
-    const t = e ? at.call(this, e) : await st.call(this);
+    const t = e ? st.call(this, e) : await ct.call(this);
     return t && t.state === "opened" && (t.el.classList.remove(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "false"), t.popper.setOptions({
       modifiers: [{ name: "eventListeners", enabled: false }]
     }), t.state = "closed", t.trigger === this.trigger && (this.trigger = null)), t;
   }
-  async function st() {
+  async function ct() {
     const e = [];
     return await Promise.all(this.collection.map(async (t) => {
       t.state === "opened" && e.push(await ke.call(this, t));
     })), e;
   }
-  function ct(e) {
+  function lt(e) {
     e.state == "opened" && setTimeout(() => {
       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}"]`
@@ -1198,24 +1167,24 @@
       return !t && !r && e.close(), e;
     }, 1);
   }
-  function Tt(e) {
-    e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), lt.call(this, e));
-  }
   function St(e) {
+    e.state === "opened" ? e.close() : (this.trigger = e.trigger, e.open(), ft.call(this, e));
+  }
+  function Mt(e) {
     switch (e.key) {
       case "Escape":
-        this.trigger && this.trigger.focus(), st.call(this);
+        this.trigger && this.trigger.focus(), ct.call(this);
         return;
       case "Tab":
         this.collection.forEach((t) => {
-          ct.call(this, t);
+          lt.call(this, t);
         });
         return;
       default:
         return;
     }
   }
-  function lt(e) {
+  function ft(e) {
     const t = this;
     document.addEventListener("click", function r(i) {
       i.target.closest(
@@ -1223,11 +1192,11 @@
       ) ? 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", S = "bottom", M = "right", D = "left", De = "auto", le = [k, S, M, D], Q = "start", se = "end", Mt = "clippingParents", ft = "viewport", ne = "popper", jt = "reference", Ge = /* @__PURE__ */ le.reduce(function(e, t) {
+  var k = "top", S = "bottom", M = "right", D = "left", De = "auto", le = [k, S, M, D], Q = "start", se = "end", jt = "clippingParents", ut = "viewport", ne = "popper", Wt = "reference", Je = /* @__PURE__ */ le.reduce(function(e, t) {
     return e.concat([t + "-" + Q, t + "-" + se]);
-  }, []), ut = /* @__PURE__ */ [].concat(le, [De]).reduce(function(e, t) {
+  }, []), pt = /* @__PURE__ */ [].concat(le, [De]).reduce(function(e, t) {
     return e.concat([t, t + "-" + Q, t + "-" + se]);
-  }, []), 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];
+  }, []), Ht = "beforeRead", Nt = "read", Vt = "afterRead", It = "beforeMain", Ft = "main", Xt = "afterMain", Yt = "beforeWrite", qt = "write", zt = "afterWrite", Ut = [Ht, Nt, Vt, It, Ft, Xt, Yt, qt, zt];
   function N(e) {
     return e ? (e.nodeName || "").toLowerCase() : null;
   }
@@ -1254,7 +1223,7 @@
     var t = B(e).ShadowRoot;
     return e instanceof t || e instanceof ShadowRoot;
   }
-  function Ut(e) {
+  function _t(e) {
     var t = e.state;
     Object.keys(t.elements).forEach(function(r) {
       var i = t.styles[r] || {}, n = t.attributes[r] || {}, o2 = t.elements[r];
@@ -1264,7 +1233,7 @@
       }));
     });
   }
-  function _t(e) {
+  function Kt(e) {
     var t = e.state, r = {
       popper: {
         position: t.options.strategy,
@@ -1288,12 +1257,12 @@
       });
     };
   }
-  const Kt = {
+  const Gt = {
     name: "applyStyles",
     enabled: true,
     phase: "write",
-    fn: Ut,
-    effect: _t,
+    fn: _t,
+    effect: Kt,
     requires: ["computeStyles"]
   };
   function H(e) {
@@ -1306,14 +1275,14 @@
       return t.brand + "/" + t.version;
     }).join(" ") : navigator.userAgent;
   }
-  function pt() {
+  function dt() {
     return !/^((?!chrome|android).)*safari/i.test(Le());
   }
   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;
+    var l2 = K(e) ? B(e) : window, s2 = l2.visualViewport, a2 = !dt() && 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,
@@ -1334,7 +1303,7 @@
       height: i
     };
   }
-  function dt(e, t) {
+  function vt(e, t) {
     var r = t.getRootNode && t.getRootNode();
     if (e.contains(t))
       return true;
@@ -1351,7 +1320,7 @@
   function V(e) {
     return B(e).getComputedStyle(e);
   }
-  function Gt(e) {
+  function Jt(e) {
     return ["table", "td", "th"].indexOf(N(e)) >= 0;
   }
   function F(e) {
@@ -1372,11 +1341,11 @@
       F(e)
     );
   }
-  function Je(e) {
+  function Qe(e) {
     return !T(e) || // https://github.com/popperjs/popper-core/issues/837
     V(e).position === "fixed" ? null : e.offsetParent;
   }
-  function Jt(e) {
+  function Qt(e) {
     var t = /firefox/i.test(Le()), r = /Trident/i.test(Le());
     if (r && T(e)) {
       var i = V(e);
@@ -1393,9 +1362,9 @@
     return null;
   }
   function fe(e) {
-    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;
+    for (var t = B(e), r = Qe(e); r && Jt(r) && V(r).position === "static"; )
+      r = Qe(r);
+    return r && (N(r) === "html" || N(r) === "body" && V(r).position === "static") ? t : r || Qt(e) || t;
   }
   function Te(e) {
     return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -1403,11 +1372,11 @@
   function oe(e, t, r) {
     return _(e, ye(t, r));
   }
-  function Qt(e, t, r) {
+  function Zt(e, t, r) {
     var i = oe(e, t, r);
     return i > r ? r : i;
   }
-  function vt() {
+  function ht() {
     return {
       top: 0,
       right: 0,
@@ -1415,56 +1384,56 @@
       left: 0
     };
   }
-  function ht(e) {
-    return Object.assign({}, vt(), e);
+  function gt(e) {
+    return Object.assign({}, ht(), e);
   }
-  function gt(e, t) {
+  function mt(e, t) {
     return t.reduce(function(r, i) {
       return r[i] = e, r;
     }, {});
   }
-  var Zt = function(t, r) {
+  var er = 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));
+    })) : t, gt(typeof t != "number" ? t : mt(t, le));
   };
-  function er(e) {
+  function tr(e) {
     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, r), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S : 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), L2 = a2;
+      var h2 = er(n.padding, r), y2 = Be(o2), u2 = a2 === "y" ? k : D, b2 = a2 === "y" ? S : 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), L2 = a2;
       r.modifiersData[i] = (t = {}, t[L2] = x2, t.centerOffset = x2 - m2, t);
     }
   }
-  function tr(e) {
+  function rr(e) {
     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));
+    n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || vt(t.elements.popper, n) && (t.elements.arrow = n));
   }
-  const rr = {
+  const ir = {
     name: "arrow",
     enabled: true,
     phase: "main",
-    fn: er,
-    effect: tr,
+    fn: tr,
+    effect: rr,
     requires: ["popperOffsets"],
     requiresIfExists: ["preventOverflow"]
   };
   function te(e) {
     return e.split("-")[1];
   }
-  var ir = {
+  var nr = {
     top: "auto",
     right: "auto",
     bottom: "auto",
     left: "auto"
   };
-  function nr(e, t) {
+  function or(e, t) {
     var r = e.x, i = e.y, n = t.devicePixelRatio || 1;
     return {
       x: Z(r * n) / n || 0,
       y: Z(i * n) / n || 0
     };
   }
-  function Qe(e) {
+  function Ze(e) {
     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
@@ -1495,7 +1464,7 @@
     }
     var $2 = Object.assign({
       position: s2
-    }, f2 && ir), j2 = c2 === true ? nr({
+    }, f2 && nr), j2 = c2 === true ? or({
       x: u2,
       y: v2
     }, B(r)) : {
@@ -1508,7 +1477,7 @@
     }
     return Object.assign({}, $2, (t = {}, t[p2] = O2 ? v2 + "px" : "", t[E2] = w2 ? u2 + "px" : "", t.transform = "", t));
   }
-  function or(e) {
+  function ar(e) {
     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),
@@ -1517,12 +1486,12 @@
       gpuAcceleration: n,
       isFixed: t.options.strategy === "fixed"
     };
-    t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Qe(Object.assign({}, f2, {
+    t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ze(Object.assign({}, f2, {
       offsets: t.modifiersData.popperOffsets,
       position: t.options.strategy,
       adaptive: l2,
       roundOffsets: a2
-    })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Qe(Object.assign({}, f2, {
+    })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ze(Object.assign({}, f2, {
       offsets: t.modifiersData.arrow,
       position: "absolute",
       adaptive: false,
@@ -1531,17 +1500,17 @@
       "data-popper-placement": t.placement
     });
   }
-  const ar = {
+  const sr = {
     name: "computeStyles",
     enabled: true,
     phase: "beforeWrite",
-    fn: or,
+    fn: ar,
     data: {}
   };
   var ge = {
     passive: true
   };
-  function sr(e) {
+  function cr(e) {
     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", r.update, ge);
@@ -1551,16 +1520,16 @@
       }), s2 && a2.removeEventListener("resize", r.update, ge);
     };
   }
-  const cr = {
+  const lr = {
     name: "eventListeners",
     enabled: true,
     phase: "write",
     fn: function() {
     },
-    effect: sr,
+    effect: cr,
     data: {}
   };
-  var lr = {
+  var fr = {
     left: "right",
     right: "left",
     bottom: "top",
@@ -1568,16 +1537,16 @@
   };
   function me(e) {
     return e.replace(/left|right|bottom|top/g, function(t) {
-      return lr[t];
+      return fr[t];
     });
   }
-  var fr = {
+  var ur = {
     start: "end",
     end: "start"
   };
-  function Ze(e) {
+  function et(e) {
     return e.replace(/start|end/g, function(t) {
-      return fr[t];
+      return ur[t];
     });
   }
   function Se(e) {
@@ -1590,11 +1559,11 @@
   function Me(e) {
     return ee(F(e)).left + Se(e).scrollLeft;
   }
-  function ur(e, t) {
+  function pr(e, t) {
     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();
+      var f2 = dt();
       (f2 || !f2 && t === "fixed") && (s2 = n.offsetLeft, a2 = n.offsetTop);
     }
     return {
@@ -1604,7 +1573,7 @@
       y: a2
     };
   }
-  function pr(e) {
+  function dr(e) {
     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,
@@ -1617,13 +1586,13 @@
     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) && je(e) ? e : mt(we(e));
+  function yt(e) {
+    return ["html", "body", "#document"].indexOf(N(e)) >= 0 ? e.ownerDocument.body : T(e) && je(e) ? e : yt(we(e));
   }
   function ae(e, t) {
     var r;
     t === void 0 && (t = []);
-    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);
+    var i = yt(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
       s2.concat(ae(we(l2)))
@@ -1637,27 +1606,27 @@
       bottom: e.y + e.height
     });
   }
-  function dr(e, t) {
+  function vr(e, t) {
     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, r) {
-    return t === ft ? $e(ur(e, r)) : K(t) ? dr(t, r) : $e(pr(F(e)));
+  function tt(e, t, r) {
+    return t === ut ? $e(pr(e, r)) : K(t) ? vr(t, r) : $e(dr(F(e)));
   }
-  function vr(e) {
+  function hr(e) {
     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";
+      return K(n) && vt(n, i) && N(n) !== "body";
     }) : [];
   }
-  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);
+  function gr(e, t, r, i) {
+    var n = t === "clippingParents" ? hr(e) : [].concat(t), o2 = [].concat(n, [r]), l2 = o2[0], s2 = o2.reduce(function(a2, f2) {
+      var c2 = tt(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, i));
+    }, tt(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) {
+  function wt(e) {
     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:
@@ -1706,7 +1675,7 @@
   }
   function ce(e, t) {
     t === void 0 && (t = {});
-    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({
+    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 ? jt : s2, f2 = r.rootBoundary, c2 = f2 === void 0 ? ut : 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 = gt(typeof d2 != "number" ? d2 : mt(d2, le)), O2 = y2 === ne ? Wt : ne, E2 = e.rects.popper, p2 = e.elements[b2 ? O2 : y2], g2 = gr(K(p2) ? p2 : p2.contextElement || F(e.elements.popper), a2, c2, l2), m2 = ee(e.elements.reference), x2 = wt({
       reference: m2,
       element: E2,
       strategy: "absolute",
@@ -1726,9 +1695,9 @@
     }
     return A2;
   }
-  function gr(e, t) {
+  function mr(e, t) {
     t === void 0 && (t = {});
-    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) {
+    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 ? pt : a2, c2 = te(i), h2 = c2 ? s2 ? Je : Je.filter(function(b2) {
       return te(b2) === c2;
     }) : le, y2 = h2.filter(function(b2) {
       return f2.indexOf(b2) >= 0;
@@ -1746,17 +1715,17 @@
       return u2[b2] - u2[v2];
     });
   }
-  function mr(e) {
+  function yr(e) {
     if (H(e) === De)
       return [];
     var t = me(e);
-    return [Ze(e), t, Ze(t)];
+    return [et(e), t, et(t)];
   }
-  function yr(e) {
+  function wr(e) {
     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, I2) {
-        return G2.concat(H(I2) === De ? gr(t, {
+      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)] : yr(d2)), p2 = [d2].concat(E2).reduce(function(G2, I2) {
+        return G2.concat(H(I2) === De ? mr(t, {
           placement: I2,
           boundary: c2,
           rootBoundary: h2,
@@ -1795,23 +1764,22 @@
             return P2 = ie, "break";
         }, re = pe; re > 0; re--) {
           var de = be(re);
-          if (de === "break")
-            break;
+          if (de === "break") break;
         }
       t.placement !== P2 && (t.modifiersData[i]._skip = true, t.placement = P2, t.reset = true);
     }
   }
-  const wr = {
+  const br = {
     name: "flip",
     enabled: true,
     phase: "main",
-    fn: yr,
+    fn: wr,
     requiresIfExists: ["offset"],
     data: {
       _skip: false
     }
   };
-  function tt(e, t, r) {
+  function rt(e, t, r) {
     return r === void 0 && (r = {
       x: 0,
       y: 0
@@ -1822,17 +1790,17 @@
       left: e.left - t.width - r.x
     };
   }
-  function rt(e) {
+  function it(e) {
     return [k, M, S, D].some(function(t) {
       return e[t] >= 0;
     });
   }
-  function br(e) {
+  function xr(e) {
     var t = e.state, r = e.name, i = t.rects.reference, n = t.rects.popper, o2 = t.modifiersData.preventOverflow, l2 = ce(t, {
       elementContext: "reference"
     }), s2 = ce(t, {
       altBoundary: true
-    }), a2 = tt(l2, i), f2 = tt(s2, n, o2), c2 = rt(a2), h2 = rt(f2);
+    }), a2 = rt(l2, i), f2 = rt(s2, n, o2), c2 = it(a2), h2 = it(f2);
     t.modifiersData[r] = {
       referenceClippingOffsets: a2,
       popperEscapeOffsets: f2,
@@ -1843,14 +1811,14 @@
       "data-popper-escaped": h2
     });
   }
-  const xr = {
+  const Or = {
     name: "hide",
     enabled: true,
     phase: "main",
     requiresIfExists: ["preventOverflow"],
-    fn: br
+    fn: xr
   };
-  function Or(e, t, r) {
+  function Er(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
     })) : r, l2 = o2[0], s2 = o2[1];
@@ -1862,45 +1830,45 @@
       y: s2
     };
   }
-  function Er(e) {
-    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;
+  function Ar(e) {
+    var t = e.state, r = e.options, i = e.name, n = r.offset, o2 = n === void 0 ? [0, 0] : n, l2 = pt.reduce(function(c2, h2) {
+      return c2[h2] = Er(h2, t.rects, o2), c2;
     }, {}), 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 = {
+  const Pr = {
     name: "offset",
     enabled: true,
     phase: "main",
     requires: ["popperOffsets"],
-    fn: Er
+    fn: Ar
   };
-  function Pr(e) {
+  function Lr(e) {
     var t = e.state, r = e.name;
-    t.modifiersData[r] = yt({
+    t.modifiersData[r] = wt({
       reference: t.rects.reference,
       element: t.rects.popper,
       strategy: "absolute",
       placement: t.placement
     });
   }
-  const Lr = {
+  const $r = {
     name: "popperOffsets",
     enabled: true,
     phase: "read",
-    fn: Pr,
+    fn: Lr,
     data: {}
   };
-  function $r(e) {
+  function Cr(e) {
     return e === "x" ? "y" : "x";
   }
-  function Cr(e) {
+  function kr(e) {
     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,
       altBoundary: c2
-    }), w2 = H(t.placement), O2 = te(t.placement), E2 = !O2, p2 = Te(w2), g2 = $r(p2), m2 = t.modifiersData.popperOffsets, x2 = t.rects.reference, L2 = t.rects.popper, P2 = typeof v2 == "function" ? v2(Object.assign({}, t.rects, {
+    }), w2 = H(t.placement), O2 = te(t.placement), E2 = !O2, p2 = Te(w2), g2 = Cr(p2), m2 = t.modifiersData.popperOffsets, x2 = t.rects.reference, L2 = t.rects.popper, P2 = typeof v2 == "function" ? v2(Object.assign({}, t.rects, {
       placement: t.placement
     })) : v2, A2 = typeof P2 == "number" ? {
       mainAxis: P2,
@@ -1917,39 +1885,39 @@
         var C2, X2 = p2 === "y" ? k : D, Y2 = p2 === "y" ? S : M, R2 = p2 === "y" ? "height" : "width", W2 = m2[p2], ue = W2 + d2[X2], q2 = W2 - d2[Y2], pe = u2 ? -L2[R2] / 2 : 0, be = O2 === Q ? x2[R2] : L2[R2], re = O2 === Q ? -L2[R2] : -x2[R2], de = t.elements.arrow, G2 = u2 && de ? Be(de) : {
           width: 0,
           height: 0
-        }, I2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : vt(), ie = I2[X2], ve = I2[Y2], z2 = oe(0, x2[R2], G2[R2]), xe = E2 ? x2[R2] / 2 - pe - z2 - ie - A2.mainAxis : be - z2 - ie - A2.mainAxis, xt = E2 ? -x2[R2] / 2 + pe + z2 + ve + A2.mainAxis : re + z2 + ve + A2.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);
+        }, I2 = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ht(), ie = I2[X2], ve = I2[Y2], z2 = oe(0, x2[R2], G2[R2]), xe = E2 ? x2[R2] / 2 - pe - z2 - ie - A2.mainAxis : be - z2 - ie - A2.mainAxis, Ot = E2 ? -x2[R2] / 2 + pe + z2 + ve + A2.mainAxis : re + z2 + ve + A2.mainAxis, Oe = t.elements.arrow && fe(t.elements.arrow), Et = Oe ? p2 === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, He = (C2 = $2 == null ? void 0 : $2[p2]) != null ? C2 : 0, At = W2 + xe - He - Et, Pt = W2 + Ot - He, Ne = oe(u2 ? ye(ue, At) : ue, W2, u2 ? _(q2, Pt) : q2);
         m2[p2] = Ne, j2[p2] = Ne - W2;
       }
       if (s2) {
-        var Ve, Pt = p2 === "x" ? k : D, Lt = p2 === "x" ? S : 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] - L2[he] - Xe + A2.altAxis, qe = Ee ? U2 + x2[he] + L2[he] - Xe - A2.altAxis : Fe, ze = u2 && Ee ? Qt(Ye, U2, qe) : oe(u2 ? Ye : Ie, U2, u2 ? qe : Fe);
+        var Ve, Lt = p2 === "x" ? k : D, $t = p2 === "x" ? S : M, U2 = m2[g2], he = g2 === "y" ? "height" : "width", Ie = U2 + d2[Lt], Fe = U2 - d2[$t], Ee = [k, D].indexOf(w2) !== -1, Xe = (Ve = $2 == null ? void 0 : $2[g2]) != null ? Ve : 0, Ye = Ee ? Ie : U2 - x2[he] - L2[he] - Xe + A2.altAxis, qe = Ee ? U2 + x2[he] + L2[he] - Xe - A2.altAxis : Fe, ze = u2 && Ee ? Zt(Ye, U2, qe) : oe(u2 ? Ye : Ie, U2, u2 ? qe : Fe);
         m2[g2] = ze, j2[g2] = ze - U2;
       }
       t.modifiersData[i] = j2;
     }
   }
-  const kr = {
+  const Dr = {
     name: "preventOverflow",
     enabled: true,
     phase: "main",
-    fn: Cr,
+    fn: kr,
     requiresIfExists: ["offset"]
   };
-  function Dr(e) {
+  function Rr(e) {
     return {
       scrollLeft: e.scrollLeft,
       scrollTop: e.scrollTop
     };
   }
-  function Rr(e) {
-    return e === B(e) || !T(e) ? Se(e) : Dr(e);
-  }
   function Br(e) {
+    return e === B(e) || !T(e) ? Se(e) : Rr(e);
+  }
+  function Tr(e) {
     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, r) {
+  function Sr(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 = {
+    var i = T(t), n = T(t) && Tr(t), o2 = F(t), l2 = ee(e, n, r), s2 = {
       scrollLeft: 0,
       scrollTop: 0
     }, a2 = {
@@ -1957,14 +1925,14 @@
       y: 0
     };
     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))), {
+    je(o2)) && (s2 = Br(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) {
+  function Mr(e) {
     var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), i = [];
     e.forEach(function(o2) {
       t.set(o2.name, o2);
@@ -1983,15 +1951,15 @@
       r.has(o2.name) || n(o2);
     }), i;
   }
-  function Mr(e) {
-    var t = Sr(e);
-    return zt.reduce(function(r, i) {
+  function jr(e) {
+    var t = Mr(e);
+    return Ut.reduce(function(r, i) {
       return r.concat(t.filter(function(n) {
         return n.phase === i;
       }));
     }, []);
   }
-  function jr(e) {
+  function Wr(e) {
     var t;
     return function() {
       return t || (t = new Promise(function(r) {
@@ -2001,7 +1969,7 @@
       })), t;
     };
   }
-  function Wr(e) {
+  function Hr(e) {
     var t = e.reduce(function(r, i) {
       var n = r[i.name];
       return r[i.name] = n ? Object.assign({}, n, i, {
@@ -2013,27 +1981,27 @@
       return t[r];
     });
   }
-  var it = {
+  var nt = {
     placement: "bottom",
     modifiers: [],
     strategy: "absolute"
   };
-  function nt() {
+  function ot() {
     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) {
+  function Nr(e) {
     e === void 0 && (e = {});
-    var t = e, r = t.defaultModifiers, i = r === void 0 ? [] : r, n = t.defaultOptions, o2 = n === void 0 ? it : n;
+    var t = e, r = t.defaultModifiers, i = r === void 0 ? [] : r, n = t.defaultOptions, o2 = n === void 0 ? nt : n;
     return function(s2, a2, f2) {
       f2 === void 0 && (f2 = o2);
       var c2 = {
         placement: "bottom",
         orderedModifiers: [],
-        options: Object.assign({}, it, o2),
+        options: Object.assign({}, nt, o2),
         modifiersData: {},
         elements: {
           reference: s2,
@@ -2049,7 +2017,7 @@
             reference: K(s2) ? ae(s2) : s2.contextElement ? ae(s2.contextElement) : [],
             popper: ae(a2)
           };
-          var E2 = Mr(Wr([].concat(i, c2.options.modifiers)));
+          var E2 = jr(Hr([].concat(i, c2.options.modifiers)));
           return c2.orderedModifiers = E2.filter(function(p2) {
             return p2.enabled;
           }), b2(), u2.update();
@@ -2062,9 +2030,9 @@
         forceUpdate: function() {
           if (!y2) {
             var w2 = c2.elements, O2 = w2.reference, E2 = w2.popper;
-            if (nt(O2, E2)) {
+            if (ot(O2, E2)) {
               c2.rects = {
-                reference: Tr(O2, fe(E2), c2.options.strategy === "fixed"),
+                reference: Sr(O2, fe(E2), c2.options.strategy === "fixed"),
                 popper: Be(E2)
               }, c2.reset = false, c2.placement = c2.options.placement, c2.orderedModifiers.forEach(function(A2) {
                 return c2.modifiersData[A2.name] = Object.assign({}, A2.data);
@@ -2087,7 +2055,7 @@
         },
         // Async and optimistically optimized update – it will not be executed if
         // not necessary (debounced to run at most once-per-tick)
-        update: jr(function() {
+        update: Wr(function() {
           return new Promise(function(d2) {
             u2.forceUpdate(), d2(c2);
           });
@@ -2096,7 +2064,7 @@
           v2(), y2 = true;
         }
       };
-      if (!nt(s2, a2))
+      if (!ot(s2, a2))
         return u2;
       u2.setOptions(f2).then(function(d2) {
         !y2 && f2.onFirstUpdate && f2.onFirstUpdate(d2);
@@ -2124,20 +2092,20 @@
       return u2;
     };
   }
-  var Nr = [cr, Lr, ar, Kt, Ar, wr, kr, rr, xr], Vr = /* @__PURE__ */ Hr({
-    defaultModifiers: Nr
+  var Vr = [lr, $r, sr, Gt, Pr, br, Dr, ir, Or], Ir = /* @__PURE__ */ Nr({
+    defaultModifiers: Vr
   });
   async function Ce(e) {
     const t = this.collection.findIndex((r) => r.id === e.id);
     if (t >= 0) {
       const r = this.collection[t];
-      r.state === "opened" && r.close(), r.popper.destroy(), wt(r), Object.getOwnPropertyNames(r).forEach((i) => {
+      r.state === "opened" && r.close(), r.popper.destroy(), bt(r), Object.getOwnPropertyNames(r).forEach((i) => {
         delete r[i];
       }), this.collection.splice(t, 1);
     }
     return this.collection;
   }
-  function wt(e) {
+  function bt(e) {
     return e.__eventListeners && (e.__eventListeners.forEach((t) => {
       t.el.forEach((r) => {
         t.type.forEach((i) => {
@@ -2147,24 +2115,24 @@
     }), delete e.__eventListeners), e;
   }
   async function We(e) {
-    const t = at.call(this, e);
-    return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = ot(t.el, this.settings), t.popper.setOptions({
+    const t = st.call(this, e);
+    return t.el.classList.add(this.settings.stateActive), t.trigger.hasAttribute("aria-controls") && t.trigger.setAttribute("aria-expanded", "true"), t.config = at(t.el, this.settings), t.popper.setOptions({
       placement: t.config.placement,
       modifiers: [
         { name: "eventListeners", enabled: true },
-        ...Dt(t.config)
+        ...Rt(t.config)
       ]
     }), t.popper.update(), t.state = "opened", t;
   }
-  async function Ir(e, t) {
+  async function Fr(e, t) {
     Ce.call(this, e);
     const r = this, i = {
       id: e.id,
       state: "closed",
       el: e,
       trigger: t,
-      popper: Vr(t, e),
-      config: ot(e, this.settings),
+      popper: Ir(t, e),
+      config: at(e, this.settings),
       open() {
         return We.call(r, this);
       },
@@ -2175,9 +2143,9 @@
         return Ce.call(r, this);
       }
     };
-    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;
+    return i.trigger.hasAttribute("aria-controls") && i.trigger.setAttribute("aria-expanded", "false"), xt.call(this, i), this.collection.push(i), i.el.classList.contains(this.settings.stateActive) && (await i.open(), ft.call(this, i)), i;
   }
-  function bt(e) {
+  function xt(e) {
     return e.__eventListeners || (e.config.event === "hover" ? (e.__eventListeners = [{
       el: ["trigger"],
       type: ["mouseenter", "focus"],
@@ -2185,7 +2153,7 @@
     }, {
       el: ["el", "trigger"],
       type: ["mouseleave", "focusout"],
-      listener: ct.bind(this, e)
+      listener: lt.bind(this, e)
     }], e.__eventListeners.forEach((r) => {
       r.el.forEach((i) => {
         r.type.forEach((n) => {
@@ -2195,7 +2163,7 @@
     })) : (e.__eventListeners = [{
       el: ["trigger"],
       type: ["click"],
-      listener: Tt.bind(this, e)
+      listener: St.bind(this, e)
     }], e.__eventListeners.forEach((r) => {
       r.el.forEach((i) => {
         r.type.forEach((n) => {
@@ -2205,11 +2173,11 @@
     }))), e;
   }
   var J;
-  class Xr extends $t {
+  class Yr extends Ct {
     constructor(r) {
       super();
-      _e(this, J, void 0);
-      this.defaults = kt, this.settings = { ...this.defaults, ...r }, this.trigger = null, Ke(this, J, St.bind(this)), this.settings.autoMount && this.mount();
+      Ke(this, J);
+      this.defaults = Dt, this.settings = { ...this.defaults, ...r }, this.trigger = null, Ge(this, J, Mt.bind(this)), this.settings.autoMount && this.mount();
     }
     async mount(r) {
       r && (this.settings = { ...this.settings, ...r });
@@ -2221,17 +2189,17 @@
     }
     mountEventListeners(r = true) {
       r && this.collection.forEach((i) => {
-        bt.call(this, i);
+        xt.call(this, i);
       }), document.addEventListener("keydown", Ae(this, J), false);
     }
     unmountEventListeners(r = true) {
       r && this.collection.forEach((i) => {
-        wt(i);
+        bt(i);
       }), document.removeEventListener("keydown", Ae(this, J), false);
     }
     register(r) {
-      const i = Bt.call(this, r);
-      return i.error ? Promise.reject(i.error) : Ir.call(this, i.popover, i.trigger);
+      const i = Tt.call(this, r);
+      return i.error ? Promise.reject(i.error) : Fr.call(this, i.popover, i.trigger);
     }
     deregister(r) {
       let i = this.get(r.id || r);
@@ -2245,9 +2213,9 @@
     }
   }
   J = /* @__PURE__ */ new WeakMap();
-  exports2.Drawer = st$1;
-  exports2.Modal = J$1;
-  exports2.Popover = Xr;
+  exports2.Drawer = nt$1;
+  exports2.Modal = Q$1;
+  exports2.Popover = Yr;
   exports2.core = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });