vrembem 4.0.0-next.30 → 4.0.0-next.31

package/dist/index.js

@@ -1,350 +1,798 @@
-var te = (t) => {
+var Jt = (t) => {
   throw TypeError(t);
 };
-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("");
+var Xt = (t, e, s) => e.has(t) || Jt("Cannot " + s);
+var E = (t, e, s) => (Xt(t, e, "read from private field"), s ? s.call(t) : e.get(t)), U = (t, e, s) => e.has(t) ? Jt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), S = (t, e, s, n) => (Xt(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s);
+const C = ":not([inert])", $ = ':not([tabindex^="-"])', mt = ":not(:disabled)", se = [
+  `a[href]${C}${$}`,
+  `area[href]${C}${$}`,
+  `input:not([type="hidden"]):not([type="radio"])${C}${$}${mt}`,
+  `input[type="radio"]${C}${$}${mt}`,
+  `select${C}${$}${mt}`,
+  `textarea${C}${$}${mt}`,
+  `button${C}${$}${mt}`,
+  `details${C} > summary:first-of-type${$}`,
+  `iframe${C}${$}`,
+  `audio[controls]${C}${$}`,
+  `video[controls]${C}${$}`,
+  `[contenteditable]${C}${$}`,
+  `[tabindex]${C}${$}`
+];
+function ie(t, e = "config") {
+  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
+}
+function Bt(t) {
+  return typeof t == "string" ? document.getElementById(t) : t instanceof HTMLElement ? t : null;
 }
-function Kt(t) {
+async function Q(t, e, ...s) {
+  e in t && typeof t[e] == "function" && await t[e](...s);
+}
+function oe(t, e, s) {
+  if (typeof e == "string") {
+    const i = document.querySelector(e);
+    if (!i)
+      throw new Error(`No teleport reference found for selector: ${e}`);
+    e = i;
+  } else if (!(e instanceof HTMLElement))
+    throw new Error(`Not a valid teleport reference: '${e}'`);
+  if (typeof e[s] != "function")
+    throw new Error(`Not a valid teleport method: '${s}'`);
+  let n = document.createComment(
+    "teleported #" + t.id
+  );
+  return t.before(n), e[s](t), () => {
+    n && (n.after(t), n.remove(), n = null);
+  };
+}
+function re(t) {
+  return t.split("-").map(
+    (e, s) => s === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
+  ).join("");
+}
+function Ut(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ae(t) {
+function le(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);
+    const s = t.includes("ms");
+    return e * (s ? 1 : 1e3);
   }
   throw new Error(`Could not convert value to milliseconds: ${t}`);
 }
-function Pt() {
-  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
+function wt(t, e, s, n, i = 0) {
+  return new Promise((r) => {
+    t.classList.remove(e), t.classList.add(s), setTimeout(() => {
+      t.classList.add(n), t.classList.remove(s), r(t);
+    }, le(i));
+  });
 }
-function ce(t, e) {
-  const i = {
+function ae(t, e = {}) {
+  const s = {
     fallback: null,
     element: document.body,
     ...e
   };
-  if (t.slice(0, 2) !== "--") {
-    const n = Pt();
-    n && (t = `${n}${t}`), t = `--${t}`;
-  }
-  const s = getComputedStyle(i.element).getPropertyValue(t).trim();
-  if (s)
-    return s;
-  if (i.fallback)
-    return i.fallback;
+  if (!t.startsWith("--")) {
+    const i = kt();
+    i && (t = `${i}${t}`), t = `--${t}`;
+  }
+  const n = getComputedStyle(s.element).getPropertyValue(t).trim();
+  if (n)
+    return n;
+  if (s.fallback)
+    return s.fallback;
   throw new Error(`CSS variable "${t}" was not found!`);
 }
-function fe(t, e = "config") {
-  const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-  return s ? JSON.parse(s) : {};
+async function V(t, e, s) {
+  await Q(e, t, s), s && await Q(s, t);
+  for (const n of e.plugins)
+    await Q(n, t, { plugin: n, parent: e, entry: s });
+  await e.emit(t, s);
 }
-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);
+function ce(t) {
+  const e = getComputedStyle(t.el), s = {}, n = t.getSetting("customProps");
+  for (let i = 0; i < n.length; i++) {
+    const r = kt(), o = t.parent.module.toLowerCase(), l = Ut(n[i]), a = e.getPropertyValue(`--${r}${o}-${l}`).trim();
+    a && (s[l] = a);
   }
-  return i;
+  return s;
 }
-function de(t) {
-  return typeof t == "string" ? document.getElementById(t) : t instanceof HTMLElement ? t : null;
+function kt() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-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, s = "camel") {
+  return e = s === "camel" ? re(e) : Ut(e), t.split(".").concat(e).reduce((n, i) => n == null ? void 0 : n[i], this);
 }
-function he(t, e = {}) {
+function fe(t, e = {}) {
   const {
-    fallback: i,
-    props: s = ["dataConfig", "customProps", "settings", "context.settings"]
+    fallback: s,
+    props: n = ["dataConfig", "customProps", "settings", "parent.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));
-  });
+  for (const i of n) {
+    const r = i !== "customProps" ? "camel" : "kebab", o = He.call(this, i, t, r);
+    if (o !== void 0)
+      return o;
+  }
+  if (s !== void 0)
+    return s;
+  throw new Error(`${this.parent.module} setting does not exist: ${t}`);
 }
-function Fe(t, e) {
-  e && document.querySelectorAll(e).forEach((s) => {
-    t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+function Ne(t, e) {
+  e && document.querySelectorAll(e).forEach((n) => {
+    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
   });
 }
-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 Be(t, e) {
+  e && document.querySelectorAll(e).forEach((n) => {
+    t ? (n.inert = !0, n.setAttribute("aria-hidden", "true")) : (n.inert = !1, n.removeAttribute("aria-hidden"));
   });
 }
-function Et(t, e, i) {
-  Ie(!!t, e), Fe(!!t, i);
+function bt(t, e, s) {
+  Be(!!t, e), Ne(!!t, s);
+}
+const ue = {
+  on(t, e, ...s) {
+    this.events[t] || (this.events[t] = []), this.events[t].some(
+      (i) => i.listener === e
+    ) || this.events[t].push({ listener: e, args: s });
+  },
+  off(t, e) {
+    this.events[t] && (this.events[t] = this.events[t].filter(
+      (s) => s.listener !== e
+    ));
+  },
+  async emit(t, e) {
+    if (t = t.startsWith("on") ? t.slice(2, 3).toLowerCase() + t.slice(3) : t, !!this.events[t])
+      for (const { listener: s, args: n } of this.events[t])
+        await s(e, ...n);
+  }
+};
+class de extends Array {
+  constructor(e = null) {
+    super(), this.el = e, this.el && this.set();
+  }
+  get first() {
+    return this[0];
+  }
+  get last() {
+    return this[this.length - 1];
+  }
+  set(e = this.el) {
+    this.length = 0, this.push(...e.querySelectorAll(se.join(",")));
+  }
+  clear() {
+    this.length = 0;
+  }
 }
-var P;
-class ge {
-  constructor(e, i) {
-    $(this, P);
-    this.value = e, E(this, P, i), this.mql = null;
+class he {
+  constructor(e = null) {
+    this.el = e, this.focusable = new de(), this.handleFocusTrap = Ue.bind(this);
   }
-  get handler() {
-    return w(this, P);
+  on(e = this.el) {
+    this.focusable.set(e), this.focusable.length ? document.addEventListener("keydown", this.handleFocusTrap) : document.addEventListener("keydown", Gt);
   }
-  // Unmount existing handler before setting a new one.
-  set handler(e) {
-    this.mql && this.mql.removeEventListener("change", w(this, P)), E(this, P, e);
+  off() {
+    this.focusable.clear(), document.removeEventListener("keydown", this.handleFocusTrap), document.removeEventListener("keydown", Gt);
   }
-  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;
+}
+function Gt(t) {
+  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
+}
+function Ue(t) {
+  if (t.key !== "Tab" && t.keyCode !== 9) return;
+  const { activeElement: e } = document, { el: s, focusable: n } = this, i = t.shiftKey, r = e === n.first || e === s, o = e === n.last || e === s;
+  (i && r || !i && o) && (t.preventDefault(), (i ? n.last : n.first).focus());
+}
+function Vt(t, e = !0) {
+  const s = localStorage.getItem(t), n = s ? JSON.parse(s) : {};
+  return {
+    get(i, r = void 0) {
+      return i ? i in n ? n[i] : r : n;
+    },
+    set(i, r) {
+      return r ? n[i] = r : delete n[i], e && localStorage.setItem(t, JSON.stringify(n)), n;
+    }
+  };
+}
+class ge extends Array {
+  constructor(e = {}) {
+    super(), this.presets = e;
+  }
+  applySettings(e) {
+    var r;
+    const s = (e == null ? void 0 : e.defaults) || {}, n = ((r = this.presets) == null ? void 0 : r[e.name]) || {}, i = (e == null ? void 0 : e.options) || {};
+    e.settings = { ...s, ...n, ...i };
+  }
+  validate(e) {
+    return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), !1) : !0;
+  }
+  get(e) {
+    return this.find((s) => s.name === e);
+  }
+  add(e) {
+    if (Array.isArray(e))
+      e.forEach((s) => this.add(s));
+    else if (this.applySettings(e), this.validate(e)) {
+      const s = this.findIndex((n) => n.name === e.name);
+      ~s ? this[s] = e : this.push(e);
+    }
   }
-  unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", w(this, P)), this.value = null, E(this, P, null), this.mql = null, this) : this;
+  remove(e) {
+    const s = this.findIndex((n) => n.name === e);
+    ~s && this.splice(s, 1);
   }
 }
-P = new WeakMap();
-class Rt {
+class me extends Array {
   constructor(e = {}) {
-    this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({
-      dataConfig: "config",
-      customProps: [],
-      teleport: null,
-      teleportMethod: "append"
-    }, e);
+    super(), this.settings = e;
   }
-  get(e, i = "id") {
-    return this.collection.find((s) => s[i] === e);
+  get copy() {
+    return [...this];
   }
-  applySettings(e) {
-    return Object.assign(this.settings, e);
+  get top() {
+    const e = this[this.length - 1];
+    return e || null;
   }
-  async createEntry(e, i) {
-    return new Ct(this, e, i);
+  updateIndex() {
+    this.forEach((e, s) => {
+      e.el.style.zIndex = null;
+      const n = getComputedStyle(e.el)["z-index"];
+      e.el.style.zIndex = parseInt(n) + s + 1;
+    });
   }
-  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;
+  onChange() {
+    this.updateIndex(), typeof this.settings.onChange == "function" && this.settings.onChange();
   }
-  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);
+  add(e) {
+    this.push(e), this.onChange();
+  }
+  remove(e) {
+    const s = this.findIndex((n) => n.id === e.id);
+    ~s && (e.el.style.zIndex = null, this.splice(s, 1), this.onChange());
+  }
+  moveToTop(e) {
+    const s = this.findIndex((n) => n.id === e.id);
+    ~s && (this.splice(s, 1), this.add(e));
+  }
+}
+const Ve = {
+  condition: !0
+}, _e = {
+  primary: "hsl(152deg 60% 50%)",
+  secondary: "hsl(214deg 50% 50%)",
+  neutral: "hsl(214deg 20% 50%)",
+  important: "hsl(0deg 80% 50%)"
+};
+function We(t = {}) {
+  const e = {
+    name: "debug",
+    defaults: Ve,
+    options: t
+  };
+  function s(o, l = [], a = ["primary", "secondary"]) {
+    const c = a.map((d) => `color: ${_e[d]}`);
+    console.log(`%c📡 DEBUG: %c${o}`, ...c, ...l);
+  }
+  function n(o, ...l) {
+    return typeof o == "function" ? o(...l) : o;
+  }
+  const i = {
+    beforeMountRef: s.bind(null, "Event > beforeMount()"),
+    afterMountRef: s.bind(null, "Event > afterMount()"),
+    beforeUnmountRef: s.bind(
+      null,
+      "Event > beforeUnmount()",
+      [],
+      ["important", "neutral"]
+    ),
+    afterUnmountRef: s.bind(
+      null,
+      "Event > afterUnmount()",
+      [],
+      ["important", "neutral"]
+    ),
+    createEntryRef: (o, { parent: l, plugin: a }) => {
+      if (n(a.settings.condition, o)) {
+        const c = l.collection.length;
+        s(`Event > createEntry() > [${c}] #${o.id}`);
+      }
+    },
+    registerEntryRef: (o, { parent: l, plugin: a }) => {
+      if (n(a.settings.condition, o)) {
+        const c = l.collection.length;
+        s(`Event > registerEntry() > [${c}] #${o.id}`);
+      }
+    },
+    destroyEntryRef: (o, { parent: l, plugin: a }) => {
+      if (n(a.settings.condition, o)) {
+        const c = l.collection.length;
+        s(
+          `Event > destroyEntry() > [${c}] #${o.id}`,
+          [],
+          ["important", "neutral"]
+        );
+      }
+    },
+    deregisterEntryRef: (o, { parent: l, plugin: a }) => {
+      if (n(a.settings.condition, o)) {
+        const c = l.collection.length;
+        s(
+          `Event > deregisterEntry() > [${c}] #${o.id}`,
+          [],
+          ["important", "neutral"]
+        );
+      }
     }
-    return this.collection;
+  };
+  return { ...e, ...{
+    // Plugin setup/teardown methods
+    setup({ parent: o }) {
+      s("Plugin > setup()", arguments, ["secondary", "neutral"]), o.on("beforeMount", i.beforeMountRef), o.on("createEntry", i.createEntryRef, { parent: o, plugin: this }), o.on("registerEntry", i.registerEntryRef, {
+        parent: o,
+        plugin: this
+      }), o.on("afterMount", i.afterMountRef), o.on("beforeUnmount", i.beforeUnmountRef), o.on("destroyEntry", i.destroyEntryRef, { parent: o, plugin: this }), o.on("deregisterEntry", i.deregisterEntryRef, {
+        parent: o,
+        plugin: this
+      }), o.on("afterUnmount", i.afterUnmountRef);
+    },
+    teardown({ parent: o }) {
+      s("Plugin > teardown()", arguments, ["secondary", "neutral"]), o.off("beforeMount", i.beforeMountRef), o.off("createEntry", i.createEntryRef), o.off("registerEntry", i.registerEntryRef), o.off("afterMount", i.afterMountRef), o.off("beforeUnmount", i.beforeUnmountRef), o.off("destroyEntry", i.destroyEntryRef), o.off("deregisterEntry", i.deregisterEntryRef), o.off("afterUnmount", i.afterUnmountRef);
+    },
+    // Mount lifecycle hooks
+    beforeMount() {
+      s("Hook > beforeMount()", arguments);
+    },
+    onCreateEntry({ parent: o, entry: l }) {
+      if (n(this.settings.condition, l)) {
+        const a = o.collection.length;
+        s(`Hook > onCreateEntry() > [${a}] #${l.id}`, arguments);
+      }
+    },
+    onRegisterEntry({ parent: o, entry: l }) {
+      if (n(this.settings.condition, l)) {
+        const a = o.collection.length - 1;
+        s(`Hook > onRegisterEntry() > [${a}] #${l.id}`, arguments);
+      }
+    },
+    afterMount() {
+      s("Hook > afterMount()", arguments);
+    },
+    // Unmount lifecycle hooks
+    beforeUnmount() {
+      s("Hook > beforeUnmount()", arguments, ["important", "neutral"]);
+    },
+    onDestroyEntry({ parent: o, entry: l }) {
+      if (n(this.settings.condition, l)) {
+        const a = o.collection.length - 1;
+        s(`Hook > onDestroyEntry() > [${a}] #${l.id}`, arguments, [
+          "important",
+          "neutral"
+        ]);
+      }
+    },
+    onDeregisterEntry({ parent: o, entry: l }) {
+      if (n(this.settings.condition, l)) {
+        const a = o.collection.length;
+        s(`Hook > onDeregisterEntry() > [${a}] #${l.id}`, arguments, [
+          "important",
+          "neutral"
+        ]);
+      }
+    },
+    afterUnmount() {
+      s("Hook > afterUnmount()", arguments, ["important", "neutral"]);
+    }
+  } };
+}
+const ze = {
+  condition: !0
+};
+function Qe(t = {}) {
+  const e = {
+    name: "focusTrap",
+    defaults: ze,
+    options: t
+  }, s = {
+    setup({ parent: o }) {
+      o.on("opened", i, this), o.on("closed", r, this);
+    },
+    teardown({ parent: o }) {
+      o.off("opened", i), o.off("closed", r);
+    },
+    onCreateEntry({ entry: o }) {
+      o.focusTrap = new he();
+    }
+  };
+  function n(o, ...l) {
+    return typeof o == "function" ? o(...l) : o;
+  }
+  function i(o, l) {
+    var c;
+    const a = { plugin: l, parent: o.parent, entry: o };
+    n(l.settings.condition, a) && ((c = o.focusTrap) == null || c.on(o.dialog));
+  }
+  function r(o, l) {
+    var c;
+    const a = { plugin: l, parent: o.parent, entry: o };
+    n(l.settings.condition, a) && ((c = o.focusTrap) == null || c.off());
+  }
+  return { ...e, ...s };
+}
+const Ke = {
+  // The data attributes to get the breakpoint values from.
+  dataBreakpoint: "breakpoint",
+  // The data attributes to get the media query value from.
+  dataMediaQuery: "media-query",
+  // The string token to replace in the media query string.
+  token: "{{BP}}",
+  // Sets a global breakpoint. Can be overridden by setting a data attribute
+  // value. Notice: setting this option will enable a media query breakpoint on
+  // all entries.
+  breakpoint: null,
+  // The default media query string to use. Can be overridden by setting a data
+  // attribute value.
+  mediaQuery: "(min-width: {{BP}})",
+  // Maps entry ID or breakpoint key to breakpoint values. This is referenced
+  // when getting an entries breakpoint value.
+  breakpoints: {},
+  // Maps entry ID's to a media query strings. Media query may contain a token.
+  // This is referenced when getting an entries media query string.
+  mediaQueries: {},
+  // The function to run when the MediaQueryList triggers a "change" event.
+  // This is run once on initial mount.
+  onChange: () => {
   }
-  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;
+};
+function je(t = {}) {
+  const e = {
+    name: "mediaQuery",
+    defaults: Ke,
+    options: t
+  }, s = {
+    onCreateEntry({ entry: l }) {
+      r.call(this, l);
+    },
+    onDestroyEntry({ entry: l }) {
+      o(l);
+    }
+  };
+  function n(l) {
+    const a = l.el.getAttribute(`data-${this.settings.dataMediaQuery}`);
+    return !a && l.id in this.settings.mediaQueries ? this.settings.mediaQueries[l.id] : a;
+  }
+  function i(l) {
+    let a = l.el.getAttribute(`data-${this.settings.dataBreakpoint}`);
+    return !a && l.id in this.settings.breakpoints && (a = this.settings.breakpoints[l.id]), a && a in this.settings.breakpoints && (a = this.settings.breakpoints[a]), a && (a = getComputedStyle(document.body).getPropertyValue(`--${kt()}breakpoint-${a}`).trim() || a), a || this.settings.breakpoint;
+  }
+  function r(l) {
+    let a = n.call(this, l);
+    const c = i.call(this, l);
+    if (!c && !a) return;
+    c && !a && (a = this.settings.mediaQuery);
+    const d = a.replace(new RegExp(`${this.settings.token}`, "g"), c);
+    l.mql = window.matchMedia(d), l.mql.onchange = (f) => {
+      this.settings.onChange(f, l);
+    }, this.settings.onChange(l.mql, l);
+  }
+  function o(l) {
+    l.mql && (l.mql.onchange = null, l.mql = null);
+  }
+  return { ...e, ...s };
+}
+const Ye = {
+  // The property on entry objects to watch.
+  prop: "state",
+  // The default value or a function to compute the initial value.
+  value: null,
+  // The local storage key prefix.
+  keyPrefix: "VB:",
+  // The local storage key to use. If not provided, module name and prop value
+  // will be used e.g., "VB:ModalState".
+  key: null,
+  // Condition to determine whether or not to store the value in local storage.
+  condition: !1,
+  // The function to run whenever the value changes.
+  onChange() {
   }
-  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;
+};
+function Je(t = {}) {
+  const e = {
+    name: "propStore",
+    defaults: Ye,
+    options: t,
+    store: null
+  }, s = {
+    setup({ parent: l }) {
+      this.store = Vt(o.call(this, l.module));
+    },
+    async onCreateEntry({ entry: l }) {
+      await n.call(this, l);
+    },
+    onDestroyEntry({ entry: l }) {
+      r.call(this, l);
+    }
+  };
+  async function n(l) {
+    let a = l[this.settings.prop] || null;
+    const c = { plugin: this, parent: l.parent, entry: l };
+    Object.defineProperty(l, this.settings.prop, {
+      configurable: !0,
+      get() {
+        return a;
+      },
+      set: async (d) => {
+        if (a === d) return;
+        const f = a;
+        a = d, i(
+          this.settings.condition,
+          c,
+          d,
+          f
+        ) && this.store.set(l.id, d), await this.settings.onChange(c, d, f);
+      }
+    }), Object.defineProperty(l, "store", {
+      configurable: !0,
+      get: () => this.store.get(l.id),
+      set: (d) => {
+        l[this.settings.prop] = d;
+      }
+    }), l[this.settings.prop] = await i(this.settings.value, c) || l[this.settings.prop];
+  }
+  function i(l, ...a) {
+    return typeof l == "function" ? l(...a) : l;
   }
+  async function r(l) {
+    const a = l[this.settings.prop];
+    delete l[this.settings.prop], l[this.settings.prop] = a, this.store.set(l.id, null);
+  }
+  function o(l) {
+    const a = this.settings.prop.charAt(0).toUpperCase() + this.settings.prop.slice(1), c = this.settings.key || l + a;
+    return this.settings.keyPrefix + c;
+  }
+  return { ...e, ...s };
 }
-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;
+const Xe = {
+  where: null,
+  how: "append"
+};
+function Ge(t = {}) {
+  const e = {
+    name: "teleport",
+    defaults: Xe,
+    options: t
+  }, s = {
+    onCreateEntry({ plugin: r, entry: o }) {
+      n(r, o);
+    },
+    onDestroyEntry({ plugin: r, entry: o }) {
+      i(r, o);
+    }
+  };
+  function n(r, o) {
+    o.teleport = () => {
+      typeof o.teleportReturn == "function" && o.teleportReturn(), o.teleportReturn = oe(
+        o.el,
+        o.getSetting("teleport", { fallback: r.settings.where }),
+        o.getSetting("teleportMethod", { fallback: r.settings.how })
+      );
+    }, o.teleport(), o.parent.emit("teleport", { plugin: r, parent, entry: o });
+  }
+  function i(r, o) {
+    typeof o.teleportReturn == "function" && o.teleportReturn(), o.parent.emit("teleportReturn", { plugin: r, parent, entry: o });
+  }
+  return { ...e, ...s };
+}
+const qe = {
+  dataConfig: "config",
+  customProps: []
+};
+class xt {
+  constructor(e, s, n = {}) {
+    this.parent = e, this.id = (s == null ? void 0 : s.id) || s, this.el = Bt(s), this.settings = { ...n }, this.dataConfig = {}, this.customProps = {};
   }
   applySettings(e) {
     return Object.assign(this.settings, e);
   }
-  getDataConfig() {
-    return Object.assign(this.dataConfig, fe(this.el, this.getSetting("dataConfig")));
+  getSetting(e, s) {
+    return fe.call(this, e, s);
   }
-  getCustomProps() {
-    return Object.assign(this.customProps, ue(this));
+  buildDataConfig() {
+    return Object.assign(
+      this.dataConfig,
+      ie(this.el, this.getSetting("dataConfig"))
+    );
   }
-  getSetting(e, i = {}) {
-    return he.call(this, e, i);
+  buildCustomProps() {
+    return Object.assign(this.customProps, ce(this));
   }
-  async mount(e = {}) {
+  async init(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 w(this, nt);
-  }
-  set focusable(e) {
-    E(this, nt, e), w(this, nt).length ? (document.removeEventListener("keydown", w(this, J)), document.addEventListener("keydown", w(this, G))) : (document.removeEventListener("keydown", w(this, G)), document.addEventListener("keydown", w(this, J)));
-  }
-  get focusableFirst() {
-    return this.focusable[0];
-  }
-  get focusableLast() {
-    return this.focusable[this.focusable.length - 1];
-  }
-  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", w(this, G)), document.removeEventListener("keydown", w(this, J));
-  }
-  focus(e = this.el, i = this.selectorFocus) {
-    (e.querySelector(i) || e).focus();
-  }
-  getFocusable(e = this.el) {
-    const i = [], s = document.activeElement, n = e.scrollTop, o = 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 Ve(t) {
-  (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
+      throw new Error(
+        `${this.parent.module} element was not found with ID: "${this.id}"`
+      );
+    this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
+  }
+  async destroy() {
+    Object.getOwnPropertyNames(this).forEach((e) => {
+      e !== "id" && delete this[e];
+    });
+  }
 }
-function Xt(t, e = !0) {
-  const i = localStorage.getItem(t), s = i ? JSON.parse(i) : {};
-  return {
-    get(n) {
-      return n ? s[n] : s;
-    },
-    set(n, o) {
-      return o ? s[n] = o : delete s[n], e && localStorage.setItem(t, JSON.stringify(s)), s;
+class Ot {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.entryClass = xt, this.settings = { ...qe, ...e }, this.plugins = new ge(this.settings.presets), this.events = {}, Object.assign(this, ue);
+  }
+  get(e, s = "id") {
+    return this.collection.find((n) => n[s] === e);
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  async createEntry(e, s) {
+    const n = new this.entryClass(this, e, s);
+    return await Q(n, "init"), await V("onCreateEntry", this, n), n;
+  }
+  async destroyEntry(e) {
+    return await V("onDestroyEntry", this, e), await Q(e, "destroy"), e;
+  }
+  async register(e, s = {}) {
+    const n = Bt(e);
+    if (n === null)
+      throw new Error(
+        `${this.module} element was not found with ID: "${(e == null ? void 0 : e.id) || e}"`
+      );
+    const i = this.collection.findIndex((r) => r.id === n.id);
+    if (~i) {
+      const r = this.collection[i];
+      return r.el = n, typeof r.init == "function" && await r.init(s), r;
+    } else {
+      const r = await this.createEntry(n, s);
+      return this.collection.push(r), await V("onRegisterEntry", this, r), r;
     }
-  };
-}
-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;
+  }
+  async deregister(e) {
+    const s = this.collection.findIndex((n) => n.id === e);
+    if (~s) {
+      const n = await this.destroyEntry(this.collection[s]);
+      return await V(
+        "onDeregisterEntry",
+        this,
+        this.collection[s]
+      ), this.collection.splice(s, 1), n;
+    }
+    return null;
+  }
+  async mount(e = {}) {
+    var n;
+    this.applySettings(e);
+    for (const i of ((n = this.settings) == null ? void 0 : n.plugins) || [])
+      this.plugins.add(i);
+    for (const i of this.plugins)
+      await Q(i, "setup", { plugin: i, parent: this });
+    await V("beforeMount", this);
+    const s = document.querySelectorAll(this.settings.selector);
+    for (const i of s)
+      await this.register(i);
+    return await V("afterMount", this), this;
+  }
+  async unmount() {
+    for (await V("beforeUnmount", this); this.collection.length > 0; )
+      await this.deregister(this.collection[0].id);
+    await V("afterUnmount", this);
+    for (const e of this.plugins)
+      await Q(e, "teardown", { plugin: e, parent: this });
+    for (const e of [...this.plugins])
+      this.plugins.remove(e.name);
+    return this;
+  }
 }
-function He(t) {
+function Ze(t) {
   const e = {
-    prefix: ce("prefix-themes", { fallback: "vb-theme-" }),
+    prefix: ae("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 = {
+  for (const [r] of Object.entries(e))
+    t && t[r] && (e[r] = t[r]);
+  const s = {
     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.
+  for (const [r] of Object.entries(s))
+    t && t[r] && (s[r] = t[r]);
+  const n = Vt(e.storeKey), i = {
+    // Store our settings in the API
     settings: e,
-    // Actions.
-    add(o) {
-      e.themes.push(o);
+    // Actions
+    add(r) {
+      e.themes.push(r);
     },
-    remove(o) {
-      const r = e.themes.indexOf(o);
-      ~r && e.themes.splice(r, 1);
+    remove(r) {
+      const o = e.themes.indexOf(r);
+      ~o && e.themes.splice(o, 1);
     },
-    callback(o) {
-      i[o].call(this);
+    callback(r) {
+      s[r].call(this);
     },
-    // Getters.
+    // Getters
     get class() {
       return `${e.prefix}${this.theme}`;
     },
     get classes() {
-      return e.themes.map((o) => `${e.prefix}${o}`);
+      return e.themes.map((r) => `${e.prefix}${r}`);
     },
     get themes() {
       return e.themes;
     },
-    // Setup the theme get and set methods.
+    // Setup the theme get and set methods
     get theme() {
-      return s.get("theme") || "root";
+      return n.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}"`);
+    set theme(r) {
+      e.themes.includes(r) ? this.theme != r && (n.set("theme", r), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${e.prefix}${r}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${r}"`);
     }
   };
-  return n.callback("onInit"), n;
+  return i.callback("onInit"), i;
 }
-const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fs = /* @__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 = {
+  Collection: Ot,
+  CollectionEntry: xt,
+  FocusTrap: he,
+  FocusableArray: de,
+  PluginsArray: ge,
+  StackArray: me,
+  cssVar: ae,
+  debug: We,
+  dispatchLifecycleHook: V,
+  eventEmitter: ue,
+  focusTrap: Qe,
+  focusableSelectors: se,
+  getCustomProps: ce,
+  getDataConfig: ie,
+  getElement: Bt,
+  getPrefix: kt,
+  getSetting: fe,
+  localStore: Vt,
+  maybeRunMethod: Q,
+  mediaQuery: je,
+  propStore: Je,
+  setGlobalState: bt,
+  teleport: Ge,
+  teleportElement: oe,
+  themeStore: Ze,
+  toCamel: re,
+  toKebab: Ut,
+  toMilliseconds: le,
+  transition: wt
+}, Symbol.toStringTag, { value: "Module" })), tn = {
+  focusTrap: {
+    condition: ({ entry: t }) => t.state === "closed" || t.state === "opened" && t.mode === "modal"
+  },
+  mediaQuery: {
+    onChange(t, e) {
+      e.mode = t.matches ? "inline" : "modal";
+    }
+  },
+  propStore: {
+    prop: "inlineState",
+    value: ({ entry: t }) => t.store,
+    condition: ({ entry: t }) => ["opened", "closed", "indeterminate"].includes(t.state),
+    onChange: ({ entry: t }) => t.applyState()
+  }
+}, en = {
+  // Plugin presets
+  presets: tn,
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
   dataToggle: "drawer-toggle",
-  dataBreakpoint: "drawer-breakpoint",
   // Selectors
   selector: ".drawer",
   selectorDialog: ".drawer__dialog",
@@ -360,139 +808,125 @@ const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   // Classes
   classModal: "drawer_modal",
   // Feature toggles
-  customProps: [
-    "transition-duration"
-  ],
+  customProps: ["transition-duration"],
   breakpoints: null,
   customEventPrefix: "drawer:",
-  store: !0,
-  storeKey: "VB:DrawerState",
   setTabindex: !0,
-  teleport: null,
-  teleportMethod: "prepend",
   transition: !0,
   transitionDuration: 300
 };
-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 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 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 it(t) {
-  const e = typeof t == "string" ? this.get(t) : t;
-  if (e)
-    return e;
-  throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
-}
-function me(t) {
-  t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
-}
-function Ke(t) {
+function nn(t) {
   switch (t.mode) {
     case "inline":
-      return je.call(this, t);
+      return sn.call(this, t);
     case "modal":
-      return Xe.call(this, t);
+      return on.call(this, t);
     default:
       throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
-async function je(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Et(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await We(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
-    detail: this,
-    bubbles: !0
-  })), t;
-}
-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;
-}
-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 breakpoint() {
-    return Ue.call(this.context, this.el);
-  }
-  get store() {
-    return this.context.store.get(this.id);
+async function sn(t) {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), bt(
+    !1,
+    t.getSetting("selectorInert"),
+    t.getSetting("selectorOverflow")
+  ), t.applyState(), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+      detail: this,
+      bubbles: !0
+    })
+  ), await t.parent.emit("switchMode", t), t;
+}
+async function on(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
+    })
+  ), await t.parent.emit("switchMode", t), t;
+}
+var q;
+class rn extends xt {
+  constructor(s, n, i = {}) {
+    super(s, n, i);
+    U(this, q);
+    this.dialog = null, this.trigger = null, this.state = null, this.inlineState = null, S(this, q, "indeterminate");
   }
   get mode() {
-    return w(this, ot);
-  }
-  set mode(i) {
-    E(this, ot, i), Ke.call(this.context, this);
-  }
-  get state() {
-    return w(this, rt);
-  }
-  set state(i) {
-    E(this, rt, i), this.mode === "inline" && i != "opening" && i != "closing" && (this.inlineState = i, this.getSetting("store") && this.context.store.set(this.id, i)), i === "indeterminate" && (this.el.classList.remove(this.getSetting("stateOpened")), this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosed")), this.el.classList.remove(this.getSetting("stateClosing")));
+    return E(this, q);
+  }
+  set mode(s) {
+    E(this, q) !== s && (S(this, q, s), nn.call(this.parent, this));
+  }
+  setState(s) {
+    this.state = s;
+    const n = ["opening", "closing"];
+    this.mode === "inline" && !n.includes(s) && (this.inlineState = s), s === "indeterminate" && (this.el.classList.remove(this.getSetting("stateOpened")), this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosed")), this.el.classList.remove(this.getSetting("stateClosing")));
+  }
+  async applyState() {
+    if (this.mode !== "modal") {
+      if (this.inlineState === "opened")
+        return await this.open(!1, !1);
+      if (this.inlineState === "closed")
+        return await this.close(!1, !1);
+      if (this.state === null) {
+        if (this.el.classList.contains(this.getSetting("stateOpened")))
+          return await this.open(!1, !1);
+        if (this.el.classList.contains(this.getSetting("stateClosed")))
+          return await this.close(!1, !1);
+      }
+      return this.setState("indeterminate");
+    }
   }
-  async open(i, s) {
-    return this.context.open(this, i, s);
+  async open(s, n) {
+    return this.parent.open(this, s, n);
   }
-  async close(i, s) {
-    return this.context.close(this, i, s);
+  async close(s, n) {
+    return this.parent.close(this, s, n);
   }
-  async toggle(i, s) {
-    return this.context.toggle(this, i, s);
+  async toggle(s, n) {
+    return this.parent.toggle(this, s, n);
   }
   async deregister() {
-    return this.context.deregister(this.id);
-  }
-  mountBreakpoint() {
-    const i = this.breakpoint, s = this.handleBreakpoint.bind(this);
-    w(this, lt).mount(i, s);
-  }
-  unmountBreakpoint() {
-    w(this, lt).unmount();
+    return this.parent.deregister(this.id);
   }
-  handleBreakpoint(i) {
-    const s = i.matches ? "inline" : "modal";
-    this.mode != s && (this.mode = s);
+  async onCreateEntry() {
+    const s = this.el.querySelector(this.getSetting("selectorDialog"));
+    this.dialog = s || this.el, this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1"), await this.applyState(), this.inlineState = this.state, this.mode = this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline";
   }
-  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();
-  }
-  async beforeUnmount(i = !0) {
-    i && this.state === "opened" && await this.close(!1), this.context.store.set(this.id), this.unmountBreakpoint();
+  async onDestroyEntry() {
+    this.mode === "modal" && this.state === "opened" && await this.close(!1);
   }
 }
-ot = new WeakMap(), rt = new WeakMap(), lt = new WeakMap();
-async function Ge(t) {
+q = new WeakMap();
+function nt(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}".`
+  );
+}
+async function ln(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();
+    t.preventDefault(), e.matches(`[data-${this.settings.dataToggle}]`) && e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach((n) => {
+      const i = nt.call(this, n);
+      return i.trigger = e, i.toggle();
+    }), e.matches(`[data-${this.settings.dataOpen}]`) && e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach((n) => {
+      const i = nt.call(this, n);
+      return 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 = nt.call(this, n);
+        return i.trigger = e, i.close();
       } else {
-        const n = t.target.closest(this.settings.selector);
-        if (n) return this.close(n.id);
+        const i = t.target.closest(this.settings.selector);
+        if (i) return this.close(i.id);
       }
     });
     return;
@@ -500,75 +934,87 @@ async function Ge(t) {
   if (this.activeModal && t.target.matches(this.settings.selectorScreen))
     return this.close(this.activeModal.id);
 }
-function Je(t) {
+function an(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);
+function pe(t) {
+  t.state === "opened" ? (t.dialog.querySelector(this.settings.selectorFocus) || t.dialog).focus() : t.trigger && (t.trigger.focus(), t.trigger = null);
+}
+async function ye(t, e, s = !0) {
+  const n = nt.call(this, t);
+  return (n.state === "closed" || n.state === "indeterminate" || n.state === null) && (n.setState("opening"), e ?? n.getSetting("transition") ? await wt(
+    n.el,
+    n.getSetting("stateClosed"),
+    n.getSetting("stateOpening"),
+    n.getSetting("stateOpened"),
+    n.getSetting("transitionDuration")
+  ) : (n.el.classList.add(n.getSetting("stateOpened")), n.el.classList.remove(n.getSetting("stateClosed"))), n.setState("opened"), n.mode === "modal" && bt(
+    !0,
+    n.getSetting("selectorInert"),
+    n.getSetting("selectorOverflow")
+  ), s && pe.call(this, n), n.el.dispatchEvent(
+    new CustomEvent(n.getSetting("customEventPrefix") + "opened", {
+      detail: this,
+      bubbles: !0
+    })
+  ), await n.parent.emit("opened", n)), n;
+}
+async function we(t, e, s = !0) {
+  const n = nt.call(this, t);
+  return (n.state === "opened" || n.state === "indeterminate" || n.state === null) && (n.setState("closing"), document.activeElement.blur(), e ?? n.getSetting("transition") ? await wt(
+    n.el,
+    n.getSetting("stateOpened"),
+    n.getSetting("stateClosing"),
+    n.getSetting("stateClosed"),
+    n.getSetting("transitionDuration")
+  ) : (n.el.classList.add(n.getSetting("stateClosed")), n.el.classList.remove(n.getSetting("stateOpened"))), n.setState("closed"), n.mode === "modal" && bt(
+    !1,
+    n.getSetting("selectorInert"),
+    n.getSetting("selectorOverflow")
+  ), s && pe.call(this, n), n.el.dispatchEvent(
+    new CustomEvent(n.getSetting("customEventPrefix") + "closed", {
+      detail: this,
+      bubbles: !0
+    })
+  ), await n.parent.emit("closed", n)), n;
+}
+async function cn(t, e, s) {
+  const n = nt.call(this, t);
+  return n.state === "closed" ? ye.call(this, n, e, s) : we.call(this, n, e, s);
+}
+var it, ot;
+class us extends Ot {
+  constructor(s) {
+    super({ ...en, ...s });
+    U(this, it);
+    U(this, ot);
+    this.module = "Drawer", this.entryClass = rn, S(this, it, ln.bind(this)), S(this, ot, an.bind(this));
   }
   get activeModal() {
-    return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
-  }
-  async createEntry(i, s) {
-    return new Ye(this, i, s);
+    return this.collection.find((s) => s.state === "opened" && s.mode === "modal");
   }
-  async open(i, s, n) {
-    return pe.call(this, i, s, n);
+  async open(s, n, i) {
+    return ye.call(this, s, n, i);
   }
-  async close(i, s, n) {
-    return we.call(this, i, s, n);
+  async close(s, n, i) {
+    return we.call(this, s, n, i);
   }
-  async toggle(i, s, n) {
-    return Ze.call(this, i, s, n);
+  async toggle(s, n, i) {
+    return cn.call(this, s, n, i);
   }
   async afterMount() {
-    document.addEventListener("click", w(this, at), !1), document.addEventListener("keydown", w(this, ct), !1);
+    document.addEventListener("click", E(this, it), !1), document.addEventListener("keydown", E(this, ot), !1);
   }
   async beforeUnmount() {
     this.trigger = null;
   }
   async afterUnmount() {
-    document.removeEventListener("click", w(this, at), !1), document.removeEventListener("keydown", w(this, ct), !1);
+    document.removeEventListener("click", E(this, it), !1), document.removeEventListener("keydown", E(this, ot), !1);
   }
 }
-at = new WeakMap(), ct = new WeakMap();
-const Qe = {
+it = new WeakMap(), ot = new WeakMap();
+const fn = {
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
@@ -587,56 +1033,51 @@ const Qe = {
   stateClosing: "is-closing",
   stateClosed: "is-closed",
   // Feature settings
-  customProps: [
-    "transition-duration"
-  ],
+  customProps: ["transition-duration"],
   customEventPrefix: "modal:",
   setTabindex: !0,
-  teleport: null,
-  teleportMethod: "append",
   transition: !0,
   transitionDuration: 300
 };
-class qe extends Ct {
-  constructor(e, i, s = {}) {
-    super(e, i, s), this.state = "closed", this.dialog = null;
+class un extends xt {
+  constructor(e, s, n = {}) {
+    super(e, s, n), 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 open(e, s) {
+    return this.parent.open(this, e, s);
   }
-  async close(e, i) {
-    return this.context.close(this, e, i);
+  async close(e, s) {
+    return this.parent.close(this, e, s);
   }
-  async replace(e, i) {
-    return this.context.replace(this, e, i);
+  async replace(e, s) {
+    return this.parent.replace(this, e, s);
   }
   async deregister() {
-    return this.context.deregister(this.id);
+    return this.parent.deregister(this.id);
   }
-  async beforeMount() {
+  async onCreateEntry() {
     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() {
+  async onRegisterEntry() {
     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);
+  async onDestroyEntry() {
+    this.state === "opened" && await this.close(!1);
   }
 }
-function xt(t) {
+function pt(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 Dt() {
-  this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
+  throw new Error(
+    `Modal not found in collection with id of "${t.id || t}".`
+  );
 }
-async function ti(t) {
+async function dn(t) {
   const e = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
@@ -644,136 +1085,115 @@ async function ti(t) {
   `);
   if (e) {
     if (t.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
-      const i = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), s = xt.call(this, i);
-      return t.target.closest(this.settings.selector) || (this.trigger = e), s.open();
+      const s = e.getAttribute(`data-${this.settings.dataOpen}`).trim(), n = pt.call(this, s);
+      return t.target.closest(this.settings.selector) || (this.trigger = e), n.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();
+      const s = e.getAttribute(`data-${this.settings.dataReplace}`).trim(), n = pt.call(this, s);
+      return t.target.closest(this.settings.selector) || (this.trigger = e), n.replace();
     }
     if (e.matches(`[data-${this.settings.dataClose}]`)) {
-      const i = e.getAttribute(`data-${this.settings.dataClose}`).trim();
-      return i === "*" ? this.closeAll() : this.close(i);
+      const s = e.getAttribute(`data-${this.settings.dataClose}`).trim();
+      return s === "*" ? this.closeAll() : this.close(s);
     }
   }
   if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.isRequired)
     return this.close(this.active.id);
 }
-function ei(t) {
+function hn(t) {
   if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-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
-  })), 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 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 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 si(t) {
-  const e = [];
-  return {
-    get value() {
-      return [...e];
-    },
-    get top() {
-      const i = e[e.length - 1];
-      return i || null;
-    },
-    updateIndex() {
-      e.forEach((i, s) => {
-        i.el.style.zIndex = null;
-        const n = getComputedStyle(i.el)["z-index"];
-        i.el.style.zIndex = parseInt(n) + s + 1;
-      });
-    },
-    setGlobalState() {
-      Et(this.top, t.selectorInert, t.selectorOverflow), this.updateIndex();
-    },
-    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(i) {
-      const s = e.findIndex((n) => n.id === i.id);
-      s >= 0 && (i.el.style.zIndex = null, e.splice(s, 1), this.setGlobalState());
-    },
-    moveToTop(i) {
-      const s = e.findIndex((n) => n.id === i.id);
-      s >= 0 && (e.splice(s, 1), this.add(i));
-    }
-  };
-}
-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);
+function Lt() {
+  this.active ? (this.active.dialog.querySelector(this.settings.selectorFocus) || this.active.dialog).focus() : this.trigger && (this.trigger.focus(), this.trigger = null);
+}
+async function be(t, e = void 0, s = !0) {
+  const n = pt.call(this, t);
+  return this.stack.moveToTop(n), n.state === "closed" && (n.state = "opening", this.stack.add(n), e ?? n.getSetting("transition") ? await wt(
+    n.el,
+    n.getSetting("stateClosed"),
+    n.getSetting("stateOpening"),
+    n.getSetting("stateOpened"),
+    n.getSetting("transitionDuration")
+  ) : (n.el.classList.add(n.getSetting("stateOpened")), n.el.classList.remove(n.getSetting("stateClosed"))), n.state = "opened"), s && Lt.call(this), n.el.dispatchEvent(
+    new CustomEvent(n.getSetting("customEventPrefix") + "opened", {
+      detail: n,
+      bubbles: !0
+    })
+  ), await n.parent.emit("opened", n), n;
+}
+async function xe(t, e, s = !0) {
+  const n = t ? pt.call(this, t) : this.active;
+  return n && n.state === "opened" && (n.state = "closing", document.activeElement.blur(), e ?? n.getSetting("transition") ? await wt(
+    n.el,
+    n.getSetting("stateOpened"),
+    n.getSetting("stateClosing"),
+    n.getSetting("stateClosed"),
+    n.getSetting("transitionDuration")
+  ) : (n.el.classList.add(n.getSetting("stateClosed")), n.el.classList.remove(n.getSetting("stateOpened"))), this.stack.remove(n), n.state = "closed", s && Lt.call(this), n.el.dispatchEvent(
+    new CustomEvent(n.getSetting("customEventPrefix") + "closed", {
+      detail: n,
+      bubbles: !0
+    })
+  ), await n.parent.emit("closed", n)), n;
+}
+async function It(t, e) {
+  const s = [];
+  return await Promise.all(
+    this.stack.copy.map(async (n) => {
+      t && t === n.id || (s.push(await xe.call(this, n, e, !1)), n.trigger = null);
+    })
+  ), s;
+}
+async function gn(t, e, s = !0) {
+  const n = pt.call(this, t);
+  let i, r;
+  return n.state === "opened" ? (i = n, r = await It.call(this, n.id, e)) : (r = It.call(this, !1, e), i = be.call(this, n, e, !1), await Promise.all([i, r])), s && Lt.call(this), { opened: i, closed: r };
+}
+var rt, lt;
+class ds extends Ot {
+  constructor(s) {
+    super({ ...fn, ...s });
+    U(this, rt);
+    U(this, lt);
+    this.module = "Modal", this.entryClass = un, this.trigger = null, S(this, rt, dn.bind(this)), S(this, lt, hn.bind(this)), this.stack = new me({
+      onChange: () => {
+        bt(
+          this.stack.top,
+          this.settings.selectorInert,
+          this.settings.selectorOverflow
+        );
+      }
+    });
   }
   get active() {
     return this.stack.top;
   }
-  async createEntry(i, s) {
-    return new qe(this, i, s);
-  }
-  async open(i, s, n) {
-    return be.call(this, i, s, n);
+  async open(s, n, i) {
+    return be.call(this, s, n, i);
   }
-  async close(i, s, n) {
-    return ye.call(this, i, s, n);
+  async close(s, n, i) {
+    return xe.call(this, s, n, i);
   }
-  async replace(i, s, n) {
-    return ii.call(this, i, s, n);
+  async replace(s, n, i) {
+    return gn.call(this, s, n, i);
   }
-  async closeAll(i = !1, s, n = !0) {
-    const o = await Ht.call(this, i, s);
-    return n && Dt.call(this), o;
+  async closeAll(s = !1, n, i = !0) {
+    const r = await It.call(this, s, n);
+    return i && Lt.call(this), r;
   }
   async afterMount() {
-    document.addEventListener("click", w(this, ft), !1), document.addEventListener("keydown", w(this, ut), !1);
+    document.addEventListener("click", E(this, rt), !1), document.addEventListener("keydown", E(this, lt), !1);
   }
   async beforeUnmount() {
     this.trigger = null;
   }
   async afterUnmount() {
-    document.removeEventListener("click", w(this, ft), !1), document.removeEventListener("keydown", w(this, ut), !1);
+    document.removeEventListener("click", E(this, rt), !1), document.removeEventListener("keydown", E(this, lt), !1);
   }
 }
-ft = new WeakMap(), ut = new WeakMap();
-const ni = {
+rt = new WeakMap(), lt = new WeakMap();
+const mn = {
   // Selectors
   selector: ".popover",
   selectorTooltip: ".popover_tooltip",
@@ -790,62 +1210,60 @@ const ni = {
     "arrow-padding",
     "toggle-delay"
   ],
+  customEventPrefix: "popover:",
   placement: "bottom",
   event: "click",
   offset: 0,
   flipPadding: 0,
   shiftPadding: 0,
   arrowPadding: 0,
-  toggleDelay: 0,
-  // Feature settings
-  teleport: null,
-  teleportMethod: "append"
+  toggleDelay: 0
 };
-function ie(t, e, i) {
+function qt(t, e, s) {
   Object.assign(t.style, {
     left: e != null ? `${e}px` : "",
-    top: i != null ? `${i}px` : ""
+    top: s != null ? `${s}px` : ""
   });
 }
-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 ve(t, e) {
+  let s = t.getSetting("toggle-delay");
+  typeof s == "string" && (s.indexOf(",") > -1 && (s = s.split(",")), s.indexOf(" ") > -1 && (s = s.split(" "))), Array.isArray(s) && (s = s[e]);
+  const n = Number(s);
+  if (Number.isNaN(n))
+    throw new Error(`Provided delay value is not a number: "${s}"`);
+  return n;
 }
-function Nt(t) {
+function Mt(t) {
   let e;
-  const i = typeof t == "string" ? t.trim().split(" ") : [t];
-  for (let s = 0; s < i.length; s++)
-    i[s] = Number(i[s]);
-  switch (i.length) {
+  const s = typeof t == "string" ? t.trim().split(" ") : [t];
+  for (let n = 0; n < s.length; n++)
+    s[n] = Number(s[n]);
+  switch (s.length) {
     case 1:
-      e = i[0];
+      e = s[0];
       break;
     case 2:
       e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[0],
-        left: i[1]
+        top: s[0],
+        right: s[1],
+        bottom: s[0],
+        left: s[1]
       };
       break;
     case 3:
       e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[1]
+        top: s[0],
+        right: s[1],
+        bottom: s[2],
+        left: s[1]
       };
       break;
     case 4:
       e = {
-        top: i[0],
-        right: i[1],
-        bottom: i[2],
-        left: i[3]
+        top: s[0],
+        right: s[1],
+        bottom: s[2],
+        left: s[3]
       };
       break;
     default:
@@ -854,99 +1272,109 @@ function Nt(t) {
   }
   return e;
 }
-function oi(t) {
+function pn(t) {
   return {
     offset: Number(t.getSetting("offset")),
     flip: {
-      padding: Nt(t.getSetting("flip-padding"))
+      padding: Mt(t.getSetting("flip-padding"))
     },
     shift: {
-      padding: Nt(t.getSetting("shift-padding"))
+      padding: Mt(t.getSetting("shift-padding"))
     },
     arrow: {
       element: t.getSetting("selectorArrow"),
-      padding: Nt(t.getSetting("arrow-padding"))
+      padding: Mt(t.getSetting("arrow-padding"))
     }
   };
 }
-function ve(t) {
+function Ee(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}".`);
 }
 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;
-}
-async function Ee() {
+  const e = t ? Ee.call(this, t) : await Ce.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.el.dispatchEvent(
+    new CustomEvent(e.getSetting("customEventPrefix") + "closed", {
+      detail: this,
+      bubbles: !0
+    })
+  ), await e.parent.emit("closed", e)), e;
+}
+async function Ce() {
   const t = [];
-  return await Promise.all(this.collection.map(async (e) => {
-    e.state === "opened" && t.push(await Se.call(this, e));
-  })), t;
+  return await Promise.all(
+    this.collection.map(async (e) => {
+      e.state === "opened" && t.push(await Se.call(this, e));
+    })
+  ), t;
 }
-function Ce(t) {
+function $e(t) {
   t.state == "opened" && setTimeout(() => {
     const e = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
-    let i = document.activeElement.closest(
+    let s = document.activeElement.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
     );
-    return i = i ? i.matches(":focus-visible") : !1, !e && !i && t.close(), t;
+    return !e && !s && t.close(), t;
   }, 1);
 }
-function ri(t) {
+function yn(t) {
   t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
 }
-function li(t) {
+function wn(t) {
   t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
 }
-function ai(t, e) {
+function bn(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);
+  const s = t.trigger.getAttribute("aria-expanded");
+  if (s && s == "true") return;
+  const n = this.activeHover ? 0 : ve(t, 0);
   this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
     t.id && t.open();
-  }, s);
+  }, n);
 }
-function ci(t, e) {
+function xn(t, e) {
   setTimeout(() => {
-    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
-      Ce.call(this, t);
-    }, xe(t, 1)));
+    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(
+      () => {
+        $e.call(this, t);
+      },
+      ve(t, 1)
+    ));
   }, 1);
 }
-function fi(t) {
+function vn(t) {
   switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), Ee.call(this);
+      this.trigger && this.trigger.focus(), Ce.call(this);
       return;
     case "Tab":
       this.collection.forEach((e) => {
-        Ce.call(this, e);
+        $e.call(this, e);
       });
       return;
     default:
       return;
   }
 }
-function ui(t) {
+function En(t) {
   const e = this;
-  document.addEventListener("click", function i(s) {
-    s.target.closest(
+  document.addEventListener("click", function s(n) {
+    n.target.closest(
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
-    ) ? 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));
+    ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", s) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", s));
   });
 }
-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, {
+var L, z;
+class Sn extends xt {
+  constructor(s, n, i = {}) {
+    super(s, n, i);
+    U(this, L);
+    U(this, z);
+    this.state = "closed", this.toggleDelayId = null, this.trigger = null, S(this, L, null), S(this, z, {
       el: !1,
       trigger: !1
     }), this.floatingCleanup = () => {
@@ -956,153 +1384,159 @@ class di extends Ct {
     return !!this.el.closest(this.getSetting("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
   }
   get isHovered() {
-    return w(this, z).el || w(this, z).trigger;
+    return E(this, z).el || E(this, z).trigger;
   }
-  set isHovered(i) {
-    const s = i.type == "mouseenter" ? !0 : i.type == "mouseleave" ? !1 : void 0;
-    if (s != null)
-      switch (i.target) {
+  set isHovered(s) {
+    const n = s.type == "mouseenter" ? !0 : s.type == "mouseleave" ? !1 : void 0;
+    if (n != null)
+      switch (s.target) {
         case this.el:
-          w(this, z).el = s;
+          E(this, z).el = n;
           break;
         case this.trigger:
-          w(this, z).trigger = s;
+          E(this, z).trigger = n;
           break;
       }
   }
   async open() {
-    return this.context.open(this);
+    return this.parent.open(this);
   }
   async close() {
-    return this.context.close(this);
+    return this.parent.close(this);
   }
   async deregister() {
-    return this.context.deregister(this.id);
+    return this.parent.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, L) || (this.getSetting("event") === "hover" ? (S(this, L, [
+      {
+        el: ["el", "trigger"],
+        type: ["mouseenter", "focus"],
+        listener: bn.bind(this.parent, this)
+      },
+      {
+        el: ["el", "trigger"],
+        type: ["mouseleave", "focusout"],
+        listener: xn.bind(this.parent, this)
+      },
+      {
+        el: ["trigger"],
+        type: ["click"],
+        listener: wn.bind(this.parent, this)
+      }
+    ]), E(this, L).forEach((n) => {
+      n.el.forEach((i) => {
+        n.type.forEach((r) => {
+          this[i].addEventListener(r, n.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);
+    })) : (S(this, L, [
+      {
+        el: ["trigger"],
+        type: ["click"],
+        listener: yn.bind(this.parent, this)
+      }
+    ]), E(this, L).forEach((n) => {
+      n.el.forEach((i) => {
+        n.type.forEach((r) => {
+          this[i].addEventListener(r, n.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, L) && (E(this, L).forEach((s) => {
+      s.el.forEach((n) => {
+        s.type.forEach((i) => {
+          this[n].removeEventListener(i, s.listener, !1);
         });
       });
-    }), E(this, R, null));
+    }), S(this, L, null));
   }
-  async beforeMount() {
+  async onCreateEntry() {
     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() {
+  async onRegisterEntry() {
     this.el.classList.contains(this.getSetting("stateActive")) ? await this.open() : this.el.inert = !0;
   }
-  async beforeUnmount() {
+  async onDestroyEntry() {
     this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
   }
 }
-R = new WeakMap(), z = new WeakMap();
-const ht = Math.min, Z = Math.max, Lt = Math.round, kt = Math.floor, W = (t) => ({
+L = new WeakMap(), z = new WeakMap();
+const ct = Math.min, Z = Math.max, Ct = Math.round, St = Math.floor, I = (t) => ({
   x: t,
   y: t
-}), hi = {
+}), Cn = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, gi = {
+}, $n = {
   start: "end",
   end: "start"
 };
-function _t(t, e, i) {
-  return Z(t, ht(e, i));
+function Ft(t, e, s) {
+  return Z(t, ct(e, s));
 }
-function Q(t, e) {
+function tt(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function U(t) {
+function j(t) {
   return t.split("-")[0];
 }
-function At(t) {
+function vt(t) {
   return t.split("-")[1];
 }
-function Yt(t) {
+function _t(t) {
   return t === "x" ? "y" : "x";
 }
-function Gt(t) {
+function Wt(t) {
   return t === "y" ? "height" : "width";
 }
-function q(t) {
-  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
+function K(t) {
+  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
-function Jt(t) {
-  return Yt(q(t));
+function zt(t) {
+  return _t(K(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 An(t, e, s) {
+  s === void 0 && (s = !1);
+  const n = vt(t), i = zt(t), r = Wt(i);
+  let o = i === "x" ? n === (s ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (o = $t(o)), [o, $t(o)];
 }
-function pi(t) {
-  const e = Ot(t);
-  return [zt(t), e, zt(e)];
+function kn(t) {
+  const e = $t(t);
+  return [Ht(t), e, Ht(e)];
 }
-function zt(t) {
-  return t.replace(/start|end/g, (e) => gi[e]);
+function Ht(t) {
+  return t.replace(/start|end/g, (e) => $n[e]);
 }
-function wi(t, e, i) {
-  const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
+function On(t, e, s) {
+  const n = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
   switch (t) {
     case "top":
     case "bottom":
-      return i ? e ? n : s : e ? s : n;
+      return s ? e ? i : n : e ? n : i;
     case "left":
     case "right":
-      return e ? o : r;
+      return e ? r : o;
     default:
       return [];
   }
 }
-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 Ln(t, e, s, n) {
+  const i = vt(t);
+  let r = On(j(t), s === "start", n);
+  return i && (r = r.map((o) => o + "-" + i), e && (r = r.concat(r.map(Ht)))), r;
 }
-function Ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => hi[e]);
+function $t(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Cn[e]);
 }
-function yi(t) {
+function Rn(t) {
   return {
     top: 0,
     right: 0,
@@ -1112,292 +1546,296 @@ function yi(t) {
   };
 }
 function Ae(t) {
-  return typeof t != "number" ? yi(t) : {
+  return typeof t != "number" ? Rn(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function Tt(t) {
+function At(t) {
   const {
     x: e,
-    y: i,
-    width: s,
-    height: n
+    y: s,
+    width: n,
+    height: i
   } = t;
   return {
-    width: s,
-    height: n,
-    top: i,
+    width: n,
+    height: i,
+    top: s,
     left: e,
-    right: e + s,
-    bottom: i + n,
+    right: e + n,
+    bottom: s + i,
     x: e,
-    y: i
+    y: s
   };
 }
-function se(t, e, i) {
+function Zt(t, e, s) {
   let {
-    reference: s,
-    floating: n
+    reference: n,
+    floating: i
   } = 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;
+  const r = K(e), o = zt(e), l = Wt(o), a = j(e), c = r === "y", d = n.x + n.width / 2 - i.width / 2, f = n.y + n.height / 2 - i.height / 2, h = n[l] / 2 - i[l] / 2;
+  let u;
   switch (a) {
     case "top":
-      f = {
+      u = {
         x: d,
-        y: s.y - n.height
+        y: n.y - i.height
       };
       break;
     case "bottom":
-      f = {
+      u = {
         x: d,
-        y: s.y + s.height
+        y: n.y + n.height
       };
       break;
     case "right":
-      f = {
-        x: s.x + s.width,
-        y: u
+      u = {
+        x: n.x + n.width,
+        y: f
       };
       break;
     case "left":
-      f = {
-        x: s.x - n.width,
-        y: u
+      u = {
+        x: n.x - i.width,
+        y: f
       };
       break;
     default:
-      f = {
-        x: s.x,
-        y: s.y
+      u = {
+        x: n.x,
+        y: n.y
       };
   }
-  switch (At(e)) {
+  switch (vt(e)) {
     case "start":
-      f[r] -= h * (i && c ? -1 : 1);
+      u[o] -= h * (s && c ? -1 : 1);
       break;
     case "end":
-      f[r] += h * (i && c ? -1 : 1);
+      u[o] += h * (s && c ? -1 : 1);
       break;
   }
-  return f;
+  return u;
 }
-const xi = async (t, e, i) => {
+const Pn = async (t, e, s) => {
   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({
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: o
+  } = s, l = r.filter(Boolean), a = await (o.isRTL == null ? void 0 : o.isRTL(e));
+  let c = await o.getElementRects({
     reference: t,
     floating: e,
-    strategy: n
+    strategy: i
   }), {
     x: d,
-    y: u
-  } = se(c, s, a), h = s, f = {}, g = 0;
+    y: f
+  } = Zt(c, n, a), h = n, u = {}, g = 0;
   for (let m = 0; m < l.length; m++) {
     const {
-      name: b,
-      fn: p
+      name: p,
+      fn: y
     } = l[m], {
-      x: y,
-      y: x,
-      data: S,
-      reset: v
-    } = await p({
+      x: w,
+      y: b,
+      data: v,
+      reset: x
+    } = await y({
       x: d,
-      y: u,
-      initialPlacement: s,
+      y: f,
+      initialPlacement: n,
       placement: h,
-      strategy: n,
-      middlewareData: f,
+      strategy: i,
+      middlewareData: u,
       rects: c,
-      platform: r,
+      platform: o,
       elements: {
         reference: t,
         floating: e
       }
     });
-    d = y ?? d, u = x ?? u, f = {
-      ...f,
-      [b]: {
-        ...f[b],
-        ...S
+    d = w ?? d, f = b ?? f, u = {
+      ...u,
+      [p]: {
+        ...u[p],
+        ...v
       }
-    }, v && g <= 50 && (g++, typeof v == "object" && (v.placement && (h = v.placement), v.rects && (c = v.rects === !0 ? await r.getElementRects({
+    }, x && g <= 50 && (g++, typeof x == "object" && (x.placement && (h = x.placement), x.rects && (c = x.rects === !0 ? await o.getElementRects({
       reference: t,
       floating: e,
-      strategy: n
-    }) : v.rects), {
+      strategy: i
+    }) : x.rects), {
       x: d,
-      y: u
-    } = se(c, h, a)), m = -1);
+      y: f
+    } = Zt(c, h, a)), m = -1);
   }
   return {
     x: d,
-    y: u,
+    y: f,
     placement: h,
-    strategy: n,
-    middlewareData: f
+    strategy: i,
+    middlewareData: u
   };
 };
-async function $e(t, e) {
-  var i;
+async function ke(t, e) {
+  var s;
   e === void 0 && (e = {});
   const {
-    x: s,
-    y: n,
-    platform: o,
-    rects: r,
+    x: n,
+    y: i,
+    platform: r,
+    rects: o,
     elements: l,
     strategy: a
   } = t, {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: u = "floating",
+    elementContext: f = "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)),
+    padding: u = 0
+  } = tt(e, t), g = Ae(u), p = l[h ? f === "floating" ? "reference" : "floating" : f], y = At(await r.getClippingRect({
+    element: (s = await (r.isElement == null ? void 0 : r.isElement(p))) == null || s ? p : p.contextElement || await (r.getDocumentElement == null ? void 0 : r.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)) || {
+  })), w = f === "floating" ? {
+    x: n,
+    y: i,
+    width: o.floating.width,
+    height: o.floating.height
+  } : o.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), v = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, v = Tt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, x = At(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
-    offsetParent: x,
+    rect: w,
+    offsetParent: b,
     strategy: a
-  }) : y);
+  }) : w);
   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
+    top: (y.top - x.top + g.top) / v.y,
+    bottom: (x.bottom - y.bottom + g.bottom) / v.y,
+    left: (y.left - x.left + g.left) / v.x,
+    right: (x.right - y.right + g.right) / v.x
   };
 }
-const vi = (t) => ({
+const Tn = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
     const {
-      x: i,
-      y: s,
-      placement: n,
-      rects: o,
-      platform: r,
+      x: s,
+      y: n,
+      placement: i,
+      rects: r,
+      platform: o,
       elements: l,
       middlewareData: a
     } = e, {
       element: c,
       padding: d = 0
-    } = Q(t, e) || {};
+    } = tt(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;
+    const f = Ae(d), h = {
+      x: s,
+      y: n
+    }, u = zt(i), g = Wt(u), m = await o.getDimensions(c), p = u === "y", y = p ? "top" : "left", w = p ? "bottom" : "right", b = p ? "clientHeight" : "clientWidth", v = r.reference[g] + r.reference[u] - h[u] - r.floating[g], x = h[u] - r.reference[u], k = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let O = k ? k[b] : 0;
+    (!O || !await (o.isElement == null ? void 0 : o.isElement(k))) && (O = l.floating[b] || r.floating[g]);
+    const dt = v / 2 - x / 2, J = O / 2 - m[g] / 2 - 1, N = ct(f[y], J), ht = ct(f[w], J), X = N, gt = O - m[g] - ht, M = O / 2 - m[g] / 2 + dt, R = Ft(X, M, gt), G = !a.arrow && vt(i) != null && M !== R && r.reference[g] / 2 - (M < X ? N : ht) - m[g] / 2 < 0, B = G ? M < X ? M - X : M - gt : 0;
     return {
-      [f]: h[f] + F,
+      [u]: h[u] + B,
       data: {
-        [f]: et,
-        centerOffset: A - et - F,
-        ...B && {
-          alignmentOffset: F
+        [u]: R,
+        centerOffset: M - R - B,
+        ...G && {
+          alignmentOffset: B
         }
       },
-      reset: B
+      reset: G
     };
   }
-}), Si = function(t) {
+}), Mn = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
     async fn(e) {
-      var i, s;
+      var s, n;
       const {
-        placement: n,
-        middlewareData: o,
-        rects: r,
+        placement: i,
+        middlewareData: r,
+        rects: o,
         initialPlacement: l,
         platform: a,
         elements: c
       } = e, {
         mainAxis: d = !0,
-        crossAxis: u = !0,
+        crossAxis: f = !0,
         fallbackPlacements: h,
-        fallbackStrategy: f = "bestFit",
+        fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
-        ...b
-      } = Q(t, e);
-      if ((i = o.arrow) != null && i.alignmentOffset)
+        ...p
+      } = tt(t, e);
+      if ((s = r.arrow) != null && s.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]]);
+      const y = j(i), w = K(l), b = j(l) === l, v = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), x = h || (b || !m ? [$t(l)] : kn(l)), k = g !== "none";
+      !h && k && x.push(...Ln(l, m, g, v));
+      const O = [l, ...x], dt = await ke(e, p), J = [];
+      let N = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      if (d && J.push(dt[y]), f) {
+        const R = An(i, o, v);
+        J.push(dt[R[0]], dt[R[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 (N = [...N, {
+        placement: i,
+        overflows: J
+      }], !J.every((R) => R <= 0)) {
+        var ht, X;
+        const R = (((ht = r.flip) == null ? void 0 : ht.index) || 0) + 1, G = O[R];
+        if (G) {
+          var gt;
+          const _ = f === "alignment" ? w !== K(G) : !1, D = ((gt = N[0]) == null ? void 0 : gt.overflows[0]) > 0;
+          if (!_ || D)
+            return {
+              data: {
+                index: R,
+                overflows: N
+              },
+              reset: {
+                placement: G
+              }
+            };
+        }
+        let B = (X = N.filter((_) => _.overflows[0] <= 0).sort((_, D) => _.overflows[1] - D.overflows[1])[0]) == null ? void 0 : X.placement;
         if (!B)
-          switch (f) {
+          switch (u) {
             case "bestFit": {
-              var bt;
-              const F = (bt = V.filter((H) => {
+              var M;
+              const _ = (M = N.filter((D) => {
                 if (k) {
-                  const _ = q(H.placement);
-                  return _ === y || // Create a bias to the `y` side axis due to horizontal
+                  const W = K(D.placement);
+                  return W === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  _ === "y";
+                  W === "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);
+              }).map((D) => [D.placement, D.overflows.filter((W) => W > 0).reduce((W, Fe) => W + Fe, 0)]).sort((D, W) => D[1] - W[1])[0]) == null ? void 0 : M[0];
+              _ && (B = _);
               break;
             }
             case "initialPlacement":
               B = l;
               break;
           }
-        if (n !== B)
+        if (i !== B)
           return {
             reset: {
               placement: B
@@ -1408,131 +1846,131 @@ const vi = (t) => ({
     }
   };
 };
-async function Ei(t, e) {
+async function Dn(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);
+    placement: s,
+    platform: n,
+    elements: i
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), o = j(s), l = vt(s), a = K(s) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && a ? -1 : 1, f = tt(e, t);
   let {
     mainAxis: h,
-    crossAxis: f,
+    crossAxis: u,
     alignmentAxis: g
-  } = typeof u == "number" ? {
-    mainAxis: u,
+  } = typeof f == "number" ? {
+    mainAxis: f,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
   };
-  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), a ? {
-    x: f * d,
+  return l && typeof g == "number" && (u = l === "end" ? g * -1 : g), a ? {
+    x: u * d,
     y: h * c
   } : {
     x: h * c,
-    y: f * d
+    y: u * d
   };
 }
-const Ci = function(t) {
+const In = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
     async fn(e) {
-      var i, s;
+      var s, n;
       const {
-        x: n,
-        y: o,
-        placement: r,
+        x: i,
+        y: r,
+        placement: o,
         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,
+      } = e, a = await Dn(e, t);
+      return o === ((s = l.offset) == null ? void 0 : s.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: r + a.y,
         data: {
           ...a,
-          placement: r
+          placement: o
         }
       };
     }
   };
-}, Ai = function(t) {
+}, Fn = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
     async fn(e) {
       const {
-        x: i,
-        y: s,
-        placement: n
+        x: s,
+        y: n,
+        placement: i
       } = e, {
-        mainAxis: o = !0,
-        crossAxis: r = !1,
+        mainAxis: r = !0,
+        crossAxis: o = !1,
         limiter: l = {
-          fn: (b) => {
+          fn: (p) => {
             let {
-              x: p,
-              y
-            } = b;
+              x: y,
+              y: w
+            } = p;
             return {
-              x: p,
-              y
+              x: y,
+              y: w
             };
           }
         },
         ...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);
-      }
+      } = tt(t, e), c = {
+        x: s,
+        y: n
+      }, d = await ke(e, a), f = K(j(i)), h = _t(f);
+      let u = c[h], g = c[f];
       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 p = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", w = u + d[p], b = u - d[y];
+        u = Ft(w, u, b);
+      }
+      if (o) {
+        const p = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", w = g + d[p], b = g - d[y];
+        g = Ft(w, g, b);
       }
       const m = l.fn({
         ...e,
-        [h]: f,
-        [u]: g
+        [h]: u,
+        [f]: g
       });
       return {
         ...m,
         data: {
-          x: m.x - i,
-          y: m.y - s,
+          x: m.x - s,
+          y: m.y - n,
           enabled: {
-            [h]: o,
-            [u]: r
+            [h]: r,
+            [f]: o
           }
         }
       };
     }
   };
-}, $i = function(t) {
+}, Hn = function(t) {
   return t === void 0 && (t = {}), {
     options: t,
     fn(e) {
       const {
-        x: i,
-        y: s,
-        placement: n,
-        rects: o,
-        middlewareData: r
+        x: s,
+        y: n,
+        placement: i,
+        rects: r,
+        middlewareData: o
       } = 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" ? {
+      } = tt(t, e), d = {
+        x: s,
+        y: n
+      }, f = K(i), h = _t(f);
+      let u = d[h], g = d[f];
+      const m = tt(l, e), p = typeof m == "number" ? {
         mainAxis: m,
         crossAxis: 0
       } : {
@@ -1541,60 +1979,60 @@ const Ci = function(t) {
         ...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);
+        const b = h === "y" ? "height" : "width", v = r.reference[h] - r.floating[b] + p.mainAxis, x = r.reference[h] + r.reference[b] - p.mainAxis;
+        u < v ? u = v : u > x && (u = x);
       }
       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);
+        var y, w;
+        const b = h === "y" ? "width" : "height", v = ["top", "left"].includes(j(i)), x = r.reference[f] - r.floating[b] + (v && ((y = o.offset) == null ? void 0 : y[f]) || 0) + (v ? 0 : p.crossAxis), k = r.reference[f] + r.reference[b] + (v ? 0 : ((w = o.offset) == null ? void 0 : w[f]) || 0) - (v ? p.crossAxis : 0);
+        g < x ? g = x : g > k && (g = k);
       }
       return {
-        [h]: f,
-        [u]: g
+        [h]: u,
+        [f]: g
       };
     }
   };
 };
-function Mt() {
+function Rt() {
   return typeof window < "u";
 }
-function mt(t) {
-  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function ut(t) {
+  return Oe(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function T(t) {
+function A(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function N(t) {
+function H(t) {
   var e;
-  return (e = (ke(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Oe(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ke(t) {
-  return Mt() ? t instanceof Node || t instanceof T(t).Node : !1;
+function Oe(t) {
+  return Rt() ? t instanceof Node || t instanceof A(t).Node : !1;
 }
-function D(t) {
-  return Mt() ? t instanceof Element || t instanceof T(t).Element : !1;
+function P(t) {
+  return Rt() ? t instanceof Element || t instanceof A(t).Element : !1;
 }
-function I(t) {
-  return Mt() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
+function F(t) {
+  return Rt() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : !1;
 }
-function ne(t) {
-  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
+function te(t) {
+  return !Rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
 }
-function $t(t) {
+function Et(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);
+    overflowX: s,
+    overflowY: n,
+    display: i
+  } = T(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + s) && !["inline", "contents"].includes(i);
 }
-function ki(t) {
-  return ["table", "td", "th"].includes(mt(t));
+function Nn(t) {
+  return ["table", "td", "th"].includes(ut(t));
 }
-function Ft(t) {
+function Pt(t) {
   return [":popover-open", ":modal"].some((e) => {
     try {
       return t.matches(e);
@@ -1603,32 +2041,32 @@ function Ft(t) {
     }
   });
 }
-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 Qt(t) {
+  const e = Kt(), s = P(t) ? T(t) : t;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => s[n] ? s[n] !== "none" : !1) || (s.containerType ? s.containerType !== "normal" : !1) || !e && (s.backdropFilter ? s.backdropFilter !== "none" : !1) || !e && (s.filter ? s.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (s.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (s.contain || "").includes(n));
 }
-function Li(t) {
-  let e = K(t);
-  for (; I(e) && !gt(e); ) {
-    if (Zt(e))
+function Bn(t) {
+  let e = Y(t);
+  for (; F(e) && !ft(e); ) {
+    if (Qt(e))
       return e;
-    if (Ft(e))
+    if (Pt(e))
       return null;
-    e = K(e);
+    e = Y(e);
   }
   return null;
 }
-function Qt() {
+function Kt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function gt(t) {
-  return ["html", "body", "#document"].includes(mt(t));
+function ft(t) {
+  return ["html", "body", "#document"].includes(ut(t));
 }
-function M(t) {
-  return T(t).getComputedStyle(t);
+function T(t) {
+  return A(t).getComputedStyle(t);
 }
-function It(t) {
-  return D(t) ? {
+function Tt(t) {
+  return P(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1636,210 +2074,223 @@ function It(t) {
     scrollTop: t.scrollY
   };
 }
-function K(t) {
-  if (mt(t) === "html")
+function Y(t) {
+  if (ut(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)
+    te(t) && t.host || // Fallback.
+    H(t)
   );
-  return ne(e) ? e.host : e;
+  return te(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);
+  const e = Y(t);
+  return ft(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : F(e) && Et(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) : []);
+function yt(t, e, s) {
+  var n;
+  e === void 0 && (e = []), s === void 0 && (s = !0);
+  const i = Le(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), o = A(i);
+  if (r) {
+    const l = Nt(o);
+    return e.concat(o, o.visualViewport || [], Et(i) ? i : [], l && s ? yt(l) : []);
   }
-  return e.concat(n, vt(n, [], i));
+  return e.concat(i, yt(i, [], s));
 }
-function Wt(t) {
+function Nt(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,
+function Re(t) {
+  const e = T(t);
+  let s = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = F(t), r = i ? t.offsetWidth : s, o = i ? t.offsetHeight : n, l = Ct(s) !== r || Ct(n) !== o;
+  return l && (s = r, n = o), {
+    width: s,
+    height: n,
     $: l
   };
 }
-function qt(t) {
-  return D(t) ? t : t.contextElement;
+function jt(t) {
+  return P(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,
+  const e = jt(t);
+  if (!F(e))
+    return I(1);
+  const s = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: r
+  } = Re(e);
+  let o = (r ? Ct(s.width) : s.width) / n, l = (r ? Ct(s.height) : s.height) / i;
+  return (!o || !Number.isFinite(o)) && (o = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: o,
     y: l
   };
 }
-const Oi = /* @__PURE__ */ W(0);
-function Te(t) {
-  const e = T(t);
-  return !Qt() || !e.visualViewport ? Oi : {
+const Un = /* @__PURE__ */ I(0);
+function Pe(t) {
+  const e = A(t);
+  return !Kt() || !e.visualViewport ? Un : {
     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);
+function Vn(t, e, s) {
+  return e === void 0 && (e = !1), !s || e && s !== A(t) ? !1 : e;
+}
+function et(t, e, s, n) {
+  e === void 0 && (e = !1), s === void 0 && (s = !1);
+  const i = t.getBoundingClientRect(), r = jt(t);
+  let o = I(1);
+  e && (n ? P(n) && (o = st(n)) : o = st(t));
+  const l = Vn(r, s, n) ? Pe(r) : I(0);
+  let a = (i.left + l.x) / o.x, c = (i.top + l.y) / o.y, d = i.width / o.x, f = i.height / o.y;
+  if (r) {
+    const h = A(r), u = n && P(n) ? A(n) : n;
+    let g = h, m = Nt(g);
+    for (; m && n && u !== g; ) {
+      const p = st(m), y = m.getBoundingClientRect(), w = T(m), b = y.left + (m.clientLeft + parseFloat(w.paddingLeft)) * p.x, v = y.top + (m.clientTop + parseFloat(w.paddingTop)) * p.y;
+      a *= p.x, c *= p.y, d *= p.x, f *= p.y, a += b, c += v, g = A(m), m = Nt(g);
     }
   }
-  return Tt({
+  return At({
     width: d,
-    height: u,
+    height: f,
     x: a,
     y: c
   });
 }
-function Pi(t) {
+function Yt(t, e) {
+  const s = Tt(t).scrollLeft;
+  return e ? e.left + s : et(H(t)).left + s;
+}
+function Te(t, e, s) {
+  s === void 0 && (s = !1);
+  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (s ? 0 : (
+    // RTL <body> scrollbar.
+    Yt(t, n)
+  )), r = n.top + e.scrollTop;
+  return {
+    x: i,
+    y: r
+  };
+}
+function _n(t) {
   let {
     elements: e,
-    rect: i,
-    offsetParent: s,
-    strategy: n
+    rect: s,
+    offsetParent: n,
+    strategy: i
   } = t;
-  const o = n === "fixed", r = N(s), l = e ? Ft(e.floating) : !1;
-  if (s === r || l && o)
-    return i;
+  const r = i === "fixed", o = H(n), l = e ? Pt(e.floating) : !1;
+  if (n === o || l && r)
+    return s;
   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;
+  }, c = I(1);
+  const d = I(0), f = F(n);
+  if ((f || !f && !r) && ((ut(n) !== "body" || Et(o)) && (a = Tt(n)), F(n))) {
+    const u = et(n);
+    c = st(n), d.x = u.x + n.clientLeft, d.y = u.y + n.clientTop;
   }
+  const h = o && !f && !r ? Te(o, a, !0) : I(0);
   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
+    width: s.width * c.x,
+    height: s.height * c.y,
+    x: s.x * c.x - a.scrollLeft * c.x + d.x + h.x,
+    y: s.y * c.y - a.scrollTop * c.y + d.y + h.y
   };
 }
-function Ri(t) {
+function Wn(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,
+function zn(t) {
+  const e = H(t), s = Tt(t), n = t.ownerDocument.body, i = Z(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = Z(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let o = -s.scrollLeft + Yt(t);
+  const l = -s.scrollTop;
+  return T(n).direction === "rtl" && (o += Z(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: o,
     y: l
   };
 }
-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);
+function Qn(t, e) {
+  const s = A(t), n = H(t), i = s.visualViewport;
+  let r = n.clientWidth, o = n.clientHeight, l = 0, a = 0;
+  if (i) {
+    r = i.width, o = i.height;
+    const c = Kt();
+    (!c || c && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
   }
   return {
-    width: o,
-    height: r,
+    width: r,
+    height: o,
     x: l,
     y: a
   };
 }
-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;
+function Kn(t, e) {
+  const s = et(t, !0, e === "fixed"), n = s.top + t.clientTop, i = s.left + t.clientLeft, r = F(t) ? st(t) : I(1), o = t.clientWidth * r.x, l = t.clientHeight * r.y, a = i * r.x, c = n * r.y;
   return {
-    width: r,
+    width: o,
     height: l,
     x: a,
     y: c
   };
 }
-function oe(t, e, i) {
-  let s;
+function ee(t, e, s) {
+  let n;
   if (e === "viewport")
-    s = Mi(t, i);
+    n = Qn(t, s);
   else if (e === "document")
-    s = Di(N(t));
-  else if (D(e))
-    s = Fi(e, i);
+    n = zn(H(t));
+  else if (P(e))
+    n = Kn(e, s);
   else {
-    const n = Te(t);
-    s = {
-      ...e,
-      x: e.x - n.x,
-      y: e.y - n.y
+    const i = Pe(t);
+    n = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
     };
   }
-  return Tt(s);
+  return At(n);
 }
-function Pe(t, e) {
-  const i = K(t);
-  return i === e || !D(i) || gt(i) ? !1 : M(i).position === "fixed" || Pe(i, e);
+function Me(t, e) {
+  const s = Y(t);
+  return s === e || !P(s) || ft(s) ? !1 : T(s).position === "fixed" || Me(s, 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);
+function jn(t, e) {
+  const s = e.get(t);
+  if (s)
+    return s;
+  let n = yt(t, [], !1).filter((l) => P(l) && ut(l) !== "body"), i = null;
+  const r = T(t).position === "fixed";
+  let o = r ? Y(t) : t;
+  for (; P(o) && !ft(o); ) {
+    const l = T(o), a = Qt(o);
+    !a && l.position === "fixed" && (i = null), (r ? !a && !i : !a && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Et(o) && !a && Me(t, o)) ? n = n.filter((d) => d !== o) : i = l, o = Y(o);
   }
-  return e.set(t, s), s;
+  return e.set(t, n), n;
 }
-function Ni(t) {
+function Yn(t) {
   let {
     element: e,
-    boundary: i,
-    rootBoundary: s,
-    strategy: n
+    boundary: s,
+    rootBoundary: n,
+    strategy: i
   } = 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));
+  const o = [...s === "clippingAncestors" ? Pt(e) ? [] : jn(e, this._c) : [].concat(s), n], l = o[0], a = o.reduce((c, d) => {
+    const f = ee(e, d, i);
+    return c.top = Z(f.top, c.top), c.right = ct(f.right, c.right), c.bottom = ct(f.bottom, c.bottom), c.left = Z(f.left, c.left), c;
+  }, ee(e, l, i));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1847,254 +2298,257 @@ function Ni(t) {
     y: a.top
   };
 }
-function Bi(t) {
+function Jn(t) {
   const {
     width: e,
-    height: i
-  } = Oe(t);
+    height: s
+  } = Re(t);
   return {
     width: e,
-    height: i
+    height: s
   };
 }
-function Vi(t, e, i) {
-  const s = I(e), n = N(e), o = i === "fixed", r = tt(t, !0, o, e);
+function Xn(t, e, s) {
+  const n = F(e), i = H(e), r = s === "fixed", o = et(t, !0, r, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  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;
+  const a = I(0);
+  function c() {
+    a.x = Yt(i);
+  }
+  if (n || !n && !r)
+    if ((ut(e) !== "body" || Et(i)) && (l = Tt(e)), n) {
+      const u = et(e, !0, r, e);
+      a.x = u.x + e.clientLeft, a.y = u.y + e.clientTop;
+    } else i && c();
+  r && !n && i && c();
+  const d = i && !n && !r ? Te(i, l) : I(0), f = o.left + l.scrollLeft - a.x - d.x, h = o.top + l.scrollTop - a.y - d.y;
   return {
-    x: u,
+    x: f,
     y: h,
-    width: r.width,
-    height: r.height
+    width: o.width,
+    height: o.height
   };
 }
-function Bt(t) {
-  return M(t).position === "static";
+function Dt(t) {
+  return T(t).position === "static";
 }
-function re(t, e) {
-  if (!I(t) || M(t).position === "fixed")
+function ne(t, e) {
+  if (!F(t) || T(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);
+  let s = t.offsetParent;
+  return H(t) === s && (s = s.ownerDocument.body), s;
+}
+function De(t, e) {
+  const s = A(t);
+  if (Pt(t))
+    return s;
+  if (!F(t)) {
+    let i = Y(t);
+    for (; i && !ft(i); ) {
+      if (P(i) && !Dt(i))
+        return i;
+      i = Y(i);
     }
-    return i;
+    return s;
   }
-  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;
+  let n = ne(t, e);
+  for (; n && Nn(n) && Dt(n); )
+    n = ne(n, e);
+  return n && ft(n) && Dt(n) && !Qt(n) ? s : n || Bn(t) || s;
 }
-const Hi = async function(t) {
-  const e = this.getOffsetParent || Re, i = this.getDimensions, s = await i(t.floating);
+const Gn = async function(t) {
+  const e = this.getOffsetParent || De, s = this.getDimensions, n = await s(t.floating);
   return {
-    reference: Vi(t.reference, await e(t.floating), t.strategy),
+    reference: Xn(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: s.width,
-      height: s.height
+      width: n.width,
+      height: n.height
     }
   };
 };
-function _i(t) {
-  return M(t).direction === "rtl";
-}
-const zi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Pi,
-  getDocumentElement: N,
-  getClippingRect: Ni,
-  getOffsetParent: Re,
-  getElementRects: Hi,
-  getClientRects: Ri,
-  getDimensions: Bi,
+function qn(t) {
+  return T(t).direction === "rtl";
+}
+const Zn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: _n,
+  getDocumentElement: H,
+  getClippingRect: Yn,
+  getOffsetParent: De,
+  getElementRects: Gn,
+  getClientRects: Wn,
+  getDimensions: Jn,
   getScale: st,
-  isElement: D,
-  isRTL: _i
+  isElement: P,
+  isRTL: qn
 };
-function Wi(t, e) {
-  let i = null, s;
-  const n = N(t);
-  function o() {
+function Ie(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function ts(t, e) {
+  let s = null, n;
+  const i = H(t);
+  function r() {
     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)
+    clearTimeout(n), (l = s) == null || l.disconnect(), s = null;
+  }
+  function o(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), r();
+    const c = t.getBoundingClientRect(), {
+      left: d,
+      top: f,
+      width: h,
+      height: u
+    } = c;
+    if (l || e(), !h || !u)
       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
+    const g = St(f), m = St(i.clientWidth - (d + h)), p = St(i.clientHeight - (f + u)), y = St(d), b = {
+      rootMargin: -g + "px " + -m + "px " + -p + "px " + -y + "px",
+      threshold: Z(0, ct(1, a)) || 1
     };
-    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);
+    let v = !0;
+    function x(k) {
+      const O = k[0].intersectionRatio;
+      if (O !== a) {
+        if (!v)
+          return o();
+        O ? o(!1, O) : n = setTimeout(() => {
+          o(!1, 1e-7);
         }, 1e3);
       }
-      x = !1;
+      O === 1 && !Ie(c, t.getBoundingClientRect()) && o(), v = !1;
     }
     try {
-      i = new IntersectionObserver(S, {
-        ...y,
+      s = new IntersectionObserver(x, {
+        ...b,
         // Handle <iframe>s
-        root: n.ownerDocument
+        root: i.ownerDocument
       });
     } catch {
-      i = new IntersectionObserver(S, y);
+      s = new IntersectionObserver(x, b);
     }
-    i.observe(t);
+    s.observe(t);
   }
-  return r(!0), o;
+  return o(!0), r;
 }
-function Ui(t, e, i, s) {
-  s === void 0 && (s = {});
+function es(t, e, s, n) {
+  n === void 0 && (n = {});
   const {
-    ancestorScroll: n = !0,
-    ancestorResize: o = !0,
-    elementResize: r = typeof ResizeObserver == "function",
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: o = 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, {
+  } = n, c = jt(t), d = i || r ? [...c ? yt(c) : [], ...yt(e)] : [];
+  d.forEach((y) => {
+    i && y.addEventListener("scroll", s, {
       passive: !0
-    }), o && p.addEventListener("resize", i);
+    }), r && y.addEventListener("resize", s);
   });
-  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);
+  const f = c && l ? ts(c, s) : null;
+  let h = -1, u = null;
+  o && (u = new ResizeObserver((y) => {
+    let [w] = y;
+    w && w.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var b;
+      (b = u) == null || b.observe(e);
+    })), s();
+  }), c && !a && u.observe(c), u.observe(e));
+  let g, m = a ? et(t) : null;
+  a && p();
+  function p() {
+    const y = et(t);
+    m && !Ie(m, y) && s(), m = y, g = requestAnimationFrame(p);
+  }
+  return s(), () => {
+    var y;
+    d.forEach((w) => {
+      i && w.removeEventListener("scroll", s), r && w.removeEventListener("resize", s);
+    }), f == null || f(), (y = u) == null || y.disconnect(), u = null, a && cancelAnimationFrame(g);
   };
 }
-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
+const ns = In, ss = Fn, is = Mn, os = Tn, rs = Hn, ls = (t, e, s) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: Zn,
+    ...s
+  }, r = {
+    ...i.platform,
+    _c: n
   };
-  return xi(t, e, {
-    ...n,
-    platform: o
+  return Pn(t, e, {
+    ...i,
+    platform: r
   });
 };
-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, {
+async function as(t) {
+  const e = Ee.call(this, t);
+  e.el.inert = !1, e.el.classList.add(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "true"), e.buildCustomProps();
+  const s = pn(e), n = e.el.querySelector(s.arrow.element);
+  return s.arrow.element = n || void 0, e.floatingCleanup = es(e.trigger, e.el, () => {
+    ls(e.trigger, e.el, {
       placement: e.getSetting("placement"),
       middleware: [
-        Xi(i.flip),
-        ji({ ...i.shift, limiter: Gi() }),
-        Ki(i.offset),
-        Yi(i.arrow)
+        is(s.flip),
+        ss({ ...s.shift, limiter: rs() }),
+        ns(s.offset),
+        os(s.arrow)
       ]
-    }).then(({ x: n, y: o, placement: r, middlewareData: l }) => {
+    }).then(({ x: i, y: r, placement: o, middlewareData: l }) => {
       if (e.el) {
-        if (ie(e.el, n, o), i.arrow.element && l.arrow) {
+        if (qt(e.el, i, r), s.arrow.element && l.arrow) {
           const { x: a, y: c } = l.arrow;
-          ie(i.arrow.element, a, c);
+          qt(s.arrow.element, a, c);
         }
-        e.el.setAttribute("data-floating-placement", r);
+        e.el.setAttribute("data-floating-placement", o);
       }
     });
-  }), e.state = "opened", e.getSetting("event") === "click" && ui.call(this, e), e;
-}
-var dt;
-class is extends Rt {
-  constructor(i = {}) {
-    super({ ...ni, ...i });
-    $(this, dt);
-    this.trigger = null, E(this, dt, fi.bind(this));
+  }), e.state = "opened", e.getSetting("event") === "click" && En.call(this, e), e.el.dispatchEvent(
+    new CustomEvent(e.getSetting("customEventPrefix") + "opened", {
+      detail: this,
+      bubbles: !0
+    })
+  ), await e.parent.emit("opened", e), e;
+}
+var at;
+class hs extends Ot {
+  constructor(s = {}) {
+    super({ ...mn, ...s });
+    U(this, at);
+    this.module = "Popover", this.entryClass = Sn, this.trigger = null, S(this, at, vn.bind(this));
   }
   get active() {
     return this.get("opened", "state");
   }
   get activeHover() {
-    return this.collection.find((i) => i.state == "opened" && i.getSetting("event") == "hover");
-  }
-  async createEntry(i, s) {
-    return new di(this, i, s);
+    return this.collection.find((s) => s.state == "opened" && s.getSetting("event") == "hover");
   }
-  async open(i) {
-    return Zi.call(this, i);
+  async open(s) {
+    return as.call(this, s);
   }
-  async close(i) {
-    return Se.call(this, i);
+  async close(s) {
+    return Se.call(this, s);
   }
   async afterMount() {
-    document.addEventListener("keydown", w(this, dt), !1);
+    document.addEventListener("keydown", E(this, at), !1);
   }
   async beforeUnmount() {
     this.trigger = null;
   }
   async afterUnmount() {
-    document.removeEventListener("keydown", w(this, dt), !1);
+    document.removeEventListener("keydown", E(this, at), !1);
   }
 }
-dt = new WeakMap();
+at = new WeakMap();
 export {
-  ts as Drawer,
-  es as Modal,
-  is as Popover,
-  qi as core
+  us as Drawer,
+  ds as Modal,
+  hs as Popover,
+  fs as core
 };
 //# sourceMappingURL=index.js.map