vrembem 4.0.0-next.3 → 4.0.0-next.30

package/dist/index.js

@@ -1,282 +1,210 @@
-var Ke = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, S = (t, e, n) => (Ke(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Rt = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, nt = (t, e, n, i) => (Ke(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), q;
-let Cn = class {
-  constructor(e, n) {
-    Rt(this, q, void 0), this.value = e, nt(this, q, n), this.mql = null;
-  }
-  get handler() {
-    return S(this, q);
-  }
-  // Unmount existing handler before setting a new one.
-  set handler(e) {
-    this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", S(this, q)) : this.mql.removeListener(S(this, q))), nt(this, q, e);
-  }
-  mount(e, n) {
-    return e && (this.value = e), n && nt(this, q, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", S(this, q)) : this.mql.addListener(S(this, q)), S(this, q).call(this, this.mql), this) : this;
-  }
-  unmount() {
-    return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", S(this, q)) : this.mql.removeListener(S(this, q)), this.value = null, nt(this, q, null), this.mql = null, this) : this;
-  }
-};
-q = /* @__PURE__ */ new WeakMap();
-let In = class {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const n = this.collection.findIndex((i) => i === e);
-    if (n >= 0) {
-      const i = this.collection[n];
-      Object.getOwnPropertyNames(i).forEach((s) => {
-        delete i[s];
-      }), this.collection.splice(n, 1);
-    }
-    return this.collection;
-  }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (n) => {
-      this.register(n);
-    })), this.collection;
-  }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
-  }
-  get(e, n = "id") {
-    return this.collection.find((i) => i[n] === e);
-  }
+var te = (t) => {
+  throw TypeError(t);
 };
