vrembem 4.0.0-next.26 → 4.0.0-next.28

package/dist/index.js

@@ -1,117 +1,201 @@
-var ie = (t) => {
+var te = (t) => {
   throw TypeError(t);
 };
-var se = (t, s, e) => s.has(t) || ie("Cannot " + e);
-var y = (t, s, e) => (se(t, s, "read from private field"), e ? e.call(t) : s.get(t)), P = (t, s, e) => s.has(t) ? ie("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), C = (t, s, e, i) => (se(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e);
-var k;
-class ae {
-  constructor(s, e) {
-    P(this, k);
-    this.value = s, C(this, k, e), this.mql = null;
+var ee = (t, e, i) => e.has(t) || te("Cannot " + i);
+var w = (t, e, i) => (ee(t, e, "read from private field"), i ? i.call(t) : e.get(t)), k = (t, e, i) => e.has(t) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), E = (t, e, i, s) => (ee(t, e, "write to private field"), s ? s.call(t, i) : e.set(t, i), i);
+function le(t) {
+  return t.split("-").map((e, i) => i === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)).join("");
+}
+function Ut(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function ae(t) {
+  if (typeof t == "number")
+    return t;
+  const e = parseFloat(t);
+  if (!Number.isNaN(e)) {
+    const i = t.includes("ms");
+    return e * (i ? 1 : 1e3);
+  }
+  throw new Error(`Could not convert value to milliseconds: ${t}`);
+}
+function Rt() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
+}
+function ce(t, e) {
+  const i = {
+    fallback: null,
+    element: document.body,
+    ...e
+  };
+  if (t.slice(0, 2) !== "--") {
+    const n = Rt();
+    n && (t = `${n}${t}`), t = `--${t}`;
+  }
+  const s = getComputedStyle(i.element).getPropertyValue(t).trim();
+  if (s)
+    return s;
+  if (i.fallback)
+    return i.fallback;
+  throw new Error(`CSS variable "${t}" was not found!`);
+}
+function fe(t, e = "config") {
+  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return s ? JSON.parse(s) : {};
+}
+function ue(t) {
+  const e = getComputedStyle(t.el), i = {}, s = Object.keys(t.context.settings);
+  for (let n = 0; n < s.length; n++) {
+    const o = Rt(), r = t.context.module.toLowerCase(), l = Ut(s[n]), a = e.getPropertyValue(`--${o}${r}-${l}`).trim();
+    a && (i[l] = a);
+  }
+  return i;
+}
+function de(t) {
+  return typeof t == "string" ? document.getElementById(t) : t instanceof HTMLElement ? t : null;
+}
+async function C(t, ...e) {
+  t in this && typeof this[t] == "function" && await this[t](...e);
+}
+function St(t, e, i, s, n = 0) {
+  return new Promise((o) => {
+    t.classList.remove(e), t.classList.add(i), setTimeout(() => {
+      t.classList.add(s), t.classList.remove(i), o(t);
+    }, ae(n));
+  });
+}
+function De(t, e) {
+  e && document.querySelectorAll(e).forEach((s) => {
+    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+  });
+}
+function Me(t, e) {
+  e && document.querySelectorAll(e).forEach((s) => {
+    t ? (s.inert = !0, s.setAttribute("aria-hidden", !0)) : (s.inert = null, s.removeAttribute("aria-hidden"));
+  });
+}
+function Et(t, e, i) {
+  Me(!!t, e), De(!!t, i);
+}
+var R;
+class he {
+  constructor(e, i) {
+    k(this, R);
+    this.value = e, E(this, R, i), this.mql = null;
   }
   get handler() {
-    return y(this, k);
+    return w(this, R);
   }
   // Unmount existing handler before setting a new one.
-  set handler(s) {
-    this.mql && this.mql.removeEventListener("change", y(this, k)), C(this, k, s);
+  set handler(e) {
+    this.mql && this.mql.removeEventListener("change", w(this, R)), E(this, R, e);
   }
-  mount(s, e) {
-    return s && (this.value = s), e && C(this, k, e), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", y(this, k)), y(this, k).call(this, this.mql), this) : this;
+  mount(e, i) {
+    return e && (this.value = e), i && E(this, R, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", w(this, R)), w(this, R).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", y(this, k)), this.value = null, C(this, k, null), this.mql = null, this) : this;
-  }
-}
-k = new WeakMap();
-var pt;
-class Lt {
-  constructor(s = {}) {
-    P(this, pt);
-    const e = this;
-    this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({ dataConfig: "config" }, s), C(this, pt, {
-      applySettings(i) {
-        return Object.assign(this.settings, i);
-      },
-      getDataConfig() {
-        return Object.assign(this.dataConfig, fe(this.el, this.getSetting("dataConfig")));
-      },
-      getCustomProps() {
-        return Object.assign(this.customProps, ue(this.el, e.module, this.customPropKeys));
-      },
-      getSetting(i) {
-        const n = ge(i), o = he(i);
-        if ("dataConfig" in this && n in this.dataConfig)
-          return this.dataConfig[n];
-        if ("customProps" in this && o in this.customProps)
-          return this.customProps[o];
-        if ("settings" in this && n in this.settings)
-          return this.settings[n];
-        if ("settings" in e && n in e.settings)
-          return e.settings[n];
-        throw new Error(`${e.module} setting does not exist: ${i}`);
-      },
-      teleport(i = this.getSetting("teleport"), n = this.getSetting("teleportMethod")) {
-        return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = Mt(this.el, i, n), this.el);
-      },
-      teleportReturn() {
-        return this.returnRef ? (this.returnRef = Mt(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
-      }
-    });
-  }
-  createEntry(s, e = {}) {
-    const i = de(s), n = Object.create(y(this, pt));
-    return Object.assign(n, {
-      id: i == null ? void 0 : i.id,
-      el: i,
-      settings: {},
-      dataConfig: {},
-      customProps: {},
-      customPropKeys: [],
-      returnRef: null
-    }, e), n;
-  }
-  async register(s) {
-    return await this.deregister(s), this.collection.push(s), this.collection;
-  }
-  async deregister(s) {
-    const e = this.collection.findIndex((i) => i === s);
-    if (e >= 0) {
-      const i = this.collection[e];
-      Object.getOwnPropertyNames(i).forEach((n) => {
-        delete i[n];
-      }), this.collection.splice(e, 1);
+    return this.mql ? (this.mql.removeEventListener("change", w(this, R)), this.value = null, E(this, R, null), this.mql = null, this) : this;
+  }
+}
+R = new WeakMap();
+class Pt {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({
+      dataConfig: "config",
+      teleport: null,
+      teleportMethod: "append"
+    }, e);
+  }
+  get(e, i = "id") {
+    return this.collection.find((s) => s[i] === e);
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  async createEntry(e, i) {
+    return new Ct(this, e, i);
+  }
+  async register(e, i = {}) {
+    await this.deregister((e == null ? void 0 : e.id) || e, !0);
+    const s = await this.createEntry(e, i);
+    return await s.mount(), await C.call(this, "beforeRegister", s), await C.call(s, "beforeRegister"), this.collection.push(s), await C.call(s, "afterRegister"), await C.call(this, "afterRegister", s), s;
+  }
+  async deregister(e, i = !1) {
+    const s = this.collection.findIndex((n) => n.id === e);
+    if (~s) {
+      const n = this.collection[s];
+      await n.unmount(i), await C.call(this, "beforeDeregister", n), await C.call(n, "beforeDeregister", i), Object.getOwnPropertyNames(n).forEach((o) => {
+        o != "beforeDeregister" && o != "afterDeregister" && delete n[o];
+      }), this.collection.splice(s, 1), await C.call(n, "afterDeregister", i), await C.call(this, "afterDeregister", n);
     }
     return this.collection;
   }
-  async registerCollection(s) {
-    return await Promise.all(Array.from(s, (e) => {
-      this.register(e);
-    })), this.collection;
+  async mount(e = {}) {
+    this.applySettings(e), await C.call(this, "beforeMount");
+    const i = document.querySelectorAll(this.settings.selector);
+    for (const s of i)
+      await this.register(s);
+    return await C.call(this, "afterMount"), this;
   }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
+  async unmount() {
+    for (await C.call(this, "beforeUnmount"); this.collection.length > 0; )
+      await this.deregister(this.collection[0].id);
+    return await C.call(this, "afterUnmount"), this;
+  }
+}
+class Ct {
+  constructor(e, i, s = {}) {
+    this.context = e, this.id = (i == null ? void 0 : i.id) || i, this.el = de(i), this.settings = Object.assign({}, s), this.dataConfig = {}, this.customProps = {}, this.returnRef = null;
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  getDataConfig() {
+    return Object.assign(this.dataConfig, fe(this.el, this.getSetting("dataConfig")));
+  }
+  getCustomProps() {
+    return Object.assign(this.customProps, ue(this));
+  }
+  getSetting(e) {
+    const i = le(e), s = Ut(e);
+    if ("dataConfig" in this && i in this.dataConfig)
+      return this.dataConfig[i];
+    if ("customProps" in this && s in this.customProps)
+      return this.customProps[s];
+    if ("settings" in this && i in this.settings)
+      return this.settings[i];
+    if ("settings" in this.context && i in this.context.settings)
+      return this.context.settings[i];
+    throw new Error(`${this.context.module} setting does not exist: ${e}`);
   }
-  get(s, e = "id") {
-    return this.collection.find((i) => i[e] === s);
+  async mount(e = {}) {
+    if (this.el === null)
+      throw new Error(`${this.context.module} element was not found with ID: "${this.id}"`);
+    this.applySettings(e), this.getDataConfig(), this.getCustomProps(), await C.call(this, "beforeMount"), this.getSetting("teleport") && this.teleport(), await C.call(this, "afterMount");
+  }
+  async unmount(e = !1) {
+    await C.call(this, "beforeUnmount", e), this.getSetting("teleport") && this.teleportReturn(), await C.call(this, "afterUnmount", e);
+  }
+  teleport(e = this.getSetting("teleport"), i = this.getSetting("teleportMethod")) {
+    return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = Vt(this.el, e, i), this.el);
+  }
+  teleportReturn() {
+    return this.returnRef ? (this.returnRef = Vt(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
   }
 }
-pt = new WeakMap();
-var et, X, Y;
-class zt {
-  constructor(s = null, e = "[data-focus]") {
-    P(this, et);
-    P(this, X);
-    P(this, Y);
-    this.el = s, this.selectorFocus = e, C(this, X, Fe.bind(this)), C(this, Y, Ne.bind(this));
+var nt, G, J;
+class Kt {
+  constructor(e = null, i = "[data-focus]") {
+    k(this, nt);
+    k(this, G);
+    k(this, J);
+    this.el = e, this.selectorFocus = i, E(this, G, Ie.bind(this)), E(this, J, Ne.bind(this));
   }
   get focusable() {
-    return y(this, et);
+    return w(this, nt);
   }
-  set focusable(s) {
-    C(this, et, s), y(this, et).length ? (document.removeEventListener("keydown", y(this, Y)), document.addEventListener("keydown", y(this, X))) : (document.removeEventListener("keydown", y(this, X)), document.addEventListener("keydown", y(this, Y)));
+  set focusable(e) {
+    E(this, nt, e), w(this, nt).length ? (document.removeEventListener("keydown", w(this, J)), document.addEventListener("keydown", w(this, G))) : (document.removeEventListener("keydown", w(this, G)), document.addEventListener("keydown", w(this, J)));
   }
   get focusableFirst() {
     return this.focusable[0];
@@ -119,205 +203,140 @@ class zt {
   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(e, i) {
+    e && (this.el = e), i && (this.selectorFocus = i), this.focusable = this.getFocusable(), this.focus();
   }
   unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", y(this, X)), document.removeEventListener("keydown", y(this, Y));
-  }
-  focus(s = this.el, e = this.selectorFocus) {
-    (s.querySelector(e) || s).focus();
-  }
-  getFocusable(s = this.el) {
-    const e = [], i = document.activeElement, n = s.scrollTop, o = Ie.join(",");
-    return s.querySelectorAll(o).forEach((l) => {
-      l.focus(), document.activeElement === l && e.push(l);
-    }), s.scrollTop = n, i.focus(), e;
-  }
-}
-et = new WeakMap(), X = new WeakMap(), Y = new WeakMap();
-const A = ":not([inert])", $ = ':not([tabindex^="-"])', gt = ":not(:disabled)", Ie = [
-  `a[href]${A}${$}`,
-  `area[href]${A}${$}`,
-  `input:not([type="hidden"]):not([type="radio"])${A}${$}${gt}`,
-  `input[type="radio"]${A}${$}${gt}`,
-  `select${A}${$}${gt}`,
-  `textarea${A}${$}${gt}`,
-  `button${A}${$}${gt}`,
-  `details${A} > summary:first-of-type${$}`,
-  `iframe${A}${$}`,
-  `audio[controls]${A}${$}`,
-  `video[controls]${A}${$}`,
-  `[contenteditable]${A}${$}`,
-  `[tabindex]${A}${$}`
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", w(this, G)), document.removeEventListener("keydown", w(this, J));
+  }
+  focus(e = this.el, i = this.selectorFocus) {
+    (e.querySelector(i) || e).focus();
+  }
+  getFocusable(e = this.el) {
+    const i = [], s = document.activeElement, n = e.scrollTop, o = Fe.join(",");
+    return e.querySelectorAll(o).forEach((l) => {
+      l.focus(), document.activeElement === l && i.push(l);
+    }), e.scrollTop = n, s.focus(), i;
+  }
+}
+nt = new WeakMap(), G = new WeakMap(), J = new WeakMap();
+const L = ":not([inert])", O = ':not([tabindex^="-"])', yt = ":not(:disabled)", Fe = [
+  `a[href]${L}${O}`,
+  `area[href]${L}${O}`,
+  `input:not([type="hidden"]):not([type="radio"])${L}${O}${yt}`,
+  `input[type="radio"]${L}${O}${yt}`,
+  `select${L}${O}${yt}`,
+  `textarea${L}${O}${yt}`,
+  `button${L}${O}${yt}`,
+  `details${L} > summary:first-of-type${O}`,
+  `iframe${L}${O}`,
+  `audio[controls]${L}${O}`,
+  `video[controls]${L}${O}`,
+  `[contenteditable]${L}${O}`,
+  `[tabindex]${L}${O}`
 ];
-function Fe(t) {
+function Ie(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 Ne(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function At() {
-  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
-}
-function Wt(t, s) {
-  const e = {
-    fallback: null,
-    element: document.body,
-    ...s
-  };
-  if (t.slice(0, 2) !== "--") {
-    const n = At();
-    n && (t = `${n}${t}`), t = `--${t}`;
-  }
-  const i = getComputedStyle(e.element).getPropertyValue(t).trim();
-  if (i)
-    return i;
-  if (e.fallback)
-    return e.fallback;
-  throw new Error(`CSS variable "${t}" was not found!`);
-}
-function fe(t, s = "config") {
-  const i = (t.getAttribute(`data-${s}`) || "").replace(/'/g, '"');
-  return i ? JSON.parse(i) : {};
-}
-function ue(t, s, e) {
-  const i = getComputedStyle(t), n = {};
-  for (let o = 0; o < e.length; o++) {
-    const r = At(), l = i.getPropertyValue(`--${r}${s.toLowerCase()}-${e[o]}`).trim();
-    l && (n[e[o]] = l);
-  }
-  return n;
-}
-function de(t) {
-  if (typeof t == "string")
-    return document.getElementById(t);
-  if (t instanceof HTMLElement)
-    return t;
-}
-function Kt(t, s = !0) {
-  const e = localStorage.getItem(t), i = e ? JSON.parse(e) : {};
+function Xt(t, e = !0) {
+  const i = localStorage.getItem(t), s = i ? JSON.parse(i) : {};
   return {
     get(n) {
-      return n ? i[n] : i;
+      return n ? s[n] : s;
     },
     set(n, o) {
-      return o ? i[n] = o : delete i[n], s && localStorage.setItem(t, JSON.stringify(i)), i;
+      return o ? s[n] = o : delete s[n], e && localStorage.setItem(t, JSON.stringify(s)), s;
     }
   };
 }
-function Mt(t, s, e) {
-  const i = s.nodeType === Node.COMMENT_NODE, n = s.nodeType === Node.ELEMENT_NODE;
-  if (s = i || n ? s : document.querySelector(s), i && (e = "after"), !s) throw new Error(`Not a valid teleport reference: '${s}'`);
-  if (typeof s[e] != "function") throw new Error(`Not a valid teleport method: '${e}'`);
+function Vt(t, e, i) {
+  const s = e.nodeType === Node.COMMENT_NODE, n = e.nodeType === Node.ELEMENT_NODE;
+  if (e = s || n ? e : document.querySelector(e), s && (i = "after"), !e) throw new Error(`Not a valid teleport reference: '${e}'`);
+  if (typeof e[i] != "function") throw new Error(`Not a valid teleport method: '${i}'`);
   let o = null;
-  return i || (o = document.createComment("teleported #" + t.id), t.before(o)), s[e](t), i && s.remove(), o;
+  return s || (o = document.createComment("teleported #" + t.id), t.before(o)), e[i](t), s && e.remove(), o;
 }
-function _e(t) {
-  const s = {
-    prefix: Wt("prefix-themes", { fallback: "vb-theme-" }),
+function Be(t) {
+  const e = {
+    prefix: ce("prefix-themes", { fallback: "vb-theme-" }),
     themes: ["root", "light", "dark"],
     storeKey: "VB:Profile"
   };
-  for (const [o] of Object.entries(s))
-    t && t[o] && (s[o] = t[o]);
-  const e = {
+  for (const [o] of Object.entries(e))
+    t && t[o] && (e[o] = t[o]);
+  const i = {
     onInit() {
     },
     onChange() {
     }
   };
-  for (const [o] of Object.entries(e))
-    t && t[o] && (e[o] = t[o]);
-  const i = Kt(s.storeKey), n = {
+  for (const [o] of Object.entries(i))
+    t && t[o] && (i[o] = t[o]);
+  const s = Xt(e.storeKey), n = {
     // Store our settings in the API.
-    settings: s,
+    settings: e,
     // Actions.
     add(o) {
-      s.themes.push(o);
+      e.themes.push(o);
     },
     remove(o) {
-      const r = s.themes.indexOf(o);
-      ~r && s.themes.splice(r, 1);
+      const r = e.themes.indexOf(o);
+      ~r && e.themes.splice(r, 1);
     },
     callback(o) {
-      e[o].call(this);
+      i[o].call(this);
     },
     // Getters.
     get class() {
-      return `${s.prefix}${this.theme}`;
+      return `${e.prefix}${this.theme}`;
     },
     get classes() {
-      return s.themes.map((o) => `${s.prefix}${o}`);
+      return e.themes.map((o) => `${e.prefix}${o}`);
     },
     get themes() {
-      return s.themes;
+      return e.themes;
     },
     // Setup the theme get and set methods.
     get theme() {
-      return i.get("theme") || "root";
+      return s.get("theme") || "root";
     },
     set theme(o) {
-      s.themes.includes(o) ? this.theme != o && (i.set("theme", o), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${s.prefix}${o}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${o}"`);
+      e.themes.includes(o) ? this.theme != o && (s.set("theme", o), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${e.prefix}${o}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${o}"`);
     }
   };
   return n.callback("onInit"), n;
 }
-function ge(t) {
-  return t.split("-").map((s, e) => e === 0 ? s : s.charAt(0).toUpperCase() + s.slice(1)).join("");
-}
-function he(t) {
-  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function wt(t, s, e, i = "transition-duration") {
-  return new Promise((n) => {
-    if (typeof i == "string") {
-      const o = Wt(i, { element: t }), r = !!o.includes("ms");
-      i = parseFloat(o) * (r ? 1 : 1e3);
-    }
-    t.classList.remove(s.finish), t.classList.add(e.start), setTimeout(() => {
-      t.classList.add(e.finish), t.classList.remove(e.start), n(t);
-    }, i);
-  });
-}
-function Be(t, s) {
-  s && document.querySelectorAll(s).forEach((i) => {
-    t ? i.style.overflow = "hidden" : i.style.removeProperty("overflow");
-  });
-}
-function Ve(t, s) {
-  s && document.querySelectorAll(s).forEach((i) => {
-    t ? (i.inert = !0, i.setAttribute("aria-hidden", !0)) : (i.inert = null, i.removeAttribute("aria-hidden"));
-  });
-}
-function bt(t, s, e) {
-  Ve(!!t, s), Be(!!t, e);
-}
 const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Breakpoint: ae,
-  Collection: Lt,
-  FocusTrap: zt,
-  cssVar: Wt,
+  Breakpoint: he,
+  Collection: Pt,
+  CollectionEntry: Ct,
+  FocusTrap: Kt,
+  cssVar: ce,
   getConfig: fe,
   getCustomProps: ue,
   getElement: de,
-  getPrefix: At,
-  localStore: Kt,
-  teleport: Mt,
-  themeStore: _e,
-  toCamel: ge,
-  toKebab: he,
-  transition: wt,
-  updateGlobalState: bt
-}, Symbol.toStringTag, { value: "Module" })), je = {
+  getPrefix: Rt,
+  lifecycleHook: C,
+  localStore: Xt,
+  setGlobalState: Et,
+  teleport: Vt,
+  themeStore: Be,
+  toCamel: le,
+  toKebab: Ut,
+  toMilliseconds: ae,
+  transition: St
+}, Symbol.toStringTag, { value: "Module" })), Ve = {
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
   dataToggle: "drawer-toggle",
   dataBreakpoint: "drawer-breakpoint",
   // Selectors
-  selectorDrawer: ".drawer",
+  selector: ".drawer",
   selectorDialog: ".drawer__dialog",
   selectorScreen: ".drawer",
   selectorFocus: "[data-focus]",
@@ -333,7 +352,6 @@ const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   // Feature toggles
   breakpoints: null,
   customEventPrefix: "drawer:",
-  eventListeners: !0,
   store: !0,
   storeKey: "VB:DrawerState",
   setTabindex: !0,
@@ -345,42 +363,123 @@ const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function He(t) {
   t.store === "opened" ? t.open(!1, !1) : t.store === "closed" ? t.close(!1, !1) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(!1, !1) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(!1, !1) : t.state = "indeterminate";
 }
-async function ze(t) {
+async function _e(t) {
   t.store === "opened" ? await t.open(!1, !1) : t.store === "closed" ? await t.close(!1, !1) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(!1, !1) : t.inlineState === "closed" && await t.close(!1, !1));
 }
-function We(t) {
-  const s = At(), 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 ze(t) {
+  const e = Rt(), i = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+  return this.settings.breakpoints && this.settings.breakpoints[i] ? this.settings.breakpoints[i] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() : i;
 }
-function q(t) {
-  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (s)
-    return s;
+function it(t) {
+  const e = typeof t == "string" ? this.get(t) : t;
+  if (e)
+    return e;
   throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
 }
-function me(t) {
+function ge(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 Ke(t) {
-  const s = t.target.closest(`
+function We(t) {
+  switch (t.mode) {
+    case "inline":
+      return je.call(this, t);
+    case "modal":
+      return Ue.call(this, t);
+    default:
+      throw new Error(`"${t.mode}" is not a valid drawer mode.`);
+  }
+}
+async function je(t) {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Et(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await _e(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+    detail: this,
+    bubbles: !0
+  })), t;
+}
+async function Ue(t) {
+  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await t.close(!1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+    detail: this,
+    bubbles: !0
+  })), t;
+}
+var ot, rt, lt;
+class Ke extends Ct {
+  constructor(i, s, n = {}) {
+    super(i, s, n);
+    k(this, ot);
+    k(this, rt);
+    k(this, lt);
+    this.dialog = null, this.trigger = null, E(this, lt, new he()), E(this, ot, "indeterminate"), E(this, rt, "indeterminate"), this.inlineState = "indeterminate";
+  }
+  get breakpoint() {
+    return ze.call(this.context, this.el);
+  }
+  get store() {
+    return this.context.store.get(this.id);
+  }
+  get mode() {
+    return w(this, ot);
+  }
+  set mode(i) {
+    E(this, ot, i), We.call(this.context, this);
+  }
+  get state() {
+    return w(this, rt);
+  }
+  set state(i) {
+    E(this, rt, i), this.mode === "inline" && i != "opening" && i != "closing" && (this.inlineState = i, this.getSetting("store") && this.context.store.set(this.id, i)), i === "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")));
+  }
+  async open(i, s) {
+    return this.context.open(this, i, s);
+  }
+  async close(i, s) {
+    return this.context.close(this, i, s);
+  }
+  async toggle(i, s) {
+    return this.context.toggle(this, i, s);
+  }
+  async deregister() {
+    return this.context.deregister(this.id);
+  }
+  mountBreakpoint() {
+    const i = this.breakpoint, s = this.handleBreakpoint.bind(this);
+    w(this, lt).mount(i, s);
+  }
+  unmountBreakpoint() {
+    w(this, lt).unmount();
+  }
+  handleBreakpoint(i) {
+    const s = i.matches ? "inline" : "modal";
+    this.mode != s && (this.mode = s);
+  }
+  async beforeMount() {
+    const i = this.el.querySelector(this.getSetting("selectorDialog"));
+    this.dialog = i || this.el, this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1"), He(this), this.inlineState = this.state, this.mode = this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline", this.breakpoint && this.mountBreakpoint();
+  }
+  async beforeUnmount(i = !0) {
+    i && this.state === "opened" && await this.close(!1), this.context.store.set(this.id), this.unmountBreakpoint();
+  }
+}
+ot = new WeakMap(), rt = new WeakMap(), lt = new WeakMap();
+async function Xe(t) {
+  const e = 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((i) => {
-      const n = q.call(this, i);
-      return n.trigger = s, n.toggle();
-    }), s.matches(`[data-${this.settings.dataOpen}]`) && s.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((i) => {
-      const n = q.call(this, i);
-      return n.trigger = s, n.open();
-    }), s.matches(`[data-${this.settings.dataClose}]`) && s.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((i) => {
-      if (i) {
-        const n = q.call(this, i);
-        return n.trigger = s, n.close();
+  if (e) {
+    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((s) => {
+      const n = it.call(this, s);
+      return n.trigger = e, n.toggle();
+    }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((s) => {
+      const n = it.call(this, s);
+      return n.trigger = e, n.open();
+    }), e.matches(`[data-${this.settings.dataClose}]`) && e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((s) => {
+      if (s) {
+        const n = it.call(this, s);
+        return n.trigger = e, n.close();
       } else {
-        const n = t.target.closest(this.settings.selectorDrawer);
-        if (n) return this.close(n);
+        const n = t.target.closest(this.settings.selector);
+        if (n) return this.close(n.id);
       }
     });
     return;
@@ -388,178 +487,81 @@ async function Ke(t) {
   if (this.activeModal && t.target.matches(this.settings.selectorScreen))
     return this.close(this.activeModal.id);
 }
-function Xe(t) {
-  if (t.key === "Escape" && this.activeModal)
-    return this.close(this.activeModal);
-}
-async function It(t, s = !0) {
-  const e = this.collection.findIndex((i) => i.id === t.id);
-  if (e >= 0) {
-    const i = this.collection[e];
-    s && i.state === "opened" && await i.close(!1), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((n) => {
-      delete i[n];
-    }), this.collection.splice(e, 1);
-  }
-  return this.collection;
-}
-async function Xt(t, s, e = !0) {
-  const i = q.call(this, t);
-  return (i.state === "closed" || i.state === "indeterminate") && (i.state = "opening", s ?? i.getSetting("transition") ? await wt(i.el, {
-    start: i.getSetting("stateClosing"),
-    finish: i.getSetting("stateClosed")
-  }, {
-    start: i.getSetting("stateOpening"),
-    finish: i.getSetting("stateOpened")
-  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateOpened")), i.el.classList.remove(i.getSetting("stateClosed"))), i.state = "opened", i.mode === "modal" && bt(!0, i.getSetting("selectorInert"), i.getSetting("selectorOverflow")), e && me.call(this, i), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "opened", {
-    detail: this,
-    bubbles: !0
-  }))), i;
-}
-async function $t(t, s, e = !0) {
-  const i = q.call(this, t);
-  return (i.state === "opened" || i.state === "indeterminate") && (i.state = "closing", document.activeElement.blur(), s ?? i.getSetting("transition") ? await wt(i.el, {
-    start: i.getSetting("stateOpening"),
-    finish: i.getSetting("stateOpened")
-  }, {
-    start: i.getSetting("stateClosing"),
-    finish: i.getSetting("stateClosed")
-  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateClosed")), i.el.classList.remove(i.getSetting("stateOpened"))), i.state = "closed", i.mode === "modal" && bt(!1, i.getSetting("selectorInert"), i.getSetting("selectorOverflow")), e && me.call(this, i), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "closed", {
-    detail: this,
-    bubbles: !0
-  }))), i;
-}
-async function pe(t, s, e) {
-  const i = q.call(this, t);
-  return i.state === "closed" ? Xt.call(this, i, s, e) : $t.call(this, i, s, e);
-}
 function Ye(t) {
-  switch (t.mode) {
-    case "inline":
-      return Ge.call(this, t);
-    case "modal":
-      return Je.call(this, t);
-    default:
-      throw new Error(`"${t.mode}" is not a valid drawer mode.`);
-  }
+  if (t.key === "Escape" && this.activeModal)
+    return this.close(this.activeModal.id);
 }
-async function Ge(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), bt(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await ze(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function me(t, e, i = !0) {
+  const s = it.call(this, t);
+  return (s.state === "closed" || s.state === "indeterminate") && (s.state = "opening", e ?? s.getSetting("transition") ? await St(
+    s.el,
+    s.getSetting("stateClosed"),
+    s.getSetting("stateOpening"),
+    s.getSetting("stateOpened"),
+    s.getSetting("transitionDuration")
+  ) : (s.el.classList.add(s.getSetting("stateOpened")), s.el.classList.remove(s.getSetting("stateClosed"))), s.state = "opened", s.mode === "modal" && Et(!0, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && ge.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "opened", {
     detail: this,
     bubbles: !0
-  })), t;
-}
-async function Je(t) {
-  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await $t.call(this, t, !1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+  }))), s;
+}
+async function pe(t, e, i = !0) {
+  const s = it.call(this, t);
+  return (s.state === "opened" || s.state === "indeterminate") && (s.state = "closing", document.activeElement.blur(), e ?? s.getSetting("transition") ? await St(
+    s.el,
+    s.getSetting("stateOpened"),
+    s.getSetting("stateClosing"),
+    s.getSetting("stateClosed"),
+    s.getSetting("transitionDuration")
+  ) : (s.el.classList.add(s.getSetting("stateClosed")), s.el.classList.remove(s.getSetting("stateOpened"))), s.state = "closed", s.mode === "modal" && Et(!1, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && ge.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "closed", {
     detail: this,
     bubbles: !0
-  })), t;
+  }))), s;
 }
-async function Ue(t, s = {}) {
-  await It.call(this, t, !1);
-  const e = this, i = new ae();
-  let n, o = "indeterminate";
-  const r = this.createEntry(t);
-  Object.assign(r, {
-    dialog: null,
-    trigger: null,
-    inlineState: "indeterminate",
-    open(c, a) {
-      return Xt.call(e, this, c, a);
-    },
-    close(c, a) {
-      return $t.call(e, this, c, a);
-    },
-    toggle(c, a) {
-      return pe.call(e, this, c, a);
-    },
-    deregister() {
-      return It.call(e, this);
-    },
-    mountBreakpoint() {
-      const c = this.breakpoint, a = this.handleBreakpoint.bind(this);
-      return i.mount(c, a), this;
-    },
-    unmountBreakpoint() {
-      return i.unmount(), this;
-    },
-    handleBreakpoint(c) {
-      const a = c.matches ? "inline" : "modal";
-      return this.mode != a && (this.mode = a), this;
-    }
-  }), Object.defineProperties(r, Object.getOwnPropertyDescriptors({
-    get breakpoint() {
-      return We.call(e, t);
-    },
-    get store() {
-      return e.store.get(this.id);
-    },
-    get mode() {
-      return n;
-    },
-    set mode(c) {
-      n = c, Ye.call(e, this);
-    },
-    get state() {
-      return o;
-    },
-    set state(c) {
-      o = c, this.mode === "inline" && c != "opening" && c != "closing" && (this.inlineState = c, this.getSetting("store") && e.store.set(this.id, c)), c === "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")));
-    }
-  })), r.applySettings(s), r.getDataConfig(), r.getSetting("teleport") && r.teleport(), this.collection.push(r);
-  const l = t.querySelector(r.getSetting("selectorDialog"));
-  return r.dialog = l || t, r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), He(r), r.inlineState = r.state, r.mode = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline", r.breakpoint && r.mountBreakpoint(), r;
-}
-var it, st;
-class Qi extends Lt {
-  constructor(e) {
-    super({ ...je, ...e });
-    P(this, it);
-    P(this, st);
-    this.focusTrap = new zt(), this.store = Kt(this.settings.storeKey, this.settings.store), C(this, it, Ke.bind(this)), C(this, st, Xe.bind(this));
+async function Ge(t, e, i) {
+  const s = it.call(this, t);
+  return s.state === "closed" ? me.call(this, s, e, i) : pe.call(this, s, e, i);
+}
+var at, ct;
+class Qi extends Pt {
+  constructor(i) {
+    super({ ...Ve, ...i });
+    k(this, at);
+    k(this, ct);
+    this.focusTrap = new Kt(), E(this, at, Xe.bind(this)), E(this, ct, Ye.bind(this)), this.store = Xt(this.settings.storeKey, this.settings.store);
   }
   get activeModal() {
-    return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
-  }
-  async mount(e = null) {
-    e && (this.settings = { ...this.settings, ...e });
-    const i = document.querySelectorAll(this.settings.selectorDrawer);
-    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(), this;
+    return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
   }
-  async unmount() {
-    return await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
-  }
-  mountEventListeners() {
-    document.addEventListener("click", y(this, it), !1), document.addEventListener("keydown", y(this, st), !1);
+  async createEntry(i, s) {
+    return new Ke(this, i, s);
   }
-  unmountEventListeners() {
-    document.removeEventListener("click", y(this, it), !1), document.removeEventListener("keydown", y(this, st), !1);
+  async open(i, s, n) {
+    return me.call(this, i, s, n);
   }
-  register(e, i = {}) {
-    let n = typeof e == "string" ? document.getElementById(e) : e;
-    return n ? Ue.call(this, n, i) : Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${e.id || e}".`));
+  async close(i, s, n) {
+    return pe.call(this, i, s, n);
   }
-  deregister(e) {
-    let i = this.get(e.id || e);
-    return i ? It.call(this, i) : Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${e.id || e}".`));
+  async toggle(i, s, n) {
+    return Ge.call(this, i, s, n);
   }
-  open(e, i, n) {
-    return Xt.call(this, e, i, n);
+  async afterMount() {
+    document.addEventListener("click", w(this, at), !1), document.addEventListener("keydown", w(this, ct), !1);
   }
-  close(e, i, n) {
-    return $t.call(this, e, i, n);
+  async beforeUnmount() {
+    this.trigger = null;
   }
-  toggle(e, i, n) {
-    return pe.call(this, e, i, n);
+  async afterUnmount() {
+    document.removeEventListener("click", w(this, at), !1), document.removeEventListener("keydown", w(this, ct), !1);
   }
 }
-it = new WeakMap(), st = new WeakMap();
-const Ze = {
+at = new WeakMap(), ct = new WeakMap();
+const Je = {
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
   dataReplace: "modal-replace",
   // Selectors
-  selectorModal: ".modal",
+  selector: ".modal",
   selectorDialog: ".modal__dialog",
   selectorScreen: ".modal",
   selectorRequired: '[role="alertdialog"]',
@@ -573,40 +575,69 @@ const Ze = {
   stateClosed: "is-closed",
   // Feature settings
   customEventPrefix: "modal:",
-  eventListeners: !0,
   setTabindex: !0,
   teleport: null,
   teleportMethod: "append",
   transition: !0,
   transitionDuration: "modal-transition-duration"
 };
-function ht(t) {
-  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (s)
-    return s;
+class Ze extends Ct {
+  constructor(e, i, s = {}) {
+    super(e, i, s), this.state = "closed", this.dialog = null;
+  }
+  get isRequired() {
+    return this.dialog.matches(this.getSetting("selectorRequired"));
+  }
+  async open(e, i) {
+    return this.context.open(this, e, i);
+  }
+  async close(e, i) {
+    return this.context.close(this, e, i);
+  }
+  async replace(e, i) {
+    return this.context.replace(this, e, i);
+  }
+  async deregister() {
+    return this.context.deregister(this.id);
+  }
+  async beforeMount() {
+    const e = this.el.querySelector(this.getSetting("selectorDialog"));
+    this.dialog = e || this.el, this.dialog.setAttribute("aria-modal", "true"), this.dialog.hasAttribute("role") || this.dialog.setAttribute("role", "dialog"), this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1");
+  }
+  async afterRegister() {
+    this.el.classList.contains(this.getSetting("stateOpened")) ? await this.open(!1) : (this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosing")), this.el.classList.add(this.getSetting("stateClosed")));
+  }
+  async beforeUnmount(e = !1) {
+    !e && this.state === "opened" ? await this.close(!1) : this.context.stack.remove(this);
+  }
+}
+function xt(t) {
+  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (e)
+    return e;
   throw new Error(`Modal not found in collection with id of "${t.id || t}".`);
 }
-function Ot() {
+function Dt() {
   this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
 }
 async function Qe(t) {
-  const s = t.target.closest(`
+  const e = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
     [data-${this.settings.dataClose}]
   `);
-  if (s) {
-    if (t.preventDefault(), s.matches(`[data-${this.settings.dataOpen}]`)) {
-      const e = s.getAttribute(`data-${this.settings.dataOpen}`).trim(), i = ht.call(this, e);
-      return t.target.closest(this.settings.selectorModal) || (this.trigger = s), i.open();
+  if (e) {
+    if (t.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s = xt.call(this, i);
+      return t.target.closest(this.settings.selector) || (this.trigger = e), s.open();
     }
-    if (s.matches(`[data-${this.settings.dataReplace}]`)) {
-      const e = s.getAttribute(`data-${this.settings.dataReplace}`).trim(), i = ht.call(this, e);
-      return t.target.closest(this.settings.selectorModal) || (this.trigger = s), i.replace();
+    if (e.matches(`[data-${this.settings.dataReplace}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), s = xt.call(this, i);
+      return t.target.closest(this.settings.selector) || (this.trigger = e), s.replace();
     }
-    if (s.matches(`[data-${this.settings.dataClose}]`)) {
-      const e = s.getAttribute(`data-${this.settings.dataClose}`).trim();
-      return e === "*" ? this.closeAll() : this.close(e);
+    if (e.matches(`[data-${this.settings.dataClose}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return i === "*" ? this.closeAll() : this.close(i);
     }
   }
   if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.isRequired)
@@ -616,170 +647,124 @@ function qe(t) {
   if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function Ft(t, s = !0) {
-  const e = this.collection.findIndex((i) => i.id === t.id);
-  if (e >= 0) {
-    const i = this.collection[e];
-    s && i.state === "opened" ? await i.close(!1) : this.stack.remove(i), i.getSetting("teleport") && i.teleportReturn(), Object.getOwnPropertyNames(i).forEach((n) => {
-      delete i[n];
-    }), this.collection.splice(e, 1);
-  }
-  return this.collection;
-}
-async function Yt(t, s = void 0, e = !0) {
-  const i = ht.call(this, t);
-  return this.stack.moveToTop(i), i.state === "closed" && (i.state = "opening", this.stack.add(i), s ?? i.getSetting("transition") ? await wt(i.el, {
-    start: i.getSetting("stateClosing"),
-    finish: i.getSetting("stateClosed")
-  }, {
-    start: i.getSetting("stateOpening"),
-    finish: i.getSetting("stateOpened")
-  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateOpened")), i.el.classList.remove(i.getSetting("stateClosed"))), i.state = "opened"), e && Ot.call(this), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "opened", {
+async function we(t, e = void 0, i = !0) {
+  const s = xt.call(this, t);
+  return this.stack.moveToTop(s), s.state === "closed" && (s.state = "opening", this.stack.add(s), e ?? s.getSetting("transition") ? await St(
+    s.el,
+    s.getSetting("stateClosed"),
+    s.getSetting("stateOpening"),
+    s.getSetting("stateOpened"),
+    s.getSetting("transitionDuration")
+  ) : (s.el.classList.add(s.getSetting("stateOpened")), s.el.classList.remove(s.getSetting("stateClosed"))), s.state = "opened"), i && Dt.call(this), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "opened", {
     detail: this,
     bubbles: !0
-  })), i;
-}
-async function Gt(t, s, e = !0) {
-  const i = t ? ht.call(this, t) : this.active;
-  return i && i.state === "opened" && (i.state = "closing", document.activeElement.blur(), s ?? i.getSetting("transition") ? await wt(i.el, {
-    start: i.getSetting("stateOpening"),
-    finish: i.getSetting("stateOpened")
-  }, {
-    start: i.getSetting("stateClosing"),
-    finish: i.getSetting("stateClosed")
-  }, i.getSetting("transitionDuration")) : (i.el.classList.add(i.getSetting("stateClosed")), i.el.classList.remove(i.getSetting("stateOpened"))), this.stack.remove(i), i.state = "closed", e && Ot.call(this), i.el.dispatchEvent(new CustomEvent(i.getSetting("customEventPrefix") + "closed", {
+  })), s;
+}
+async function be(t, e, i = !0) {
+  const s = t ? xt.call(this, t) : this.active;
+  return s && s.state === "opened" && (s.state = "closing", document.activeElement.blur(), e ?? s.getSetting("transition") ? await St(
+    s.el,
+    s.getSetting("stateOpened"),
+    s.getSetting("stateClosing"),
+    s.getSetting("stateClosed"),
+    s.getSetting("transitionDuration")
+  ) : (s.el.classList.add(s.getSetting("stateClosed")), s.el.classList.remove(s.getSetting("stateOpened"))), this.stack.remove(s), s.state = "closed", i && Dt.call(this), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "closed", {
     detail: this,
     bubbles: !0
-  }))), i;
+  }))), s;
 }
-async function Nt(t, s) {
-  const e = [];
-  return await Promise.all(this.stack.value.map(async (i) => {
-    t && t === i.id ? Promise.resolve() : e.push(await Gt.call(this, i, s, !1)), i.trigger = null;
-  })), e;
+async function Ht(t, e) {
+  const i = [];
+  return await Promise.all(this.stack.value.map(async (s) => {
+    t && t === s.id ? Promise.resolve() : i.push(await be.call(this, s, e, !1)), s.trigger = null;
+  })), i;
 }
-async function we(t, s, e = !0) {
-  const i = ht.call(this, t);
+async function ti(t, e, i = !0) {
+  const s = xt.call(this, t);
   let n, o;
-  return i.state === "opened" ? (n = i, o = await Nt.call(this, i.id, s)) : (o = Nt.call(this, !1, s), n = Yt.call(this, i, s, !1), await Promise.all([n, o])), e && Ot.call(this), { opened: n, closed: o };
-}
-async function ti(t, s = {}) {
-  await Ft.call(this, t, !1);
-  const e = this, i = this.createEntry(t);
-  Object.assign(i, {
-    state: "closed",
-    dialog: null,
-    open(o, r) {
-      return Yt.call(e, this, o, r);
-    },
-    close(o, r) {
-      return Gt.call(e, this, o, r);
-    },
-    replace(o, r) {
-      return we.call(e, this, o, r);
-    },
-    deregister() {
-      return Ft.call(e, this);
-    }
-  }), Object.defineProperties(i, Object.getOwnPropertyDescriptors({
-    get isRequired() {
-      return this.dialog.matches(this.getSetting("selectorRequired"));
-    }
-  })), i.applySettings(s), i.getDataConfig();
-  const n = t.querySelector(i.getSetting("selectorDialog"));
-  return i.dialog = n || t, i.dialog.setAttribute("aria-modal", "true"), i.dialog.hasAttribute("role") || i.dialog.setAttribute("role", "dialog"), i.getSetting("setTabindex") && i.dialog.setAttribute("tabindex", "-1"), i.getSetting("teleport") && i.teleport(), this.collection.push(i), i.el.classList.contains(i.getSetting("stateOpened")) ? await i.open(!1) : (i.el.classList.remove(i.getSetting("stateOpening")), i.el.classList.remove(i.getSetting("stateClosing")), i.el.classList.add(i.getSetting("stateClosed"))), i;
+  return s.state === "opened" ? (n = s, o = await Ht.call(this, s.id, e)) : (o = Ht.call(this, !1, e), n = we.call(this, s, e, !1), await Promise.all([n, o])), i && Dt.call(this), { opened: n, closed: o };
 }
 function ei(t) {
-  const s = [];
+  const e = [];
   return {
     get value() {
-      return [...s];
+      return [...e];
     },
     get top() {
-      const e = s[s.length - 1];
-      return e || null;
+      const i = e[e.length - 1];
+      return i || null;
     },
     updateIndex() {
-      s.forEach((e, i) => {
-        e.el.style.zIndex = null;
-        const n = getComputedStyle(e.el)["z-index"];
-        e.el.style.zIndex = parseInt(n) + i + 1;
+      e.forEach((i, s) => {
+        i.el.style.zIndex = null;
+        const n = getComputedStyle(i.el)["z-index"];
+        i.el.style.zIndex = parseInt(n) + s + 1;
       });
     },
-    updateGlobalState() {
-      bt(this.top, t.selectorInert, t.selectorOverflow), this.updateIndex();
+    setGlobalState() {
+      Et(this.top, t.selectorInert, t.selectorOverflow), this.updateIndex();
     },
-    add(e) {
-      e.el.style.zIndex = null;
-      const i = getComputedStyle(e.el)["z-index"];
-      e.el.style.zIndex = parseInt(i) + s.length + 1, s.push(e), this.updateGlobalState();
+    add(i) {
+      i.el.style.zIndex = null;
+      const s = getComputedStyle(i.el)["z-index"];
+      i.el.style.zIndex = parseInt(s) + e.length + 1, e.push(i), this.setGlobalState();
     },
-    remove(e) {
-      const i = s.findIndex((n) => n.id === e.id);
-      i >= 0 && (e.el.style.zIndex = null, s.splice(i, 1), this.updateGlobalState());
+    remove(i) {
+      const s = e.findIndex((n) => n.id === i.id);
+      s >= 0 && (i.el.style.zIndex = null, e.splice(s, 1), this.setGlobalState());
     },
-    moveToTop(e) {
-      const i = s.findIndex((n) => n.id === e.id);
-      i >= 0 && (s.splice(i, 1), this.add(e));
+    moveToTop(i) {
+      const s = e.findIndex((n) => n.id === i.id);
+      s >= 0 && (e.splice(s, 1), this.add(i));
     }
   };
 }
-var nt, ot;
-class qi extends Lt {
-  constructor(e) {
-    super({ ...Ze, ...e });
-    P(this, nt);
-    P(this, ot);
-    this.trigger = null, this.focusTrap = new zt(), this.stack = ei(this.settings), C(this, nt, Qe.bind(this)), C(this, ot, qe.bind(this));
+var ft, ut;
+class qi extends Pt {
+  constructor(i) {
+    super({ ...Je, ...i });
+    k(this, ft);
+    k(this, ut);
+    this.trigger = null, this.focusTrap = new Kt(), E(this, ft, Qe.bind(this)), E(this, ut, qe.bind(this)), this.stack = ei(this.settings);
   }
   get active() {
     return this.stack.top;
   }
-  async mount(e) {
-    e && (this.settings = { ...this.settings, ...e });
-    const i = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(), this;
-  }
-  async unmount() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(), this;
-  }
-  mountEventListeners() {
-    document.addEventListener("click", y(this, nt), !1), document.addEventListener("keydown", y(this, ot), !1);
+  async createEntry(i, s) {
+    return new Ze(this, i, s);
   }
-  unmountEventListeners() {
-    document.removeEventListener("click", y(this, nt), !1), document.removeEventListener("keydown", y(this, ot), !1);
+  async open(i, s, n) {
+    return we.call(this, i, s, n);
   }
-  register(e, i = {}) {
-    let n = typeof e == "string" ? document.getElementById(e) : e;
-    return n ? ti.call(this, n, i) : Promise.reject(new Error(`Failed to register; modal not found with ID of: "${e.id || e}".`));
+  async close(i, s, n) {
+    return be.call(this, i, s, n);
   }
-  deregister(e) {
-    let i = this.get(e.id || e);
-    return i ? Ft.call(this, i) : Promise.reject(new Error(`Failed to deregister; modal does not exist in collection with ID of: "${e.id || e}".`));
+  async replace(i, s, n) {
+    return ti.call(this, i, s, n);
   }
-  open(e, i, n) {
-    return Yt.call(this, e, i, n);
+  async closeAll(i = !1, s, n = !0) {
+    const o = await Ht.call(this, i, s);
+    return n && Dt.call(this), o;
   }
-  close(e, i, n) {
-    return Gt.call(this, e, i, n);
+  async afterMount() {
+    document.addEventListener("click", w(this, ft), !1), document.addEventListener("keydown", w(this, ut), !1);
   }
-  replace(e, i, n) {
-    return we.call(this, e, i, n);
+  async beforeUnmount() {
+    this.trigger = null;
   }
-  async closeAll(e = !1, i, n = !0) {
-    const o = await Nt.call(this, e, i);
-    return n && Ot.call(this), o;
+  async afterUnmount() {
+    document.removeEventListener("click", w(this, ft), !1), document.removeEventListener("keydown", w(this, ut), !1);
   }
 }
-nt = new WeakMap(), ot = new WeakMap();
+ft = new WeakMap(), ut = new WeakMap();
 const ii = {
   // Selectors
-  selectorPopover: ".popover",
+  selector: ".popover",
   selectorTooltip: ".popover_tooltip",
   selectorArrow: ".popover__arrow",
   // State classes
   stateActive: "is-active",
-  // Custom property defaults
+  // Custom properties and their defaults
   placement: "bottom",
   event: "click",
   offset: 0,
@@ -788,180 +773,241 @@ const ii = {
   arrowPadding: 0,
   toggleDelay: 0,
   // Feature settings
-  eventListeners: !0,
   teleport: null,
   teleportMethod: "append"
 };
-function ne(t, s, e) {
+function ie(t, e, i) {
   Object.assign(t.style, {
-    left: s != null ? `${s}px` : "",
-    top: e != null ? `${e}px` : ""
+    left: e != null ? `${e}px` : "",
+    top: i != null ? `${i}px` : ""
   });
 }
-function be(t, s) {
-  let e = t.getSetting("toggle-delay");
-  typeof e == "string" && (e.indexOf(",") > -1 && (e = e.split(",")), e.indexOf(" ") > -1 && (e = e.split(" "))), Array.isArray(e) && (e = e[s]);
-  const i = Number(e);
-  if (Number.isNaN(i))
-    throw new Error(`Provided delay value is not a number: "${e}"`);
-  return i;
+function ye(t, e) {
+  let i = t.getSetting("toggle-delay");
+  typeof i == "string" && (i.indexOf(",") > -1 && (i = i.split(",")), i.indexOf(" ") > -1 && (i = i.split(" "))), Array.isArray(i) && (i = i[e]);
+  const s = Number(i);
+  if (Number.isNaN(s))
+    throw new Error(`Provided delay value is not a number: "${i}"`);
+  return s;
 }
-function Dt(t) {
-  let s;
-  const e = typeof t == "string" ? t.trim().split(" ") : [t];
-  for (let i = 0; i < e.length; i++)
-    e[i] = Number(e[i]);
-  switch (e.length) {
+function Nt(t) {
+  let e;
+  const i = typeof t == "string" ? t.trim().split(" ") : [t];
+  for (let s = 0; s < i.length; s++)
+    i[s] = Number(i[s]);
+  switch (i.length) {
     case 1:
-      s = e[0];
+      e = i[0];
       break;
     case 2:
-      s = {
-        top: e[0],
-        right: e[1],
-        bottom: e[0],
-        left: e[1]
+      e = {
+        top: i[0],
+        right: i[1],
+        bottom: i[0],
+        left: i[1]
       };
       break;
     case 3:
-      s = {
-        top: e[0],
-        right: e[1],
-        bottom: e[2],
-        left: e[1]
+      e = {
+        top: i[0],
+        right: i[1],
+        bottom: i[2],
+        left: i[1]
       };
       break;
     case 4:
-      s = {
-        top: e[0],
-        right: e[1],
-        bottom: e[2],
-        left: e[3]
+      e = {
+        top: i[0],
+        right: i[1],
+        bottom: i[2],
+        left: i[3]
       };
       break;
     default:
-      s = !1;
+      e = !1;
       break;
   }
-  return s;
+  return e;
 }
 function si(t) {
   return {
     offset: Number(t.getSetting("offset")),
     flip: {
-      padding: Dt(t.getSetting("flip-padding"))
+      padding: Nt(t.getSetting("flip-padding"))
     },
     shift: {
-      padding: Dt(t.getSetting("shift-padding"))
+      padding: Nt(t.getSetting("shift-padding"))
     },
     arrow: {
       element: t.getSetting("selectorArrow"),
-      padding: Dt(t.getSetting("arrow-padding"))
+      padding: Nt(t.getSetting("arrow-padding"))
     }
   };
 }
-function ve(t) {
-  const s = typeof t == "string" ? this.get(t) : this.get(t.id);
-  if (s)
-    return s;
+function xe(t) {
+  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
+  if (e)
+    return e;
   throw new Error(`Popover not found in collection with id of "${t}".`);
 }
-function ni(t) {
-  return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.closest(this.settings.selectorPopover) ? (t = t.closest(this.settings.selectorPopover), t.id) : t.hasAttribute("aria-controls") ? t.getAttribute("aria-controls") : t.hasAttribute("aria-describedby") ? t.getAttribute("aria-describedby") : !1 : !1;
+async function ve(t) {
+  const e = t ? xe.call(this, t) : await Se.call(this);
+  return e && e.state === "opened" && (e.el.inert = !0, e.el.classList.remove(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "false"), e.floatingCleanup(), e.state = "closed", e.trigger === this.trigger && (this.trigger = null)), e;
 }
-function oi(t) {
-  const s = ni.call(this, t);
-  if (s) {
-    const e = document.querySelector(`#${s}`), i = document.querySelector(`[aria-controls="${s}"]`) || document.querySelector(`[aria-describedby="${s}"]`);
-    return !i && !e ? { error: new Error(`No popover elements found using the ID: "${s}".`) } : i ? e ? { popover: e, trigger: i } : { error: new Error(`No popover associated with the provided popover trigger: "${s}".`) } : { error: new Error(`No popover trigger associated with the provided popover: "${s}".`) };
-  } else
-    return { error: new Error("Could not resolve the popover ID.") };
-}
-async function Jt(t) {
-  const s = t ? ve.call(this, t) : await xe.call(this);
-  return s && s.state === "opened" && (s.el.inert = !0, s.el.classList.remove(this.settings.stateActive), s.isTooltip || s.trigger.setAttribute("aria-expanded", "false"), s.cleanup(), s.state = "closed", s.trigger === this.trigger && (this.trigger = null)), s;
-}
-async function xe() {
+async function Se() {
   const t = [];
-  return await Promise.all(this.collection.map(async (s) => {
-    s.state === "opened" && t.push(await Jt.call(this, s));
+  return await Promise.all(this.collection.map(async (e) => {
+    e.state === "opened" && t.push(await ve.call(this, e));
   })), t;
 }
-function ye(t) {
+function Ee(t) {
   t.state == "opened" && setTimeout(() => {
-    const s = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
-    let e = document.activeElement.closest(
+    const e = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
+    let i = document.activeElement.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
     );
-    return e = e ? e.matches(":focus-visible") : !1, !s && !e && t.close(), t;
+    return i = i ? i.matches(":focus-visible") : !1, !e && !i && t.close(), t;
   }, 1);
 }
-function ri(t) {
-  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open(), Ee.call(this, t));
+function ni(t) {
+  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
 }
-function li(t) {
+function oi(t) {
   t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
 }
-function ci(t, s) {
-  if (t.isHovered = s, s.type == "focus" && !t.trigger.matches(":focus-visible"))
+function ri(t, e) {
+  if (t.isHovered = e, e.type == "focus" && !t.trigger.matches(":focus-visible"))
     return;
   t.toggleDelayId && clearTimeout(t.toggleDelayId);
-  const e = t.trigger.getAttribute("aria-expanded");
-  if (e && e == "true") return;
-  const i = this.activeHover ? 0 : be(t, 0);
+  const i = t.trigger.getAttribute("aria-expanded");
+  if (i && i == "true") return;
+  const s = this.activeHover ? 0 : ye(t, 0);
   this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
     t.id && t.open();
-  }, i);
+  }, s);
 }
-function ai(t, s) {
+function li(t, e) {
   setTimeout(() => {
-    t.isHovered = s, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
-      ye.call(this, t);
-    }, be(t, 1)));
+    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
+      Ee.call(this, t);
+    }, ye(t, 1)));
   }, 1);
 }
-function fi(t) {
+function ai(t) {
   switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), xe.call(this);
+      this.trigger && this.trigger.focus(), Se.call(this);
       return;
     case "Tab":
-      this.collection.forEach((s) => {
-        ye.call(this, s);
+      this.collection.forEach((e) => {
+        Ee.call(this, e);
       });
       return;
     default:
       return;
   }
 }
-function Ee(t) {
-  const s = this;
-  document.addEventListener("click", function e(i) {
-    i.target.closest(
+function ci(t) {
+  const e = this;
+  document.addEventListener("click", function i(s) {
+    s.target.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
-    ) ? t.el && !t.el.classList.contains(s.settings.stateActive) && this.removeEventListener("click", e) : (t.el && t.el.classList.contains(s.settings.stateActive) && t.close(), this.removeEventListener("click", e));
+    ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", i) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", i));
   });
 }
-async function _t(t) {
-  const s = this.collection.findIndex((e) => e.id === t.id);
-  if (s >= 0) {
-    const e = this.collection[s];
-    e.state === "opened" && e.close(), e.cleanup(), Se(e), e.getSetting("teleport") && e.teleportReturn(), Object.getOwnPropertyNames(e).forEach((i) => {
-      delete e[i];
-    }), this.collection.splice(s, 1);
-  }
-  return this.collection;
-}
-function Se(t) {
-  return t._eventListeners && (t._eventListeners.forEach((s) => {
-    s.el.forEach((e) => {
-      s.type.forEach((i) => {
-        t[e].removeEventListener(i, s.listener, !1);
+var P, z;
+class fi extends Ct {
+  constructor(i, s, n = {}) {
+    super(i, s, n);
+    k(this, P);
+    k(this, z);
+    this.state = "closed", this.toggleDelayId = null, this.trigger = null, E(this, P, null), E(this, z, {
+      el: !1,
+      trigger: !1
+    }), this.floatingCleanup = () => {
+    };
+  }
+  get isTooltip() {
+    return !!this.el.closest(this.getSetting("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
+  }
+  get isHovered() {
+    return w(this, z).el || w(this, z).trigger;
+  }
+  set isHovered(i) {
+    const s = i.type == "mouseenter" ? !0 : i.type == "mouseleave" ? !1 : void 0;
+    if (s != null)
+      switch (i.target) {
+        case this.el:
+          w(this, z).el = s;
+          break;
+        case this.trigger:
+          w(this, z).trigger = s;
+          break;
+      }
+  }
+  async open() {
+    return this.context.open(this);
+  }
+  async close() {
+    return this.context.close(this);
+  }
+  async deregister() {
+    return this.context.deregister(this.id);
+  }
+  registerEventListeners() {
+    w(this, P) || (this.getSetting("event") === "hover" ? (E(this, P, [{
+      el: ["el", "trigger"],
+      type: ["mouseenter", "focus"],
+      listener: ri.bind(this.context, this)
+    }, {
+      el: ["el", "trigger"],
+      type: ["mouseleave", "focusout"],
+      listener: li.bind(this.context, this)
+    }, {
+      el: ["trigger"],
+      type: ["click"],
+      listener: oi.bind(this.context, this)
+    }]), w(this, P).forEach((s) => {
+      s.el.forEach((n) => {
+        s.type.forEach((o) => {
+          this[n].addEventListener(o, s.listener, !1);
+        });
       });
-    });
-  }), delete t._eventListeners), t;
+    })) : (E(this, P, [{
+      el: ["trigger"],
+      type: ["click"],
+      listener: ni.bind(this.context, this)
+    }]), w(this, P).forEach((s) => {
+      s.el.forEach((n) => {
+        s.type.forEach((o) => {
+          this[n].addEventListener(o, s.listener, !1);
+        });
+      });
+    })));
+  }
+  deregisterEventListeners() {
+    w(this, P) && (w(this, P).forEach((i) => {
+      i.el.forEach((s) => {
+        i.type.forEach((n) => {
+          this[s].removeEventListener(n, i.listener, !1);
+        });
+      });
+    }), E(this, P, null));
+  }
+  async beforeMount() {
+    this.trigger = document.querySelector(
+      `[aria-controls="${this.id}"], [aria-describedby="${this.id}"]`
+    ), this.isTooltip ? (this.settings.event = "hover", this.el.setAttribute("role", "tooltip")) : this.trigger.setAttribute("aria-expanded", "false"), this.registerEventListeners();
+  }
+  async afterRegister() {
+    this.el.classList.contains(this.getSetting("stateActive")) ? await this.open() : this.el.inert = !0;
+  }
+  async beforeUnmount() {
+    this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
+  }
 }
-const lt = Math.min, G = Math.max, Et = Math.round, yt = Math.floor, V = (t) => ({
+P = new WeakMap(), z = new WeakMap();
+const ht = Math.min, Z = Math.max, Lt = Math.round, $t = Math.floor, W = (t) => ({
   x: t,
   y: t
 }), ui = {
@@ -973,63 +1019,63 @@ const lt = Math.min, G = Math.max, Et = Math.round, yt = Math.floor, V = (t) =>
   start: "end",
   end: "start"
 };
-function Bt(t, s, e) {
-  return G(t, lt(s, e));
+function _t(t, e, i) {
+  return Z(t, ht(e, i));
 }
-function J(t, s) {
-  return typeof t == "function" ? t(s) : t;
+function Q(t, e) {
+  return typeof t == "function" ? t(e) : t;
 }
 function j(t) {
   return t.split("-")[0];
 }
-function vt(t) {
+function At(t) {
   return t.split("-")[1];
 }
-function Ut(t) {
+function Yt(t) {
   return t === "x" ? "y" : "x";
 }
-function Zt(t) {
+function Gt(t) {
   return t === "y" ? "height" : "width";
 }
-function U(t) {
+function q(t) {
   return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
-function Qt(t) {
-  return Ut(U(t));
+function Jt(t) {
+  return Yt(q(t));
 }
-function gi(t, s, e) {
-  e === void 0 && (e = !1);
-  const i = vt(t), n = Qt(t), o = Zt(n);
-  let r = n === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return s.reference[o] > s.floating[o] && (r = St(r)), [r, St(r)];
+function hi(t, e, i) {
+  i === void 0 && (i = !1);
+  const s = At(t), n = Jt(t), o = Gt(n);
+  let r = n === "x" ? s === (i ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (r = Ot(r)), [r, Ot(r)];
 }
-function hi(t) {
-  const s = St(t);
-  return [Vt(t), s, Vt(s)];
+function gi(t) {
+  const e = Ot(t);
+  return [zt(t), e, zt(e)];
 }
-function Vt(t) {
-  return t.replace(/start|end/g, (s) => di[s]);
+function zt(t) {
+  return t.replace(/start|end/g, (e) => di[e]);
 }
-function mi(t, s, e) {
-  const i = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
+function mi(t, e, i) {
+  const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
     case "bottom":
-      return e ? s ? n : i : s ? i : n;
+      return i ? e ? n : s : e ? s : n;
     case "left":
     case "right":
-      return s ? o : r;
+      return e ? o : r;
     default:
       return [];
   }
 }
-function pi(t, s, e, i) {
-  const n = vt(t);
-  let o = mi(j(t), e === "start", i);
-  return n && (o = o.map((r) => r + "-" + n), s && (o = o.concat(o.map(Vt)))), o;
+function pi(t, e, i, s) {
+  const n = At(t);
+  let o = mi(j(t), i === "start", s);
+  return n && (o = o.map((r) => r + "-" + n), e && (o = o.concat(o.map(zt)))), o;
 }
-function St(t) {
-  return t.replace(/left|right|bottom|top/g, (s) => ui[s]);
+function Ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ui[e]);
 }
 function wi(t) {
   return {
@@ -1048,288 +1094,288 @@ function Ce(t) {
     left: t
   };
 }
-function Ct(t) {
+function Tt(t) {
   const {
-    x: s,
-    y: e,
-    width: i,
+    x: e,
+    y: i,
+    width: s,
     height: n
   } = t;
   return {
-    width: i,
+    width: s,
     height: n,
-    top: e,
-    left: s,
-    right: s + i,
-    bottom: e + n,
-    x: s,
-    y: e
+    top: i,
+    left: e,
+    right: e + s,
+    bottom: i + n,
+    x: e,
+    y: i
   };
 }
-function oe(t, s, e) {
+function se(t, e, i) {
   let {
-    reference: i,
+    reference: s,
     floating: n
   } = t;
-  const o = U(s), r = Qt(s), l = Zt(r), c = j(s), a = o === "y", d = i.x + i.width / 2 - n.width / 2, u = i.y + i.height / 2 - n.height / 2, g = i[l] / 2 - n[l] / 2;
+  const o = q(e), r = Jt(e), l = Gt(r), a = j(e), c = o === "y", d = s.x + s.width / 2 - n.width / 2, u = s.y + s.height / 2 - n.height / 2, h = s[l] / 2 - n[l] / 2;
   let f;
-  switch (c) {
+  switch (a) {
     case "top":
       f = {
         x: d,
-        y: i.y - n.height
+        y: s.y - n.height
       };
       break;
     case "bottom":
       f = {
         x: d,
-        y: i.y + i.height
+        y: s.y + s.height
       };
       break;
     case "right":
       f = {
-        x: i.x + i.width,
+        x: s.x + s.width,
         y: u
       };
       break;
     case "left":
       f = {
-        x: i.x - n.width,
+        x: s.x - n.width,
         y: u
       };
       break;
     default:
       f = {
-        x: i.x,
-        y: i.y
+        x: s.x,
+        y: s.y
       };
   }
-  switch (vt(s)) {
+  switch (At(e)) {
     case "start":
-      f[r] -= g * (e && a ? -1 : 1);
+      f[r] -= h * (i && c ? -1 : 1);
       break;
     case "end":
-      f[r] += g * (e && a ? -1 : 1);
+      f[r] += h * (i && c ? -1 : 1);
       break;
   }
   return f;
 }
-const bi = async (t, s, e) => {
+const bi = async (t, e, i) => {
   const {
-    placement: i = "bottom",
+    placement: s = "bottom",
     strategy: n = "absolute",
     middleware: o = [],
     platform: r
-  } = e, l = o.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(s));
-  let a = await r.getElementRects({
+  } = i, l = o.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
     reference: t,
-    floating: s,
+    floating: e,
     strategy: n
   }), {
     x: d,
     y: u
-  } = oe(a, i, c), g = i, f = {}, h = 0;
+  } = se(c, s, a), h = s, f = {}, g = 0;
   for (let m = 0; m < l.length; m++) {
     const {
-      name: w,
+      name: b,
       fn: p
     } = l[m], {
-      x: b,
-      y: v,
-      data: E,
-      reset: x
+      x: y,
+      y: x,
+      data: S,
+      reset: v
     } = await p({
       x: d,
       y: u,
-      initialPlacement: i,
-      placement: g,
+      initialPlacement: s,
+      placement: h,
       strategy: n,
       middlewareData: f,
-      rects: a,
+      rects: c,
       platform: r,
       elements: {
         reference: t,
-        floating: s
+        floating: e
       }
     });
-    d = b ?? d, u = v ?? u, f = {
+    d = y ?? d, u = x ?? u, f = {
       ...f,
-      [w]: {
-        ...f[w],
-        ...E
+      [b]: {
+        ...f[b],
+        ...S
       }
-    }, x && h <= 50 && (h++, typeof x == "object" && (x.placement && (g = x.placement), x.rects && (a = x.rects === !0 ? await r.getElementRects({
+    }, v && g <= 50 && (g++, typeof v == "object" && (v.placement && (h = v.placement), v.rects && (c = v.rects === !0 ? await r.getElementRects({
       reference: t,
-      floating: s,
+      floating: e,
       strategy: n
-    }) : x.rects), {
+    }) : v.rects), {
       x: d,
       y: u
-    } = oe(a, g, c)), m = -1);
+    } = se(c, h, a)), m = -1);
   }
   return {
     x: d,
     y: u,
-    placement: g,
+    placement: h,
     strategy: n,
     middlewareData: f
   };
 };
-async function Le(t, s) {
-  var e;
-  s === void 0 && (s = {});
+async function Ae(t, e) {
+  var i;
+  e === void 0 && (e = {});
   const {
-    x: i,
+    x: s,
     y: n,
     platform: o,
     rects: r,
     elements: l,
-    strategy: c
+    strategy: a
   } = t, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: u = "floating",
-    altBoundary: g = !1,
+    altBoundary: h = !1,
     padding: f = 0
-  } = J(s, t), h = Ce(f), w = l[g ? u === "floating" ? "reference" : "floating" : u], p = Ct(await o.getClippingRect({
-    element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
-    boundary: a,
+  } = Q(e, t), g = Ce(f), b = l[h ? u === "floating" ? "reference" : "floating" : u], p = Tt(await o.getClippingRect({
+    element: (i = await (o.isElement == null ? void 0 : o.isElement(b))) == null || i ? b : b.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
+    boundary: c,
     rootBoundary: d,
-    strategy: c
-  })), b = u === "floating" ? {
-    x: i,
+    strategy: a
+  })), y = u === "floating" ? {
+    x: s,
     y: n,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), E = await (o.isElement == null ? void 0 : o.isElement(v)) ? await (o.getScale == null ? void 0 : o.getScale(v)) || {
+  } : r.reference, x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), S = await (o.isElement == null ? void 0 : o.isElement(x)) ? await (o.getScale == null ? void 0 : o.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, x = Ct(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, v = Tt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: b,
-    offsetParent: v,
-    strategy: c
-  }) : b);
+    rect: y,
+    offsetParent: x,
+    strategy: a
+  }) : y);
   return {
-    top: (p.top - x.top + h.top) / E.y,
-    bottom: (x.bottom - p.bottom + h.bottom) / E.y,
-    left: (p.left - x.left + h.left) / E.x,
-    right: (x.right - p.right + h.right) / E.x
+    top: (p.top - v.top + g.top) / S.y,
+    bottom: (v.bottom - p.bottom + g.bottom) / S.y,
+    left: (p.left - v.left + g.left) / S.x,
+    right: (v.right - p.right + g.right) / S.x
   };
 }
-const vi = (t) => ({
+const yi = (t) => ({
   name: "arrow",
   options: t,
-  async fn(s) {
+  async fn(e) {
     const {
-      x: e,
-      y: i,
+      x: i,
+      y: s,
       placement: n,
       rects: o,
       platform: r,
       elements: l,
-      middlewareData: c
-    } = s, {
-      element: a,
+      middlewareData: a
+    } = e, {
+      element: c,
       padding: d = 0
-    } = J(t, s) || {};
-    if (a == null)
+    } = Q(t, e) || {};
+    if (c == null)
       return {};
-    const u = Ce(d), g = {
-      x: e,
-      y: i
-    }, f = Qt(n), h = Zt(f), m = await r.getDimensions(a), w = f === "y", p = w ? "top" : "left", b = w ? "bottom" : "right", v = w ? "clientHeight" : "clientWidth", E = o.reference[h] + o.reference[f] - g[f] - o.floating[h], x = g[f] - o.reference[f], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let z = L ? L[v] : 0;
-    (!z || !await (r.isElement == null ? void 0 : r.isElement(L))) && (z = l.floating[v] || o.floating[h]);
-    const ft = E / 2 - x / 2, W = z / 2 - m[h] / 2 - 1, N = lt(u[p], W), ut = lt(u[b], W), K = N, dt = z - m[h] - ut, S = z / 2 - m[h] / 2 + ft, Q = Bt(K, S, dt), F = !c.arrow && vt(n) != null && S !== Q && o.reference[h] / 2 - (S < K ? N : ut) - m[h] / 2 < 0, R = F ? S < K ? S - K : S - dt : 0;
+    const u = Ce(d), h = {
+      x: i,
+      y: s
+    }, f = Jt(n), g = Gt(f), m = await r.getDimensions(c), b = f === "y", p = b ? "top" : "left", y = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", S = o.reference[g] + o.reference[f] - h[f] - o.floating[g], v = h[f] - o.reference[f], $ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let K = $ ? $[x] : 0;
+    (!K || !await (r.isElement == null ? void 0 : r.isElement($))) && (K = l.floating[x] || o.floating[g]);
+    const pt = S / 2 - v / 2, X = K / 2 - m[g] / 2 - 1, V = ht(u[p], X), wt = ht(u[y], X), Y = V, bt = K - m[g] - wt, A = K / 2 - m[g] / 2 + pt, et = _t(Y, A, bt), B = !a.arrow && At(n) != null && A !== et && o.reference[g] / 2 - (A < Y ? V : wt) - m[g] / 2 < 0, F = B ? A < Y ? A - Y : A - bt : 0;
     return {
-      [f]: g[f] + R,
+      [f]: h[f] + F,
       data: {
-        [f]: Q,
-        centerOffset: S - Q - R,
-        ...F && {
-          alignmentOffset: R
+        [f]: et,
+        centerOffset: A - et - F,
+        ...B && {
+          alignmentOffset: F
         }
       },
-      reset: F
+      reset: B
     };
   }
 }), xi = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
-    async fn(s) {
-      var e, i;
+    async fn(e) {
+      var i, s;
       const {
         placement: n,
         middlewareData: o,
         rects: r,
         initialPlacement: l,
-        platform: c,
-        elements: a
-      } = s, {
+        platform: a,
+        elements: c
+      } = e, {
         mainAxis: d = !0,
         crossAxis: u = !0,
-        fallbackPlacements: g,
+        fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: h = "none",
+        fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
-        ...w
-      } = J(t, s);
-      if ((e = o.arrow) != null && e.alignmentOffset)
+        ...b
+      } = Q(t, e);
+      if ((i = o.arrow) != null && i.alignmentOffset)
         return {};
-      const p = j(n), b = U(l), v = j(l) === l, E = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = g || (v || !m ? [St(l)] : hi(l)), L = h !== "none";
-      !g && L && x.push(...pi(l, m, h, E));
-      const z = [l, ...x], ft = await Le(s, w), W = [];
-      let N = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && W.push(ft[p]), u) {
-        const S = gi(n, r, E);
-        W.push(ft[S[0]], ft[S[1]]);
+      const p = j(n), y = q(l), x = j(l) === l, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), v = h || (x || !m ? [Ot(l)] : gi(l)), $ = g !== "none";
+      !h && $ && v.push(...pi(l, m, g, S));
+      const K = [l, ...v], pt = await Ae(e, b), X = [];
+      let V = ((s = o.flip) == null ? void 0 : s.overflows) || [];
+      if (d && X.push(pt[p]), u) {
+        const A = hi(n, r, S);
+        X.push(pt[A[0]], pt[A[1]]);
       }
-      if (N = [...N, {
+      if (V = [...V, {
         placement: n,
-        overflows: W
-      }], !W.every((S) => S <= 0)) {
-        var ut, K;
-        const S = (((ut = o.flip) == null ? void 0 : ut.index) || 0) + 1, Q = z[S];
-        if (Q)
+        overflows: X
+      }], !X.every((A) => A <= 0)) {
+        var wt, Y;
+        const A = (((wt = o.flip) == null ? void 0 : wt.index) || 0) + 1, et = K[A];
+        if (et)
           return {
             data: {
-              index: S,
-              overflows: N
+              index: A,
+              overflows: V
             },
             reset: {
-              placement: Q
+              placement: et
             }
           };
-        let F = (K = N.filter((R) => R.overflows[0] <= 0).sort((R, _) => R.overflows[1] - _.overflows[1])[0]) == null ? void 0 : K.placement;
-        if (!F)
+        let B = (Y = V.filter((F) => F.overflows[0] <= 0).sort((F, H) => F.overflows[1] - H.overflows[1])[0]) == null ? void 0 : Y.placement;
+        if (!B)
           switch (f) {
             case "bestFit": {
-              var dt;
-              const R = (dt = N.filter((_) => {
-                if (L) {
-                  const B = U(_.placement);
-                  return B === b || // Create a bias to the `y` side axis due to horizontal
+              var bt;
+              const F = (bt = V.filter((H) => {
+                if ($) {
+                  const _ = q(H.placement);
+                  return _ === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  B === "y";
+                  _ === "y";
                 }
                 return !0;
-              }).map((_) => [_.placement, _.overflows.filter((B) => B > 0).reduce((B, Me) => B + Me, 0)]).sort((_, B) => _[1] - B[1])[0]) == null ? void 0 : dt[0];
-              R && (F = R);
+              }).map((H) => [H.placement, H.overflows.filter((_) => _ > 0).reduce((_, Pe) => _ + Pe, 0)]).sort((H, _) => H[1] - _[1])[0]) == null ? void 0 : bt[0];
+              F && (B = F);
               break;
             }
             case "initialPlacement":
-              F = l;
+              B = l;
               break;
           }
-        if (n !== F)
+        if (n !== B)
           return {
             reset: {
-              placement: F
+              placement: B
             }
           };
       }
@@ -1337,16 +1383,16 @@ const vi = (t) => ({
     }
   };
 };
-async function yi(t, s) {
+async function vi(t, e) {
   const {
-    placement: e,
-    platform: i,
+    placement: i,
+    platform: s,
     elements: n
-  } = t, o = await (i.isRTL == null ? void 0 : i.isRTL(n.floating)), r = j(e), l = vt(e), c = U(e) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = o && c ? -1 : 1, u = J(s, t);
+  } = t, o = await (s.isRTL == null ? void 0 : s.isRTL(n.floating)), r = j(i), l = At(i), a = q(i) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = o && a ? -1 : 1, u = Q(e, t);
   let {
-    mainAxis: g,
+    mainAxis: h,
     crossAxis: f,
-    alignmentAxis: h
+    alignmentAxis: g
   } = typeof u == "number" ? {
     mainAxis: u,
     crossAxis: 0,
@@ -1356,86 +1402,86 @@ async function yi(t, s) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
+  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), a ? {
     x: f * d,
-    y: g * a
+    y: h * c
   } : {
-    x: g * a,
+    x: h * c,
     y: f * d
   };
 }
-const Ei = function(t) {
+const Si = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
-    async fn(s) {
-      var e, i;
+    async fn(e) {
+      var i, s;
       const {
         x: n,
         y: o,
         placement: r,
         middlewareData: l
-      } = s, c = await yi(s, t);
-      return r === ((e = l.offset) == null ? void 0 : e.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: n + c.x,
-        y: o + c.y,
+      } = e, a = await vi(e, t);
+      return r === ((i = l.offset) == null ? void 0 : i.placement) && (s = l.arrow) != null && s.alignmentOffset ? {} : {
+        x: n + a.x,
+        y: o + a.y,
         data: {
-          ...c,
+          ...a,
           placement: r
         }
       };
     }
   };
-}, Si = function(t) {
+}, Ei = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
-    async fn(s) {
+    async fn(e) {
       const {
-        x: e,
-        y: i,
+        x: i,
+        y: s,
         placement: n
-      } = s, {
+      } = e, {
         mainAxis: o = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (w) => {
+          fn: (b) => {
             let {
               x: p,
-              y: b
-            } = w;
+              y
+            } = b;
             return {
               x: p,
-              y: b
+              y
             };
           }
         },
-        ...c
-      } = J(t, s), a = {
-        x: e,
-        y: i
-      }, d = await Le(s, c), u = U(j(n)), g = Ut(u);
-      let f = a[g], h = a[u];
+        ...a
+      } = Q(t, e), c = {
+        x: i,
+        y: s
+      }, d = await Ae(e, a), u = q(j(n)), h = Yt(u);
+      let f = c[h], g = c[u];
       if (o) {
-        const w = g === "y" ? "top" : "left", p = g === "y" ? "bottom" : "right", b = f + d[w], v = f - d[p];
-        f = Bt(b, f, v);
+        const b = h === "y" ? "top" : "left", p = h === "y" ? "bottom" : "right", y = f + d[b], x = f - d[p];
+        f = _t(y, f, x);
       }
       if (r) {
-        const w = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", b = h + d[w], v = h - d[p];
-        h = Bt(b, h, v);
+        const b = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", y = g + d[b], x = g - d[p];
+        g = _t(y, g, x);
       }
       const m = l.fn({
-        ...s,
-        [g]: f,
-        [u]: h
+        ...e,
+        [h]: f,
+        [u]: g
       });
       return {
         ...m,
         data: {
-          x: m.x - e,
-          y: m.y - i,
+          x: m.x - i,
+          y: m.y - s,
           enabled: {
-            [g]: o,
+            [h]: o,
             [u]: r
           }
         }
@@ -1445,23 +1491,23 @@ const Ei = function(t) {
 }, Ci = function(t) {
   return t === void 0 && (t = {}), {
     options: t,
-    fn(s) {
+    fn(e) {
       const {
-        x: e,
-        y: i,
+        x: i,
+        y: s,
         placement: n,
         rects: o,
         middlewareData: r
-      } = s, {
+      } = e, {
         offset: l = 0,
-        mainAxis: c = !0,
-        crossAxis: a = !0
-      } = J(t, s), d = {
-        x: e,
-        y: i
-      }, u = U(n), g = Ut(u);
-      let f = d[g], h = d[u];
-      const m = J(l, s), w = typeof m == "number" ? {
+        mainAxis: a = !0,
+        crossAxis: c = !0
+      } = Q(t, e), d = {
+        x: i,
+        y: s
+      }, u = q(n), h = Yt(u);
+      let f = d[h], g = d[u];
+      const m = Q(l, e), b = typeof m == "number" ? {
         mainAxis: m,
         crossAxis: 0
       } : {
@@ -1469,95 +1515,95 @@ const Ei = function(t) {
         crossAxis: 0,
         ...m
       };
-      if (c) {
-        const v = g === "y" ? "height" : "width", E = o.reference[g] - o.floating[v] + w.mainAxis, x = o.reference[g] + o.reference[v] - w.mainAxis;
-        f < E ? f = E : f > x && (f = x);
-      }
       if (a) {
-        var p, b;
-        const v = g === "y" ? "width" : "height", E = ["top", "left"].includes(j(n)), x = o.reference[u] - o.floating[v] + (E && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (E ? 0 : w.crossAxis), L = o.reference[u] + o.reference[v] + (E ? 0 : ((b = r.offset) == null ? void 0 : b[u]) || 0) - (E ? w.crossAxis : 0);
-        h < x ? h = x : h > L && (h = L);
+        const x = h === "y" ? "height" : "width", S = o.reference[h] - o.floating[x] + b.mainAxis, v = o.reference[h] + o.reference[x] - b.mainAxis;
+        f < S ? f = S : f > v && (f = v);
+      }
+      if (c) {
+        var p, y;
+        const x = h === "y" ? "width" : "height", S = ["top", "left"].includes(j(n)), v = o.reference[u] - o.floating[x] + (S && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (S ? 0 : b.crossAxis), $ = o.reference[u] + o.reference[x] + (S ? 0 : ((y = r.offset) == null ? void 0 : y[u]) || 0) - (S ? b.crossAxis : 0);
+        g < v ? g = v : g > $ && (g = $);
       }
       return {
-        [g]: f,
-        [u]: h
+        [h]: f,
+        [u]: g
       };
     }
   };
 };
-function kt() {
+function Mt() {
   return typeof window < "u";
 }
-function at(t) {
-  return Ae(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function mt(t) {
+  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function O(t) {
-  var s;
-  return (t == null || (s = t.ownerDocument) == null ? void 0 : s.defaultView) || window;
+function T(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function I(t) {
-  var s;
-  return (s = (Ae(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : s.documentElement;
+function N(t) {
+  var e;
+  return (e = (ke(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Ae(t) {
-  return kt() ? t instanceof Node || t instanceof O(t).Node : !1;
+function ke(t) {
+  return Mt() ? t instanceof Node || t instanceof T(t).Node : !1;
 }
-function T(t) {
-  return kt() ? t instanceof Element || t instanceof O(t).Element : !1;
+function D(t) {
+  return Mt() ? t instanceof Element || t instanceof T(t).Element : !1;
 }
-function M(t) {
-  return kt() ? t instanceof HTMLElement || t instanceof O(t).HTMLElement : !1;
+function I(t) {
+  return Mt() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
 }
-function re(t) {
-  return !kt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof O(t).ShadowRoot;
+function ne(t) {
+  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
 }
-function xt(t) {
+function kt(t) {
   const {
-    overflow: s,
-    overflowX: e,
-    overflowY: i,
+    overflow: e,
+    overflowX: i,
+    overflowY: s,
     display: n
-  } = D(t);
-  return /auto|scroll|overlay|hidden|clip/.test(s + i + e) && !["inline", "contents"].includes(n);
+  } = M(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + s + i) && !["inline", "contents"].includes(n);
 }
-function Li(t) {
-  return ["table", "td", "th"].includes(at(t));
+function Ai(t) {
+  return ["table", "td", "th"].includes(mt(t));
 }
-function Pt(t) {
-  return [":popover-open", ":modal"].some((s) => {
+function Ft(t) {
+  return [":popover-open", ":modal"].some((e) => {
     try {
-      return t.matches(s);
+      return t.matches(e);
     } catch {
       return !1;
     }
   });
 }
-function qt(t) {
-  const s = te(), e = T(t) ? D(t) : t;
-  return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !s && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !s && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
+function Zt(t) {
+  const e = Qt(), i = D(t) ? M(t) : t;
+  return i.transform !== "none" || i.perspective !== "none" || (i.containerType ? i.containerType !== "normal" : !1) || !e && (i.backdropFilter ? i.backdropFilter !== "none" : !1) || !e && (i.filter ? i.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((s) => (i.willChange || "").includes(s)) || ["paint", "layout", "strict", "content"].some((s) => (i.contain || "").includes(s));
 }
-function Ai(t) {
-  let s = H(t);
-  for (; M(s) && !ct(s); ) {
-    if (qt(s))
-      return s;
-    if (Pt(s))
+function ki(t) {
+  let e = U(t);
+  for (; I(e) && !gt(e); ) {
+    if (Zt(e))
+      return e;
+    if (Ft(e))
       return null;
-    s = H(s);
+    e = U(e);
   }
   return null;
 }
-function te() {
+function Qt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function ct(t) {
-  return ["html", "body", "#document"].includes(at(t));
+function gt(t) {
+  return ["html", "body", "#document"].includes(mt(t));
 }
-function D(t) {
-  return O(t).getComputedStyle(t);
+function M(t) {
+  return T(t).getComputedStyle(t);
 }
-function Tt(t) {
-  return T(t) ? {
+function It(t) {
+  return D(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1565,556 +1611,461 @@ function Tt(t) {
     scrollTop: t.scrollY
   };
 }
-function H(t) {
-  if (at(t) === "html")
+function U(t) {
+  if (mt(t) === "html")
     return t;
-  const s = (
+  const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    re(t) && t.host || // Fallback.
-    I(t)
+    ne(t) && t.host || // Fallback.
+    N(t)
   );
-  return re(s) ? s.host : s;
+  return ne(e) ? e.host : e;
 }
 function $e(t) {
-  const s = H(t);
-  return ct(s) ? t.ownerDocument ? t.ownerDocument.body : t.body : M(s) && xt(s) ? s : $e(s);
+  const e = U(t);
+  return gt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && kt(e) ? e : $e(e);
 }
-function mt(t, s, e) {
-  var i;
-  s === void 0 && (s = []), e === void 0 && (e = !0);
-  const n = $e(t), o = n === ((i = t.ownerDocument) == null ? void 0 : i.body), r = O(n);
+function vt(t, e, i) {
+  var s;
+  e === void 0 && (e = []), i === void 0 && (i = !0);
+  const n = $e(t), o = n === ((s = t.ownerDocument) == null ? void 0 : s.body), r = T(n);
   if (o) {
-    const l = jt(r);
-    return s.concat(r, r.visualViewport || [], xt(n) ? n : [], l && e ? mt(l) : []);
+    const l = Wt(r);
+    return e.concat(r, r.visualViewport || [], kt(n) ? n : [], l && i ? vt(l) : []);
   }
-  return s.concat(n, mt(n, [], e));
+  return e.concat(n, vt(n, [], i));
 }
-function jt(t) {
+function Wt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Oe(t) {
-  const s = D(t);
-  let e = parseFloat(s.width) || 0, i = parseFloat(s.height) || 0;
-  const n = M(t), o = n ? t.offsetWidth : e, r = n ? t.offsetHeight : i, l = Et(e) !== o || Et(i) !== r;
-  return l && (e = o, i = r), {
-    width: e,
-    height: i,
+function Le(t) {
+  const e = M(t);
+  let i = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
+  const n = I(t), o = n ? t.offsetWidth : i, r = n ? t.offsetHeight : s, l = Lt(i) !== o || Lt(s) !== r;
+  return l && (i = o, s = r), {
+    width: i,
+    height: s,
     $: l
   };
 }
-function ee(t) {
-  return T(t) ? t : t.contextElement;
+function qt(t) {
+  return D(t) ? t : t.contextElement;
 }
-function tt(t) {
-  const s = ee(t);
-  if (!M(s))
-    return V(1);
-  const e = s.getBoundingClientRect(), {
-    width: i,
+function st(t) {
+  const e = qt(t);
+  if (!I(e))
+    return W(1);
+  const i = e.getBoundingClientRect(), {
+    width: s,
     height: n,
     $: o
-  } = Oe(s);
-  let r = (o ? Et(e.width) : e.width) / i, l = (o ? Et(e.height) : e.height) / n;
+  } = Le(e);
+  let r = (o ? Lt(i.width) : i.width) / s, l = (o ? Lt(i.height) : i.height) / n;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const $i = /* @__PURE__ */ V(0);
-function ke(t) {
-  const s = O(t);
-  return !te() || !s.visualViewport ? $i : {
-    x: s.visualViewport.offsetLeft,
-    y: s.visualViewport.offsetTop
+const $i = /* @__PURE__ */ W(0);
+function Oe(t) {
+  const e = T(t);
+  return !Qt() || !e.visualViewport ? $i : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
   };
 }
-function Oi(t, s, e) {
-  return s === void 0 && (s = !1), !e || s && e !== O(t) ? !1 : s;
+function Li(t, e, i) {
+  return e === void 0 && (e = !1), !i || e && i !== T(t) ? !1 : e;
 }
-function Z(t, s, e, i) {
-  s === void 0 && (s = !1), e === void 0 && (e = !1);
-  const n = t.getBoundingClientRect(), o = ee(t);
-  let r = V(1);
-  s && (i ? T(i) && (r = tt(i)) : r = tt(t));
-  const l = Oi(o, e, i) ? ke(o) : V(0);
-  let c = (n.left + l.x) / r.x, a = (n.top + l.y) / r.y, d = n.width / r.x, u = n.height / r.y;
+function tt(t, e, i, s) {
+  e === void 0 && (e = !1), i === void 0 && (i = !1);
+  const n = t.getBoundingClientRect(), o = qt(t);
+  let r = W(1);
+  e && (s ? D(s) && (r = st(s)) : r = st(t));
+  const l = Li(o, i, s) ? Oe(o) : W(0);
+  let a = (n.left + l.x) / r.x, c = (n.top + l.y) / r.y, d = n.width / r.x, u = n.height / r.y;
   if (o) {
-    const g = O(o), f = i && T(i) ? O(i) : i;
-    let h = g, m = jt(h);
-    for (; m && i && f !== h; ) {
-      const w = tt(m), p = m.getBoundingClientRect(), b = D(m), v = p.left + (m.clientLeft + parseFloat(b.paddingLeft)) * w.x, E = p.top + (m.clientTop + parseFloat(b.paddingTop)) * w.y;
-      c *= w.x, a *= w.y, d *= w.x, u *= w.y, c += v, a += E, h = O(m), m = jt(h);
+    const h = T(o), f = s && D(s) ? T(s) : s;
+    let g = h, m = Wt(g);
+    for (; m && s && f !== g; ) {
+      const b = st(m), p = m.getBoundingClientRect(), y = M(m), x = p.left + (m.clientLeft + parseFloat(y.paddingLeft)) * b.x, S = p.top + (m.clientTop + parseFloat(y.paddingTop)) * b.y;
+      a *= b.x, c *= b.y, d *= b.x, u *= b.y, a += x, c += S, g = T(m), m = Wt(g);
     }
   }
-  return Ct({
+  return Tt({
     width: d,
     height: u,
-    x: c,
-    y: a
+    x: a,
+    y: c
   });
 }
-function ki(t) {
+function Oi(t) {
   let {
-    elements: s,
-    rect: e,
-    offsetParent: i,
+    elements: e,
+    rect: i,
+    offsetParent: s,
     strategy: n
   } = t;
-  const o = n === "fixed", r = I(i), l = s ? Pt(s.floating) : !1;
-  if (i === r || l && o)
-    return e;
-  let c = {
+  const o = n === "fixed", r = N(s), l = e ? Ft(e.floating) : !1;
+  if (s === r || l && o)
+    return i;
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = V(1);
-  const d = V(0), u = M(i);
-  if ((u || !u && !o) && ((at(i) !== "body" || xt(r)) && (c = Tt(i)), M(i))) {
-    const g = Z(i);
-    a = tt(i), d.x = g.x + i.clientLeft, d.y = g.y + i.clientTop;
+  }, c = W(1);
+  const d = W(0), u = I(s);
+  if ((u || !u && !o) && ((mt(s) !== "body" || kt(r)) && (a = It(s)), I(s))) {
+    const h = tt(s);
+    c = st(s), d.x = h.x + s.clientLeft, d.y = h.y + s.clientTop;
   }
   return {
-    width: e.width * a.x,
-    height: e.height * a.y,
-    x: e.x * a.x - c.scrollLeft * a.x + d.x,
-    y: e.y * a.y - c.scrollTop * a.y + d.y
+    width: i.width * c.x,
+    height: i.height * c.y,
+    x: i.x * c.x - a.scrollLeft * c.x + d.x,
+    y: i.y * c.y - a.scrollTop * c.y + d.y
   };
 }
-function Pi(t) {
+function Ti(t) {
   return Array.from(t.getClientRects());
 }
-function Ht(t, s) {
-  const e = Tt(t).scrollLeft;
-  return s ? s.left + e : Z(I(t)).left + e;
+function jt(t, e) {
+  const i = It(t).scrollLeft;
+  return e ? e.left + i : tt(N(t)).left + i;
 }
-function Ti(t) {
-  const s = I(t), e = Tt(t), i = t.ownerDocument.body, n = G(s.scrollWidth, s.clientWidth, i.scrollWidth, i.clientWidth), o = G(s.scrollHeight, s.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -e.scrollLeft + Ht(t);
-  const l = -e.scrollTop;
-  return D(i).direction === "rtl" && (r += G(s.clientWidth, i.clientWidth) - n), {
+function Ri(t) {
+  const e = N(t), i = It(t), s = t.ownerDocument.body, n = Z(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), o = Z(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
+  let r = -i.scrollLeft + jt(t);
+  const l = -i.scrollTop;
+  return M(s).direction === "rtl" && (r += Z(e.clientWidth, s.clientWidth) - n), {
     width: n,
     height: o,
     x: r,
     y: l
   };
 }
-function Di(t, s) {
-  const e = O(t), i = I(t), n = e.visualViewport;
-  let o = i.clientWidth, r = i.clientHeight, l = 0, c = 0;
+function Pi(t, e) {
+  const i = T(t), s = N(t), n = i.visualViewport;
+  let o = s.clientWidth, r = s.clientHeight, l = 0, a = 0;
   if (n) {
     o = n.width, r = n.height;
-    const a = te();
-    (!a || a && s === "fixed") && (l = n.offsetLeft, c = n.offsetTop);
+    const c = Qt();
+    (!c || c && e === "fixed") && (l = n.offsetLeft, a = n.offsetTop);
   }
   return {
     width: o,
     height: r,
     x: l,
-    y: c
+    y: a
   };
 }
-function Ri(t, s) {
-  const e = Z(t, !0, s === "fixed"), i = e.top + t.clientTop, n = e.left + t.clientLeft, o = M(t) ? tt(t) : V(1), r = t.clientWidth * o.x, l = t.clientHeight * o.y, c = n * o.x, a = i * o.y;
+function Di(t, e) {
+  const i = tt(t, !0, e === "fixed"), s = i.top + t.clientTop, n = i.left + t.clientLeft, o = I(t) ? st(t) : W(1), r = t.clientWidth * o.x, l = t.clientHeight * o.y, a = n * o.x, c = s * o.y;
   return {
     width: r,
     height: l,
-    x: c,
-    y: a
+    x: a,
+    y: c
   };
 }
-function le(t, s, e) {
-  let i;
-  if (s === "viewport")
-    i = Di(t, e);
-  else if (s === "document")
-    i = Ti(I(t));
-  else if (T(s))
-    i = Ri(s, e);
+function oe(t, e, i) {
+  let s;
+  if (e === "viewport")
+    s = Pi(t, i);
+  else if (e === "document")
+    s = Ri(N(t));
+  else if (D(e))
+    s = Di(e, i);
   else {
-    const n = ke(t);
-    i = {
-      ...s,
-      x: s.x - n.x,
-      y: s.y - n.y
+    const n = Oe(t);
+    s = {
+      ...e,
+      x: e.x - n.x,
+      y: e.y - n.y
     };
   }
-  return Ct(i);
+  return Tt(s);
 }
-function Pe(t, s) {
-  const e = H(t);
-  return e === s || !T(e) || ct(e) ? !1 : D(e).position === "fixed" || Pe(e, s);
+function Te(t, e) {
+  const i = U(t);
+  return i === e || !D(i) || gt(i) ? !1 : M(i).position === "fixed" || Te(i, e);
 }
-function Mi(t, s) {
-  const e = s.get(t);
-  if (e)
-    return e;
-  let i = mt(t, [], !1).filter((l) => T(l) && at(l) !== "body"), n = null;
-  const o = D(t).position === "fixed";
-  let r = o ? H(t) : t;
-  for (; T(r) && !ct(r); ) {
-    const l = D(r), c = qt(r);
-    !c && l.position === "fixed" && (n = null), (o ? !c && !n : !c && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || xt(r) && !c && Pe(t, r)) ? i = i.filter((d) => d !== r) : n = l, r = H(r);
+function Mi(t, e) {
+  const i = e.get(t);
+  if (i)
+    return i;
+  let s = vt(t, [], !1).filter((l) => D(l) && mt(l) !== "body"), n = null;
+  const o = M(t).position === "fixed";
+  let r = o ? U(t) : t;
+  for (; D(r) && !gt(r); ) {
+    const l = M(r), a = Zt(r);
+    !a && l.position === "fixed" && (n = null), (o ? !a && !n : !a && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || kt(r) && !a && Te(t, r)) ? s = s.filter((d) => d !== r) : n = l, r = U(r);
   }
-  return s.set(t, i), i;
+  return e.set(t, s), s;
 }
-function Ii(t) {
+function Fi(t) {
   let {
-    element: s,
-    boundary: e,
-    rootBoundary: i,
+    element: e,
+    boundary: i,
+    rootBoundary: s,
     strategy: n
   } = t;
-  const r = [...e === "clippingAncestors" ? Pt(s) ? [] : Mi(s, this._c) : [].concat(e), i], l = r[0], c = r.reduce((a, d) => {
-    const u = le(s, d, n);
-    return a.top = G(u.top, a.top), a.right = lt(u.right, a.right), a.bottom = lt(u.bottom, a.bottom), a.left = G(u.left, a.left), a;
-  }, le(s, l, n));
+  const r = [...i === "clippingAncestors" ? Ft(e) ? [] : Mi(e, this._c) : [].concat(i), s], l = r[0], a = r.reduce((c, d) => {
+    const u = oe(e, d, n);
+    return c.top = Z(u.top, c.top), c.right = ht(u.right, c.right), c.bottom = ht(u.bottom, c.bottom), c.left = Z(u.left, c.left), c;
+  }, oe(e, l, n));
   return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
-function Fi(t) {
+function Ii(t) {
   const {
-    width: s,
-    height: e
-  } = Oe(t);
+    width: e,
+    height: i
+  } = Le(t);
   return {
-    width: s,
-    height: e
+    width: e,
+    height: i
   };
 }
-function Ni(t, s, e) {
-  const i = M(s), n = I(s), o = e === "fixed", r = Z(t, !0, o, s);
+function Ni(t, e, i) {
+  const s = I(e), n = N(e), o = i === "fixed", r = tt(t, !0, o, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = V(0);
-  if (i || !i && !o)
-    if ((at(s) !== "body" || xt(n)) && (l = Tt(s)), i) {
-      const f = Z(s, !0, o, s);
-      c.x = f.x + s.clientLeft, c.y = f.y + s.clientTop;
-    } else n && (c.x = Ht(n));
-  let a = 0, d = 0;
-  if (n && !i && !o) {
+  const a = W(0);
+  if (s || !s && !o)
+    if ((mt(e) !== "body" || kt(n)) && (l = It(e)), s) {
+      const f = tt(e, !0, o, e);
+      a.x = f.x + e.clientLeft, a.y = f.y + e.clientTop;
+    } else n && (a.x = jt(n));
+  let c = 0, d = 0;
+  if (n && !s && !o) {
     const f = n.getBoundingClientRect();
-    d = f.top + l.scrollTop, a = f.left + l.scrollLeft - // RTL <body> scrollbar.
-    Ht(n, f);
+    d = f.top + l.scrollTop, c = f.left + l.scrollLeft - // RTL <body> scrollbar.
+    jt(n, f);
   }
-  const u = r.left + l.scrollLeft - c.x - a, g = r.top + l.scrollTop - c.y - d;
+  const u = r.left + l.scrollLeft - a.x - c, h = r.top + l.scrollTop - a.y - d;
   return {
     x: u,
-    y: g,
+    y: h,
     width: r.width,
     height: r.height
   };
 }
-function Rt(t) {
-  return D(t).position === "static";
+function Bt(t) {
+  return M(t).position === "static";
 }
-function ce(t, s) {
-  if (!M(t) || D(t).position === "fixed")
+function re(t, e) {
+  if (!I(t) || M(t).position === "fixed")
     return null;
-  if (s)
-    return s(t);
-  let e = t.offsetParent;
-  return I(t) === e && (e = e.ownerDocument.body), e;
+  if (e)
+    return e(t);
+  let i = t.offsetParent;
+  return N(t) === i && (i = i.ownerDocument.body), i;
 }
-function Te(t, s) {
-  const e = O(t);
-  if (Pt(t))
-    return e;
-  if (!M(t)) {
-    let n = H(t);
-    for (; n && !ct(n); ) {
-      if (T(n) && !Rt(n))
+function Re(t, e) {
+  const i = T(t);
+  if (Ft(t))
+    return i;
+  if (!I(t)) {
+    let n = U(t);
+    for (; n && !gt(n); ) {
+      if (D(n) && !Bt(n))
         return n;
-      n = H(n);
+      n = U(n);
     }
-    return e;
+    return i;
   }
-  let i = ce(t, s);
-  for (; i && Li(i) && Rt(i); )
-    i = ce(i, s);
-  return i && ct(i) && Rt(i) && !qt(i) ? e : i || Ai(t) || e;
+  let s = re(t, e);
+  for (; s && Ai(s) && Bt(s); )
+    s = re(s, e);
+  return s && gt(s) && Bt(s) && !Zt(s) ? i : s || ki(t) || i;
 }
-const _i = async function(t) {
-  const s = this.getOffsetParent || Te, e = this.getDimensions, i = await e(t.floating);
+const Bi = async function(t) {
+  const e = this.getOffsetParent || Re, i = this.getDimensions, s = await i(t.floating);
   return {
-    reference: Ni(t.reference, await s(t.floating), t.strategy),
+    reference: Ni(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: i.width,
-      height: i.height
+      width: s.width,
+      height: s.height
     }
   };
 };
-function Bi(t) {
-  return D(t).direction === "rtl";
-}
-const Vi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
-  getDocumentElement: I,
-  getClippingRect: Ii,
-  getOffsetParent: Te,
-  getElementRects: _i,
-  getClientRects: Pi,
-  getDimensions: Fi,
-  getScale: tt,
-  isElement: T,
-  isRTL: Bi
+function Vi(t) {
+  return M(t).direction === "rtl";
+}
+const Hi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Oi,
+  getDocumentElement: N,
+  getClippingRect: Fi,
+  getOffsetParent: Re,
+  getElementRects: Bi,
+  getClientRects: Ti,
+  getDimensions: Ii,
+  getScale: st,
+  isElement: D,
+  isRTL: Vi
 };
-function ji(t, s) {
-  let e = null, i;
-  const n = I(t);
+function _i(t, e) {
+  let i = null, s;
+  const n = N(t);
   function o() {
     var l;
-    clearTimeout(i), (l = e) == null || l.disconnect(), e = null;
+    clearTimeout(s), (l = i) == null || l.disconnect(), i = null;
   }
-  function r(l, c) {
-    l === void 0 && (l = !1), c === void 0 && (c = 1), o();
+  function r(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), o();
     const {
-      left: a,
+      left: c,
       top: d,
       width: u,
-      height: g
+      height: h
     } = t.getBoundingClientRect();
-    if (l || s(), !u || !g)
+    if (l || e(), !u || !h)
       return;
-    const f = yt(d), h = yt(n.clientWidth - (a + u)), m = yt(n.clientHeight - (d + g)), w = yt(a), b = {
-      rootMargin: -f + "px " + -h + "px " + -m + "px " + -w + "px",
-      threshold: G(0, lt(1, c)) || 1
+    const f = $t(d), g = $t(n.clientWidth - (c + u)), m = $t(n.clientHeight - (d + h)), b = $t(c), y = {
+      rootMargin: -f + "px " + -g + "px " + -m + "px " + -b + "px",
+      threshold: Z(0, ht(1, a)) || 1
     };
-    let v = !0;
-    function E(x) {
-      const L = x[0].intersectionRatio;
-      if (L !== c) {
-        if (!v)
+    let x = !0;
+    function S(v) {
+      const $ = v[0].intersectionRatio;
+      if ($ !== a) {
+        if (!x)
           return r();
-        L ? r(!1, L) : i = setTimeout(() => {
+        $ ? r(!1, $) : s = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      v = !1;
+      x = !1;
     }
     try {
-      e = new IntersectionObserver(E, {
-        ...b,
+      i = new IntersectionObserver(S, {
+        ...y,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(E, b);
+      i = new IntersectionObserver(S, y);
     }
-    e.observe(t);
+    i.observe(t);
   }
   return r(!0), o;
 }
-function Hi(t, s, e, i) {
-  i === void 0 && (i = {});
+function zi(t, e, i, s) {
+  s === void 0 && (s = {});
   const {
     ancestorScroll: n = !0,
     ancestorResize: o = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = i, a = ee(t), d = n || o ? [...a ? mt(a) : [], ...mt(s)] : [];
+    animationFrame: a = !1
+  } = s, c = qt(t), d = n || o ? [...c ? vt(c) : [], ...vt(e)] : [];
   d.forEach((p) => {
-    n && p.addEventListener("scroll", e, {
+    n && p.addEventListener("scroll", i, {
       passive: !0
-    }), o && p.addEventListener("resize", e);
+    }), o && p.addEventListener("resize", i);
   });
-  const u = a && l ? ji(a, e) : null;
-  let g = -1, f = null;
+  const u = c && l ? _i(c, i) : null;
+  let h = -1, f = null;
   r && (f = new ResizeObserver((p) => {
-    let [b] = p;
-    b && b.target === a && f && (f.unobserve(s), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var v;
-      (v = f) == null || v.observe(s);
-    })), e();
-  }), a && !c && f.observe(a), f.observe(s));
-  let h, m = c ? Z(t) : null;
-  c && w();
-  function w() {
-    const p = Z(t);
-    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && e(), m = p, h = requestAnimationFrame(w);
-  }
-  return e(), () => {
+    let [y] = p;
+    y && y.target === c && f && (f.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var x;
+      (x = f) == null || x.observe(e);
+    })), i();
+  }), c && !a && f.observe(c), f.observe(e));
+  let g, m = a ? tt(t) : null;
+  a && b();
+  function b() {
+    const p = tt(t);
+    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && i(), m = p, g = requestAnimationFrame(b);
+  }
+  return i(), () => {
     var p;
-    d.forEach((b) => {
-      n && b.removeEventListener("scroll", e), o && b.removeEventListener("resize", e);
-    }), u == null || u(), (p = f) == null || p.disconnect(), f = null, c && cancelAnimationFrame(h);
+    d.forEach((y) => {
+      n && y.removeEventListener("scroll", i), o && y.removeEventListener("resize", i);
+    }), u == null || u(), (p = f) == null || p.disconnect(), f = null, a && cancelAnimationFrame(g);
   };
 }
-const zi = Ei, Wi = Si, Ki = xi, Xi = vi, Yi = Ci, Gi = (t, s, e) => {
-  const i = /* @__PURE__ */ new Map(), n = {
-    platform: Vi,
-    ...e
+const Wi = Si, ji = Ei, Ui = xi, Ki = yi, Xi = Ci, Yi = (t, e, i) => {
+  const s = /* @__PURE__ */ new Map(), n = {
+    platform: Hi,
+    ...i
   }, o = {
     ...n.platform,
-    _c: i
+    _c: s
   };
-  return bi(t, s, {
+  return bi(t, e, {
     ...n,
     platform: o
   });
 };
-async function De(t) {
-  const s = ve.call(this, t);
-  s.el.inert = !1, s.el.classList.add(this.settings.stateActive), s.isTooltip || s.trigger.setAttribute("aria-expanded", "true"), s.getCustomProps();
-  const e = si(s), i = s.el.querySelector(e.arrow.element);
-  return e.arrow.element = i || void 0, s.cleanup = Hi(s.trigger, s.el, () => {
-    Gi(s.trigger, s.el, {
-      placement: s.getSetting("placement"),
+async function Gi(t) {
+  const e = xe.call(this, t);
+  e.el.inert = !1, e.el.classList.add(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "true"), e.getCustomProps();
+  const i = si(e), s = e.el.querySelector(i.arrow.element);
+  return i.arrow.element = s || void 0, e.floatingCleanup = zi(e.trigger, e.el, () => {
+    Yi(e.trigger, e.el, {
+      placement: e.getSetting("placement"),
       middleware: [
-        Ki(e.flip),
-        Wi({ ...e.shift, limiter: Yi() }),
-        zi(e.offset),
-        Xi(e.arrow)
+        Ui(i.flip),
+        ji({ ...i.shift, limiter: Xi() }),
+        Wi(i.offset),
+        Ki(i.arrow)
       ]
     }).then(({ x: n, y: o, placement: r, middlewareData: l }) => {
-      if (s.el) {
-        if (ne(s.el, n, o), e.arrow.element && l.arrow) {
-          const { x: c, y: a } = l.arrow;
-          ne(e.arrow.element, c, a);
+      if (e.el) {
+        if (ie(e.el, n, o), i.arrow.element && l.arrow) {
+          const { x: a, y: c } = l.arrow;
+          ie(i.arrow.element, a, c);
         }
-        s.el.setAttribute("data-floating-placement", r);
+        e.el.setAttribute("data-floating-placement", r);
       }
     });
-  }), s.state = "opened", s;
-}
-async function Ji(t, s, e = {}) {
-  await _t.call(this, t);
-  const i = this, n = {
-    el: !1,
-    trigger: !1
-  }, o = [
-    "placement",
-    "event",
-    "offset",
-    "flip-padding",
-    "shift-padding",
-    "arrow-padding",
-    "toggle-delay"
-  ], r = this.createEntry(t, { customPropKeys: o });
-  return Object.assign(r, {
-    state: "closed",
-    trigger: s,
-    toggleDelayId: null,
-    cleanup: () => {
-    },
-    open() {
-      return De.call(i, this);
-    },
-    close() {
-      return Jt.call(i, this);
-    },
-    deregister() {
-      return _t.call(i, this);
-    }
-  }), Object.defineProperties(r, Object.getOwnPropertyDescriptors({
-    set isHovered(l) {
-      const c = l.type == "mouseenter" ? !0 : l.type == "mouseleave" ? !1 : void 0;
-      if (c != null)
-        switch (l.target) {
-          case this.el:
-            n.el = c;
-            break;
-          case this.trigger:
-            n.trigger = c;
-            break;
-        }
-    },
-    get isHovered() {
-      return n.el || n.trigger;
-    },
-    get isTooltip() {
-      return !!t.closest(i.settings.selectorTooltip) || t.getAttribute("role") == "tooltip";
-    }
-  })), r.isTooltip && (r.settings.event = "hover"), r.applySettings(e), r.getDataConfig(), r.getCustomProps(), r.isTooltip && r.el.setAttribute("role", "tooltip"), r.isTooltip || r.trigger.setAttribute("aria-expanded", "false"), Re.call(this, r), r.getSetting("teleport") && r.teleport(), this.collection.push(r), r.el.classList.contains(this.settings.stateActive) ? (await r.open(), Ee.call(this, r)) : r.el.inert = !0, r;
-}
-function Re(t) {
-  return t._eventListeners || (t.getSetting("event") === "hover" ? (t._eventListeners = [{
-    el: ["el", "trigger"],
-    type: ["mouseenter", "focus"],
-    listener: ci.bind(this, t)
-  }, {
-    el: ["el", "trigger"],
-    type: ["mouseleave", "focusout"],
-    listener: ai.bind(this, t)
-  }, {
-    el: ["trigger"],
-    type: ["click"],
-    listener: li.bind(this, t)
-  }], t._eventListeners.forEach((e) => {
-    e.el.forEach((i) => {
-      e.type.forEach((n) => {
-        t[i].addEventListener(n, e.listener, !1);
-      });
-    });
-  })) : (t._eventListeners = [{
-    el: ["trigger"],
-    type: ["click"],
-    listener: ri.bind(this, t)
-  }], t._eventListeners.forEach((e) => {
-    e.el.forEach((i) => {
-      e.type.forEach((n) => {
-        t[i].addEventListener(n, e.listener, !1);
-      });
-    });
-  }))), t;
+  }), e.state = "opened", e.getSetting("event") === "click" && ci.call(this, e), e;
 }
-var rt;
-class ts extends Lt {
-  constructor(e) {
-    super({ ...ii, ...e });
-    P(this, rt);
-    this.trigger = null, C(this, rt, fi.bind(this));
+var dt;
+class ts extends Pt {
+  constructor(i = {}) {
+    super({ ...ii, ...i });
+    k(this, dt);
+    this.trigger = null, E(this, dt, ai.bind(this));
   }
   get active() {
-    return this.collection.find((e) => e.state == "opened");
+    return this.get("opened", "state");
   }
   get activeHover() {
-    return this.collection.find((e) => e.state == "opened" && e.getSetting("event") == "hover");
-  }
-  async mount(e) {
-    e && (this.settings = { ...this.settings, ...e });
-    const i = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(i), this.settings.eventListeners && this.mountEventListeners(!1), this;
-  }
-  async unmount() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.unmountEventListeners(!1), this;
+    return this.collection.find((i) => i.state == "opened" && i.getSetting("event") == "hover");
   }
-  mountEventListeners(e = !0) {
-    e && this.collection.forEach((i) => {
-      Re.call(this, i);
-    }), document.addEventListener("keydown", y(this, rt), !1);
+  async createEntry(i, s) {
+    return new fi(this, i, s);
   }
-  unmountEventListeners(e = !0) {
-    e && this.collection.forEach((i) => {
-      Se(i);
-    }), document.removeEventListener("keydown", y(this, rt), !1);
+  async open(i) {
+    return Gi.call(this, i);
   }
-  register(e, i = {}) {
-    const n = oi.call(this, e);
-    return n.error ? Promise.reject(n.error) : Ji.call(this, n.popover, n.trigger, i);
+  async close(i) {
+    return ve.call(this, i);
   }
-  deregister(e) {
-    let i = this.get(e.id || e);
-    return i ? _t.call(this, i) : Promise.reject(new Error(`Failed to deregister; popover does not exist in collection with ID of: "${e.id || e}".`));
+  async afterMount() {
+    document.addEventListener("keydown", w(this, dt), !1);
   }
-  open(e) {
-    return De.call(this, e);
+  async beforeUnmount() {
+    this.trigger = null;
   }
-  close(e) {
-    return Jt.call(this, e);
+  async afterUnmount() {
+    document.removeEventListener("keydown", w(this, dt), !1);
   }
 }
-rt = new WeakMap();
+dt = new WeakMap();
 export {
   Qi as Drawer,
   qi as Modal,