-const p = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, Sn = [
-  `a[href]${p.inert}${p.negTabIndex}`,
-  `area[href]${p.inert}${p.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${p.inert}${p.negTabIndex}${p.disabled}`,
-  `input[type="radio"]${p.inert}${p.negTabIndex}${p.disabled}`,
-  `select${p.inert}${p.negTabIndex}${p.disabled}`,
-  `textarea${p.inert}${p.negTabIndex}${p.disabled}`,
-  `button${p.inert}${p.negTabIndex}${p.disabled}`,
-  `details${p.inert} > summary:first-of-type${p.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${p.inert}${p.negTabIndex}`,
-  `audio[controls]${p.inert}${p.negTabIndex}`,
-  `video[controls]${p.inert}${p.negTabIndex}`,
-  `[contenteditable]${p.inert}${p.negTabIndex}`,
-  `[tabindex]${p.inert}${p.negTabIndex}`
-];
-var wt, at, lt;
-let Dn = class {
-  constructor(e = null, n = "[data-focus]") {
-    Rt(this, wt, void 0), Rt(this, at, void 0), Rt(this, lt, void 0), this.el = e, this.selectorFocus = n, nt(this, at, Pn.bind(this)), nt(this, lt, qn.bind(this));
-  }
-  get focusable() {
-    return S(this, wt);
-  }
-  set focusable(e) {
-    nt(this, wt, e), S(this, wt).length ? (document.removeEventListener("keydown", S(this, lt)), document.addEventListener("keydown", S(this, at))) : (document.removeEventListener("keydown", S(this, at)), document.addEventListener("keydown", S(this, lt)));
-  }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
-  }
-  mount(e, n) {
-    e && (this.el = e), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
-  }
-  unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", S(this, at)), document.removeEventListener("keydown", S(this, lt));
-  }
-  focus(e = this.el, n = this.selectorFocus) {
-    (e.querySelector(n) || e).focus();
-  }
-  getFocusable(e = this.el) {
-    const n = [], i = document.activeElement, s = e.scrollTop;
-    return e.querySelectorAll(Sn.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && n.push(r);
-    }), e.scrollTop = s, i.focus(), n;
+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)), $ = (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 Kt(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 Pt() {
+  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 = Pt();
+    n && (t = `${n}${t}`), t = `--${t}`;
   }
-};
-wt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap();
-function Pn(t) {
-  (t.key === "Tab" || t.keyCode === 9) && (t.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (t.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (t.preventDefault(), this.focusableFirst.focus()));
-}
-function qn(t) {
-  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
+  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 Mn(t, e) {
-  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return n ? JSON.parse(n) : {};
+function fe(t, e = "config") {
+  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return s ? JSON.parse(s) : {};
 }
-function Wn() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
+function ue(t) {
+  const e = getComputedStyle(t.el), i = {}, s = t.getSetting("customProps");
+  for (let n = 0; n < s.length; n++) {
+    const o = Pt(), r = t.context.module.toLowerCase(), l = Kt(s[n]), a = e.getPropertyValue(`--${o}${r}-${l}`).trim();
+    a && (i[l] = a);
+  }
+  return i;
 }
-function jn(t, e = !0) {
-  const n = localStorage.getItem(t), i = n ? JSON.parse(n) : {};
-  return {
-    get(s) {
-      return s ? i[s] : i;
-    },
-    set(s, r) {
-      return r ? i[s] = r : delete i[s], e && localStorage.setItem(t, JSON.stringify(i)), i;
-    }
-  };
+function de(t) {
+  return typeof t == "string" ? document.getElementById(t) : t instanceof HTMLElement ? t : null;
+}
+function Me(t, e, i = "camel") {
+  return e = i === "camel" ? le(e) : Kt(e), t.split(".").concat(e).reduce((s, n) => s == null ? void 0 : s[n], this);
+}
+function he(t, e = {}) {
+  const {
+    fallback: i,
+    props: s = ["dataConfig", "customProps", "settings", "context.settings"]
+  } = e;
+  for (const n of s) {
+    const o = n !== "customProps" ? "camel" : "kebab", r = Me.call(this, n, t, o);
+    if (r !== void 0)
+      return r;
+  }
+  if (i !== void 0)
+    return i;
+  throw new Error(`${this.context.module} setting does not exist: ${t}`);
+}
+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 Nn(t, e, n) {
-  const i = e.nodeType === Node.COMMENT_NODE, s = e.nodeType === Node.ELEMENT_NODE;
-  if (e = i || s ? e : document.querySelector(e), i && (n = "after"), !e)
-    throw new Error(`Not a valid teleport reference: '${e}'`);
-  if (typeof e[n] != "function")
-    throw new Error(`Not a valid teleport method: '${n}'`);
-  let r = null;
-  return i || (r = document.createComment("teleported #" + t.id), t.before(r)), e[n](t), i && e.remove(), r;
-}
-const _n = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.remove(e.stateClosed), t.classList.add(e.stateOpening), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.add(e.stateOpened), t.classList.remove(e.stateOpening), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateOpened), t.classList.remove(e.stateClosed), n(t));
-}), Fn = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.add(e.stateClosing), t.classList.remove(e.stateOpened), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.remove(e.stateClosing), t.classList.add(e.stateClosed), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateClosed), t.classList.remove(e.stateOpened), n(t));
-});
-function Bn(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
+function Fe(t, e) {
+  e && document.querySelectorAll(e).forEach((s) => {
+    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
   });
 }
-function Rn(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
+function Ie(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 Hn(t, e) {
-  Rn(!!t, e.selectorInert), Bn(!!t, e.selectorOverflow);
+function Et(t, e, i) {
+  Ie(!!t, e), Fe(!!t, i);
 }
-const Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Breakpoint: Cn,
-  Collection: In,
-  FocusTrap: Dn,
-  closeTransition: Fn,
-  getConfig: Mn,
-  getPrefix: Wn,
-  localStore: jn,
-  openTransition: _n,
-  teleport: Nn,
-  updateGlobalState: Hn
-}, Symbol.toStringTag, { value: "Module" }));
-var Ge = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, _t = (t, e, n) => (Ge(t, e, "read from private field"), n ? n.call(t) : e.get(t)), De = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, Pe = (t, e, n, i) => (Ge(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), Qe = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, D = (t, e, n) => (Qe(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Ht = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, it = (t, e, n, i) => (Qe(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), M;
-let Vn = class {
-  constructor(e, n) {
-    Ht(this, M, void 0), this.value = e, it(this, M, n), this.mql = null;
+var P;
+class ge {
+  constructor(e, i) {
+    $(this, P);
+    this.value = e, E(this, P, i), this.mql = null;
   }
   get handler() {
-    return D(this, M);
+    return w(this, P);
   }
   // Unmount existing handler before setting a new one.
   set handler(e) {
-    this.mql && (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", D(this, M)) : this.mql.removeListener(D(this, M))), it(this, M, e);
+    this.mql && this.mql.removeEventListener("change", w(this, P)), E(this, P, e);
   }
-  mount(e, n) {
-    return e && (this.value = e), n && it(this, M, n), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), typeof this.mql.addEventListener == "function" ? this.mql.addEventListener("change", D(this, M)) : this.mql.addListener(D(this, M)), D(this, M).call(this, this.mql), this) : this;
+  mount(e, i) {
+    return e && (this.value = e), i && E(this, P, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", w(this, P)), w(this, P).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (typeof this.mql.removeEventListener == "function" ? this.mql.removeEventListener("change", D(this, M)) : this.mql.removeListener(D(this, M)), this.value = null, it(this, M, null), this.mql = null, this) : this;
-  }
-};
-M = /* @__PURE__ */ new WeakMap();
-let Jn = class {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const n = this.collection.findIndex((i) => i === e);
-    if (n >= 0) {
-      const i = this.collection[n];
-      Object.getOwnPropertyNames(i).forEach((s) => {
-        delete i[s];
-      }), this.collection.splice(n, 1);
+    return this.mql ? (this.mql.removeEventListener("change", w(this, P)), this.value = null, E(this, P, null), this.mql = null, this) : this;
+  }
+}
+P = new WeakMap();
+class Rt {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({
+      dataConfig: "config",
+      customProps: [],
+      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(e) {
-    return await Promise.all(Array.from(e, (n) => {
-      this.register(n);
-    })), 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;
   }
-  get(e, n = "id") {
-    return this.collection.find((i) => i[n] === e);
+  applySettings(e) {
+    return Object.assign(this.settings, e);
   }
-};
-const g = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, zn = [
-  `a[href]${g.inert}${g.negTabIndex}`,
-  `area[href]${g.inert}${g.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${g.inert}${g.negTabIndex}${g.disabled}`,
-  `input[type="radio"]${g.inert}${g.negTabIndex}${g.disabled}`,
-  `select${g.inert}${g.negTabIndex}${g.disabled}`,
-  `textarea${g.inert}${g.negTabIndex}${g.disabled}`,
-  `button${g.inert}${g.negTabIndex}${g.disabled}`,
-  `details${g.inert} > summary:first-of-type${g.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${g.inert}${g.negTabIndex}`,
-  `audio[controls]${g.inert}${g.negTabIndex}`,
-  `video[controls]${g.inert}${g.negTabIndex}`,
-  `[contenteditable]${g.inert}${g.negTabIndex}`,
-  `[tabindex]${g.inert}${g.negTabIndex}`
-];
-var $t, ct, dt;
-let Kn = class {
-  constructor(e = null, n = "[data-focus]") {
-    Ht(this, $t, void 0), Ht(this, ct, void 0), Ht(this, dt, void 0), this.el = e, this.selectorFocus = n, it(this, ct, Gn.bind(this)), it(this, dt, Qn.bind(this));
+  getDataConfig() {
+    return Object.assign(this.dataConfig, fe(this.el, this.getSetting("dataConfig")));
+  }
+  getCustomProps() {
+    return Object.assign(this.customProps, ue(this));
+  }
+  getSetting(e, i = {}) {
+    return he.call(this, e, i);
+  }
+  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);
+  }
+}
+var nt, G, J;
+class jt {
+  constructor(e = null, i = "[data-focus]") {
+    $(this, nt);
+    $(this, G);
+    $(this, J);
+    this.el = e, this.selectorFocus = i, E(this, G, Be.bind(this)), E(this, J, Ve.bind(this));
   }
   get focusable() {
-    return D(this, $t);
+    return w(this, nt);
   }
   set focusable(e) {
-    it(this, $t, e), D(this, $t).length ? (document.removeEventListener("keydown", D(this, dt)), document.addEventListener("keydown", D(this, ct))) : (document.removeEventListener("keydown", D(this, ct)), document.addEventListener("keydown", D(this, dt)));
+    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];
@@ -284,80 +212,143 @@ let Kn = class {
   get focusableLast() {
     return this.focusable[this.focusable.length - 1];
   }
-  mount(e, n) {
-    e && (this.el = e), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
+  mount(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", D(this, ct)), document.removeEventListener("keydown", D(this, dt));
+    this.el = null, this.focusable = [], document.removeEventListener("keydown", w(this, G)), document.removeEventListener("keydown", w(this, J));
   }
-  focus(e = this.el, n = this.selectorFocus) {
-    (e.querySelector(n) || e).focus();
+  focus(e = this.el, i = this.selectorFocus) {
+    (e.querySelector(i) || e).focus();
   }
   getFocusable(e = this.el) {
-    const n = [], i = document.activeElement, s = e.scrollTop;
-    return e.querySelectorAll(zn.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && n.push(r);
-    }), e.scrollTop = s, i.focus(), n;
-  }
-};
-$t = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap();
-function Gn(t) {
+    const i = [], s = document.activeElement, n = e.scrollTop, o = Ne.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)", Ne = [
+  `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 Be(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 Qn(t) {
+function Ve(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function Zn(t, e) {
-  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return n ? JSON.parse(n) : {};
-}
-function Un() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
-}
-function Xn(t, e = !0) {
-  const n = localStorage.getItem(t), i = n ? JSON.parse(n) : {};
+function Xt(t, e = !0) {
+  const i = localStorage.getItem(t), s = i ? JSON.parse(i) : {};
   return {
-    get(s) {
-      return s ? i[s] : i;
+    get(n) {
+      return n ? s[n] : s;
     },
-    set(s, r) {
-      return r ? i[s] = r : delete i[s], e && localStorage.setItem(t, JSON.stringify(i)), i;
+    set(n, o) {
+      return o ? s[n] = o : delete s[n], e && localStorage.setItem(t, JSON.stringify(s)), s;
     }
   };
 }
-const Yn = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.remove(e.stateClosed), t.classList.add(e.stateOpening), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.add(e.stateOpened), t.classList.remove(e.stateOpening), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateOpened), t.classList.remove(e.stateClosed), n(t));
-}), ti = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.add(e.stateClosing), t.classList.remove(e.stateOpened), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.remove(e.stateClosing), t.classList.add(e.stateClosed), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateClosed), t.classList.remove(e.stateOpened), n(t));
-});
-function ei(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
-  });
-}
-function ni(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
-  });
-}
-function le(t, e) {
-  ni(!!t, e.selectorInert), ei(!!t, e.selectorOverflow);
+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 s || (o = document.createComment("teleported #" + t.id), t.before(o)), e[i](t), s && e.remove(), o;
+}
+function He(t) {
+  const e = {
+    prefix: ce("prefix-themes", { fallback: "vb-theme-" }),
+    themes: ["root", "light", "dark"],
+    storeKey: "VB:Profile"
+  };
+  for (const [o] of Object.entries(e))
+    t && t[o] && (e[o] = t[o]);
+  const i = {
+    onInit() {
+    },
+    onChange() {
+    }
+  };
+  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: e,
+    // Actions.
+    add(o) {
+      e.themes.push(o);
+    },
+    remove(o) {
+      const r = e.themes.indexOf(o);
+      ~r && e.themes.splice(r, 1);
+    },
+    callback(o) {
+      i[o].call(this);
+    },
+    // Getters.
+    get class() {
+      return `${e.prefix}${this.theme}`;
+    },
+    get classes() {
+      return e.themes.map((o) => `${e.prefix}${o}`);
+    },
+    get themes() {
+      return e.themes;
+    },
+    // Setup the theme get and set methods.
+    get theme() {
+      return s.get("theme") || "root";
+    },
+    set theme(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;
 }
-const ii = {
-  autoInit: !1,
+const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Breakpoint: ge,
+  Collection: Rt,
+  CollectionEntry: Ct,
+  FocusTrap: jt,
+  cssVar: ce,
+  getConfig: fe,
+  getCustomProps: ue,
+  getElement: de,
+  getPrefix: Pt,
+  getSetting: he,
+  lifecycleHook: C,
+  localStore: Xt,
+  setGlobalState: Et,
+  teleport: Vt,
+  themeStore: He,
+  toCamel: le,
+  toKebab: Kt,
+  toMilliseconds: ae,
+  transition: St
+}, Symbol.toStringTag, { value: "Module" })), _e = {
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
   dataToggle: "drawer-toggle",
   dataBreakpoint: "drawer-breakpoint",
-  dataConfig: "drawer-config",
   // Selectors
-  selectorDrawer: ".drawer",
+  selector: ".drawer",
   selectorDialog: ".drawer__dialog",
+  selectorScreen: ".drawer",
   selectorFocus: "[data-focus]",
   selectorInert: null,
   selectorOverflow: "body",
@@ -369,373 +360,223 @@ const ii = {
   // Classes
   classModal: "drawer_modal",
   // Feature toggles
+  customProps: [
+    "transition-duration"
+  ],
   breakpoints: null,
   customEventPrefix: "drawer:",
-  eventListeners: !0,
   store: !0,
   storeKey: "VB:DrawerState",
   setTabindex: !0,
-  transition: !0
+  teleport: null,
+  teleportMethod: "prepend",
+  transition: !0,
+  transitionDuration: 300
 };
-function si(t) {
-  const e = t.target.closest(`
-    [data-${this.settings.dataOpen}],
-    [data-${this.settings.dataToggle}],
-    [data-${this.settings.dataClose}]
-  `);
-  if (e) {
-    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((n) => {
-      const i = this.get(n);
-      i.trigger = e, i.toggle();
-    }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((n) => {
-      const i = this.get(n);
-      i.trigger = e, i.open();
-    }), e.matches(`[data-${this.settings.dataClose}]`) && e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach((n) => {
-      if (n) {
-        const i = this.get(n);
-        i.trigger = e, i.close();
-      } else {
-        const i = t.target.closest(this.settings.selectorDrawer);
-        i && this.close(i);
-      }
-    });
-    return;
-  }
-  t.target.matches(this.settings.selectorDrawer) && this.close(t.target.id);
-}
-function ri(t) {
-  if (t.key === "Escape") {
-    const e = this.activeModal;
-    e && this.close(e);
-  }
+function ze(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 ne(t, e = !0) {
-  if (!t)
-    return this.collection;
-  const n = this.collection.findIndex((i) => i.id === t.id);
-  if (n >= 0) {
-    const i = this.collection[n];
-    e && i.state === "opened" && await i.close(!1), this.store.set(i.id), i.unmountBreakpoint(), Object.getOwnPropertyNames(i).forEach((s) => {
-      delete i[s];
-    }), this.collection.splice(n, 1);
-  }
-  return this.collection;
+async function We(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 oi(t) {
-  const e = Un(), n = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
-  return this.settings.breakpoints && this.settings.breakpoints[n] ? this.settings.breakpoints[n] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${n}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${n}`).trim() : n;
+function Ue(t) {
+  const e = Pt(), 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 ce(t) {
-  const e = typeof t == "string" ? this.get(t) : this.get(t.id);
+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 Ze(t) {
-  return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.hasAttribute(`data-${this.settings.dataOpen}`) ? t.getAttribute(`data-${this.settings.dataOpen}`) : t.hasAttribute(`data-${this.settings.dataClose}`) ? t.getAttribute(`data-${this.settings.dataClose}`) || !1 : t.hasAttribute(`data-${this.settings.dataToggle}`) ? t.getAttribute(`data-${this.settings.dataToggle}`) : t.closest(this.settings.selectorDrawer) ? (t = t.closest(this.settings.selectorDrawer), t.id || !1) : !1 : t.id ? t.id : !1;
-}
-function ai(t) {
-  const e = Ze.call(this, t);
-  if (e) {
-    const n = document.querySelector(`#${e}`), i = n ? n.querySelector(this.settings.selectorDialog) : null;
-    return !n && !i ? { error: new Error(`No drawer elements found using the ID: "${e}".`) } : i ? { drawer: n, dialog: i } : { error: new Error("Drawer is missing dialog element.") };
-  } else
-    return { error: new Error("Could not resolve the drawer ID.") };
-}
-async function Ue(t) {
-  this.store.get(t.id) ? this.store.get(t.id) === "opened" ? await t.open(!1, !1) : await t.close(!1, !1) : t.el.classList.contains(this.settings.stateOpened) ? t.state = "opened" : (t.el.classList.remove(this.settings.stateOpening), t.el.classList.remove(this.settings.stateClosing), t.el.classList.add(this.settings.stateClosed));
-}
-function Xe(t) {
+function me(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 de(t, e, n = !0) {
-  const i = ce.call(this, t), s = { ...this.settings, ...i.settings };
-  return e !== void 0 && (s.transition = e), i.state === "closed" && (i.state = "opening", await Yn(i.el, s), i.mode === "modal" && le(!0, s), i.state = "opened"), n && Xe.call(this, i), i.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "opened", {
-    detail: this,
-    bubbles: !0
-  })), i;
-}
-async function Kt(t, e, n = !0) {
-  const i = ce.call(this, t), s = { ...this.settings, ...i.settings };
-  return e !== void 0 && (s.transition = e), i.state === "opened" && (i.state = "closing", document.activeElement.blur(), await ti(i.el, s), i.mode === "modal" && le(!1, s), n && Xe.call(this, i), i.state = "closed", i.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "closed", {
-    detail: this,
-    bubbles: !0
-  }))), i;
-}
-async function Ye(t, e, n) {
-  const i = ce.call(this, t);
-  return i.state === "closed" ? de.call(this, i, e, n) : Kt.call(this, i, e, n);
-}
-function li(t) {
+function Ke(t) {
   switch (t.mode) {
     case "inline":
-      return ci.call(this, t);
+      return je.call(this, t);
     case "modal":
-      return di.call(this, t);
+      return Xe.call(this, t);
     default:
       throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
-async function ci(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), le(!1, { ...this.settings, ...t.settings }), this.focusTrap.unmount(), await Ue.call(this, t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function 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 We(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), t;
 }
-async function di(t) {
-  return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), !this.store.get(t.id) && t.el.classList.contains(t.getSetting("stateOpened")) && this.store.set(t.id, "opened"), await Kt.call(this, t, !1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+async function Xe(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;
 }
-async function ui(t, e) {
-  await ne.call(this, t, !1);
-  const n = this, i = new Vn(), s = {
-    open(o, c) {
-      return de.call(n, this, o, c);
-    },
-    close(o, c) {
-      return Kt.call(n, this, o, c);
-    },
-    toggle(o, c) {
-      return Ye.call(n, this, o, c);
-    },
-    deregister() {
-      return ne.call(n, this);
-    },
-    mountBreakpoint() {
-      const o = this.breakpoint, c = this.handleBreakpoint.bind(this);
-      return i.mount(o, c), this;
-    },
-    unmountBreakpoint() {
-      return i.unmount(), this;
-    },
-    handleBreakpoint(o) {
-      return this.mode = o.matches ? "inline" : "modal", this;
-    },
-    getSetting(o) {
-      return o in this.settings ? this.settings[o] : n.settings[o];
-    }
-  }, r = {
-    id: t.id,
-    el: t,
-    dialog: e,
-    trigger: null,
-    settings: Zn(t, this.settings.dataConfig),
-    get breakpoint() {
-      return oi.call(n, t);
-    },
-    get state() {
-      return a;
-    },
-    set state(o) {
-      a = o, (o === "opened" || o === "closed") && this.mode === "inline" && n.store.set(this.id, this.state);
-    },
-    get mode() {
-      return l;
-    },
-    set mode(o) {
-      l = o, li.call(n, this);
-    },
-    ...s
-  };
-  let a = t.classList.contains(r.getSetting("stateOpened")) ? "opened" : "closed", l = t.classList.contains(r.getSetting("classModal")) ? "modal" : "inline";
-  return r.mode === "modal" ? r.dialog.setAttribute("aria-modal", "true") : r.dialog.removeAttribute("aria-modal"), r.getSetting("setTabindex") && r.dialog.setAttribute("tabindex", "-1"), this.collection.push(r), r.breakpoint ? r.mountBreakpoint() : await Ue.call(this, r), r;
-}
-var Et, xt;
-let Xs = class extends Jn {
-  constructor(e) {
-    super(), De(this, Et, void 0), De(this, xt, void 0), this.defaults = ii, this.settings = { ...this.defaults, ...e }, this.focusTrap = new Kn(), this.store = Xn(this.settings.storeKey, this.settings.store), Pe(this, Et, si.bind(this)), Pe(this, xt, ri.bind(this)), this.settings.autoInit && this.init();
+var ot, rt, lt;
+class Ye extends Ct {
+  constructor(i, s, n = {}) {
+    super(i, s, n);
+    $(this, ot);
+    $(this, rt);
+    $(this, lt);
+    this.dialog = null, this.trigger = null, E(this, lt, new ge()), E(this, ot, "indeterminate"), E(this, rt, "indeterminate"), this.inlineState = "indeterminate";
   }
-  get activeModal() {
-    return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
+  get breakpoint() {
+    return Ue.call(this.context, this.el);
   }
-  async init(e = null) {
-    e && (this.settings = { ...this.settings, ...e });
-    const n = document.querySelectorAll(this.settings.selectorDrawer);
-    return await this.registerCollection(n), this.settings.eventListeners && this.initEventListeners(), this;
+  get store() {
+    return this.context.store.get(this.id);
   }
-  async destroy() {
-    return await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
+  get mode() {
+    return w(this, ot);
   }
-  initEventListeners() {
-    document.addEventListener("click", _t(this, Et), !1), document.addEventListener("keydown", _t(this, xt), !1);
+  set mode(i) {
+    E(this, ot, i), Ke.call(this.context, this);
   }
-  destroyEventListeners() {
-    document.removeEventListener("click", _t(this, Et), !1), document.removeEventListener("keydown", _t(this, xt), !1);
+  get state() {
+    return w(this, rt);
   }
-  register(e) {
-    const n = ai.call(this, e);
-    return n.error ? Promise.reject(n.error) : ui.call(this, n.drawer, n.dialog);
+  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")));
   }
-  deregister(e) {
-    const n = this.get(Ze.call(this, e));
-    return ne.call(this, n);
+  async open(i, s) {
+    return this.context.open(this, i, s);
   }
-  open(e, n, i) {
-    return de.call(this, e, n, i);
+  async close(i, s) {
+    return this.context.close(this, i, s);
   }
-  close(e, n, i) {
-    return Kt.call(this, e, n, i);
+  async toggle(i, s) {
+    return this.context.toggle(this, i, s);
   }
-  toggle(e, n, i) {
-    return Ye.call(this, e, n, i);
+  async deregister() {
+    return this.context.deregister(this.id);
   }
-};
-Et = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap();
-var tn = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, Ft = (t, e, n) => (tn(t, e, "read from private field"), n ? n.call(t) : e.get(t)), qe = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, Me = (t, e, n, i) => (tn(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), en = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, Q = (t, e, n) => (en(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Yt = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, te = (t, e, n, i) => (en(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n);
-class hi {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const n = this.collection.findIndex((i) => i === e);
-    if (n >= 0) {
-      const i = this.collection[n];
-      Object.getOwnPropertyNames(i).forEach((s) => {
-        delete i[s];
-      }), this.collection.splice(n, 1);
-    }
-    return this.collection;
+  mountBreakpoint() {
+    const i = this.breakpoint, s = this.handleBreakpoint.bind(this);
+    w(this, lt).mount(i, s);
   }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (n) => {
-      this.register(n);
-    })), this.collection;
+  unmountBreakpoint() {
+    w(this, lt).unmount();
   }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
+  handleBreakpoint(i) {
+    const s = i.matches ? "inline" : "modal";
+    this.mode != s && (this.mode = s);
   }
-  get(e, n = "id") {
-    return this.collection.find((i) => i[n] === e);
-  }
-}
-const m = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, fi = [
-  `a[href]${m.inert}${m.negTabIndex}`,
-  `area[href]${m.inert}${m.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${m.inert}${m.negTabIndex}${m.disabled}`,
-  `input[type="radio"]${m.inert}${m.negTabIndex}${m.disabled}`,
-  `select${m.inert}${m.negTabIndex}${m.disabled}`,
-  `textarea${m.inert}${m.negTabIndex}${m.disabled}`,
-  `button${m.inert}${m.negTabIndex}${m.disabled}`,
-  `details${m.inert} > summary:first-of-type${m.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${m.inert}${m.negTabIndex}`,
-  `audio[controls]${m.inert}${m.negTabIndex}`,
-  `video[controls]${m.inert}${m.negTabIndex}`,
-  `[contenteditable]${m.inert}${m.negTabIndex}`,
-  `[tabindex]${m.inert}${m.negTabIndex}`
-];
-var Lt, ut, ht;
-let pi = class {
-  constructor(e = null, n = "[data-focus]") {
-    Yt(this, Lt, void 0), Yt(this, ut, void 0), Yt(this, ht, void 0), this.el = e, this.selectorFocus = n, te(this, ut, gi.bind(this)), te(this, ht, mi.bind(this));
+  async beforeMount() {
+    const i = this.el.querySelector(this.getSetting("selectorDialog"));
+    this.dialog = i || this.el, this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1"), ze(this), this.inlineState = this.state, this.mode = this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline", this.breakpoint && this.mountBreakpoint();
   }
-  get focusable() {
-    return Q(this, Lt);
+  async beforeUnmount(i = !0) {
+    i && this.state === "opened" && await this.close(!1), this.context.store.set(this.id), this.unmountBreakpoint();
   }
-  set focusable(e) {
-    te(this, Lt, e), Q(this, Lt).length ? (document.removeEventListener("keydown", Q(this, ht)), document.addEventListener("keydown", Q(this, ut))) : (document.removeEventListener("keydown", Q(this, ut)), document.addEventListener("keydown", Q(this, ht)));
+}
+ot = new WeakMap(), rt = new WeakMap(), lt = new WeakMap();
+async function Ge(t) {
+  const e = t.target.closest(`
+    [data-${this.settings.dataOpen}],
+    [data-${this.settings.dataToggle}],
+    [data-${this.settings.dataClose}]
+  `);
+  if (e) {
+    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((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.selector);
+        if (n) return this.close(n.id);
+      }
+    });
+    return;
   }
-  get focusableFirst() {
-    return this.focusable[0];
+  if (this.activeModal && t.target.matches(this.settings.selectorScreen))
+    return this.close(this.activeModal.id);
+}
+function Je(t) {
+  if (t.key === "Escape" && this.activeModal)
+    return this.close(this.activeModal.id);
+}
+async function pe(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 && me.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "opened", {
+    detail: this,
+    bubbles: !0
+  }))), s;
+}
+async function we(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 && me.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "closed", {
+    detail: this,
+    bubbles: !0
+  }))), s;
+}
+async function Ze(t, e, i) {
+  const s = it.call(this, t);
+  return s.state === "closed" ? pe.call(this, s, e, i) : we.call(this, s, e, i);
+}
+var at, ct;
+class ts extends Rt {
+  constructor(i) {
+    super({ ..._e, ...i });
+    $(this, at);
+    $(this, ct);
+    this.focusTrap = new jt(), E(this, at, Ge.bind(this)), E(this, ct, Je.bind(this)), this.store = Xt(this.settings.storeKey, this.settings.store);
   }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
+  get activeModal() {
+    return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
   }
-  mount(e, n) {
-    e && (this.el = e), n && (this.selectorFocus = n), this.focusable = this.getFocusable(), this.focus();
+  async createEntry(i, s) {
+    return new Ye(this, i, s);
   }
-  unmount() {
-    this.el = null, this.focusable = [], document.removeEventListener("keydown", Q(this, ut)), document.removeEventListener("keydown", Q(this, ht));
+  async open(i, s, n) {
+    return pe.call(this, i, s, n);
   }
-  focus(e = this.el, n = this.selectorFocus) {
-    (e.querySelector(n) || e).focus();
+  async close(i, s, n) {
+    return we.call(this, i, s, n);
   }
-  getFocusable(e = this.el) {
-    const n = [], i = document.activeElement, s = e.scrollTop;
-    return e.querySelectorAll(fi.join(",")).forEach((r) => {
-      r.focus(), document.activeElement === r && n.push(r);
-    }), e.scrollTop = s, i.focus(), n;
+  async toggle(i, s, n) {
+    return Ze.call(this, i, s, n);
+  }
+  async afterMount() {
+    document.addEventListener("click", w(this, at), !1), document.addEventListener("keydown", w(this, ct), !1);
+  }
+  async beforeUnmount() {
+    this.trigger = null;
+  }
+  async afterUnmount() {
+    document.removeEventListener("click", w(this, at), !1), document.removeEventListener("keydown", w(this, ct), !1);
   }
-};
-Lt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap();
-function gi(t) {
-  (t.key === "Tab" || t.keyCode === 9) && (t.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (t.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (t.preventDefault(), this.focusableFirst.focus()));
-}
-function mi(t) {
-  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
-}
-function vi(t, e) {
-  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return n ? JSON.parse(n) : {};
-}
-function We(t, e, n) {
-  const i = e.nodeType === Node.COMMENT_NODE, s = e.nodeType === Node.ELEMENT_NODE;
-  if (e = i || s ? e : document.querySelector(e), i && (n = "after"), !e)
-    throw new Error(`Not a valid teleport reference: '${e}'`);
-  if (typeof e[n] != "function")
-    throw new Error(`Not a valid teleport method: '${n}'`);
-  let r = null;
-  return i || (r = document.createComment("teleported #" + t.id), t.before(r)), e[n](t), i && e.remove(), r;
-}
-const bi = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.remove(e.stateClosed), t.classList.add(e.stateOpening), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.add(e.stateOpened), t.classList.remove(e.stateOpening), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateOpened), t.classList.remove(e.stateClosed), n(t));
-}), yi = (t, e) => new Promise((n) => {
-  e.transition ? (t.classList.add(e.stateClosing), t.classList.remove(e.stateOpened), t.addEventListener("transitionend", function i(s) {
-    s.target == t && (t.classList.remove(e.stateClosing), t.classList.add(e.stateClosed), n(t), this.removeEventListener("transitionend", i));
-  })) : (t.classList.add(e.stateClosed), t.classList.remove(e.stateOpened), n(t));
-});
-function wi(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
-  });
-}
-function $i(t, e) {
-  e && document.querySelectorAll(e).forEach((n) => {
-    t ? (n.inert = !0, n.setAttribute("aria-hidden", !0)) : (n.inert = null, n.removeAttribute("aria-hidden"));
-  });
-}
-function Ei(t, e) {
-  $i(!!t, e.selectorInert), wi(!!t, e.selectorOverflow);
 }
-const xi = {
-  autoInit: !1,
+at = new WeakMap(), ct = new WeakMap();
+const Qe = {
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
   dataReplace: "modal-replace",
-  dataConfig: "modal-config",
   // Selectors
-  selectorModal: ".modal",
+  selector: ".modal",
   selectorDialog: ".modal__dialog",
+  selectorScreen: ".modal",
   selectorRequired: '[role="alertdialog"]',
   selectorFocus: "[data-focus]",
   selectorInert: null,
@@ -746,311 +587,265 @@ const xi = {
   stateClosing: "is-closing",
   stateClosed: "is-closed",
   // Feature settings
+  customProps: [
+    "transition-duration"
+  ],
   customEventPrefix: "modal:",
-  eventListeners: !0,
+  setTabindex: !0,
   teleport: null,
   teleportMethod: "append",
-  setTabindex: !0,
-  transition: !0
+  transition: !0,
+  transitionDuration: 300
 };
-function ue(t) {
+class qe 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 Jt(t) {
-  return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.hasAttribute(`data-${this.settings.dataOpen}`) ? t.getAttribute(`data-${this.settings.dataOpen}`) : t.hasAttribute(`data-${this.settings.dataClose}`) ? t.getAttribute(`data-${this.settings.dataClose}`) || !1 : t.hasAttribute(`data-${this.settings.dataReplace}`) ? t.getAttribute(`data-${this.settings.dataReplace}`) : t.closest(this.settings.selectorModal) ? (t = t.closest(this.settings.selectorModal), t.id || !1) : !1 : t.id ? t.id : !1;
-}
-function Li(t) {
-  const e = Jt.call(this, t);
-  if (e) {
-    const n = document.querySelector(`#${e}`), i = n ? n.querySelector(this.settings.selectorDialog) : null;
-    return !n && !i ? { error: new Error(`No modal elements found using the ID: "${e}".`) } : i ? { modal: n, dialog: i } : { error: new Error("Modal is missing dialog element.") };
-  } else
-    return { error: new Error("Could not resolve the modal ID.") };
-}
-function Gt() {
+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 Oi(t) {
-  let e = t.target.closest(
-    `[data-${this.settings.dataOpen}], [data-${this.settings.dataReplace}]`
-  );
+async function ti(t) {
+  const e = t.target.closest(`
+    [data-${this.settings.dataOpen}],
+    [data-${this.settings.dataReplace}],
+    [data-${this.settings.dataClose}]
+  `);
   if (e) {
-    t.preventDefault(), t.target.closest(this.settings.selectorModal) || (this.trigger = e);
-    const n = this.get(Jt.call(this, e));
-    return e.matches(`[data-${this.settings.dataOpen}]`) ? n.open() : n.replace();
-  }
-  if (e = t.target.closest(`[data-${this.settings.dataClose}]`), e) {
-    t.preventDefault();
-    const n = e.getAttribute(`data-${this.settings.dataClose}`);
-    return n === "*" ? this.closeAll() : this.close(n);
+    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 (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 (e.matches(`[data-${this.settings.dataClose}]`)) {
+      const i = e.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return i === "*" ? this.closeAll() : this.close(i);
+    }
   }
-  if (t.target.matches(this.settings.selectorModal) && !t.target.querySelector(this.settings.selectorRequired))
-    return this.close(Jt.call(this, t.target));
+  if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.isRequired)
+    return this.close(this.active.id);
 }
-function ki(t) {
+function ei(t) {
   if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function ie(t, e = !0) {
-  if (!t)
-    return this.collection;
-  const n = this.collection.findIndex((i) => i.id === t.id);
-  if (n >= 0) {
-    const i = this.collection[n];
-    e && i.state === "opened" ? await i.close(!1) : this.stack.remove(i), i.getSetting("teleport") && i.teleportReturn(), Object.getOwnPropertyNames(i).forEach((s) => {
-      delete i[s];
-    }), this.collection.splice(n, 1);
-  }
-  return this.collection;
-}
-async function he(t, e, n = !0) {
-  const i = ue.call(this, t), s = { ...this.settings, ...i.settings };
-  return e !== void 0 && (s.transition = e), this.stack.moveToTop(i), i.state === "closed" && (i.state = "opening", this.stack.add(i), await bi(i.el, s), i.state = "opened"), n && Gt.call(this), i.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "opened", {
+async function be(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;
+  })), s;
+}
+async function ye(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
+  }))), s;
 }
-async function fe(t, e, n = !0) {
-  const i = t ? ue.call(this, t) : this.active;
-  if (i && i.state === "opened") {
-    i.state = "closing";
-    const s = { ...this.settings, ...i.settings };
-    e !== void 0 && (s.transition = e), document.activeElement.blur(), await yi(i.el, s), this.stack.remove(i), n && Gt.call(this), i.state = "closed", i.el.dispatchEvent(new CustomEvent(s.customEventPrefix + "closed", {
-      detail: this,
-      bubbles: !0
-    }));
-  }
-  return i;
+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 ye.call(this, s, e, !1)), s.trigger = null;
+  })), i;
 }
-async function se(t, e) {
-  const n = [];
-  return await Promise.all(this.stack.value.map(async (i) => {
-    t && t === i.id ? Promise.resolve() : n.push(await fe.call(this, i, e, !1)), i.trigger = null;
-  })), n;
-}
-async function nn(t, e, n = !0) {
-  const i = ue.call(this, t);
-  let s, r;
-  return i.state === "opened" ? (s = i, r = await se.call(this, i.id, e)) : (s = he.call(this, i, e, !1), r = se.call(this, !1, e), await Promise.all([s, r])), n && Gt.call(this), { opened: s, closed: r };
-}
-async function Ti(t, e) {
-  await ie.call(this, t, !1);
-  const n = this, i = {
-    open(r, a) {
-      return he.call(n, this, r, a);
-    },
-    close(r, a) {
-      return fe.call(n, this, r, a);
-    },
-    replace(r, a) {
-      return nn.call(n, this, r, a);
-    },
-    deregister() {
-      return ie.call(n, this);
-    },
-    teleport(r = this.getSetting("teleport"), a = this.getSetting("teleportMethod")) {
-      return this.returnRef ? (console.error("Element has already been teleported:", this.el), !1) : (this.returnRef = We(this.el, r, a), this.el);
-    },
-    teleportReturn() {
-      return this.returnRef ? (this.returnRef = We(this.el, this.returnRef), this.el) : (console.error("No return reference found:", this.el), !1);
-    },
-    getSetting(r) {
-      return r in this.settings ? this.settings[r] : n.settings[r];
-    }
-  }, s = {
-    id: t.id,
-    state: "closed",
-    el: t,
-    dialog: e,
-    returnRef: null,
-    settings: vi(t, this.settings.dataConfig),
-    ...i
-  };
-  return s.dialog.setAttribute("aria-modal", "true"), s.dialog.hasAttribute("role") || s.dialog.setAttribute("role", "dialog"), s.getSetting("setTabindex") && s.dialog.setAttribute("tabindex", "-1"), s.getSetting("teleport") && s.teleport(), this.collection.push(s), s.el.classList.contains(this.settings.stateOpened) ? await s.open(!1) : (s.el.classList.remove(this.settings.stateOpening), s.el.classList.remove(this.settings.stateClosing), s.el.classList.add(this.settings.stateClosed)), s;
+async function ii(t, e, i = !0) {
+  const s = xt.call(this, t);
+  let n, o;
+  return s.state === "opened" ? (n = s, o = await Ht.call(this, s.id, e)) : (o = Ht.call(this, !1, e), n = be.call(this, s, e, !1), await Promise.all([n, o])), i && Dt.call(this), { opened: n, closed: o };
 }
-function Ai(t) {
+function si(t) {
   const e = [];
   return {
     get value() {
       return [...e];
     },
     get top() {
-      return e[e.length - 1];
+      const i = e[e.length - 1];
+      return i || null;
     },
     updateIndex() {
-      e.forEach((n, i) => {
-        n.el.style.zIndex = null;
-        const s = getComputedStyle(n.el)["z-index"];
-        n.el.style.zIndex = parseInt(s) + 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() {
-      Ei(this.top, t), this.updateIndex();
+    setGlobalState() {
+      Et(this.top, t.selectorInert, t.selectorOverflow), this.updateIndex();
     },
-    add(n) {
-      n.el.style.zIndex = null;
-      const i = getComputedStyle(n.el)["z-index"];
-      n.el.style.zIndex = parseInt(i) + e.length + 1, e.push(n), this.updateGlobalState();
+    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(n) {
-      const i = e.findIndex((s) => s.id === n.id);
-      i >= 0 && (n.el.style.zIndex = null, e.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(n) {
-      const i = e.findIndex((s) => s.id === n.id);
-      i >= 0 && (e.splice(i, 1), this.add(n));
+    moveToTop(i) {
+      const s = e.findIndex((n) => n.id === i.id);
+      s >= 0 && (e.splice(s, 1), this.add(i));
     }
   };
 }
-var Ot, kt;
-class er extends hi {
-  constructor(e) {
-    super(), qe(this, Ot, void 0), qe(this, kt, void 0), this.defaults = xi, this.settings = { ...this.defaults, ...e }, this.trigger = null, this.focusTrap = new pi(), this.stack = Ai(this.settings), Me(this, Ot, Oi.bind(this)), Me(this, kt, ki.bind(this)), this.settings.autoInit && this.init();
+var ft, ut;
+class es extends Rt {
+  constructor(i) {
+    super({ ...Qe, ...i });
+    $(this, ft);
+    $(this, ut);
+    this.trigger = null, this.focusTrap = new jt(), E(this, ft, ti.bind(this)), E(this, ut, ei.bind(this)), this.stack = si(this.settings);
   }
   get active() {
     return this.stack.top;
   }
-  async init(e) {
-    e && (this.settings = { ...this.settings, ...e });
-    const n = document.querySelectorAll(this.settings.selectorModal);
-    return await this.registerCollection(n), this.settings.eventListeners && this.initEventListeners(), this;
-  }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(), this;
-  }
-  initEventListeners() {
-    document.addEventListener("click", Ft(this, Ot), !1), document.addEventListener("keydown", Ft(this, kt), !1);
-  }
-  destroyEventListeners() {
-    document.removeEventListener("click", Ft(this, Ot), !1), document.removeEventListener("keydown", Ft(this, kt), !1);
-  }
-  register(e) {
-    const n = Li.call(this, e);
-    return n.error ? Promise.reject(n.error) : Ti.call(this, n.modal, n.dialog);
-  }
-  deregister(e) {
-    const n = this.get(Jt.call(this, e));
-    return ie.call(this, n);
-  }
-  open(e, n, i) {
-    return he.call(this, e, n, i);
-  }
-  close(e, n, i) {
-    return fe.call(this, e, n, i);
-  }
-  replace(e, n, i) {
-    return nn.call(this, e, n, i);
-  }
-  async closeAll(e = !1, n, i = !0) {
-    const s = await se.call(this, e, n);
-    return i && Gt.call(this), s;
-  }
-}
-Ot = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap();
-var sn = (t, e, n) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + n);
-}, je = (t, e, n) => (sn(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Ci = (t, e, n) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
-}, Ii = (t, e, n, i) => (sn(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n);
-class Si {
-  constructor() {
-    this.collection = [];
-  }
-  async register(e) {
-    return await this.deregister(e), this.collection.push(e), this.collection;
-  }
-  async deregister(e) {
-    const n = this.collection.findIndex((i) => i === e);
-    if (n >= 0) {
-      const i = this.collection[n];
-      Object.getOwnPropertyNames(i).forEach((s) => {
-        delete i[s];
-      }), this.collection.splice(n, 1);
-    }
-    return this.collection;
+  async createEntry(i, s) {
+    return new qe(this, i, s);
   }
-  async registerCollection(e) {
-    return await Promise.all(Array.from(e, (n) => {
-      this.register(n);
-    })), this.collection;
+  async open(i, s, n) {
+    return be.call(this, i, s, n);
   }
-  async deregisterCollection() {
-    for (; this.collection.length > 0; )
-      await this.deregister(this.collection[0]);
-    return this.collection;
+  async close(i, s, n) {
+    return ye.call(this, i, s, n);
   }
-  get(e, n = "id") {
-    return this.collection.find((i) => i[n] === e);
+  async replace(i, s, n) {
+    return ii.call(this, i, s, n);
+  }
+  async closeAll(i = !1, s, n = !0) {
+    const o = await Ht.call(this, i, s);
+    return n && Dt.call(this), o;
+  }
+  async afterMount() {
+    document.addEventListener("click", w(this, ft), !1), document.addEventListener("keydown", w(this, ut), !1);
+  }
+  async beforeUnmount() {
+    this.trigger = null;
+  }
+  async afterUnmount() {
+    document.removeEventListener("click", w(this, ft), !1), document.removeEventListener("keydown", w(this, ut), !1);
   }
 }
-function Di() {
-  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
-}
-const Pi = {
-  autoInit: !1,
+ft = new WeakMap(), ut = new WeakMap();
+const ni = {
   // Selectors
-  selectorPopover: ".popover",
+  selector: ".popover",
+  selectorTooltip: ".popover_tooltip",
   selectorArrow: ".popover__arrow",
   // State classes
   stateActive: "is-active",
+  // Custom properties and their defaults
+  customProps: [
+    "placement",
+    "event",
+    "offset",
+    "flip-padding",
+    "shift-padding",
+    "arrow-padding",
+    "toggle-delay"
+  ],
+  placement: "bottom",
+  event: "click",
+  offset: 0,
+  flipPadding: 0,
+  shiftPadding: 0,
+  arrowPadding: 0,
+  toggleDelay: 0,
   // Feature settings
-  eventListeners: !0,
-  eventType: "click",
-  placement: "bottom"
+  teleport: null,
+  teleportMethod: "append"
 };
-function rn(t, e) {
-  const n = getComputedStyle(t), i = {
-    placement: e.placement,
-    event: e.eventType,
-    offset: 0,
-    "overflow-padding": 0,
-    "flip-padding": 0,
-    "arrow-element": e.selectorArrow,
-    "arrow-padding": 0
-  };
-  for (const s in i) {
-    const r = Di(), a = n.getPropertyValue(`--${r}popover-${s}`).trim();
-    a && (i[s] = a);
-  }
-  return i;
+function ie(t, e, i) {
+  Object.assign(t.style, {
+    left: e != null ? `${e}px` : "",
+    top: i != null ? `${i}px` : ""
+  });
 }
-function ee(t) {
+function xe(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 Nt(t) {
   let e;
-  const n = typeof t == "string" ? t.trim().split(" ") : [t];
-  switch (n.forEach(function(i, s) {
-    n[s] = parseInt(i, 10);
-  }), n.length) {
+  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:
-      e = n[0];
+      e = i[0];
       break;
     case 2:
       e = {
-        top: n[0],
-        right: n[1],
-        bottom: n[0],
-        left: n[1]
+        top: i[0],
+        right: i[1],
+        bottom: i[0],
+        left: i[1]
       };
       break;
     case 3:
       e = {
-        top: n[0],
-        right: n[1],
-        bottom: n[2],
-        left: n[1]
+        top: i[0],
+        right: i[1],
+        bottom: i[2],
+        left: i[1]
       };
       break;
     case 4:
       e = {
-        top: n[0],
-        right: n[1],
-        bottom: n[2],
-        left: n[3]
+        top: i[0],
+        right: i[1],
+        bottom: i[2],
+        left: i[3]
       };
       break;
     default:
@@ -1059,1120 +854,1247 @@ function ee(t) {
   }
   return e;
 }
-function qi(t) {
-  return [{
-    name: "offset",
-    options: {
-      offset: [0, parseInt(t.offset, 10)]
-    }
-  }, {
-    name: "preventOverflow",
-    options: {
-      padding: ee(t["overflow-padding"])
-    }
-  }, {
-    name: "flip",
-    options: {
-      padding: ee(t["flip-padding"])
-    }
-  }, {
-    name: "arrow",
-    options: {
-      element: t["arrow-element"],
-      padding: ee(t["arrow-padding"])
+function oi(t) {
+  return {
+    offset: Number(t.getSetting("offset")),
+    flip: {
+      padding: Nt(t.getSetting("flip-padding"))
+    },
+    shift: {
+      padding: Nt(t.getSetting("shift-padding"))
+    },
+    arrow: {
+      element: t.getSetting("selectorArrow"),
+      padding: Nt(t.getSetting("arrow-padding"))
     }
-  }];
+  };
 }
-function on(t) {
+function ve(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 an(t) {
-  return typeof t == "string" ? t : typeof t.hasAttribute == "function" ? t.closest(this.settings.selectorPopover) ? (t = t.closest(this.settings.selectorPopover), t.id) : t.hasAttribute("aria-controls") ? t.getAttribute("aria-controls") : t.hasAttribute("aria-describedby") ? t.getAttribute("aria-describedby") : !1 : t.id ? t.id : !1;
+async function Se(t) {
+  const e = t ? ve.call(this, t) : await Ee.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 Mi(t) {
-  const e = an.call(this, t);
-  if (e) {
-    const n = document.querySelector(`#${e}`), i = document.querySelector(`[aria-controls="${e}"]`) || document.querySelector(`[aria-describedby="${e}"]`);
-    return !i && !n ? { error: new Error(`No popover elements found using the ID: "${e}".`) } : i ? n ? { popover: n, trigger: i } : { error: new Error("No popover associated with the provided popover trigger.") } : { error: new Error("No popover trigger associated with the provided popover.") };
-  } else
-    return { error: new Error("Could not resolve the popover ID.") };
-}
-async function pe(t) {
-  const e = t ? on.call(this, t) : await ln.call(this);
-  return e && e.state === "opened" && (e.el.classList.remove(this.settings.stateActive), e.trigger.hasAttribute("aria-controls") && e.trigger.setAttribute("aria-expanded", "false"), e.popper.setOptions({
-    modifiers: [{ name: "eventListeners", enabled: !1 }]
-  }), e.state = "closed", e.trigger === this.trigger && (this.trigger = null)), e;
-}
-async function ln() {
+async function Ee() {
   const t = [];
   return await Promise.all(this.collection.map(async (e) => {
-    e.state === "opened" && t.push(await pe.call(this, e));
+    e.state === "opened" && t.push(await Se.call(this, e));
   })), t;
 }
-function cn(t) {
+function Ce(t) {
   t.state == "opened" && setTimeout(() => {
-    const e = t.el.closest(":hover") === t.el || t.trigger.closest(":hover") === t.trigger, n = 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 && !n && t.close(), t;
+    return i = i ? i.matches(":focus-visible") : !1, !e && !i && t.close(), t;
   }, 1);
 }
-function Wi(t) {
-  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open(), dn.call(this, t));
+function ri(t) {
+  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
 }
-function ji(t) {
-  switch (t.key) {
+function li(t) {
+  t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
+}
+function ai(t, e) {
+  if (t.isHovered = e, e.type == "focus" && !t.trigger.matches(":focus-visible"))
+    return;
+  t.toggleDelayId && clearTimeout(t.toggleDelayId);
+  const i = t.trigger.getAttribute("aria-expanded");
+  if (i && i == "true") return;
+  const s = this.activeHover ? 0 : xe(t, 0);
+  this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
+    t.id && t.open();
+  }, s);
+}
+function ci(t, e) {
+  setTimeout(() => {
+    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
+      Ce.call(this, t);
+    }, xe(t, 1)));
+  }, 1);
+}
+function fi(t) {
+  switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), ln.call(this);
+      this.trigger && this.trigger.focus(), Ee.call(this);
       return;
     case "Tab":
       this.collection.forEach((e) => {
-        cn.call(this, e);
+        Ce.call(this, e);
       });
       return;
     default:
       return;
   }
 }
-function dn(t) {
+function ui(t) {
   const e = this;
-  document.addEventListener("click", function n(i) {
-    i.target.closest(
+  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(e.settings.stateActive) && this.removeEventListener("click", n) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", n));
+    ) ? 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));
   });
 }
-var W = "top", B = "bottom", R = "right", j = "left", ge = "auto", Dt = [W, B, R, j], ft = "start", It = "end", Ni = "clippingParents", un = "viewport", yt = "popper", _i = "reference", Ne = /* @__PURE__ */ Dt.reduce(function(t, e) {
-  return t.concat([e + "-" + ft, e + "-" + It]);
-}, []), hn = /* @__PURE__ */ [].concat(Dt, [ge]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + ft, e + "-" + It]);
-}, []), Fi = "beforeRead", Bi = "read", Ri = "afterRead", Hi = "beforeMain", Vi = "main", Ji = "afterMain", zi = "beforeWrite", Ki = "write", Gi = "afterWrite", Qi = [Fi, Bi, Ri, Hi, Vi, Ji, zi, Ki, Gi];
-function z(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function _(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
+var R, z;
+class di extends Ct {
+  constructor(i, s, n = {}) {
+    super(i, s, n);
+    $(this, R);
+    $(this, z);
+    this.state = "closed", this.toggleDelayId = null, this.trigger = null, E(this, R, 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, R) || (this.getSetting("event") === "hover" ? (E(this, R, [{
+      el: ["el", "trigger"],
+      type: ["mouseenter", "focus"],
+      listener: ai.bind(this.context, this)
+    }, {
+      el: ["el", "trigger"],
+      type: ["mouseleave", "focusout"],
+      listener: ci.bind(this.context, this)
+    }, {
+      el: ["trigger"],
+      type: ["click"],
+      listener: li.bind(this.context, this)
+    }]), w(this, R).forEach((s) => {
+      s.el.forEach((n) => {
+        s.type.forEach((o) => {
+          this[n].addEventListener(o, s.listener, !1);
+        });
+      });
+    })) : (E(this, R, [{
+      el: ["trigger"],
+      type: ["click"],
+      listener: ri.bind(this.context, this)
+    }]), w(this, R).forEach((s) => {
+      s.el.forEach((n) => {
+        s.type.forEach((o) => {
+          this[n].addEventListener(o, s.listener, !1);
+        });
+      });
+    })));
+  }
+  deregisterEventListeners() {
+    w(this, R) && (w(this, R).forEach((i) => {
+      i.el.forEach((s) => {
+        i.type.forEach((n) => {
+          this[s].removeEventListener(n, i.listener, !1);
+        });
+      });
+    }), E(this, R, 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();
   }
-  return t;
-}
-function rt(t) {
-  var e = _(t).Element;
-  return t instanceof e || t instanceof Element;
-}
-function F(t) {
-  var e = _(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
 }
-function me(t) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var e = _(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
-}
-function Zi(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(n) {
-    var i = e.styles[n] || {}, s = e.attributes[n] || {}, r = e.elements[n];
-    !F(r) || !z(r) || (Object.assign(r.style, i), Object.keys(s).forEach(function(a) {
-      var l = s[a];
-      l === !1 ? r.removeAttribute(a) : r.setAttribute(a, l === !0 ? "" : l);
-    }));
-  });
+R = new WeakMap(), z = new WeakMap();
+const ht = Math.min, Z = Math.max, Lt = Math.round, kt = Math.floor, W = (t) => ({
+  x: t,
+  y: t
+}), hi = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, gi = {
+  start: "end",
+  end: "start"
+};
+function _t(t, e, i) {
+  return Z(t, ht(e, i));
 }
-function Ui(t) {
-  var e = t.state, n = {
-    popper: {
-      position: e.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  return Object.assign(e.elements.popper.style, n.popper), e.styles = n, e.elements.arrow && Object.assign(e.elements.arrow.style, n.arrow), function() {
-    Object.keys(e.elements).forEach(function(i) {
-      var s = e.elements[i], r = e.attributes[i] || {}, a = Object.keys(e.styles.hasOwnProperty(i) ? e.styles[i] : n[i]), l = a.reduce(function(o, c) {
-        return o[c] = "", o;
-      }, {});
-      !F(s) || !z(s) || (Object.assign(s.style, l), Object.keys(r).forEach(function(o) {
-        s.removeAttribute(o);
-      }));
-    });
-  };
+function Q(t, e) {
+  return typeof t == "function" ? t(e) : t;
 }
-const Xi = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: Zi,
-  effect: Ui,
-  requires: ["computeStyles"]
-};
-function J(t) {
+function U(t) {
   return t.split("-")[0];
 }
-var st = Math.max, zt = Math.min, pt = Math.round;
-function re() {
-  var t = navigator.userAgentData;
-  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
-    return e.brand + "/" + e.version;
-  }).join(" ") : navigator.userAgent;
-}
-function fn() {
-  return !/^((?!chrome|android).)*safari/i.test(re());
-}
-function gt(t, e, n) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  var i = t.getBoundingClientRect(), s = 1, r = 1;
-  e && F(t) && (s = t.offsetWidth > 0 && pt(i.width) / t.offsetWidth || 1, r = t.offsetHeight > 0 && pt(i.height) / t.offsetHeight || 1);
-  var a = rt(t) ? _(t) : window, l = a.visualViewport, o = !fn() && n, c = (i.left + (o && l ? l.offsetLeft : 0)) / s, d = (i.top + (o && l ? l.offsetTop : 0)) / r, b = i.width / s, v = i.height / r;
-  return {
-    width: b,
-    height: v,
-    top: d,
-    right: c + b,
-    bottom: d + v,
-    left: c,
-    x: c,
-    y: d
-  };
+function At(t) {
+  return t.split("-")[1];
 }
-function ve(t) {
-  var e = gt(t), n = t.offsetWidth, i = t.offsetHeight;
-  return Math.abs(e.width - n) <= 1 && (n = e.width), Math.abs(e.height - i) <= 1 && (i = e.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
-    width: n,
-    height: i
-  };
+function Yt(t) {
+  return t === "x" ? "y" : "x";
 }
-function pn(t, e) {
-  var n = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (n && me(n)) {
-    var i = e;
-    do {
-      if (i && t.isSameNode(i))
-        return !0;
-      i = i.parentNode || i.host;
-    } while (i);
-  }
-  return !1;
-}
-function G(t) {
-  return _(t).getComputedStyle(t);
-}
-function Yi(t) {
-  return ["table", "td", "th"].indexOf(z(t)) >= 0;
-}
-function Z(t) {
-  return ((rt(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
-}
-function Qt(t) {
-  return z(t) === "html" ? t : (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    t.parentNode || // DOM Element detected
-    (me(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Z(t)
-  );
+function Gt(t) {
+  return t === "y" ? "height" : "width";
 }
-function _e(t) {
-  return !F(t) || // https://github.com/popperjs/popper-core/issues/837
-  G(t).position === "fixed" ? null : t.offsetParent;
+function q(t) {
+  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
 }
-function ts(t) {
-  var e = /firefox/i.test(re()), n = /Trident/i.test(re());
-  if (n && F(t)) {
-    var i = G(t);
-    if (i.position === "fixed")
-      return null;
-  }
-  var s = Qt(t);
-  for (me(s) && (s = s.host); F(s) && ["html", "body"].indexOf(z(s)) < 0; ) {
-    var r = G(s);
-    if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || e && r.willChange === "filter" || e && r.filter && r.filter !== "none")
-      return s;
-    s = s.parentNode;
+function Jt(t) {
+  return Yt(q(t));
+}
+function mi(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 pi(t) {
+  const e = Ot(t);
+  return [zt(t), e, zt(e)];
+}
+function zt(t) {
+  return t.replace(/start|end/g, (e) => gi[e]);
+}
+function wi(t, e, i) {
+  const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return i ? e ? n : s : e ? s : n;
+    case "left":
+    case "right":
+      return e ? o : r;
+    default:
+      return [];
   }
-  return null;
 }
-function Pt(t) {
-  for (var e = _(t), n = _e(t); n && Yi(n) && G(n).position === "static"; )
-    n = _e(n);
-  return n && (z(n) === "html" || z(n) === "body" && G(n).position === "static") ? e : n || ts(t) || e;
+function bi(t, e, i, s) {
+  const n = At(t);
+  let o = wi(U(t), i === "start", s);
+  return n && (o = o.map((r) => r + "-" + n), e && (o = o.concat(o.map(zt)))), o;
 }
-function be(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+function Ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => hi[e]);
 }
-function At(t, e, n) {
-  return st(t, zt(e, n));
-}
-function es(t, e, n) {
-  var i = At(t, e, n);
-  return i > n ? n : i;
-}
-function gn() {
+function yi(t) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
-    left: 0
+    left: 0,
+    ...t
   };
 }
-function mn(t) {
-  return Object.assign({}, gn(), t);
-}
-function vn(t, e) {
-  return e.reduce(function(n, i) {
-    return n[i] = t, n;
-  }, {});
-}
-var ns = function(t, e) {
-  return t = typeof t == "function" ? t(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : t, mn(typeof t != "number" ? t : vn(t, Dt));
-};
-function is(t) {
-  var e, n = t.state, i = t.name, s = t.options, r = n.elements.arrow, a = n.modifiersData.popperOffsets, l = J(n.placement), o = be(l), c = [j, R].indexOf(l) >= 0, d = c ? "height" : "width";
-  if (!(!r || !a)) {
-    var b = ns(s.padding, n), v = ve(r), h = o === "y" ? W : j, $ = o === "y" ? B : R, u = n.rects.reference[d] + n.rects.reference[o] - a[o] - n.rects.popper[d], w = a[o] - n.rects.reference[o], E = Pt(r), L = E ? o === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, O = u / 2 - w / 2, f = b[h], y = L - v[d] - b[$], x = L / 2 - v[d] / 2 + O, k = At(f, x, y), T = o;
-    n.modifiersData[i] = (e = {}, e[T] = k, e.centerOffset = k - x, e);
-  }
-}
-function ss(t) {
-  var e = t.state, n = t.options, i = n.element, s = i === void 0 ? "[data-popper-arrow]" : i;
-  s != null && (typeof s == "string" && (s = e.elements.popper.querySelector(s), !s) || pn(e.elements.popper, s) && (e.elements.arrow = s));
-}
-const rs = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: is,
-  effect: ss,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function mt(t) {
-  return t.split("-")[1];
+function Ae(t) {
+  return typeof t != "number" ? yi(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
 }
-var os = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function as(t, e) {
-  var n = t.x, i = t.y, s = e.devicePixelRatio || 1;
+function Tt(t) {
+  const {
+    x: e,
+    y: i,
+    width: s,
+    height: n
+  } = t;
   return {
-    x: pt(n * s) / s || 0,
-    y: pt(i * s) / s || 0
+    width: s,
+    height: n,
+    top: i,
+    left: e,
+    right: e + s,
+    bottom: i + n,
+    x: e,
+    y: i
   };
 }
-function Fe(t) {
-  var e, n = t.popper, i = t.popperRect, s = t.placement, r = t.variation, a = t.offsets, l = t.position, o = t.gpuAcceleration, c = t.adaptive, d = t.roundOffsets, b = t.isFixed, v = a.x, h = v === void 0 ? 0 : v, $ = a.y, u = $ === void 0 ? 0 : $, w = typeof d == "function" ? d({
-    x: h,
-    y: u
-  }) : {
-    x: h,
-    y: u
-  };
-  h = w.x, u = w.y;
-  var E = a.hasOwnProperty("x"), L = a.hasOwnProperty("y"), O = j, f = W, y = window;
-  if (c) {
-    var x = Pt(n), k = "clientHeight", T = "clientWidth";
-    if (x === _(n) && (x = Z(n), G(x).position !== "static" && l === "absolute" && (k = "scrollHeight", T = "scrollWidth")), x = x, s === W || (s === j || s === R) && r === It) {
-      f = B;
-      var A = b && x === y && y.visualViewport ? y.visualViewport.height : (
-        // $FlowFixMe[prop-missing]
-        x[k]
-      );
-      u -= A - i.height, u *= o ? 1 : -1;
-    }
-    if (s === j || (s === W || s === B) && r === It) {
-      O = R;
-      var C = b && x === y && y.visualViewport ? y.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        x[T]
-      );
-      h -= C - i.width, h *= o ? 1 : -1;
-    }
+function se(t, e, i) {
+  let {
+    reference: s,
+    floating: n
+  } = t;
+  const o = q(e), r = Jt(e), l = Gt(r), a = U(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 (a) {
+    case "top":
+      f = {
+        x: d,
+        y: s.y - n.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: s.y + s.height
+      };
+      break;
+    case "right":
+      f = {
+        x: s.x + s.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: s.x - n.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: s.x,
+        y: s.y
+      };
   }
-  var I = Object.assign({
-    position: l
-  }, c && os), H = d === !0 ? as({
-    x: h,
-    y: u
-  }, _(n)) : {
-    x: h,
+  switch (At(e)) {
+    case "start":
+      f[r] -= h * (i && c ? -1 : 1);
+      break;
+    case "end":
+      f[r] += h * (i && c ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const xi = async (t, e, i) => {
+  const {
+    placement: s = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r
+  } = i, l = o.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: n
+  }), {
+    x: d,
     y: u
+  } = se(c, s, a), h = s, f = {}, g = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: b,
+      fn: p
+    } = l[m], {
+      x: y,
+      y: x,
+      data: S,
+      reset: v
+    } = await p({
+      x: d,
+      y: u,
+      initialPlacement: s,
+      placement: h,
+      strategy: n,
+      middlewareData: f,
+      rects: c,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = y ?? d, u = x ?? u, f = {
+      ...f,
+      [b]: {
+        ...f[b],
+        ...S
+      }
+    }, v && g <= 50 && (g++, typeof v == "object" && (v.placement && (h = v.placement), v.rects && (c = v.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: n
+    }) : v.rects), {
+      x: d,
+      y: u
+    } = se(c, h, a)), m = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: h,
+    strategy: n,
+    middlewareData: f
   };
-  if (h = H.x, u = H.y, o) {
-    var P;
-    return Object.assign({}, I, (P = {}, P[f] = L ? "0" : "", P[O] = E ? "0" : "", P.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + u + "px)" : "translate3d(" + h + "px, " + u + "px, 0)", P));
-  }
-  return Object.assign({}, I, (e = {}, e[f] = L ? u + "px" : "", e[O] = E ? h + "px" : "", e.transform = "", e));
-}
-function ls(t) {
-  var e = t.state, n = t.options, i = n.gpuAcceleration, s = i === void 0 ? !0 : i, r = n.adaptive, a = r === void 0 ? !0 : r, l = n.roundOffsets, o = l === void 0 ? !0 : l, c = {
-    placement: J(e.placement),
-    variation: mt(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
-    gpuAcceleration: s,
-    isFixed: e.options.strategy === "fixed"
+};
+async function $e(t, e) {
+  var i;
+  e === void 0 && (e = {});
+  const {
+    x: s,
+    y: n,
+    platform: o,
+    rects: r,
+    elements: l,
+    strategy: a
+  } = t, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: h = !1,
+    padding: f = 0
+  } = Q(e, t), g = Ae(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: a
+  })), y = u === "floating" ? {
+    x: s,
+    y: n,
+    width: r.floating.width,
+    height: r.floating.height
+  } : 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
+  }, v = Tt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: x,
+    strategy: a
+  }) : y);
+  return {
+    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
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Fe(Object.assign({}, c, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
-    adaptive: a,
-    roundOffsets: o
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Fe(Object.assign({}, c, {
-    offsets: e.modifiersData.arrow,
-    position: "absolute",
-    adaptive: !1,
-    roundOffsets: o
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
-  });
 }
-const cs = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: ls,
-  data: {}
-};
-var Bt = {
-  passive: !0
+const vi = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: i,
+      y: s,
+      placement: n,
+      rects: o,
+      platform: r,
+      elements: l,
+      middlewareData: a
+    } = e, {
+      element: c,
+      padding: d = 0
+    } = Q(t, e) || {};
+    if (c == null)
+      return {};
+    const u = Ae(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], k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let j = k ? k[x] : 0;
+    (!j || !await (r.isElement == null ? void 0 : r.isElement(k))) && (j = l.floating[x] || o.floating[g]);
+    const pt = S / 2 - v / 2, X = j / 2 - m[g] / 2 - 1, V = ht(u[p], X), wt = ht(u[y], X), Y = V, bt = j - m[g] - wt, A = j / 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]: h[f] + F,
+      data: {
+        [f]: et,
+        centerOffset: A - et - F,
+        ...B && {
+          alignmentOffset: F
+        }
+      },
+      reset: B
+    };
+  }
+}), Si = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var i, s;
+      const {
+        placement: n,
+        middlewareData: o,
+        rects: r,
+        initialPlacement: l,
+        platform: a,
+        elements: c
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: m = !0,
+        ...b
+      } = Q(t, e);
+      if ((i = o.arrow) != null && i.alignmentOffset)
+        return {};
+      const p = U(n), y = q(l), x = U(l) === l, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), v = h || (x || !m ? [Ot(l)] : pi(l)), k = g !== "none";
+      !h && k && v.push(...bi(l, m, g, S));
+      const j = [l, ...v], pt = await $e(e, b), X = [];
+      let V = ((s = o.flip) == null ? void 0 : s.overflows) || [];
+      if (d && X.push(pt[p]), u) {
+        const A = mi(n, r, S);
+        X.push(pt[A[0]], pt[A[1]]);
+      }
+      if (V = [...V, {
+        placement: n,
+        overflows: X
+      }], !X.every((A) => A <= 0)) {
+        var wt, Y;
+        const A = (((wt = o.flip) == null ? void 0 : wt.index) || 0) + 1, et = j[A];
+        if (et)
+          return {
+            data: {
+              index: A,
+              overflows: V
+            },
+            reset: {
+              placement: et
+            }
+          };
+        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 bt;
+              const F = (bt = V.filter((H) => {
+                if (k) {
+                  const _ = q(H.placement);
+                  return _ === y || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  _ === "y";
+                }
+                return !0;
+              }).map((H) => [H.placement, H.overflows.filter((_) => _ > 0).reduce((_, De) => _ + De, 0)]).sort((H, _) => H[1] - _[1])[0]) == null ? void 0 : bt[0];
+              F && (B = F);
+              break;
+            }
+            case "initialPlacement":
+              B = l;
+              break;
+          }
+        if (n !== B)
+          return {
+            reset: {
+              placement: B
+            }
+          };
+      }
+      return {};
+    }
+  };
 };
-function ds(t) {
-  var e = t.state, n = t.instance, i = t.options, s = i.scroll, r = s === void 0 ? !0 : s, a = i.resize, l = a === void 0 ? !0 : a, o = _(e.elements.popper), c = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return r && c.forEach(function(d) {
-    d.addEventListener("scroll", n.update, Bt);
-  }), l && o.addEventListener("resize", n.update, Bt), function() {
-    r && c.forEach(function(d) {
-      d.removeEventListener("scroll", n.update, Bt);
-    }), l && o.removeEventListener("resize", n.update, Bt);
+async function Ei(t, e) {
+  const {
+    placement: i,
+    platform: s,
+    elements: n
+  } = t, o = await (s.isRTL == null ? void 0 : s.isRTL(n.floating)), r = U(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: h,
+    crossAxis: f,
+    alignmentAxis: g
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), a ? {
+    x: f * d,
+    y: h * c
+  } : {
+    x: h * c,
+    y: f * d
   };
 }
-const us = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: ds,
-  data: {}
-};
-var hs = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
+const Ci = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var i, s;
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        middlewareData: l
+      } = e, a = await Ei(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: {
+          ...a,
+          placement: r
+        }
+      };
+    }
+  };
+}, Ai = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: i,
+        y: s,
+        placement: n
+      } = e, {
+        mainAxis: o = !0,
+        crossAxis: r = !1,
+        limiter: l = {
+          fn: (b) => {
+            let {
+              x: p,
+              y
+            } = b;
+            return {
+              x: p,
+              y
+            };
+          }
+        },
+        ...a
+      } = Q(t, e), c = {
+        x: i,
+        y: s
+      }, d = await $e(e, a), u = q(U(n)), h = Yt(u);
+      let f = c[h], g = c[u];
+      if (o) {
+        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 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({
+        ...e,
+        [h]: f,
+        [u]: g
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - i,
+          y: m.y - s,
+          enabled: {
+            [h]: o,
+            [u]: r
+          }
+        }
+      };
+    }
+  };
+}, $i = function(t) {
+  return t === void 0 && (t = {}), {
+    options: t,
+    fn(e) {
+      const {
+        x: i,
+        y: s,
+        placement: n,
+        rects: o,
+        middlewareData: r
+      } = e, {
+        offset: l = 0,
+        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
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...m
+      };
+      if (a) {
+        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(U(n)), v = o.reference[u] - o.floating[x] + (S && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (S ? 0 : b.crossAxis), k = 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 > k && (g = k);
+      }
+      return {
+        [h]: f,
+        [u]: g
+      };
+    }
+  };
 };
-function Vt(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return hs[e];
-  });
+function Mt() {
+  return typeof window < "u";
 }
-var fs = {
-  start: "end",
-  end: "start"
-};
-function Be(t) {
-  return t.replace(/start|end/g, function(e) {
-    return fs[e];
-  });
+function mt(t) {
+  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function ye(t) {
-  var e = _(t), n = e.pageXOffset, i = e.pageYOffset;
-  return {
-    scrollLeft: n,
-    scrollTop: i
-  };
+function T(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function we(t) {
-  return gt(Z(t)).left + ye(t).scrollLeft;
+function N(t) {
+  var e;
+  return (e = (ke(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ps(t, e) {
-  var n = _(t), i = Z(t), s = n.visualViewport, r = i.clientWidth, a = i.clientHeight, l = 0, o = 0;
-  if (s) {
-    r = s.width, a = s.height;
-    var c = fn();
-    (c || !c && e === "fixed") && (l = s.offsetLeft, o = s.offsetTop);
-  }
-  return {
-    width: r,
-    height: a,
-    x: l + we(t),
-    y: o
-  };
+function ke(t) {
+  return Mt() ? t instanceof Node || t instanceof T(t).Node : !1;
 }
-function gs(t) {
-  var e, n = Z(t), i = ye(t), s = (e = t.ownerDocument) == null ? void 0 : e.body, r = st(n.scrollWidth, n.clientWidth, s ? s.scrollWidth : 0, s ? s.clientWidth : 0), a = st(n.scrollHeight, n.clientHeight, s ? s.scrollHeight : 0, s ? s.clientHeight : 0), l = -i.scrollLeft + we(t), o = -i.scrollTop;
-  return G(s || n).direction === "rtl" && (l += st(n.clientWidth, s ? s.clientWidth : 0) - r), {
-    width: r,
-    height: a,
-    x: l,
-    y: o
-  };
+function D(t) {
+  return Mt() ? t instanceof Element || t instanceof T(t).Element : !1;
 }
-function $e(t) {
-  var e = G(t), n = e.overflow, i = e.overflowX, s = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(n + s + i);
+function I(t) {
+  return Mt() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
 }
-function bn(t) {
-  return ["html", "body", "#document"].indexOf(z(t)) >= 0 ? t.ownerDocument.body : F(t) && $e(t) ? t : bn(Qt(t));
+function ne(t) {
+  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
 }
-function Ct(t, e) {
-  var n;
-  e === void 0 && (e = []);
-  var i = bn(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = _(i), a = s ? [r].concat(r.visualViewport || [], $e(i) ? i : []) : i, l = e.concat(a);
-  return s ? l : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    l.concat(Ct(Qt(a)))
-  );
+function $t(t) {
+  const {
+    overflow: e,
+    overflowX: i,
+    overflowY: s,
+    display: n
+  } = M(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + s + i) && !["inline", "contents"].includes(n);
 }
-function oe(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
+function ki(t) {
+  return ["table", "td", "th"].includes(mt(t));
+}
+function Ft(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
   });
 }
-function ms(t, e) {
-  var n = gt(t, !1, e === "fixed");
-  return n.top = n.top + t.clientTop, n.left = n.left + t.clientLeft, n.bottom = n.top + t.clientHeight, n.right = n.left + t.clientWidth, n.width = t.clientWidth, n.height = t.clientHeight, n.x = n.left, n.y = n.top, n;
-}
-function Re(t, e, n) {
-  return e === un ? oe(ps(t, n)) : rt(e) ? ms(e, n) : oe(gs(Z(t)));
-}
-function vs(t) {
-  var e = Ct(Qt(t)), n = ["absolute", "fixed"].indexOf(G(t).position) >= 0, i = n && F(t) ? Pt(t) : t;
-  return rt(i) ? e.filter(function(s) {
-    return rt(s) && pn(s, i) && z(s) !== "body";
-  }) : [];
-}
-function bs(t, e, n, i) {
-  var s = e === "clippingParents" ? vs(t) : [].concat(e), r = [].concat(s, [n]), a = r[0], l = r.reduce(function(o, c) {
-    var d = Re(t, c, i);
-    return o.top = st(d.top, o.top), o.right = zt(d.right, o.right), o.bottom = zt(d.bottom, o.bottom), o.left = st(d.left, o.left), o;
-  }, Re(t, a, i));
-  return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
-}
-function yn(t) {
-  var e = t.reference, n = t.element, i = t.placement, s = i ? J(i) : null, r = i ? mt(i) : null, a = e.x + e.width / 2 - n.width / 2, l = e.y + e.height / 2 - n.height / 2, o;
-  switch (s) {
-    case W:
-      o = {
-        x: a,
-        y: e.y - n.height
-      };
-      break;
-    case B:
-      o = {
-        x: a,
-        y: e.y + e.height
-      };
-      break;
-    case R:
-      o = {
-        x: e.x + e.width,
-        y: l
-      };
-      break;
-    case j:
-      o = {
-        x: e.x - n.width,
-        y: l
-      };
-      break;
-    default:
-      o = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var c = s ? be(s) : null;
-  if (c != null) {
-    var d = c === "y" ? "height" : "width";
-    switch (r) {
-      case ft:
-        o[c] = o[c] - (e[d] / 2 - n[d] / 2);
-        break;
-      case It:
-        o[c] = o[c] + (e[d] / 2 - n[d] / 2);
-        break;
-    }
-  }
-  return o;
+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 St(t, e) {
-  e === void 0 && (e = {});
-  var n = e, i = n.placement, s = i === void 0 ? t.placement : i, r = n.strategy, a = r === void 0 ? t.strategy : r, l = n.boundary, o = l === void 0 ? Ni : l, c = n.rootBoundary, d = c === void 0 ? un : c, b = n.elementContext, v = b === void 0 ? yt : b, h = n.altBoundary, $ = h === void 0 ? !1 : h, u = n.padding, w = u === void 0 ? 0 : u, E = mn(typeof w != "number" ? w : vn(w, Dt)), L = v === yt ? _i : yt, O = t.rects.popper, f = t.elements[$ ? L : v], y = bs(rt(f) ? f : f.contextElement || Z(t.elements.popper), o, d, a), x = gt(t.elements.reference), k = yn({
-    reference: x,
-    element: O,
-    strategy: "absolute",
-    placement: s
-  }), T = oe(Object.assign({}, O, k)), A = v === yt ? T : x, C = {
-    top: y.top - A.top + E.top,
-    bottom: A.bottom - y.bottom + E.bottom,
-    left: y.left - A.left + E.left,
-    right: A.right - y.right + E.right
-  }, I = t.modifiersData.offset;
-  if (v === yt && I) {
-    var H = I[s];
-    Object.keys(C).forEach(function(P) {
-      var U = [R, B].indexOf(P) >= 0 ? 1 : -1, X = [W, B].indexOf(P) >= 0 ? "y" : "x";
-      C[P] += H[X] * U;
-    });
+function Li(t) {
+  let e = K(t);
+  for (; I(e) && !gt(e); ) {
+    if (Zt(e))
+      return e;
+    if (Ft(e))
+      return null;
+    e = K(e);
   }
-  return C;
+  return null;
 }
-function ys(t, e) {
-  e === void 0 && (e = {});
-  var n = e, i = n.placement, s = n.boundary, r = n.rootBoundary, a = n.padding, l = n.flipVariations, o = n.allowedAutoPlacements, c = o === void 0 ? hn : o, d = mt(i), b = d ? l ? Ne : Ne.filter(function($) {
-    return mt($) === d;
-  }) : Dt, v = b.filter(function($) {
-    return c.indexOf($) >= 0;
-  });
-  v.length === 0 && (v = b);
-  var h = v.reduce(function($, u) {
-    return $[u] = St(t, {
-      placement: u,
-      boundary: s,
-      rootBoundary: r,
-      padding: a
-    })[J(u)], $;
-  }, {});
-  return Object.keys(h).sort(function($, u) {
-    return h[$] - h[u];
-  });
+function Qt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function ws(t) {
-  if (J(t) === ge)
-    return [];
-  var e = Vt(t);
-  return [Be(t), e, Be(e)];
-}
-function $s(t) {
-  var e = t.state, n = t.options, i = t.name;
-  if (!e.modifiersData[i]._skip) {
-    for (var s = n.mainAxis, r = s === void 0 ? !0 : s, a = n.altAxis, l = a === void 0 ? !0 : a, o = n.fallbackPlacements, c = n.padding, d = n.boundary, b = n.rootBoundary, v = n.altBoundary, h = n.flipVariations, $ = h === void 0 ? !0 : h, u = n.allowedAutoPlacements, w = e.options.placement, E = J(w), L = E === w, O = o || (L || !$ ? [Vt(w)] : ws(w)), f = [w].concat(O).reduce(function(tt, K) {
-      return tt.concat(J(K) === ge ? ys(e, {
-        placement: K,
-        boundary: d,
-        rootBoundary: b,
-        padding: c,
-        flipVariations: $,
-        allowedAutoPlacements: u
-      }) : K);
-    }, []), y = e.rects.reference, x = e.rects.popper, k = /* @__PURE__ */ new Map(), T = !0, A = f[0], C = 0; C < f.length; C++) {
-      var I = f[C], H = J(I), P = mt(I) === ft, U = [W, B].indexOf(H) >= 0, X = U ? "width" : "height", N = St(e, {
-        placement: I,
-        boundary: d,
-        rootBoundary: b,
-        altBoundary: v,
-        padding: c
-      }), V = U ? P ? R : j : P ? B : W;
-      y[X] > x[X] && (V = Vt(V));
-      var qt = Vt(V), Y = [];
-      if (r && Y.push(N[H] <= 0), l && Y.push(N[V] <= 0, N[qt] <= 0), Y.every(function(tt) {
-        return tt;
-      })) {
-        A = I, T = !1;
-        break;
-      }
-      k.set(I, Y);
-    }
-    if (T)
-      for (var Mt = $ ? 3 : 1, Zt = function(tt) {
-        var K = f.find(function(jt) {
-          var bt = k.get(jt);
-          if (bt)
-            return bt.slice(0, tt).every(function(ot) {
-              return ot;
-            });
-        });
-        if (K)
-          return A = K, "break";
-      }, vt = Mt; vt > 0; vt--) {
-        var Wt = Zt(vt);
-        if (Wt === "break")
-          break;
-      }
-    e.placement !== A && (e.modifiersData[i]._skip = !0, e.placement = A, e.reset = !0);
-  }
+function gt(t) {
+  return ["html", "body", "#document"].includes(mt(t));
 }
-const Es = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: $s,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
-  }
-};
-function He(t, e, n) {
-  return n === void 0 && (n = {
-    x: 0,
-    y: 0
-  }), {
-    top: t.top - e.height - n.y,
-    right: t.right - e.width + n.x,
-    bottom: t.bottom - e.height + n.y,
-    left: t.left - e.width - n.x
-  };
+function M(t) {
+  return T(t).getComputedStyle(t);
 }
-function Ve(t) {
-  return [W, R, B, j].some(function(e) {
-    return t[e] >= 0;
-  });
+function It(t) {
+  return D(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
 }
-function xs(t) {
-  var e = t.state, n = t.name, i = e.rects.reference, s = e.rects.popper, r = e.modifiersData.preventOverflow, a = St(e, {
-    elementContext: "reference"
-  }), l = St(e, {
-    altBoundary: !0
-  }), o = He(a, i), c = He(l, s, r), d = Ve(o), b = Ve(c);
-  e.modifiersData[n] = {
-    referenceClippingOffsets: o,
-    popperEscapeOffsets: c,
-    isReferenceHidden: d,
-    hasPopperEscaped: b
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": d,
-    "data-popper-escaped": b
-  });
+function K(t) {
+  if (mt(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    ne(t) && t.host || // Fallback.
+    N(t)
+  );
+  return ne(e) ? e.host : e;
+}
+function Le(t) {
+  const e = K(t);
+  return gt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && $t(e) ? e : Le(e);
+}
+function vt(t, e, i) {
+  var s;
+  e === void 0 && (e = []), i === void 0 && (i = !0);
+  const n = Le(t), o = n === ((s = t.ownerDocument) == null ? void 0 : s.body), r = T(n);
+  if (o) {
+    const l = Wt(r);
+    return e.concat(r, r.visualViewport || [], $t(n) ? n : [], l && i ? vt(l) : []);
+  }
+  return e.concat(n, vt(n, [], i));
+}
+function Wt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Oe(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
+  };
 }
-const Ls = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: xs
-};
-function Os(t, e, n) {
-  var i = J(t), s = [j, W].indexOf(i) >= 0 ? -1 : 1, r = typeof n == "function" ? n(Object.assign({}, e, {
-    placement: t
-  })) : n, a = r[0], l = r[1];
-  return a = a || 0, l = (l || 0) * s, [j, R].indexOf(i) >= 0 ? {
-    x: l,
-    y: a
-  } : {
-    x: a,
+function qt(t) {
+  return D(t) ? t : t.contextElement;
+}
+function st(t) {
+  const e = qt(t);
+  if (!I(e))
+    return W(1);
+  const i = e.getBoundingClientRect(), {
+    width: s,
+    height: n,
+    $: o
+  } = Oe(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
   };
 }
-function ks(t) {
-  var e = t.state, n = t.options, i = t.name, s = n.offset, r = s === void 0 ? [0, 0] : s, a = hn.reduce(function(d, b) {
-    return d[b] = Os(b, e.rects, r), d;
-  }, {}), l = a[e.placement], o = l.x, c = l.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += c), e.modifiersData[i] = a;
-}
-const Ts = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: ks
-};
-function As(t) {
-  var e = t.state, n = t.name;
-  e.modifiersData[n] = yn({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    strategy: "absolute",
-    placement: e.placement
+const Oi = /* @__PURE__ */ W(0);
+function Te(t) {
+  const e = T(t);
+  return !Qt() || !e.visualViewport ? Oi : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ti(t, e, i) {
+  return e === void 0 && (e = !1), !i || e && i !== T(t) ? !1 : e;
+}
+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 = Ti(o, i, s) ? Te(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 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 Tt({
+    width: d,
+    height: u,
+    x: a,
+    y: c
   });
 }
-const Cs = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: As,
-  data: {}
-};
-function Is(t) {
-  return t === "x" ? "y" : "x";
+function Pi(t) {
+  let {
+    elements: e,
+    rect: i,
+    offsetParent: s,
+    strategy: n
+  } = t;
+  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
+  }, c = W(1);
+  const d = W(0), u = I(s);
+  if ((u || !u && !o) && ((mt(s) !== "body" || $t(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: 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 Ss(t) {
-  var e = t.state, n = t.options, i = t.name, s = n.mainAxis, r = s === void 0 ? !0 : s, a = n.altAxis, l = a === void 0 ? !1 : a, o = n.boundary, c = n.rootBoundary, d = n.altBoundary, b = n.padding, v = n.tether, h = v === void 0 ? !0 : v, $ = n.tetherOffset, u = $ === void 0 ? 0 : $, w = St(e, {
-    boundary: o,
-    rootBoundary: c,
-    padding: b,
-    altBoundary: d
-  }), E = J(e.placement), L = mt(e.placement), O = !L, f = be(E), y = Is(f), x = e.modifiersData.popperOffsets, k = e.rects.reference, T = e.rects.popper, A = typeof u == "function" ? u(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : u, C = typeof A == "number" ? {
-    mainAxis: A,
-    altAxis: A
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, A), I = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, H = {
-    x: 0,
-    y: 0
+function Ri(t) {
+  return Array.from(t.getClientRects());
+}
+function Ut(t, e) {
+  const i = It(t).scrollLeft;
+  return e ? e.left + i : tt(N(t)).left + i;
+}
+function Di(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 + Ut(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
   };
-  if (x) {
-    if (r) {
-      var P, U = f === "y" ? W : j, X = f === "y" ? B : R, N = f === "y" ? "height" : "width", V = x[f], qt = V + w[U], Y = V - w[X], Mt = h ? -T[N] / 2 : 0, Zt = L === ft ? k[N] : T[N], vt = L === ft ? -T[N] : -k[N], Wt = e.elements.arrow, tt = h && Wt ? ve(Wt) : {
-        width: 0,
-        height: 0
-      }, K = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : gn(), jt = K[U], bt = K[X], ot = At(0, k[N], tt[N]), En = O ? k[N] / 2 - Mt - ot - jt - C.mainAxis : Zt - ot - jt - C.mainAxis, xn = O ? -k[N] / 2 + Mt + ot + bt + C.mainAxis : vt + ot + bt + C.mainAxis, Ut = e.elements.arrow && Pt(e.elements.arrow), Ln = Ut ? f === "y" ? Ut.clientTop || 0 : Ut.clientLeft || 0 : 0, xe = (P = I == null ? void 0 : I[f]) != null ? P : 0, On = V + En - xe - Ln, kn = V + xn - xe, Le = At(h ? zt(qt, On) : qt, V, h ? st(Y, kn) : Y);
-      x[f] = Le, H[f] = Le - V;
-    }
-    if (l) {
-      var Oe, Tn = f === "x" ? W : j, An = f === "x" ? B : R, et = x[y], Nt = y === "y" ? "height" : "width", ke = et + w[Tn], Te = et - w[An], Xt = [W, j].indexOf(E) !== -1, Ae = (Oe = I == null ? void 0 : I[y]) != null ? Oe : 0, Ce = Xt ? ke : et - k[Nt] - T[Nt] - Ae + C.altAxis, Ie = Xt ? et + k[Nt] + T[Nt] - Ae - C.altAxis : Te, Se = h && Xt ? es(Ce, et, Ie) : At(h ? Ce : ke, et, h ? Ie : Te);
-      x[y] = Se, H[y] = Se - et;
-    }
-    e.modifiersData[i] = H;
+}
+function Mi(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 c = Qt();
+    (!c || c && e === "fixed") && (l = n.offsetLeft, a = n.offsetTop);
   }
+  return {
+    width: o,
+    height: r,
+    x: l,
+    y: a
+  };
 }
-const Ds = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: Ss,
-  requiresIfExists: ["offset"]
-};
-function Ps(t) {
+function Fi(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 {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
+    width: r,
+    height: l,
+    x: a,
+    y: c
   };
 }
-function qs(t) {
-  return t === _(t) || !F(t) ? ye(t) : Ps(t);
+function oe(t, e, i) {
+  let s;
+  if (e === "viewport")
+    s = Mi(t, i);
+  else if (e === "document")
+    s = Di(N(t));
+  else if (D(e))
+    s = Fi(e, i);
+  else {
+    const n = Te(t);
+    s = {
+      ...e,
+      x: e.x - n.x,
+      y: e.y - n.y
+    };
+  }
+  return Tt(s);
+}
+function Pe(t, e) {
+  const i = K(t);
+  return i === e || !D(i) || gt(i) ? !1 : M(i).position === "fixed" || Pe(i, e);
+}
+function Ii(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 ? K(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) || $t(r) && !a && Pe(t, r)) ? s = s.filter((d) => d !== r) : n = l, r = K(r);
+  }
+  return e.set(t, s), s;
+}
+function Ni(t) {
+  let {
+    element: e,
+    boundary: i,
+    rootBoundary: s,
+    strategy: n
+  } = t;
+  const r = [...i === "clippingAncestors" ? Ft(e) ? [] : Ii(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: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
 }
-function Ms(t) {
-  var e = t.getBoundingClientRect(), n = pt(e.width) / t.offsetWidth || 1, i = pt(e.height) / t.offsetHeight || 1;
-  return n !== 1 || i !== 1;
+function Bi(t) {
+  const {
+    width: e,
+    height: i
+  } = Oe(t);
+  return {
+    width: e,
+    height: i
+  };
 }
-function Ws(t, e, n) {
-  n === void 0 && (n = !1);
-  var i = F(e), s = F(e) && Ms(e), r = Z(e), a = gt(t, s, n), l = {
+function Vi(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
-  }, o = {
-    x: 0,
-    y: 0
   };
-  return (i || !i && !n) && ((z(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  $e(r)) && (l = qs(e)), F(e) ? (o = gt(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : r && (o.x = we(r))), {
-    x: a.left + l.scrollLeft - o.x,
-    y: a.top + l.scrollTop - o.y,
-    width: a.width,
-    height: a.height
+  const a = W(0);
+  if (s || !s && !o)
+    if ((mt(e) !== "body" || $t(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 = Ut(n));
+  let c = 0, d = 0;
+  if (n && !s && !o) {
+    const f = n.getBoundingClientRect();
+    d = f.top + l.scrollTop, c = f.left + l.scrollLeft - // RTL <body> scrollbar.
+    Ut(n, f);
+  }
+  const u = r.left + l.scrollLeft - a.x - c, h = r.top + l.scrollTop - a.y - d;
+  return {
+    x: u,
+    y: h,
+    width: r.width,
+    height: r.height
   };
 }
-function js(t) {
-  var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), i = [];
-  t.forEach(function(r) {
-    e.set(r.name, r);
-  });
-  function s(r) {
-    n.add(r.name);
-    var a = [].concat(r.requires || [], r.requiresIfExists || []);
-    a.forEach(function(l) {
-      if (!n.has(l)) {
-        var o = e.get(l);
-        o && s(o);
-      }
-    }), i.push(r);
-  }
-  return t.forEach(function(r) {
-    n.has(r.name) || s(r);
-  }), i;
+function Bt(t) {
+  return M(t).position === "static";
 }
-function Ns(t) {
-  var e = js(t);
-  return Qi.reduce(function(n, i) {
-    return n.concat(e.filter(function(s) {
-      return s.phase === i;
-    }));
-  }, []);
+function re(t, e) {
+  if (!I(t) || M(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let i = t.offsetParent;
+  return N(t) === i && (i = i.ownerDocument.body), i;
+}
+function Re(t, e) {
+  const i = T(t);
+  if (Ft(t))
+    return i;
+  if (!I(t)) {
+    let n = K(t);
+    for (; n && !gt(n); ) {
+      if (D(n) && !Bt(n))
+        return n;
+      n = K(n);
+    }
+    return i;
+  }
+  let s = re(t, e);
+  for (; s && ki(s) && Bt(s); )
+    s = re(s, e);
+  return s && gt(s) && Bt(s) && !Zt(s) ? i : s || Li(t) || i;
 }
-function _s(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(n) {
-      Promise.resolve().then(function() {
-        e = void 0, n(t());
-      });
-    })), e;
+const Hi = async function(t) {
+  const e = this.getOffsetParent || Re, i = this.getDimensions, s = await i(t.floating);
+  return {
+    reference: Vi(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: s.width,
+      height: s.height
+    }
   };
-}
-function Fs(t) {
-  var e = t.reduce(function(n, i) {
-    var s = n[i.name];
-    return n[i.name] = s ? Object.assign({}, s, i, {
-      options: Object.assign({}, s.options, i.options),
-      data: Object.assign({}, s.data, i.data)
-    }) : i, n;
-  }, {});
-  return Object.keys(e).map(function(n) {
-    return e[n];
-  });
-}
-var Je = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
 };
-function ze() {
-  for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
-    e[n] = arguments[n];
-  return !e.some(function(i) {
-    return !(i && typeof i.getBoundingClientRect == "function");
-  });
-}
-function Bs(t) {
-  t === void 0 && (t = {});
-  var e = t, n = e.defaultModifiers, i = n === void 0 ? [] : n, s = e.defaultOptions, r = s === void 0 ? Je : s;
-  return function(a, l, o) {
-    o === void 0 && (o = r);
-    var c = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, Je, r),
-      modifiersData: {},
-      elements: {
-        reference: a,
-        popper: l
-      },
-      attributes: {},
-      styles: {}
-    }, d = [], b = !1, v = {
-      state: c,
-      setOptions: function(u) {
-        var w = typeof u == "function" ? u(c.options) : u;
-        $(), c.options = Object.assign({}, r, c.options, w), c.scrollParents = {
-          reference: rt(a) ? Ct(a) : a.contextElement ? Ct(a.contextElement) : [],
-          popper: Ct(l)
-        };
-        var E = Ns(Fs([].concat(i, c.options.modifiers)));
-        return c.orderedModifiers = E.filter(function(L) {
-          return L.enabled;
-        }), h(), v.update();
-      },
-      // Sync update – it will always be executed, even if not necessary. This
-      // is useful for low frequency updates where sync behavior simplifies the
-      // logic.
-      // For high frequency updates (e.g. `resize` and `scroll` events), always
-      // prefer the async Popper#update method
-      forceUpdate: function() {
-        if (!b) {
-          var u = c.elements, w = u.reference, E = u.popper;
-          if (ze(w, E)) {
-            c.rects = {
-              reference: Ws(w, Pt(E), c.options.strategy === "fixed"),
-              popper: ve(E)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(T) {
-              return c.modifiersData[T.name] = Object.assign({}, T.data);
-            });
-            for (var L = 0; L < c.orderedModifiers.length; L++) {
-              if (c.reset === !0) {
-                c.reset = !1, L = -1;
-                continue;
-              }
-              var O = c.orderedModifiers[L], f = O.fn, y = O.options, x = y === void 0 ? {} : y, k = O.name;
-              typeof f == "function" && (c = f({
-                state: c,
-                options: x,
-                name: k,
-                instance: v
-              }) || c);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: _s(function() {
-        return new Promise(function(u) {
-          v.forceUpdate(), u(c);
-        });
-      }),
-      destroy: function() {
-        $(), b = !0;
-      }
+function _i(t) {
+  return M(t).direction === "rtl";
+}
+const zi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Pi,
+  getDocumentElement: N,
+  getClippingRect: Ni,
+  getOffsetParent: Re,
+  getElementRects: Hi,
+  getClientRects: Ri,
+  getDimensions: Bi,
+  getScale: st,
+  isElement: D,
+  isRTL: _i
+};
+function Wi(t, e) {
+  let i = null, s;
+  const n = N(t);
+  function o() {
+    var l;
+    clearTimeout(s), (l = i) == null || l.disconnect(), i = null;
+  }
+  function r(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), o();
+    const {
+      left: c,
+      top: d,
+      width: u,
+      height: h
+    } = t.getBoundingClientRect();
+    if (l || e(), !u || !h)
+      return;
+    const f = kt(d), g = kt(n.clientWidth - (c + u)), m = kt(n.clientHeight - (d + h)), b = kt(c), y = {
+      rootMargin: -f + "px " + -g + "px " + -m + "px " + -b + "px",
+      threshold: Z(0, ht(1, a)) || 1
     };
-    if (!ze(a, l))
-      return v;
-    v.setOptions(o).then(function(u) {
-      !b && o.onFirstUpdate && o.onFirstUpdate(u);
-    });
-    function h() {
-      c.orderedModifiers.forEach(function(u) {
-        var w = u.name, E = u.options, L = E === void 0 ? {} : E, O = u.effect;
-        if (typeof O == "function") {
-          var f = O({
-            state: c,
-            name: w,
-            instance: v,
-            options: L
-          }), y = function() {
-          };
-          d.push(f || y);
-        }
-      });
+    let x = !0;
+    function S(v) {
+      const k = v[0].intersectionRatio;
+      if (k !== a) {
+        if (!x)
+          return r();
+        k ? r(!1, k) : s = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      x = !1;
     }
-    function $() {
-      d.forEach(function(u) {
-        return u();
-      }), d = [];
+    try {
+      i = new IntersectionObserver(S, {
+        ...y,
+        // Handle <iframe>s
+        root: n.ownerDocument
+      });
+    } catch {
+      i = new IntersectionObserver(S, y);
     }
-    return v;
+    i.observe(t);
+  }
+  return r(!0), o;
+}
+function Ui(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: a = !1
+  } = s, c = qt(t), d = n || o ? [...c ? vt(c) : [], ...vt(e)] : [];
+  d.forEach((p) => {
+    n && p.addEventListener("scroll", i, {
+      passive: !0
+    }), o && p.addEventListener("resize", i);
+  });
+  const u = c && l ? Wi(c, i) : null;
+  let h = -1, f = null;
+  r && (f = new ResizeObserver((p) => {
+    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((y) => {
+      n && y.removeEventListener("scroll", i), o && y.removeEventListener("resize", i);
+    }), u == null || u(), (p = f) == null || p.disconnect(), f = null, a && cancelAnimationFrame(g);
   };
 }
-var Rs = [us, Cs, cs, Xi, Ts, Es, Ds, rs, Ls], Hs = /* @__PURE__ */ Bs({
-  defaultModifiers: Rs
-});
-async function ae(t) {
-  if (!t)
-    return this.collection;
-  const e = this.collection.findIndex((n) => n.id === t.id);
-  if (e >= 0) {
-    const n = this.collection[e];
-    n.state === "opened" && n.close(), n.popper.destroy(), wn(n), Object.getOwnPropertyNames(n).forEach((i) => {
-      delete n[i];
-    }), this.collection.splice(e, 1);
-  }
-  return this.collection;
-}
-function wn(t) {
-  return t.__eventListeners && (t.__eventListeners.forEach((e) => {
-    e.el.forEach((n) => {
-      e.type.forEach((i) => {
-        t[n].removeEventListener(i, e.listener, !1);
-      });
-    });
-  }), delete t.__eventListeners), t;
-}
-async function Ee(t) {
-  const e = on.call(this, t);
-  return e.el.classList.add(this.settings.stateActive), e.trigger.hasAttribute("aria-controls") && e.trigger.setAttribute("aria-expanded", "true"), e.config = rn(e.el, this.settings), e.popper.setOptions({
-    placement: e.config.placement,
-    modifiers: [
-      { name: "eventListeners", enabled: !0 },
-      ...qi(e.config)
-    ]
-  }), e.popper.update(), e.state = "opened", e;
-}
-async function Vs(t, e) {
-  ae.call(this, t);
-  const n = this, i = {
-    open() {
-      return Ee.call(n, this);
-    },
-    close() {
-      return pe.call(n, this);
-    },
-    deregister() {
-      return ae.call(n, this);
-    }
-  }, s = {
-    id: t.id,
-    state: "closed",
-    el: t,
-    trigger: e,
-    popper: Hs(e, t),
-    config: rn(t, this.settings),
+const Ki = Ci, ji = Ai, Xi = Si, Yi = vi, Gi = $i, Ji = (t, e, i) => {
+  const s = /* @__PURE__ */ new Map(), n = {
+    platform: zi,
     ...i
+  }, o = {
+    ...n.platform,
+    _c: s
   };
-  return s.trigger.hasAttribute("aria-controls") && s.trigger.setAttribute("aria-expanded", "false"), $n.call(this, s), this.collection.push(s), s.el.classList.contains(this.settings.stateActive) && (await s.open(), dn.call(this, s)), s;
-}
-function $n(t) {
-  return t.__eventListeners || (t.config.event === "hover" ? (t.__eventListeners = [{
-    el: ["trigger"],
-    type: ["mouseenter", "focus"],
-    listener: Ee.bind(this, t)
-  }, {
-    el: ["el", "trigger"],
-    type: ["mouseleave", "focusout"],
-    listener: cn.bind(this, t)
-  }], t.__eventListeners.forEach((e) => {
-    e.el.forEach((n) => {
-      e.type.forEach((i) => {
-        t[n].addEventListener(i, e.listener, !1);
-      });
-    });
-  })) : (t.__eventListeners = [{
-    el: ["trigger"],
-    type: ["click"],
-    listener: Wi.bind(this, t)
-  }], t.__eventListeners.forEach((e) => {
-    e.el.forEach((n) => {
-      e.type.forEach((i) => {
-        t[n].addEventListener(i, e.listener, !1);
-      });
+  return xi(t, e, {
+    ...n,
+    platform: o
+  });
+};
+async function Zi(t) {
+  const e = ve.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 = oi(e), s = e.el.querySelector(i.arrow.element);
+  return i.arrow.element = s || void 0, e.floatingCleanup = Ui(e.trigger, e.el, () => {
+    Ji(e.trigger, e.el, {
+      placement: e.getSetting("placement"),
+      middleware: [
+        Xi(i.flip),
+        ji({ ...i.shift, limiter: Gi() }),
+        Ki(i.offset),
+        Yi(i.arrow)
+      ]
+    }).then(({ x: n, y: o, placement: r, middlewareData: l }) => {
+      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);
+        }
+        e.el.setAttribute("data-floating-placement", r);
+      }
     });
-  }))), t;
+  }), e.state = "opened", e.getSetting("event") === "click" && ui.call(this, e), e;
 }
-var Tt;
-class nr extends Si {
-  constructor(e) {
-    super(), Ci(this, Tt, void 0), this.defaults = Pi, this.settings = { ...this.defaults, ...e }, this.trigger = null, Ii(this, Tt, ji.bind(this)), this.settings.autoInit && this.init();
+var dt;
+class is extends Rt {
+  constructor(i = {}) {
+    super({ ...ni, ...i });
+    $(this, dt);
+    this.trigger = null, E(this, dt, fi.bind(this));
   }
-  async init(e) {
-    e && (this.settings = { ...this.settings, ...e });
-    const n = document.querySelectorAll(this.settings.selectorPopover);
-    return await this.registerCollection(n), this.settings.eventListeners && this.initEventListeners(!1), this;
+  get active() {
+    return this.get("opened", "state");
   }
-  async destroy() {
-    return this.trigger = null, await this.deregisterCollection(), this.settings.eventListeners && this.destroyEventListeners(!1), this;
+  get activeHover() {
+    return this.collection.find((i) => i.state == "opened" && i.getSetting("event") == "hover");
   }
-  initEventListeners(e = !0) {
-    e && this.collection.forEach((n) => {
-      $n.call(this, n);
-    }), document.addEventListener("keydown", je(this, Tt), !1);
+  async createEntry(i, s) {
+    return new di(this, i, s);
   }
-  destroyEventListeners(e = !0) {
-    e && this.collection.forEach((n) => {
-      wn(n);
-    }), document.removeEventListener("keydown", je(this, Tt), !1);
+  async open(i) {
+    return Zi.call(this, i);
   }
-  register(e) {
-    const n = Mi.call(this, e);
-    return n.error ? Promise.reject(n.error) : Vs.call(this, n.popover, n.trigger);
+  async close(i) {
+    return Se.call(this, i);
   }
-  deregister(e) {
-    const n = this.get(an.call(this, e));
-    return ae.call(this, n);
+  async afterMount() {
+    document.addEventListener("keydown", w(this, dt), !1);
   }
-  open(e) {
-    return Ee.call(this, e);
+  async beforeUnmount() {
+    this.trigger = null;
   }
-  close(e) {
-    return pe.call(this, e);
+  async afterUnmount() {
+    document.removeEventListener("keydown", w(this, dt), !1);
   }
 }
-Tt = /* @__PURE__ */ new WeakMap();
+dt = new WeakMap();
 export {
-  Xs as Drawer,
-  er as Modal,
-  nr as Popover,
-  Gs as core
+  ts as Drawer,
+  es as Modal,
+  is as Popover,
+  qi as core
 };
 //# sourceMappingURL=index.js.map