vrembem 4.0.0-next.31 → 4.0.0-next.32

package/dist/index.js

@@ -1,157 +1,162 @@
-var Jt = (t) => {
-  throw TypeError(t);
-};
-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}${$}`
+const C = ":not([inert])", A = ':not([tabindex^="-"])', ct = ":not(:disabled)", Gt = [
+  `a[href]${C}${A}`,
+  `area[href]${C}${A}`,
+  `input:not([type="hidden"]):not([type="radio"])${C}${A}${ct}`,
+  `input[type="radio"]${C}${A}${ct}`,
+  `select${C}${A}${ct}`,
+  `textarea${C}${A}${ct}`,
+  `button${C}${A}${ct}`,
+  `details${C} > summary:first-of-type${A}`,
+  `iframe${C}${A}`,
+  `audio[controls]${C}${A}`,
+  `video[controls]${C}${A}`,
+  `[contenteditable]${C}${A}`,
+  `[tabindex]${C}${A}`
 ];
-function ie(t, e = "config") {
+function Xt(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 Pt(t) {
+  if (typeof t == "string") {
+    const e = document.getElementById(t);
+    if (e) return e;
+    throw new Error(`Element not found with ID: "${t}"`);
+  } else if (t instanceof HTMLElement) {
+    if (!t.id)
+      throw new Error("HTMLElement must have an ID");
+    return t;
+  } else
+    throw new Error("Invalid argument: query must be a string or HTMLElement");
 }
-async function Q(t, e, ...s) {
-  e in t && typeof t[e] == "function" && await t[e](...s);
+async function z(t, e, ...n) {
+  e in t && typeof t[e] == "function" && await t[e](...n);
 }
-function oe(t, e, s) {
+function te(t, e, n) {
   if (typeof e == "string") {
-    const i = document.querySelector(e);
-    if (!i)
+    const r = document.querySelector(e);
+    if (!r)
       throw new Error(`No teleport reference found for selector: ${e}`);
-    e = i;
+    e = r;
   } 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(
+  if (typeof e[n] != "function")
+    throw new Error(`Not a valid teleport method: '${n}'`);
+  let s = document.createComment(
     "teleported #" + t.id
   );
-  return t.before(n), e[s](t), () => {
-    n && (n.after(t), n.remove(), n = null);
+  return t.before(s), e[n](t), () => {
+    s && (s.after(t), s.remove(), s = null);
   };
 }
-function re(t) {
+function ee(t) {
   return t.split("-").map(
-    (e, s) => s === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
+    (e, n) => n === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
   ).join("");
 }
-function Ut(t) {
+function kt(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function le(t) {
+function ne(t) {
   if (typeof t == "number")
     return t;
   const e = parseFloat(t);
   if (!Number.isNaN(e)) {
-    const s = t.includes("ms");
-    return e * (s ? 1 : 1e3);
+    const n = t.includes("ms");
+    return e * (n ? 1 : 1e3);
   }
   throw new Error(`Could not convert value to milliseconds: ${t}`);
 }
-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 ze(t, e, n, s, r = 0) {
+  return new Promise((i) => {
+    t.classList.remove(e), t.classList.add(n), setTimeout(() => {
+      t.classList.add(s), t.classList.remove(n), i(t);
+    }, ne(r));
   });
 }
-function ae(t, e = {}) {
-  const s = {
+function se(t, e = {}) {
+  const n = {
     fallback: null,
     element: document.body,
     ...e
   };
   if (!t.startsWith("--")) {
-    const i = kt();
-    i && (t = `${i}${t}`), t = `--${t}`;
+    const r = wt();
+    r && (t = `${r}${t}`), t = `--${t}`;
   }
-  const n = getComputedStyle(s.element).getPropertyValue(t).trim();
-  if (n)
-    return n;
-  if (s.fallback)
-    return s.fallback;
+  const s = getComputedStyle(n.element).getPropertyValue(t).trim();
+  if (s)
+    return s;
+  if (n.fallback)
+    return n.fallback;
   throw new Error(`CSS variable "${t}" was not found!`);
 }
-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);
+async function I(t, e, n) {
+  await z(e, t, n), n && await z(n, t);
+  for (const s of e.plugins)
+    await z(s, t, { plugin: s, parent: e, entry: n });
+  await e.emit(t, n);
 }
-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);
+function ie(t) {
+  const e = getComputedStyle(t.el), n = {}, s = t.getSetting("customProps");
+  for (let r = 0; r < s.length; r++) {
+    const i = wt(), o = t.parent.module.toLowerCase(), a = kt(s[r]), l = e.getPropertyValue(`--${i}${o}-${a}`).trim();
+    l && (n[a] = l);
   }
-  return s;
+  return n;
 }
-function kt() {
+function wt() {
   return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-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 Be(t, e, n = "camel") {
+  return e = n === "camel" ? ee(e) : kt(e), t.split(".").concat(e).reduce((s, r) => s?.[r], this);
 }
-function fe(t, e = {}) {
+function re(t, e = {}) {
   const {
-    fallback: s,
-    props: n = ["dataConfig", "customProps", "settings", "parent.settings"]
+    fallback: n,
+    props: s = ["dataConfig", "customProps", "settings", "parent.settings"]
   } = e;
-  for (const i of n) {
-    const r = i !== "customProps" ? "camel" : "kebab", o = He.call(this, i, t, r);
+  for (const r of s) {
+    const i = r !== "customProps" ? "camel" : "kebab", o = Be.call(this, r, t, i);
     if (o !== void 0)
       return o;
   }
-  if (s !== void 0)
-    return s;
+  if (n !== void 0)
+    return n;
   throw new Error(`${this.parent.module} setting does not exist: ${t}`);
 }
-function Ne(t, e) {
+function Ve(t, e) {
   e && document.querySelectorAll(e).forEach((n) => {
     t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
   });
 }
-function Be(t, e) {
+function _e(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 bt(t, e, s) {
-  Be(!!t, e), Ne(!!t, s);
+function We(t, e, n) {
+  _e(!!t, e), Ve(!!t, n);
 }
-const ue = {
-  on(t, e, ...s) {
+const oe = {
+  events: {},
+  on(t, e, ...n) {
     this.events[t] || (this.events[t] = []), this.events[t].some(
-      (i) => i.listener === e
-    ) || this.events[t].push({ listener: e, args: s });
+      (s) => s.listener === e
+    ) || this.events[t].push({ listener: e, args: n });
   },
   off(t, e) {
     this.events[t] && (this.events[t] = this.events[t].filter(
-      (s) => s.listener !== e
+      (n) => n.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);
+      for (const { listener: n, args: s } of this.events[t])
+        await n(e, ...s);
   }
 };
-class de extends Array {
+let ae = class extends Array {
   constructor(e = null) {
     super(), this.el = e, this.el && this.set();
   }
@@ -162,71 +167,73 @@ class de extends Array {
     return this[this.length - 1];
   }
   set(e = this.el) {
-    this.length = 0, this.push(...e.querySelectorAll(se.join(",")));
+    this.length = 0, e && this.push(...e.querySelectorAll(Gt.join(",")));
   }
   clear() {
     this.length = 0;
   }
-}
-class he {
+}, le = class {
   constructor(e = null) {
-    this.el = e, this.focusable = new de(), this.handleFocusTrap = Ue.bind(this);
+    this.el = e, this.focusable = new ae(), this.handleFocusTrap = Qe.bind(this);
   }
   on(e = this.el) {
-    this.focusable.set(e), this.focusable.length ? document.addEventListener("keydown", this.handleFocusTrap) : document.addEventListener("keydown", Gt);
+    this.focusable.set(e), this.focusable.length ? document.addEventListener("keydown", this.handleFocusTrap) : document.addEventListener("keydown", Bt);
   }
   off() {
-    this.focusable.clear(), document.removeEventListener("keydown", this.handleFocusTrap), document.removeEventListener("keydown", Gt);
+    this.focusable.clear(), document.removeEventListener("keydown", this.handleFocusTrap), document.removeEventListener("keydown", Bt);
   }
-}
-function Gt(t) {
+};
+function Bt(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
-function Ue(t) {
+function Qe(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());
+  const { activeElement: e } = document, { el: n, focusable: s } = this, r = t.shiftKey, i = e === s.first || e === n, o = e === s.last || e === n;
+  if (r && i || !r && o) {
+    t.preventDefault();
+    const a = r ? s.last : s.first;
+    a && typeof a.focus == "function" && a.focus();
+  }
 }
-function Vt(t, e = !0) {
-  const s = localStorage.getItem(t), n = s ? JSON.parse(s) : {};
+function Ot(t, e = !0) {
+  const n = localStorage.getItem(t), s = n ? JSON.parse(n) : {};
   return {
-    get(i, r = void 0) {
-      return i ? i in n ? n[i] : r : n;
+    get(r, i) {
+      return r ? r in s ? s[r] : i : s;
     },
-    set(i, r) {
-      return r ? n[i] = r : delete n[i], e && localStorage.setItem(t, JSON.stringify(n)), n;
+    set(r, i) {
+      return i ? s[r] = i : delete s[r], e && localStorage.setItem(t, JSON.stringify(s)), s;
     }
   };
 }
-class ge extends Array {
+let ce = class 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 };
+    const n = e?.defaults || {}, s = this.presets?.[e.name] || {}, r = e?.options || {};
+    e.settings = { ...n, ...s, ...r };
   }
   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);
+    return this.find((n) => n.name === e);
   }
   add(e) {
     if (Array.isArray(e))
-      e.forEach((s) => this.add(s));
+      e.forEach((n) => this.add(n));
     else if (this.applySettings(e), this.validate(e)) {
-      const s = this.findIndex((n) => n.name === e.name);
-      ~s ? this[s] = e : this.push(e);
+      const n = this.findIndex((s) => s.name === e.name);
+      ~n ? this[n] = e : this.push(e);
     }
   }
   remove(e) {
-    const s = this.findIndex((n) => n.name === e);
-    ~s && this.splice(s, 1);
+    const n = this.findIndex((s) => s.name === e);
+    ~n && this.splice(n, 1);
   }
-}
-class me extends Array {
+};
+class Je extends Array {
   constructor(e = {}) {
     super(), this.settings = e;
   }
@@ -234,14 +241,13 @@ class me extends Array {
     return [...this];
   }
   get top() {
-    const e = this[this.length - 1];
-    return e || null;
+    return this[this.length - 1] || null;
   }
   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;
+    this.forEach((e, n) => {
+      e.el.style.zIndex = "";
+      const s = getComputedStyle(e.el)["z-index"];
+      e.el.style.zIndex = String(parseInt(s, 10) + n + 1);
     });
   }
   onChange() {
@@ -251,183 +257,198 @@ class me extends Array {
     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());
+    const n = this.findIndex((s) => s.id === e.id);
+    ~n && (e.el.style.zIndex = "", this.splice(n, 1), this.onChange());
   }
   moveToTop(e) {
-    const s = this.findIndex((n) => n.id === e.id);
-    ~s && (this.splice(s, 1), this.add(e));
+    const n = this.findIndex((s) => s.id === e.id);
+    ~n && (this.splice(n, 1), this.add(e));
   }
 }
-const Ve = {
+const Ze = {
   condition: !0
-}, _e = {
+}, Ke = {
   primary: "hsl(152deg 60% 50%)",
   secondary: "hsl(214deg 50% 50%)",
   neutral: "hsl(214deg 20% 50%)",
   important: "hsl(0deg 80% 50%)"
 };
-function We(t = {}) {
+function Ye(t = {}) {
   const e = {
     name: "debug",
-    defaults: Ve,
+    defaults: Ze,
     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(i, o = [], a = ["primary", "secondary"]) {
+    const l = a.map((c) => `color: ${Ke[c]}`);
+    console.log(`%c📡 DEBUG: %c${i}`, ...l, ...o);
   }
-  function n(o, ...l) {
-    return typeof o == "function" ? o(...l) : o;
+  function s(i, ...o) {
+    return typeof i == "function" ? i(...o) : i;
   }
-  const i = {
-    beforeMountRef: s.bind(null, "Event > beforeMount()"),
-    afterMountRef: s.bind(null, "Event > afterMount()"),
-    beforeUnmountRef: s.bind(
+  const r = {
+    beforeMountRef: n.bind(null, "Event > beforeMount()"),
+    afterMountRef: n.bind(null, "Event > afterMount()"),
+    beforeUnmountRef: n.bind(
       null,
       "Event > beforeUnmount()",
       [],
       ["important", "neutral"]
     ),
-    afterUnmountRef: s.bind(
+    afterUnmountRef: n.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}`);
+    createEntryRef: (i, { parent: o, plugin: a }) => {
+      if (s(a.settings.condition, i)) {
+        const l = o.collection.length;
+        n(`Event > createEntry() > [${l}] #${i.id}`);
       }
     },
-    registerEntryRef: (o, { parent: l, plugin: a }) => {
-      if (n(a.settings.condition, o)) {
-        const c = l.collection.length;
-        s(`Event > registerEntry() > [${c}] #${o.id}`);
+    registerEntryRef: (i, { parent: o, plugin: a }) => {
+      if (s(a.settings.condition, i)) {
+        const l = o.collection.length;
+        n(`Event > registerEntry() > [${l}] #${i.id}`);
       }
     },
-    destroyEntryRef: (o, { parent: l, plugin: a }) => {
-      if (n(a.settings.condition, o)) {
-        const c = l.collection.length;
-        s(
-          `Event > destroyEntry() > [${c}] #${o.id}`,
+    destroyEntryRef: (i, { parent: o, plugin: a }) => {
+      if (s(a.settings.condition, i)) {
+        const l = o.collection.length;
+        n(
+          `Event > destroyEntry() > [${l}] #${i.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}`,
+    deregisterEntryRef: (i, { parent: o, plugin: a }) => {
+      if (s(a.settings.condition, i)) {
+        const l = o.collection.length;
+        n(
+          `Event > deregisterEntry() > [${l}]`,
           [],
           ["important", "neutral"]
         );
       }
     }
   };
-  return { ...e, ...{
+  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,
+    setup({ parent: i }) {
+      n("Plugin > setup()", Array.from(arguments), ["secondary", "neutral"]), i.on("beforeMount", r.beforeMountRef), i.on("createEntry", r.createEntryRef, { parent: i, plugin: this }), i.on("registerEntry", r.registerEntryRef, {
+        parent: i,
         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,
+      }), i.on("afterMount", r.afterMountRef), i.on("beforeUnmount", r.beforeUnmountRef), i.on("destroyEntry", r.destroyEntryRef, { parent: i, plugin: this }), i.on("deregisterEntry", r.deregisterEntryRef, {
+        parent: i,
         plugin: this
-      }), o.on("afterUnmount", i.afterUnmountRef);
+      }), i.on("afterUnmount", r.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);
+    teardown({ parent: i }) {
+      n("Plugin > teardown()", Array.from(arguments), [
+        "secondary",
+        "neutral"
+      ]), i.off("beforeMount", r.beforeMountRef), i.off("createEntry", r.createEntryRef), i.off("registerEntry", r.registerEntryRef), i.off("afterMount", r.afterMountRef), i.off("beforeUnmount", r.beforeUnmountRef), i.off("destroyEntry", r.destroyEntryRef), i.off("deregisterEntry", r.deregisterEntryRef), i.off("afterUnmount", r.afterUnmountRef);
     },
     // Mount lifecycle hooks
     beforeMount() {
-      s("Hook > beforeMount()", arguments);
+      n("Hook > beforeMount()", Array.from(arguments));
     },
-    onCreateEntry({ parent: o, entry: l }) {
-      if (n(this.settings.condition, l)) {
-        const a = o.collection.length;
-        s(`Hook > onCreateEntry() > [${a}] #${l.id}`, arguments);
+    onCreateEntry({ parent: i, entry: o }) {
+      if (s(this.settings.condition, o)) {
+        const a = i.collection.length;
+        n(
+          `Hook > onCreateEntry() > [${a}] #${o.id}`,
+          Array.from(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);
+    onRegisterEntry({ parent: i, entry: o }) {
+      if (s(this.settings.condition, o)) {
+        const a = i.collection.length - 1;
+        n(
+          `Hook > onRegisterEntry() > [${a}] #${o.id}`,
+          Array.from(arguments)
+        );
       }
     },
     afterMount() {
-      s("Hook > afterMount()", arguments);
+      n("Hook > afterMount()", Array.from(arguments));
     },
     // Unmount lifecycle hooks
     beforeUnmount() {
-      s("Hook > beforeUnmount()", arguments, ["important", "neutral"]);
+      n("Hook > beforeUnmount()", Array.from(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"
-        ]);
+    onDestroyEntry({ parent: i, entry: o }) {
+      if (s(this.settings.condition, o)) {
+        const a = i.collection.length - 1;
+        n(
+          `Hook > onDestroyEntry() > [${a}] #${o.id}`,
+          Array.from(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, [
+    onDeregisterEntry({ parent: i, entry: o }) {
+      if (s(this.settings.condition, o)) {
+        const a = i.collection.length;
+        n(`Hook > onDeregisterEntry() > [${a}]`, Array.from(arguments), [
           "important",
           "neutral"
         ]);
       }
     },
     afterUnmount() {
-      s("Hook > afterUnmount()", arguments, ["important", "neutral"]);
+      n("Hook > afterUnmount()", Array.from(arguments), [
+        "important",
+        "neutral"
+      ]);
     }
-  } };
+  };
 }
-const ze = {
+const Ge = {
   condition: !0
 };
-function Qe(t = {}) {
+function Xe(t = {}) {
   const e = {
     name: "focusTrap",
-    defaults: ze,
+    defaults: Ge,
     options: t
-  }, s = {
+  }, n = {
     setup({ parent: o }) {
-      o.on("opened", i, this), o.on("closed", r, this);
+      o.on("opened", r, this), o.on("closed", i, this);
     },
     teardown({ parent: o }) {
-      o.off("opened", i), o.off("closed", r);
+      o.off("opened", r), o.off("closed", i);
     },
     onCreateEntry({ entry: o }) {
-      o.focusTrap = new he();
+      o.focusTrap = new le();
     }
   };
-  function n(o, ...l) {
-    return typeof o == "function" ? o(...l) : o;
+  function s(o, ...a) {
+    return typeof o == "function" ? o(...a) : 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, a) {
+    const l = { plugin: a, parent: o.parent, entry: o };
+    s(a.settings.condition, l) && o.focusTrap?.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());
+  function i(o, a) {
+    const l = { plugin: a, parent: o.parent, entry: o };
+    s(a.settings.condition, l) && o.focusTrap?.off();
   }
-  return { ...e, ...s };
+  return { ...e, ...n };
 }
-const Ke = {
-  // The data attributes to get the breakpoint values from.
+const tn = {
+  // The data attributes to get the breakpoint values from
   dataBreakpoint: "breakpoint",
-  // The data attributes to get the media query value from.
+  // The data attributes to get the media query value from
   dataMediaQuery: "media-query",
-  // The string token to replace in the media query string.
+  // 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
@@ -447,331 +468,564 @@ const Ke = {
   onChange: () => {
   }
 };
-function je(t = {}) {
+function en(t = {}) {
   const e = {
     name: "mediaQuery",
-    defaults: Ke,
+    defaults: tn,
     options: t
-  }, s = {
-    onCreateEntry({ entry: l }) {
-      r.call(this, l);
+  }, n = {
+    // Run when an entry is created
+    // Sets up the MediaQueryList and event listener
+    onCreateEntry({ entry: a }) {
+      i.call(this, a);
     },
-    onDestroyEntry({ entry: l }) {
-      o(l);
+    // Run when an entry is destroyed
+    // Removes the MediaQueryList and event listener
+    onDestroyEntry({ entry: a }) {
+      o(a);
     }
   };
-  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.
+  function s(a) {
+    const l = a.el.getAttribute(`data-${this.settings.dataMediaQuery}`);
+    return !l && a.id in this.settings.mediaQueries ? this.settings.mediaQueries[a.id] : l || void 0;
+  }
+  function r(a) {
+    let l = a.el.getAttribute(`data-${this.settings.dataBreakpoint}`);
+    return !l && a.id in this.settings.breakpoints && (l = this.settings.breakpoints[a.id]), l && l in this.settings.breakpoints && (l = this.settings.breakpoints[l]), l && (l = getComputedStyle(document.body).getPropertyValue(`--${wt()}breakpoint-${l}`).trim() || l), l || this.settings.breakpoint;
+  }
+  function i(a) {
+    let l = s.call(this, a);
+    const c = r.call(this, a);
+    if (!c && !l) return;
+    c && !l && (l = this.settings.mediaQuery);
+    const h = l.replace(new RegExp(`${this.settings.token}`, "g"), c);
+    a.mql = window.matchMedia(h), a.mql.onchange = (f) => {
+      this.settings.onChange(f, a);
+    }, this.settings.onChange(a.mql, a);
+  }
+  function o(a) {
+    a.mql && (a.mql.onchange = null, a.mql = null);
+  }
+  return { ...e, ...n };
+}
+const nn = {
+  // The property on entry objects to watch
   prop: "state",
-  // The default value or a function to compute the initial value.
+  // The default value or a function to compute the initial value
   value: null,
-  // The local storage key prefix.
+  // 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 to determine whether or not to store the value in local storage
   condition: !1,
-  // The function to run whenever the value changes.
+  // The function to run whenever the value changes
   onChange() {
   }
 };
-function Je(t = {}) {
+function sn(t = {}) {
   const e = {
     name: "propStore",
-    defaults: Ye,
+    defaults: nn,
     options: t,
     store: null
-  }, s = {
-    setup({ parent: l }) {
-      this.store = Vt(o.call(this, l.module));
+  }, n = {
+    setup({ parent: a }) {
+      this.store = Ot(o.call(this, a.module));
     },
-    async onCreateEntry({ entry: l }) {
-      await n.call(this, l);
+    async onCreateEntry({ entry: a }) {
+      await s.call(this, a);
     },
-    onDestroyEntry({ entry: l }) {
-      r.call(this, l);
+    onDestroyEntry({ entry: a }) {
+      i.call(this, a);
     }
   };
-  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, {
+  async function s(a) {
+    let l = a[this.settings.prop] || null;
+    const c = { plugin: this, parent: a.parent, entry: a };
+    Object.defineProperty(a, this.settings.prop, {
       configurable: !0,
       get() {
-        return a;
+        return l;
       },
-      set: async (d) => {
-        if (a === d) return;
-        const f = a;
-        a = d, i(
+      set: async (h) => {
+        if (l === h) return;
+        const f = l;
+        l = h, r(
           this.settings.condition,
           c,
-          d,
+          h,
           f
-        ) && this.store.set(l.id, d), await this.settings.onChange(c, d, f);
+        ) && this.store.set(a.id, h), await this.settings.onChange(c, h, f);
       }
-    }), Object.defineProperty(l, "store", {
+    }), Object.defineProperty(a, "store", {
       configurable: !0,
-      get: () => this.store.get(l.id),
-      set: (d) => {
-        l[this.settings.prop] = d;
+      get: () => this.store.get(a.id),
+      set: (h) => {
+        a[this.settings.prop] = h;
       }
-    }), l[this.settings.prop] = await i(this.settings.value, c) || l[this.settings.prop];
+    }), a[this.settings.prop] = await r(this.settings.value, c) || a[this.settings.prop];
   }
-  function i(l, ...a) {
-    return typeof l == "function" ? l(...a) : l;
+  function r(a, ...l) {
+    return typeof a == "function" ? a(...l) : a;
   }
-  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);
+  async function i(a) {
+    const l = a[this.settings.prop];
+    delete a[this.settings.prop], a[this.settings.prop] = l, this.store.set(a.id, null);
   }
-  function o(l) {
-    const a = this.settings.prop.charAt(0).toUpperCase() + this.settings.prop.slice(1), c = this.settings.key || l + a;
+  function o(a) {
+    const l = this.settings.prop.charAt(0).toUpperCase() + this.settings.prop.slice(1), c = this.settings.key || a + l;
     return this.settings.keyPrefix + c;
   }
-  return { ...e, ...s };
+  return { ...e, ...n };
 }
-const Xe = {
+const rn = {
   where: null,
   how: "append"
 };
-function Ge(t = {}) {
+function on(t = {}) {
   const e = {
     name: "teleport",
-    defaults: Xe,
+    defaults: rn,
     options: t
-  }, s = {
-    onCreateEntry({ plugin: r, entry: o }) {
-      n(r, o);
+  }, n = {
+    onCreateEntry({ plugin: i, entry: o }) {
+      s(i, o);
     },
-    onDestroyEntry({ plugin: r, entry: o }) {
-      i(r, o);
+    onDestroyEntry({ plugin: i, entry: o }) {
+      r(i, o);
     }
   };
-  function n(r, o) {
+  function s(i, o) {
     o.teleport = () => {
-      typeof o.teleportReturn == "function" && o.teleportReturn(), o.teleportReturn = oe(
+      typeof o.teleportReturn == "function" && o.teleportReturn(), o.teleportReturn = te(
         o.el,
-        o.getSetting("teleport", { fallback: r.settings.where }),
-        o.getSetting("teleportMethod", { fallback: r.settings.how })
+        o.getSetting("teleport", { fallback: i.settings.where }),
+        o.getSetting("teleportMethod", { fallback: i.settings.how })
       );
-    }, o.teleport(), o.parent.emit("teleport", { plugin: r, parent, entry: o });
+    }, o.teleport(), o.parent.emit("teleport", { plugin: i, parent: o.parent, entry: o });
   }
-  function i(r, o) {
-    typeof o.teleportReturn == "function" && o.teleportReturn(), o.parent.emit("teleportReturn", { plugin: r, parent, entry: o });
+  function r(i, o) {
+    typeof o.teleportReturn == "function" && o.teleportReturn(), o.parent.emit("teleportReturn", {
+      plugin: i,
+      parent: o.parent,
+      entry: o
+    });
   }
-  return { ...e, ...s };
+  return { ...e, ...n };
 }
-const qe = {
+const an = {
   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 = {};
+let ue = class {
+  constructor(e, n, s = {}) {
+    this.parent = e, this.el = Pt(n), this.settings = { ...s }, this.dataConfig = {}, this.customProps = {};
+  }
+  get id() {
+    return this.el.id;
   }
   applySettings(e) {
     return Object.assign(this.settings, e);
   }
-  getSetting(e, s) {
-    return fe.call(this, e, s);
+  getSetting(e, n) {
+    return re.call(this, e, n);
   }
   buildDataConfig() {
     return Object.assign(
       this.dataConfig,
-      ie(this.el, this.getSetting("dataConfig"))
+      Xt(this.el, this.getSetting("dataConfig"))
     );
   }
   buildCustomProps() {
-    return Object.assign(this.customProps, ce(this));
+    return Object.assign(this.customProps, ie(this));
   }
   async init(e = {}) {
-    if (this.el === null)
-      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];
+      delete this[e];
     });
   }
-}
-class Ot {
+}, ln = class {
   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);
+    this.module = this.constructor.name, this.collection = [], this.entryClass = ue, this.settings = { ...an, ...e }, this.plugins = new ce(this.settings.presets), this.events = {}, Object.assign(this, oe);
   }
-  get(e, s = "id") {
-    return this.collection.find((n) => n[s] === e);
+  get(e, n = "id") {
+    return this.collection.find((s) => s[n] === 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 createEntry(e, n) {
+    const s = new this.entryClass(this, e, n);
+    return await z(s, "init"), await I("onCreateEntry", this, s), s;
   }
   async destroyEntry(e) {
-    return await V("onDestroyEntry", this, e), await Q(e, "destroy"), e;
+    return await I("onDestroyEntry", this, e), await z(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;
+  async register(e, n = {}) {
+    const s = Pt(e), r = this.collection.findIndex((i) => i.id === s.id);
+    if (~r) {
+      const i = this.collection[r];
+      return i.el = s, typeof i.init == "function" && await i.init(n), i;
     } else {
-      const r = await this.createEntry(n, s);
-      return this.collection.push(r), await V("onRegisterEntry", this, r), r;
+      const i = await this.createEntry(s, n);
+      return this.collection.push(i), await I("onRegisterEntry", this, i), i;
     }
   }
   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(
+    const n = this.collection.findIndex((s) => s.id === e);
+    if (~n) {
+      const s = await this.destroyEntry(this.collection[n]);
+      return await I(
         "onDeregisterEntry",
         this,
-        this.collection[s]
-      ), this.collection.splice(s, 1), n;
+        this.collection[n]
+      ), this.collection.splice(n, 1), s;
     }
     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;
+    for (const s of this.settings?.plugins || [])
+      this.plugins.add(s);
+    for (const s of this.plugins)
+      await z(s, "setup", { plugin: s, parent: this });
+    await I("beforeMount", this);
+    const n = document.querySelectorAll(this.settings.selector);
+    for (const s of n)
+      await this.register(s);
+    return await I("afterMount", this), this;
   }
   async unmount() {
-    for (await V("beforeUnmount", this); this.collection.length > 0; )
+    for (await I("beforeUnmount", this); this.collection.length > 0; )
       await this.deregister(this.collection[0].id);
-    await V("afterUnmount", this);
+    await I("afterUnmount", this);
     for (const e of this.plugins)
-      await Q(e, "teardown", { plugin: e, parent: this });
+      await z(e, "teardown", { plugin: e, parent: this });
     for (const e of [...this.plugins])
       this.plugins.remove(e.name);
     return this;
   }
-}
-function Ze(t) {
+};
+function cn(t = {}) {
   const e = {
-    prefix: ae("prefix-themes", { fallback: "vb-theme-" }),
+    prefix: se("prefix-themes", { fallback: "vb-theme-" }),
     themes: ["root", "light", "dark"],
     storeKey: "VB:Profile"
   };
-  for (const [r] of Object.entries(e))
-    t && t[r] && (e[r] = t[r]);
-  const s = {
+  for (const [i] of Object.entries(e))
+    t && t[i] && (e[i] = t[i]);
+  const n = {
     onInit() {
     },
     onChange() {
     }
   };
-  for (const [r] of Object.entries(s))
-    t && t[r] && (s[r] = t[r]);
-  const n = Vt(e.storeKey), i = {
+  for (const [i] of Object.entries(n))
+    t && t[i] && (n[i] = t[i]);
+  const s = Ot(e.storeKey), r = {
     // Store our settings in the API
     settings: e,
     // Actions
-    add(r) {
-      e.themes.push(r);
+    add(i) {
+      e.themes.push(i);
     },
-    remove(r) {
-      const o = e.themes.indexOf(r);
+    remove(i) {
+      const o = e.themes.indexOf(i);
       ~o && e.themes.splice(o, 1);
     },
-    callback(r) {
-      s[r].call(this);
+    callback(i) {
+      n[i].call(this);
     },
     // Getters
     get class() {
       return `${e.prefix}${this.theme}`;
     },
     get classes() {
-      return e.themes.map((r) => `${e.prefix}${r}`);
+      return e.themes.map((i) => `${e.prefix}${i}`);
     },
     get themes() {
       return e.themes;
     },
     // Setup the theme get and set methods
     get theme() {
-      return n.get("theme") || "root";
+      return s.get("theme") || "root";
     },
-    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}"`);
+    set theme(i) {
+      e.themes.includes(i) ? this.theme != i && (s.set("theme", i), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${e.prefix}${i}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${i}"`);
     }
   };
-  return i.callback("onInit"), i;
+  return r.callback("onInit"), r;
 }
-const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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 = {
+  Collection: ln,
+  CollectionEntry: ue,
+  FocusTrap: le,
+  FocusableArray: ae,
+  PluginsArray: ce,
+  StackArray: Je,
+  cssVar: se,
+  debug: Ye,
+  dispatchLifecycleHook: I,
+  eventEmitter: oe,
+  focusTrap: Xe,
+  focusableSelectors: Gt,
+  getCustomProps: ie,
+  getDataConfig: Xt,
+  getElement: Pt,
+  getPrefix: wt,
+  getSetting: re,
+  localStore: Ot,
+  maybeRunMethod: z,
+  mediaQuery: en,
+  propStore: sn,
+  setGlobalState: We,
+  teleport: on,
+  teleportElement: te,
+  themeStore: cn,
+  toCamel: ee,
+  toKebab: kt,
+  toMilliseconds: ne,
+  transition: ze
+}, Symbol.toStringTag, { value: "Module" }));
+function un(t, e = "config") {
+  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
+}
+function fe(t) {
+  if (typeof t == "string") {
+    const e = document.getElementById(t);
+    if (e) return e;
+    throw new Error(`Element not found with ID: "${t}"`);
+  } else if (t instanceof HTMLElement) {
+    if (!t.id)
+      throw new Error("HTMLElement must have an ID");
+    return t;
+  } else
+    throw new Error("Invalid argument: query must be a string or HTMLElement");
+}
+async function Z(t, e, ...n) {
+  e in t && typeof t[e] == "function" && await t[e](...n);
+}
+function fn(t) {
+  return t.split("-").map(
+    (e, n) => n === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
+  ).join("");
+}
+function he(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function hn(t) {
+  if (typeof t == "number")
+    return t;
+  const e = parseFloat(t);
+  if (!Number.isNaN(e)) {
+    const n = t.includes("ms");
+    return e * (n ? 1 : 1e3);
+  }
+  throw new Error(`Could not convert value to milliseconds: ${t}`);
+}
+function de(t, e, n, s, r = 0) {
+  return new Promise((i) => {
+    t.classList.remove(e), t.classList.add(n), setTimeout(() => {
+      t.classList.add(s), t.classList.remove(n), i(t);
+    }, hn(r));
+  });
+}
+async function N(t, e, n) {
+  await Z(e, t, n), n && await Z(n, t);
+  for (const s of e.plugins)
+    await Z(s, t, { plugin: s, parent: e, entry: n });
+  await e.emit(t, n);
+}
+function dn(t) {
+  const e = getComputedStyle(t.el), n = {}, s = t.getSetting("customProps");
+  for (let r = 0; r < s.length; r++) {
+    const i = gn(), o = t.parent.module.toLowerCase(), a = he(s[r]), l = e.getPropertyValue(`--${i}${o}-${a}`).trim();
+    l && (n[a] = l);
+  }
+  return n;
+}
+function gn() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
+}
+function pn(t, e, n = "camel") {
+  return e = n === "camel" ? fn(e) : he(e), t.split(".").concat(e).reduce((s, r) => s?.[r], this);
+}
+function mn(t, e = {}) {
+  const {
+    fallback: n,
+    props: s = ["dataConfig", "customProps", "settings", "parent.settings"]
+  } = e;
+  for (const r of s) {
+    const i = r !== "customProps" ? "camel" : "kebab", o = pn.call(this, r, t, i);
+    if (o !== void 0)
+      return o;
+  }
+  if (n !== void 0)
+    return n;
+  throw new Error(`${this.parent.module} setting does not exist: ${t}`);
+}
+function yn(t, e) {
+  e && document.querySelectorAll(e).forEach((n) => {
+    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
+  });
+}
+function wn(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 Tt(t, e, n) {
+  wn(!!t, e), yn(!!t, n);
+}
+const vn = {
+  events: {},
+  on(t, e, ...n) {
+    this.events[t] || (this.events[t] = []), this.events[t].some(
+      (s) => s.listener === e
+    ) || this.events[t].push({ listener: e, args: n });
+  },
+  off(t, e) {
+    this.events[t] && (this.events[t] = this.events[t].filter(
+      (n) => n.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: n, args: s } of this.events[t])
+        await n(e, ...s);
+  }
+};
+let bn = class extends Array {
+  constructor(e = {}) {
+    super(), this.presets = e;
+  }
+  applySettings(e) {
+    const n = e?.defaults || {}, s = this.presets?.[e.name] || {}, r = e?.options || {};
+    e.settings = { ...n, ...s, ...r };
+  }
+  validate(e) {
+    return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), !1) : !0;
+  }
+  get(e) {
+    return this.find((n) => n.name === e);
+  }
+  add(e) {
+    if (Array.isArray(e))
+      e.forEach((n) => this.add(n));
+    else if (this.applySettings(e), this.validate(e)) {
+      const n = this.findIndex((s) => s.name === e.name);
+      ~n ? this[n] = e : this.push(e);
+    }
+  }
+  remove(e) {
+    const n = this.findIndex((s) => s.name === e);
+    ~n && this.splice(n, 1);
+  }
+};
+const En = {
+  dataConfig: "config",
+  customProps: []
+};
+let ge = class {
+  constructor(e, n, s = {}) {
+    this.parent = e, this.el = fe(n), this.settings = { ...s }, this.dataConfig = {}, this.customProps = {};
+  }
+  get id() {
+    return this.el.id;
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  getSetting(e, n) {
+    return mn.call(this, e, n);
+  }
+  buildDataConfig() {
+    return Object.assign(
+      this.dataConfig,
+      un(this.el, this.getSetting("dataConfig"))
+    );
+  }
+  buildCustomProps() {
+    return Object.assign(this.customProps, dn(this));
+  }
+  async init(e = {}) {
+    this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
+  }
+  async destroy() {
+    Object.getOwnPropertyNames(this).forEach((e) => {
+      delete this[e];
+    });
+  }
+}, xn = class {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.entryClass = ge, this.settings = { ...En, ...e }, this.plugins = new bn(this.settings.presets), this.events = {}, Object.assign(this, vn);
+  }
+  get(e, n = "id") {
+    return this.collection.find((s) => s[n] === e);
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  async createEntry(e, n) {
+    const s = new this.entryClass(this, e, n);
+    return await Z(s, "init"), await N("onCreateEntry", this, s), s;
+  }
+  async destroyEntry(e) {
+    return await N("onDestroyEntry", this, e), await Z(e, "destroy"), e;
+  }
+  async register(e, n = {}) {
+    const s = fe(e), r = this.collection.findIndex((i) => i.id === s.id);
+    if (~r) {
+      const i = this.collection[r];
+      return i.el = s, typeof i.init == "function" && await i.init(n), i;
+    } else {
+      const i = await this.createEntry(s, n);
+      return this.collection.push(i), await N("onRegisterEntry", this, i), i;
+    }
+  }
+  async deregister(e) {
+    const n = this.collection.findIndex((s) => s.id === e);
+    if (~n) {
+      const s = await this.destroyEntry(this.collection[n]);
+      return await N(
+        "onDeregisterEntry",
+        this,
+        this.collection[n]
+      ), this.collection.splice(n, 1), s;
+    }
+    return null;
+  }
+  async mount(e = {}) {
+    this.applySettings(e);
+    for (const s of this.settings?.plugins || [])
+      this.plugins.add(s);
+    for (const s of this.plugins)
+      await Z(s, "setup", { plugin: s, parent: this });
+    await N("beforeMount", this);
+    const n = document.querySelectorAll(this.settings.selector);
+    for (const s of n)
+      await this.register(s);
+    return await N("afterMount", this), this;
+  }
+  async unmount() {
+    for (await N("beforeUnmount", this); this.collection.length > 0; )
+      await this.deregister(this.collection[0].id);
+    await N("afterUnmount", this);
+    for (const e of this.plugins)
+      await Z(e, "teardown", { plugin: e, parent: this });
+    for (const e of [...this.plugins])
+      this.plugins.remove(e.name);
+    return this;
+  }
+};
+const $n = {
   focusTrap: {
     condition: ({ entry: t }) => t.state === "closed" || t.state === "opened" && t.mode === "modal"
   },
@@ -786,28 +1040,22 @@ const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     condition: ({ entry: t }) => ["opened", "closed", "indeterminate"].includes(t.state),
     onChange: ({ entry: t }) => t.applyState()
   }
-}, en = {
-  // Plugin presets
-  presets: tn,
-  // Data attributes
+}, Sn = {
+  presets: $n,
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
   dataToggle: "drawer-toggle",
-  // Selectors
   selector: ".drawer",
   selectorDialog: ".drawer__dialog",
   selectorScreen: ".drawer",
   selectorFocus: "[data-focus]",
   selectorInert: null,
   selectorOverflow: "body",
-  // State classes
   stateOpened: "is-opened",
   stateOpening: "is-opening",
   stateClosing: "is-closing",
   stateClosed: "is-closed",
-  // Classes
   classModal: "drawer_modal",
-  // Feature toggles
   customProps: ["transition-duration"],
   breakpoints: null,
   customEventPrefix: "drawer:",
@@ -815,351 +1063,604 @@ const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   transition: !0,
   transitionDuration: 300
 };
-function nn(t) {
+function Cn(t) {
   switch (t.mode) {
     case "inline":
-      return sn.call(this, t);
+      return An(t);
     case "modal":
-      return on.call(this, t);
+      return Ln(t);
     default:
       throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
-async function sn(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), bt(
+async function An(t) {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Tt(
     !1,
     t.getSetting("selectorInert"),
     t.getSetting("selectorOverflow")
   ), t.applyState(), t.el.dispatchEvent(
     new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
-      detail: this,
+      detail: t.parent,
       bubbles: !0
     })
   ), await t.parent.emit("switchMode", t), t;
 }
-async function on(t) {
+async function Ln(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,
+      detail: t.parent,
       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");
+function pe(t) {
+  t.dialog && t.state === "opened" ? (t.dialog.querySelector(t.parent.settings.selectorFocus) || t.dialog).focus() : t.trigger && (t.trigger.focus(), t.trigger = null);
+}
+async function Rt(t, e, n = !0) {
+  return (t.state === "closed" || t.state === "indeterminate" || t.state === null) && (t.setState("opening"), e ?? t.getSetting("transition") ? await de(
+    t.el,
+    t.getSetting("stateClosed"),
+    t.getSetting("stateOpening"),
+    t.getSetting("stateOpened"),
+    t.getSetting("transitionDuration")
+  ) : (t.el.classList.add(t.getSetting("stateOpened")), t.el.classList.remove(t.getSetting("stateClosed"))), t.setState("opened"), t.mode === "modal" && Tt(
+    !0,
+    t.getSetting("selectorInert"),
+    t.getSetting("selectorOverflow")
+  ), n && pe(t), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "opened", {
+      detail: t.parent,
+      bubbles: !0
+    })
+  ), await t.parent.emit("opened", t)), t;
+}
+async function Dt(t, e, n = !0) {
+  return (t.state === "opened" || t.state === "indeterminate" || t.state === null) && (t.setState("closing"), document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), e ?? t.getSetting("transition") ? await de(
+    t.el,
+    t.getSetting("stateOpened"),
+    t.getSetting("stateClosing"),
+    t.getSetting("stateClosed"),
+    t.getSetting("transitionDuration")
+  ) : (t.el.classList.add(t.getSetting("stateClosed")), t.el.classList.remove(t.getSetting("stateOpened"))), t.setState("closed"), t.mode === "modal" && Tt(
+    !1,
+    t.getSetting("selectorInert"),
+    t.getSetting("selectorOverflow")
+  ), n && pe(t), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "closed", {
+      detail: t.parent,
+      bubbles: !0
+    })
+  ), await t.parent.emit("closed", t)), t;
+}
+async function me(t, e, n) {
+  return t.state === "closed" ? Rt(t, e, n) : Dt(t, e, n);
+}
+class Pn extends ge {
+  #t;
+  constructor(e, n, s = {}) {
+    super(e, n, s), this.#t = "indeterminate", this.dialog = this.el.querySelector(this.getSetting("selectorDialog")) || this.el, this.trigger = null, this.state = null, this.inlineState = null;
   }
   get mode() {
-    return E(this, q);
+    return this.#t;
   }
-  set mode(s) {
-    E(this, q) !== s && (S(this, q, s), nn.call(this.parent, this));
+  set mode(e) {
+    this.#t !== e && (this.#t = e, Cn(this));
   }
-  setState(s) {
-    this.state = s;
+  setState(e) {
+    this.state = e;
     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")));
+    this.mode === "inline" && !n.includes(e) && (this.inlineState = e), e === "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")
+    if (this.mode === "modal") return this;
+    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.inlineState === "closed")
+      if (this.el.classList.contains(this.getSetting("stateClosed")))
         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");
     }
+    return this.setState("indeterminate"), this;
   }
-  async open(s, n) {
-    return this.parent.open(this, s, n);
+  async open(e, n) {
+    return Rt(this, e, n);
   }
-  async close(s, n) {
-    return this.parent.close(this, s, n);
+  async close(e, n) {
+    return Dt(this, e, n);
   }
-  async toggle(s, n) {
-    return this.parent.toggle(this, s, n);
+  async toggle(e, n) {
+    return me(this, e, n);
   }
   async deregister() {
     return this.parent.deregister(this.id);
   }
   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";
+    this.getSetting("setTabindex") && this.dialog && this.dialog.setAttribute("tabindex", "-1"), await this.applyState(), this.inlineState = this.state, this.mode = this.el && this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline";
   }
   async onDestroyEntry() {
     this.mode === "modal" && this.state === "opened" && await this.close(!1);
   }
 }
-q = new WeakMap();
-function nt(t) {
-  const e = typeof t == "string" ? this.get(t) : t;
+function et(t) {
+  const e = this.get(t);
   if (e)
     return e;
-  throw new Error(
-    `Drawer not found in collection with id of "${t.id || t}".`
-  );
+  throw new Error(`Drawer not found in collection with id of "${t}"`);
 }
-async function ln(t) {
-  const e = t.target.closest(`
-    [data-${this.settings.dataOpen}],
-    [data-${this.settings.dataToggle}],
-    [data-${this.settings.dataClose}]
-  `);
+async function kn(t) {
+  const e = t.target;
   if (e) {
-    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 i = t.target.closest(this.settings.selector);
-        if (i) return this.close(i.id);
-      }
-    });
-    return;
+    const n = e.closest(`
+      [data-${this.settings.dataOpen}],
+      [data-${this.settings.dataToggle}],
+      [data-${this.settings.dataClose}]
+    `);
+    if (n) {
+      t.preventDefault(), n.matches(`[data-${this.settings.dataToggle}]`) && n.getAttribute(`data-${this.settings.dataToggle}`)?.trim().split(" ")?.forEach((s) => {
+        const r = et.call(this, s);
+        return r.trigger = n, r.toggle();
+      }), n.matches(`[data-${this.settings.dataOpen}]`) && n.getAttribute(`data-${this.settings.dataOpen}`)?.trim().split(" ")?.forEach((s) => {
+        const r = et.call(this, s);
+        return r.trigger = n, r.open();
+      }), n.matches(`[data-${this.settings.dataClose}]`) && n.getAttribute(`data-${this.settings.dataClose}`)?.trim().split(" ")?.forEach((s) => {
+        if (s) {
+          const r = et.call(this, s);
+          return r.trigger = n, r.close();
+        } else {
+          const r = e.closest(this.settings.selector);
+          if (r) return this.close(r.id);
+        }
+      });
+      return;
+    }
+    if (this.activeModal && e.matches(this.settings.selectorScreen))
+      return this.close(this.activeModal.id);
   }
-  if (this.activeModal && t.target.matches(this.settings.selectorScreen))
-    return this.close(this.activeModal.id);
 }
-function an(t) {
+function On(t) {
   if (t.key === "Escape" && this.activeModal)
     return this.close(this.activeModal.id);
 }
-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));
+let bi = class extends xn {
+  #t;
+  #e;
+  constructor(e) {
+    super({ ...Sn, ...e }), this.module = "Drawer", this.entryClass = Pn, this.#t = kn.bind(this), this.#e = On.bind(this);
   }
   get activeModal() {
-    return this.collection.find((s) => s.state === "opened" && s.mode === "modal");
+    return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
   }
-  async open(s, n, i) {
-    return ye.call(this, s, n, i);
+  async open(e, n, s) {
+    const r = et.call(this, e);
+    return Rt(r, n, s);
   }
-  async close(s, n, i) {
-    return we.call(this, s, n, i);
+  async close(e, n, s) {
+    const r = et.call(this, e);
+    return Dt(r, n, s);
   }
-  async toggle(s, n, i) {
-    return cn.call(this, s, n, i);
+  async toggle(e, n, s) {
+    const r = et.call(this, e);
+    return me(r, n, s);
   }
   async afterMount() {
-    document.addEventListener("click", E(this, it), !1), document.addEventListener("keydown", E(this, ot), !1);
-  }
-  async beforeUnmount() {
-    this.trigger = null;
+    document.addEventListener("click", this.#t, !1), document.addEventListener("keydown", this.#e, !1);
   }
   async afterUnmount() {
-    document.removeEventListener("click", E(this, it), !1), document.removeEventListener("keydown", E(this, ot), !1);
+    document.removeEventListener("click", this.#t, !1), document.removeEventListener("keydown", this.#e, !1);
   }
-}
-it = new WeakMap(), ot = new WeakMap();
-const fn = {
-  // Data attributes
-  dataOpen: "modal-open",
-  dataClose: "modal-close",
-  dataReplace: "modal-replace",
-  // Selectors
-  selector: ".modal",
-  selectorDialog: ".modal__dialog",
-  selectorScreen: ".modal",
-  selectorRequired: '[role="alertdialog"]',
-  selectorFocus: "[data-focus]",
-  selectorInert: null,
-  selectorOverflow: "body",
-  // State classes
-  stateOpened: "is-opened",
-  stateOpening: "is-opening",
-  stateClosing: "is-closing",
-  stateClosed: "is-closed",
-  // Feature settings
-  customProps: ["transition-duration"],
-  customEventPrefix: "modal:",
-  setTabindex: !0,
-  transition: !0,
-  transitionDuration: 300
 };
-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, s) {
-    return this.parent.open(this, e, s);
-  }
-  async close(e, s) {
-    return this.parent.close(this, e, s);
-  }
-  async replace(e, s) {
-    return this.parent.replace(this, e, s);
-  }
-  async deregister() {
-    return this.parent.deregister(this.id);
-  }
-  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 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 onDestroyEntry() {
-    this.state === "opened" && await this.close(!1);
-  }
+function Tn(t, e = "config") {
+  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
 }
-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 ye(t) {
+  if (typeof t == "string") {
+    const e = document.getElementById(t);
+    if (e) return e;
+    throw new Error(`Element not found with ID: "${t}"`);
+  } else if (t instanceof HTMLElement) {
+    if (!t.id)
+      throw new Error("HTMLElement must have an ID");
+    return t;
+  } else
+    throw new Error("Invalid argument: query must be a string or HTMLElement");
 }
-async function dn(t) {
-  const e = t.target.closest(`
-    [data-${this.settings.dataOpen}],
-    [data-${this.settings.dataReplace}],
-    [data-${this.settings.dataClose}]
-  `);
-  if (e) {
-    if (t.preventDefault(), e.matches(`[data-${this.settings.dataOpen}]`)) {
-      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 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 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);
+async function K(t, e, ...n) {
+  e in t && typeof t[e] == "function" && await t[e](...n);
 }
-function hn(t) {
-  if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
-    return this.close();
+function Rn(t) {
+  return t.split("-").map(
+    (e, n) => n === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
+  ).join("");
+}
+function we(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function Dn(t) {
+  if (typeof t == "number")
+    return t;
+  const e = parseFloat(t);
+  if (!Number.isNaN(e)) {
+    const n = t.includes("ms");
+    return e * (n ? 1 : 1e3);
+  }
+  throw new Error(`Could not convert value to milliseconds: ${t}`);
+}
+function ve(t, e, n, s, r = 0) {
+  return new Promise((i) => {
+    t.classList.remove(e), t.classList.add(n), setTimeout(() => {
+      t.classList.add(s), t.classList.remove(n), i(t);
+    }, Dn(r));
+  });
+}
+async function U(t, e, n) {
+  await K(e, t, n), n && await K(n, t);
+  for (const s of e.plugins)
+    await K(s, t, { plugin: s, parent: e, entry: n });
+  await e.emit(t, n);
+}
+function Mn(t) {
+  const e = getComputedStyle(t.el), n = {}, s = t.getSetting("customProps");
+  for (let r = 0; r < s.length; r++) {
+    const i = In(), o = t.parent.module.toLowerCase(), a = we(s[r]), l = e.getPropertyValue(`--${i}${o}-${a}`).trim();
+    l && (n[a] = l);
+  }
+  return n;
+}
+function In() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
+}
+function Hn(t, e, n = "camel") {
+  return e = n === "camel" ? Rn(e) : we(e), t.split(".").concat(e).reduce((s, r) => s?.[r], this);
+}
+function qn(t, e = {}) {
+  const {
+    fallback: n,
+    props: s = ["dataConfig", "customProps", "settings", "parent.settings"]
+  } = e;
+  for (const r of s) {
+    const i = r !== "customProps" ? "camel" : "kebab", o = Hn.call(this, r, t, i);
+    if (o !== void 0)
+      return o;
+  }
+  if (n !== void 0)
+    return n;
+  throw new Error(`${this.parent.module} setting does not exist: ${t}`);
+}
+function jn(t, e) {
+  e && document.querySelectorAll(e).forEach((n) => {
+    t ? n.style.overflow = "hidden" : n.style.removeProperty("overflow");
+  });
+}
+function Nn(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 Un(t, e, n) {
+  Nn(!!t, e), jn(!!t, n);
+}
+const Fn = {
+  events: {},
+  on(t, e, ...n) {
+    this.events[t] || (this.events[t] = []), this.events[t].some(
+      (s) => s.listener === e
+    ) || this.events[t].push({ listener: e, args: n });
+  },
+  off(t, e) {
+    this.events[t] && (this.events[t] = this.events[t].filter(
+      (n) => n.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: n, args: s } of this.events[t])
+        await n(e, ...s);
+  }
+};
+class zn extends Array {
+  constructor(e = {}) {
+    super(), this.presets = e;
+  }
+  applySettings(e) {
+    const n = e?.defaults || {}, s = this.presets?.[e.name] || {}, r = e?.options || {};
+    e.settings = { ...n, ...s, ...r };
+  }
+  validate(e) {
+    return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), !1) : !0;
+  }
+  get(e) {
+    return this.find((n) => n.name === e);
+  }
+  add(e) {
+    if (Array.isArray(e))
+      e.forEach((n) => this.add(n));
+    else if (this.applySettings(e), this.validate(e)) {
+      const n = this.findIndex((s) => s.name === e.name);
+      ~n ? this[n] = e : this.push(e);
+    }
+  }
+  remove(e) {
+    const n = this.findIndex((s) => s.name === e);
+    ~n && this.splice(n, 1);
+  }
 }
-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,
+let Bn = class extends Array {
+  constructor(e = {}) {
+    super(), this.settings = e;
+  }
+  get copy() {
+    return [...this];
+  }
+  get top() {
+    return this[this.length - 1] || null;
+  }
+  updateIndex() {
+    this.forEach((e, n) => {
+      e.el.style.zIndex = "";
+      const s = getComputedStyle(e.el)["z-index"];
+      e.el.style.zIndex = String(parseInt(s, 10) + n + 1);
+    });
+  }
+  onChange() {
+    this.updateIndex(), typeof this.settings.onChange == "function" && this.settings.onChange();
+  }
+  add(e) {
+    this.push(e), this.onChange();
+  }
+  remove(e) {
+    const n = this.findIndex((s) => s.id === e.id);
+    ~n && (e.el.style.zIndex = "", this.splice(n, 1), this.onChange());
+  }
+  moveToTop(e) {
+    const n = this.findIndex((s) => s.id === e.id);
+    ~n && (this.splice(n, 1), this.add(e));
+  }
+};
+const Vn = {
+  dataConfig: "config",
+  customProps: []
+};
+class be {
+  constructor(e, n, s = {}) {
+    this.parent = e, this.el = ye(n), this.settings = { ...s }, this.dataConfig = {}, this.customProps = {};
+  }
+  get id() {
+    return this.el.id;
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  getSetting(e, n) {
+    return qn.call(this, e, n);
+  }
+  buildDataConfig() {
+    return Object.assign(
+      this.dataConfig,
+      Tn(this.el, this.getSetting("dataConfig"))
+    );
+  }
+  buildCustomProps() {
+    return Object.assign(this.customProps, Mn(this));
+  }
+  async init(e = {}) {
+    this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
+  }
+  async destroy() {
+    Object.getOwnPropertyNames(this).forEach((e) => {
+      delete this[e];
+    });
+  }
+}
+let _n = class {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.entryClass = be, this.settings = { ...Vn, ...e }, this.plugins = new zn(this.settings.presets), this.events = {}, Object.assign(this, Fn);
+  }
+  get(e, n = "id") {
+    return this.collection.find((s) => s[n] === e);
+  }
+  applySettings(e) {
+    return Object.assign(this.settings, e);
+  }
+  async createEntry(e, n) {
+    const s = new this.entryClass(this, e, n);
+    return await K(s, "init"), await U("onCreateEntry", this, s), s;
+  }
+  async destroyEntry(e) {
+    return await U("onDestroyEntry", this, e), await K(e, "destroy"), e;
+  }
+  async register(e, n = {}) {
+    const s = ye(e), r = this.collection.findIndex((i) => i.id === s.id);
+    if (~r) {
+      const i = this.collection[r];
+      return i.el = s, typeof i.init == "function" && await i.init(n), i;
+    } else {
+      const i = await this.createEntry(s, n);
+      return this.collection.push(i), await U("onRegisterEntry", this, i), i;
+    }
+  }
+  async deregister(e) {
+    const n = this.collection.findIndex((s) => s.id === e);
+    if (~n) {
+      const s = await this.destroyEntry(this.collection[n]);
+      return await U(
+        "onDeregisterEntry",
+        this,
+        this.collection[n]
+      ), this.collection.splice(n, 1), s;
+    }
+    return null;
+  }
+  async mount(e = {}) {
+    this.applySettings(e);
+    for (const s of this.settings?.plugins || [])
+      this.plugins.add(s);
+    for (const s of this.plugins)
+      await K(s, "setup", { plugin: s, parent: this });
+    await U("beforeMount", this);
+    const n = document.querySelectorAll(this.settings.selector);
+    for (const s of n)
+      await this.register(s);
+    return await U("afterMount", this), this;
+  }
+  async unmount() {
+    for (await U("beforeUnmount", this); this.collection.length > 0; )
+      await this.deregister(this.collection[0].id);
+    await U("afterUnmount", this);
+    for (const e of this.plugins)
+      await K(e, "teardown", { plugin: e, parent: this });
+    for (const e of [...this.plugins])
+      this.plugins.remove(e.name);
+    return this;
+  }
+};
+const Wn = {
+  // Data attributes
+  dataOpen: "modal-open",
+  dataClose: "modal-close",
+  dataReplace: "modal-replace",
+  // Selectors
+  selector: ".modal",
+  selectorDialog: ".modal__dialog",
+  selectorScreen: ".modal",
+  selectorRequired: '[role="alertdialog"]',
+  selectorFocus: "[data-focus]",
+  selectorInert: null,
+  selectorOverflow: "body",
+  // State classes
+  stateOpened: "is-opened",
+  stateOpening: "is-opening",
+  stateClosing: "is-closing",
+  stateClosed: "is-closed",
+  // Feature settings
+  customProps: ["transition-duration"],
+  customEventPrefix: "modal:",
+  setTabindex: !0,
+  transition: !0,
+  transitionDuration: 300
+};
+function vt(t) {
+  t.active ? (t.active.dialog.querySelector(t.settings.selectorFocus) || t.active.dialog).focus() : t.trigger && (t.trigger.focus(), t.trigger = null);
+}
+async function Mt(t, e, n = !0) {
+  return t.parent.stack.moveToTop(t), t.state === "closed" && (t.state = "opening", t.parent.stack.add(t), e ?? t.getSetting("transition") ? await ve(
+    t.el,
+    t.getSetting("stateClosed"),
+    t.getSetting("stateOpening"),
+    t.getSetting("stateOpened"),
+    t.getSetting("transitionDuration")
+  ) : (t.el.classList.add(t.getSetting("stateOpened")), t.el.classList.remove(t.getSetting("stateClosed"))), t.state = "opened"), n && vt(t.parent), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "opened", {
+      detail: t.parent,
       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,
+  ), await t.parent.emit("opened", t), t;
+}
+async function It(t, e, n = !0) {
+  return t && t.state === "opened" && (t.state = "closing", document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), e ?? t.getSetting("transition") ? await ve(
+    t.el,
+    t.getSetting("stateOpened"),
+    t.getSetting("stateClosing"),
+    t.getSetting("stateClosed"),
+    t.getSetting("transitionDuration")
+  ) : (t.el.classList.add(t.getSetting("stateClosed")), t.el.classList.remove(t.getSetting("stateOpened"))), t.parent.stack.remove(t), t.state = "closed", n && vt(t.parent), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "closed", {
+      detail: t.parent,
       bubbles: !0
     })
-  ), await n.parent.emit("closed", n)), n;
+  ), await t.parent.emit("closed", t)), t;
+}
+async function Ee(t, e, n = !0) {
+  let s, r;
+  return t.state === "opened" ? (s = t, r = await t.parent.closeAll(t.id, e)) : [r, s] = await Promise.all([
+    t.parent.closeAll("", e),
+    Mt(t, e, !1)
+  ]), n && vt(t.parent), { opened: s, closed: r };
 }
-async function It(t, e) {
-  const s = [];
+let Qn = class extends be {
+  constructor(e, n, s = {}) {
+    super(e, n, s), this.state = "closed", this.dialog = this.el.querySelector(this.getSetting("selectorDialog")) || this.el;
+  }
+  get isRequired() {
+    return this.dialog.matches(this.getSetting("selectorRequired"));
+  }
+  async open(e, n) {
+    return Mt(this, e, n);
+  }
+  async close(e, n) {
+    return It(this, e, n);
+  }
+  async replace(e, n) {
+    return Ee(this, e, n);
+  }
+  async deregister() {
+    return this.parent.deregister(this.id);
+  }
+  async onCreateEntry() {
+    this.dialog.setAttribute("aria-modal", "true"), this.dialog.hasAttribute("role") || this.dialog.setAttribute("role", "dialog"), this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1");
+  }
+  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 onDestroyEntry() {
+    this.state === "opened" && await this.close(!1);
+  }
+};
+function ut(t) {
+  const e = this.get(t);
+  if (e)
+    return e;
+  throw new Error(`Modal not found in collection with id of "${t}".`);
+}
+async function Jn(t) {
+  const e = t.target;
+  if (e) {
+    const n = e.closest(`
+      [data-${this.settings.dataOpen}],
+      [data-${this.settings.dataReplace}],
+      [data-${this.settings.dataClose}]
+    `);
+    if (n) {
+      if (t.preventDefault(), n.matches(`[data-${this.settings.dataOpen}]`)) {
+        const s = n.getAttribute(`data-${this.settings.dataOpen}`)?.trim(), r = ut.call(this, s);
+        return e.closest(this.settings.selector) || (this.trigger = n), r.open();
+      }
+      if (n.matches(`[data-${this.settings.dataReplace}]`)) {
+        const s = n.getAttribute(`data-${this.settings.dataReplace}`)?.trim(), r = ut.call(this, s);
+        return e.closest(this.settings.selector) || (this.trigger = n), r.replace();
+      }
+      if (n.matches(`[data-${this.settings.dataClose}]`)) {
+        const s = n.getAttribute(`data-${this.settings.dataClose}`)?.trim();
+        return s === "*" ? this.closeAll() : this.close(s || "");
+      }
+    }
+    if (this.active && e.matches(this.settings.selectorScreen) && !this.active.isRequired)
+      return this.close();
+  }
+}
+function Zn(t) {
+  if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
+    return this.close();
+}
+async function Kn(t = "", e) {
+  const n = [];
   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);
+    this.stack.copy.map(async (s) => {
+      t && t === s.id || n.push(await It(s, e, !1));
     })
-  ), 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({
+  ), n;
+}
+let Ci = class extends _n {
+  #t;
+  #e;
+  constructor(e) {
+    super({ ...Wn, ...e }), this.module = "Modal", this.entryClass = Qn, this.trigger = null, this.#t = Jn.bind(this), this.#e = Zn.bind(this), this.stack = new Bn({
       onChange: () => {
-        bt(
-          this.stack.top,
+        Un(
+          !!this.stack.top,
           this.settings.selectorInert,
           this.settings.selectorOverflow
         );
@@ -1169,374 +1670,332 @@ class ds extends Ot {
   get active() {
     return this.stack.top;
   }
-  async open(s, n, i) {
-    return be.call(this, s, n, i);
+  async open(e, n, s) {
+    const r = ut.call(this, e);
+    return Mt(r, n, s);
   }
-  async close(s, n, i) {
-    return xe.call(this, s, n, i);
+  async close(e, n, s) {
+    const r = e ? ut.call(this, e) : this.active;
+    return It(r, n, s);
   }
-  async replace(s, n, i) {
-    return gn.call(this, s, n, i);
+  async replace(e, n, s) {
+    const r = ut.call(this, e);
+    return Ee(r, n, s);
   }
-  async closeAll(s = !1, n, i = !0) {
-    const r = await It.call(this, s, n);
-    return i && Lt.call(this), r;
+  async closeAll(e, n, s = !0) {
+    const r = await Kn.call(this, e, n);
+    return s && vt(this), r;
   }
   async afterMount() {
-    document.addEventListener("click", E(this, rt), !1), document.addEventListener("keydown", E(this, lt), !1);
+    document.addEventListener("click", this.#t, !1), document.addEventListener("keydown", this.#e, !1);
   }
   async beforeUnmount() {
     this.trigger = null;
   }
   async afterUnmount() {
-    document.removeEventListener("click", E(this, rt), !1), document.removeEventListener("keydown", E(this, lt), !1);
+    document.removeEventListener("click", this.#t, !1), document.removeEventListener("keydown", this.#e, !1);
   }
-}
-rt = new WeakMap(), lt = new WeakMap();
-const mn = {
-  // Selectors
-  selector: ".popover",
-  selectorTooltip: ".popover_tooltip",
-  selectorArrow: ".popover__arrow",
-  // State classes
-  stateActive: "is-active",
-  // Custom properties and their defaults
-  customProps: [
-    "placement",
-    "event",
-    "offset",
-    "flip-padding",
-    "shift-padding",
-    "arrow-padding",
-    "toggle-delay"
-  ],
-  customEventPrefix: "popover:",
-  placement: "bottom",
-  event: "click",
-  offset: 0,
-  flipPadding: 0,
-  shiftPadding: 0,
-  arrowPadding: 0,
-  toggleDelay: 0
 };
-function qt(t, e, s) {
-  Object.assign(t.style, {
-    left: e != null ? `${e}px` : "",
-    top: s != null ? `${s}px` : ""
-  });
-}
-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 Mt(t) {
-  let e;
-  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 = s[0];
-      break;
-    case 2:
-      e = {
-        top: s[0],
-        right: s[1],
-        bottom: s[0],
-        left: s[1]
-      };
-      break;
-    case 3:
-      e = {
-        top: s[0],
-        right: s[1],
-        bottom: s[2],
-        left: s[1]
-      };
-      break;
-    case 4:
-      e = {
-        top: s[0],
-        right: s[1],
-        bottom: s[2],
-        left: s[3]
-      };
-      break;
-    default:
-      e = !1;
-      break;
-  }
-  return e;
+function Yn(t, e = "config") {
+  const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
+  return n ? JSON.parse(n) : {};
 }
-function pn(t) {
-  return {
-    offset: Number(t.getSetting("offset")),
-    flip: {
-      padding: Mt(t.getSetting("flip-padding"))
-    },
-    shift: {
-      padding: Mt(t.getSetting("shift-padding"))
-    },
-    arrow: {
-      element: t.getSetting("selectorArrow"),
-      padding: Mt(t.getSetting("arrow-padding"))
-    }
-  };
+function xe(t) {
+  if (typeof t == "string") {
+    const e = document.getElementById(t);
+    if (e) return e;
+    throw new Error(`Element not found with ID: "${t}"`);
+  } else if (t instanceof HTMLElement) {
+    if (!t.id)
+      throw new Error("HTMLElement must have an ID");
+    return t;
+  } else
+    throw new Error("Invalid argument: query must be a string or HTMLElement");
 }
-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 Y(t, e, ...n) {
+  e in t && typeof t[e] == "function" && await t[e](...n);
 }
-async function Se(t) {
-  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;
+function Gn(t) {
+  return t.split("-").map(
+    (e, n) => n === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
+  ).join("");
 }
 function $e(t) {
-  t.state == "opened" && setTimeout(() => {
-    const e = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
-    let s = document.activeElement.closest(
-      `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
-    );
-    return !e && !s && t.close(), t;
-  }, 1);
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function yn(t) {
-  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
+async function F(t, e, n) {
+  await Y(e, t, n), n && await Y(n, t);
+  for (const s of e.plugins)
+    await Y(s, t, { plugin: s, parent: e, entry: n });
+  await e.emit(t, n);
 }
-function wn(t) {
-  t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
+function Xn(t) {
+  const e = getComputedStyle(t.el), n = {}, s = t.getSetting("customProps");
+  for (let r = 0; r < s.length; r++) {
+    const i = ts(), o = t.parent.module.toLowerCase(), a = $e(s[r]), l = e.getPropertyValue(`--${i}${o}-${a}`).trim();
+    l && (n[a] = l);
+  }
+  return n;
 }
-function bn(t, e) {
-  if (t.isHovered = e, e.type == "focus" && !t.trigger.matches(":focus-visible"))
-    return;
-  t.toggleDelayId && clearTimeout(t.toggleDelayId);
-  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();
-  }, n);
+function ts() {
+  return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
-function xn(t, e) {
-  setTimeout(() => {
-    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(
-      () => {
-        $e.call(this, t);
-      },
-      ve(t, 1)
-    ));
-  }, 1);
+function es(t, e, n = "camel") {
+  return e = n === "camel" ? Gn(e) : $e(e), t.split(".").concat(e).reduce((s, r) => s?.[r], this);
 }
-function vn(t) {
-  switch (t.key) {
-    case "Escape":
-      this.trigger && this.trigger.focus(), Ce.call(this);
-      return;
-    case "Tab":
-      this.collection.forEach((e) => {
-        $e.call(this, e);
-      });
-      return;
-    default:
-      return;
+function ns(t, e = {}) {
+  const {
+    fallback: n,
+    props: s = ["dataConfig", "customProps", "settings", "parent.settings"]
+  } = e;
+  for (const r of s) {
+    const i = r !== "customProps" ? "camel" : "kebab", o = es.call(this, r, t, i);
+    if (o !== void 0)
+      return o;
   }
+  if (n !== void 0)
+    return n;
+  throw new Error(`${this.parent.module} setting does not exist: ${t}`);
 }
-function En(t) {
-  const e = this;
-  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", s) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", s));
-  });
+const ss = {
+  events: {},
+  on(t, e, ...n) {
+    this.events[t] || (this.events[t] = []), this.events[t].some(
+      (s) => s.listener === e
+    ) || this.events[t].push({ listener: e, args: n });
+  },
+  off(t, e) {
+    this.events[t] && (this.events[t] = this.events[t].filter(
+      (n) => n.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: n, args: s } of this.events[t])
+        await n(e, ...s);
+  }
+};
+class is extends Array {
+  constructor(e = {}) {
+    super(), this.presets = e;
+  }
+  applySettings(e) {
+    const n = e?.defaults || {}, s = this.presets?.[e.name] || {}, r = e?.options || {};
+    e.settings = { ...n, ...s, ...r };
+  }
+  validate(e) {
+    return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), !1) : !0;
+  }
+  get(e) {
+    return this.find((n) => n.name === e);
+  }
+  add(e) {
+    if (Array.isArray(e))
+      e.forEach((n) => this.add(n));
+    else if (this.applySettings(e), this.validate(e)) {
+      const n = this.findIndex((s) => s.name === e.name);
+      ~n ? this[n] = e : this.push(e);
+    }
+  }
+  remove(e) {
+    const n = this.findIndex((s) => s.name === e);
+    ~n && this.splice(n, 1);
+  }
 }
-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 = () => {
-    };
+const rs = {
+  dataConfig: "config",
+  customProps: []
+};
+class Se {
+  constructor(e, n, s = {}) {
+    this.parent = e, this.el = xe(n), this.settings = { ...s }, this.dataConfig = {}, this.customProps = {};
   }
-  get isTooltip() {
-    return !!this.el.closest(this.getSetting("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
+  get id() {
+    return this.el.id;
   }
-  get isHovered() {
-    return E(this, z).el || E(this, z).trigger;
+  applySettings(e) {
+    return Object.assign(this.settings, e);
   }
-  set isHovered(s) {
-    const n = s.type == "mouseenter" ? !0 : s.type == "mouseleave" ? !1 : void 0;
-    if (n != null)
-      switch (s.target) {
-        case this.el:
-          E(this, z).el = n;
-          break;
-        case this.trigger:
-          E(this, z).trigger = n;
-          break;
-      }
+  getSetting(e, n) {
+    return ns.call(this, e, n);
   }
-  async open() {
-    return this.parent.open(this);
+  buildDataConfig() {
+    return Object.assign(
+      this.dataConfig,
+      Yn(this.el, this.getSetting("dataConfig"))
+    );
   }
-  async close() {
-    return this.parent.close(this);
+  buildCustomProps() {
+    return Object.assign(this.customProps, Xn(this));
   }
-  async deregister() {
-    return this.parent.deregister(this.id);
+  async init(e = {}) {
+    this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
   }
-  registerEventListeners() {
-    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);
-        });
-      });
-    })) : (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);
-        });
-      });
-    })));
+  async destroy() {
+    Object.getOwnPropertyNames(this).forEach((e) => {
+      delete this[e];
+    });
   }
-  deregisterEventListeners() {
-    E(this, L) && (E(this, L).forEach((s) => {
-      s.el.forEach((n) => {
-        s.type.forEach((i) => {
-          this[n].removeEventListener(i, s.listener, !1);
-        });
-      });
-    }), S(this, L, null));
+}
+class os {
+  constructor(e = {}) {
+    this.module = this.constructor.name, this.collection = [], this.entryClass = Se, this.settings = { ...rs, ...e }, this.plugins = new is(this.settings.presets), this.events = {}, Object.assign(this, ss);
   }
-  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();
+  get(e, n = "id") {
+    return this.collection.find((s) => s[n] === e);
   }
-  async onRegisterEntry() {
-    this.el.classList.contains(this.getSetting("stateActive")) ? await this.open() : this.el.inert = !0;
+  applySettings(e) {
+    return Object.assign(this.settings, e);
   }
-  async onDestroyEntry() {
-    this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
+  async createEntry(e, n) {
+    const s = new this.entryClass(this, e, n);
+    return await Y(s, "init"), await F("onCreateEntry", this, s), s;
+  }
+  async destroyEntry(e) {
+    return await F("onDestroyEntry", this, e), await Y(e, "destroy"), e;
+  }
+  async register(e, n = {}) {
+    const s = xe(e), r = this.collection.findIndex((i) => i.id === s.id);
+    if (~r) {
+      const i = this.collection[r];
+      return i.el = s, typeof i.init == "function" && await i.init(n), i;
+    } else {
+      const i = await this.createEntry(s, n);
+      return this.collection.push(i), await F("onRegisterEntry", this, i), i;
+    }
+  }
+  async deregister(e) {
+    const n = this.collection.findIndex((s) => s.id === e);
+    if (~n) {
+      const s = await this.destroyEntry(this.collection[n]);
+      return await F(
+        "onDeregisterEntry",
+        this,
+        this.collection[n]
+      ), this.collection.splice(n, 1), s;
+    }
+    return null;
+  }
+  async mount(e = {}) {
+    this.applySettings(e);
+    for (const s of this.settings?.plugins || [])
+      this.plugins.add(s);
+    for (const s of this.plugins)
+      await Y(s, "setup", { plugin: s, parent: this });
+    await F("beforeMount", this);
+    const n = document.querySelectorAll(this.settings.selector);
+    for (const s of n)
+      await this.register(s);
+    return await F("afterMount", this), this;
+  }
+  async unmount() {
+    for (await F("beforeUnmount", this); this.collection.length > 0; )
+      await this.deregister(this.collection[0].id);
+    await F("afterUnmount", this);
+    for (const e of this.plugins)
+      await Y(e, "teardown", { plugin: e, parent: this });
+    for (const e of [...this.plugins])
+      this.plugins.remove(e.name);
+    return this;
   }
 }
-L = new WeakMap(), z = new WeakMap();
-const ct = Math.min, Z = Math.max, Ct = Math.round, St = Math.floor, I = (t) => ({
+const as = {
+  // Selectors
+  selector: ".popover",
+  selectorTooltip: ".popover_tooltip",
+  selectorArrow: ".popover__arrow",
+  // State classes
+  stateActive: "is-active",
+  // Custom properties and their defaults
+  customProps: [
+    "placement",
+    "event",
+    "offset",
+    "flip-padding",
+    "shift-padding",
+    "arrow-padding",
+    "toggle-delay"
+  ],
+  customEventPrefix: "popover:",
+  placement: "bottom",
+  event: "click",
+  offset: 0,
+  flipPadding: 0,
+  shiftPadding: 0,
+  arrowPadding: 0,
+  toggleDelay: 0
+}, st = Math.min, G = Math.max, pt = Math.round, gt = Math.floor, O = (t) => ({
   x: t,
   y: t
-}), Cn = {
+}), ls = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, $n = {
+}, cs = {
   start: "end",
   end: "start"
 };
-function Ft(t, e, s) {
-  return Z(t, ct(e, s));
+function Ct(t, e, n) {
+  return G(t, st(e, n));
 }
-function tt(t, e) {
+function X(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function j(t) {
+function B(t) {
   return t.split("-")[0];
 }
-function vt(t) {
+function ht(t) {
   return t.split("-")[1];
 }
-function _t(t) {
+function Ht(t) {
   return t === "x" ? "y" : "x";
 }
-function Wt(t) {
+function qt(t) {
   return t === "y" ? "height" : "width";
 }
-function K(t) {
-  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
+const us = /* @__PURE__ */ new Set(["top", "bottom"]);
+function H(t) {
+  return us.has(B(t)) ? "y" : "x";
 }
-function zt(t) {
-  return _t(K(t));
+function jt(t) {
+  return Ht(H(t));
 }
-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 fs(t, e, n) {
+  n === void 0 && (n = !1);
+  const s = ht(t), r = jt(t), i = qt(r);
+  let o = r === "x" ? s === (n ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
+  return e.reference[i] > e.floating[i] && (o = mt(o)), [o, mt(o)];
 }
-function kn(t) {
-  const e = $t(t);
-  return [Ht(t), e, Ht(e)];
+function hs(t) {
+  const e = mt(t);
+  return [At(t), e, At(e)];
 }
-function Ht(t) {
-  return t.replace(/start|end/g, (e) => $n[e]);
+function At(t) {
+  return t.replace(/start|end/g, (e) => cs[e]);
 }
-function On(t, e, s) {
-  const n = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
+const Vt = ["left", "right"], _t = ["right", "left"], ds = ["top", "bottom"], gs = ["bottom", "top"];
+function ps(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return s ? e ? i : n : e ? n : i;
+      return n ? e ? _t : Vt : e ? Vt : _t;
     case "left":
     case "right":
-      return e ? r : o;
+      return e ? ds : gs;
     default:
       return [];
   }
 }
-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 ms(t, e, n, s) {
+  const r = ht(t);
+  let i = ps(B(t), n === "start", s);
+  return r && (i = i.map((o) => o + "-" + r), e && (i = i.concat(i.map(At)))), i;
 }
-function $t(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Cn[e]);
+function mt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ls[e]);
 }
-function Rn(t) {
+function ys(t) {
   return {
     top: 0,
     right: 0,
@@ -1545,110 +2004,110 @@ function Rn(t) {
     ...t
   };
 }
-function Ae(t) {
-  return typeof t != "number" ? Rn(t) : {
+function Ce(t) {
+  return typeof t != "number" ? ys(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function At(t) {
+function yt(t) {
   const {
     x: e,
-    y: s,
-    width: n,
-    height: i
+    y: n,
+    width: s,
+    height: r
   } = t;
   return {
-    width: n,
-    height: i,
-    top: s,
+    width: s,
+    height: r,
+    top: n,
     left: e,
-    right: e + n,
-    bottom: s + i,
+    right: e + s,
+    bottom: n + r,
     x: e,
-    y: s
+    y: n
   };
 }
-function Zt(t, e, s) {
+function Wt(t, e, n) {
   let {
-    reference: n,
-    floating: i
+    reference: s,
+    floating: r
   } = t;
-  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;
+  const i = H(e), o = jt(e), a = qt(o), l = B(e), c = i === "y", h = s.x + s.width / 2 - r.width / 2, f = s.y + s.height / 2 - r.height / 2, d = s[a] / 2 - r[a] / 2;
   let u;
-  switch (a) {
+  switch (l) {
     case "top":
       u = {
-        x: d,
-        y: n.y - i.height
+        x: h,
+        y: s.y - r.height
       };
       break;
     case "bottom":
       u = {
-        x: d,
-        y: n.y + n.height
+        x: h,
+        y: s.y + s.height
       };
       break;
     case "right":
       u = {
-        x: n.x + n.width,
+        x: s.x + s.width,
         y: f
       };
       break;
     case "left":
       u = {
-        x: n.x - i.width,
+        x: s.x - r.width,
         y: f
       };
       break;
     default:
       u = {
-        x: n.x,
-        y: n.y
+        x: s.x,
+        y: s.y
       };
   }
-  switch (vt(e)) {
+  switch (ht(e)) {
     case "start":
-      u[o] -= h * (s && c ? -1 : 1);
+      u[o] -= d * (n && c ? -1 : 1);
       break;
     case "end":
-      u[o] += h * (s && c ? -1 : 1);
+      u[o] += d * (n && c ? -1 : 1);
       break;
   }
   return u;
 }
-const Pn = async (t, e, s) => {
+const ws = async (t, e, n) => {
   const {
-    placement: n = "bottom",
-    strategy: i = "absolute",
-    middleware: r = [],
+    placement: s = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
     platform: o
-  } = s, l = r.filter(Boolean), a = await (o.isRTL == null ? void 0 : o.isRTL(e));
+  } = n, a = i.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(e));
   let c = await o.getElementRects({
     reference: t,
     floating: e,
-    strategy: i
+    strategy: r
   }), {
-    x: d,
+    x: h,
     y: f
-  } = Zt(c, n, a), h = n, u = {}, g = 0;
-  for (let m = 0; m < l.length; m++) {
+  } = Wt(c, s, l), d = s, u = {}, g = 0;
+  for (let p = 0; p < a.length; p++) {
     const {
-      name: p,
+      name: m,
       fn: y
-    } = l[m], {
+    } = a[p], {
       x: w,
-      y: b,
-      data: v,
-      reset: x
+      y: v,
+      data: b,
+      reset: E
     } = await y({
-      x: d,
+      x: h,
       y: f,
-      initialPlacement: n,
-      placement: h,
-      strategy: i,
+      initialPlacement: s,
+      placement: d,
+      strategy: r,
       middlewareData: u,
       rects: c,
       platform: o,
@@ -1657,203 +2116,201 @@ const Pn = async (t, e, s) => {
         floating: e
       }
     });
-    d = w ?? d, f = b ?? f, u = {
+    h = w ?? h, f = v ?? f, u = {
       ...u,
-      [p]: {
-        ...u[p],
-        ...v
+      [m]: {
+        ...u[m],
+        ...b
       }
-    }, x && g <= 50 && (g++, typeof x == "object" && (x.placement && (h = x.placement), x.rects && (c = x.rects === !0 ? await o.getElementRects({
+    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (d = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
       reference: t,
       floating: e,
-      strategy: i
-    }) : x.rects), {
-      x: d,
+      strategy: r
+    }) : E.rects), {
+      x: h,
       y: f
-    } = Zt(c, h, a)), m = -1);
+    } = Wt(c, d, l)), p = -1);
   }
   return {
-    x: d,
+    x: h,
     y: f,
-    placement: h,
-    strategy: i,
+    placement: d,
+    strategy: r,
     middlewareData: u
   };
 };
-async function ke(t, e) {
-  var s;
+async function Ae(t, e) {
+  var n;
   e === void 0 && (e = {});
   const {
-    x: n,
-    y: i,
-    platform: r,
+    x: s,
+    y: r,
+    platform: i,
     rects: o,
-    elements: l,
-    strategy: a
+    elements: a,
+    strategy: l
   } = t, {
     boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
+    rootBoundary: h = "viewport",
     elementContext: f = "floating",
-    altBoundary: h = !1,
+    altBoundary: d = !1,
     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)),
+  } = X(e, t), g = Ce(u), p = a[d ? f === "floating" ? "reference" : "floating" : f], m = yt(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(p))) == null || n ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: c,
-    rootBoundary: d,
-    strategy: a
-  })), w = f === "floating" ? {
-    x: n,
-    y: i,
+    rootBoundary: h,
+    strategy: l
+  })), y = f === "floating" ? {
+    x: s,
+    y: r,
     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)) || {
+  } : o.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), v = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, x = At(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: w,
-    offsetParent: b,
-    strategy: a
-  }) : w);
+  }, b = yt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: y,
+    offsetParent: w,
+    strategy: l
+  }) : y);
   return {
-    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
+    top: (m.top - b.top + g.top) / v.y,
+    bottom: (b.bottom - m.bottom + g.bottom) / v.y,
+    left: (m.left - b.left + g.left) / v.x,
+    right: (b.right - m.right + g.right) / v.x
   };
 }
-const Tn = (t) => ({
+const vs = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
     const {
-      x: s,
-      y: n,
-      placement: i,
-      rects: r,
+      x: n,
+      y: s,
+      placement: r,
+      rects: i,
       platform: o,
-      elements: l,
-      middlewareData: a
+      elements: a,
+      middlewareData: l
     } = e, {
       element: c,
-      padding: d = 0
-    } = tt(t, e) || {};
+      padding: h = 0
+    } = X(t, e) || {};
     if (c == null)
       return {};
-    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;
+    const f = Ce(h), d = {
+      x: n,
+      y: s
+    }, u = jt(r), g = qt(u), p = await o.getDimensions(c), m = u === "y", y = m ? "top" : "left", w = m ? "bottom" : "right", v = m ? "clientHeight" : "clientWidth", b = i.reference[g] + i.reference[u] - d[u] - i.floating[g], E = d[u] - i.reference[u], $ = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let _ = $ ? $[v] : 0;
+    (!_ || !await (o.isElement == null ? void 0 : o.isElement($))) && (_ = a.floating[v] || i.floating[g]);
+    const ot = b / 2 - E / 2, W = _ / 2 - p[g] / 2 - 1, D = st(f[y], W), at = st(f[w], W), Q = D, lt = _ - p[g] - at, x = _ / 2 - p[g] / 2 + ot, J = Ct(Q, x, lt), M = !l.arrow && ht(r) != null && x !== J && i.reference[g] / 2 - (x < Q ? D : at) - p[g] / 2 < 0, S = M ? x < Q ? x - Q : x - lt : 0;
     return {
-      [u]: h[u] + B,
+      [u]: d[u] + S,
       data: {
-        [u]: R,
-        centerOffset: M - R - B,
-        ...G && {
-          alignmentOffset: B
+        [u]: J,
+        centerOffset: x - J - S,
+        ...M && {
+          alignmentOffset: S
         }
       },
-      reset: G
+      reset: M
     };
   }
-}), Mn = function(t) {
+}), bs = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
     async fn(e) {
-      var s, n;
+      var n, s;
       const {
-        placement: i,
-        middlewareData: r,
+        placement: r,
+        middlewareData: i,
         rects: o,
-        initialPlacement: l,
-        platform: a,
+        initialPlacement: a,
+        platform: l,
         elements: c
       } = e, {
-        mainAxis: d = !0,
+        mainAxis: h = !0,
         crossAxis: f = !0,
-        fallbackPlacements: h,
+        fallbackPlacements: d,
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: m = !0,
-        ...p
-      } = tt(t, e);
-      if ((s = r.arrow) != null && s.alignmentOffset)
+        flipAlignment: p = !0,
+        ...m
+      } = X(t, e);
+      if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      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]]);
+      const y = B(r), w = H(a), v = B(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = d || (v || !p ? [mt(a)] : hs(a)), $ = g !== "none";
+      !d && $ && E.push(...ms(a, p, g, b));
+      const _ = [a, ...E], ot = await Ae(e, m), W = [];
+      let D = ((s = i.flip) == null ? void 0 : s.overflows) || [];
+      if (h && W.push(ot[y]), f) {
+        const x = fs(r, o, b);
+        W.push(ot[x[0]], ot[x[1]]);
       }
-      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)
+      if (D = [...D, {
+        placement: r,
+        overflows: W
+      }], !W.every((x) => x <= 0)) {
+        var at, Q;
+        const x = (((at = i.flip) == null ? void 0 : at.index) || 0) + 1, J = _[x];
+        if (J && (!(f === "alignment" && w !== H(J)) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        D.every((S) => S.overflows[0] > 0 && H(S.placement) === w)))
+          return {
+            data: {
+              index: x,
+              overflows: D
+            },
+            reset: {
+              placement: J
+            }
+          };
+        let M = (Q = D.filter((S) => S.overflows[0] <= 0).sort((S, q) => S.overflows[1] - q.overflows[1])[0]) == null ? void 0 : Q.placement;
+        if (!M)
           switch (u) {
             case "bestFit": {
-              var M;
-              const _ = (M = N.filter((D) => {
-                if (k) {
-                  const W = K(D.placement);
-                  return W === w || // Create a bias to the `y` side axis due to horizontal
+              var lt;
+              const S = (lt = D.filter((q) => {
+                if ($) {
+                  const j = H(q.placement);
+                  return j === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  W === "y";
+                  j === "y";
                 }
                 return !0;
-              }).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 = _);
+              }).map((q) => [q.placement, q.overflows.filter((j) => j > 0).reduce((j, Fe) => j + Fe, 0)]).sort((q, j) => q[1] - j[1])[0]) == null ? void 0 : lt[0];
+              S && (M = S);
               break;
             }
             case "initialPlacement":
-              B = l;
+              M = a;
               break;
           }
-        if (i !== B)
+        if (r !== M)
           return {
             reset: {
-              placement: B
+              placement: M
             }
           };
       }
       return {};
     }
   };
-};
-async function Dn(t, e) {
+}, Le = /* @__PURE__ */ new Set(["left", "top"]);
+async function Es(t, e) {
   const {
-    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);
+    placement: n,
+    platform: s,
+    elements: r
+  } = t, i = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), o = B(n), a = ht(n), l = H(n) === "y", c = Le.has(o) ? -1 : 1, h = i && l ? -1 : 1, f = X(e, t);
   let {
-    mainAxis: h,
+    mainAxis: d,
     crossAxis: u,
     alignmentAxis: g
   } = typeof f == "number" ? {
@@ -1865,175 +2322,178 @@ async function Dn(t, e) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return l && typeof g == "number" && (u = l === "end" ? g * -1 : g), a ? {
-    x: u * d,
-    y: h * c
+  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), l ? {
+    x: u * h,
+    y: d * c
   } : {
-    x: h * c,
-    y: u * d
+    x: d * c,
+    y: u * h
   };
 }
-const In = function(t) {
+const xs = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
     async fn(e) {
-      var s, n;
+      var n, s;
       const {
-        x: i,
-        y: r,
+        x: r,
+        y: i,
         placement: o,
-        middlewareData: l
-      } = 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,
+        middlewareData: a
+      } = e, l = await Es(e, t);
+      return o === ((n = a.offset) == null ? void 0 : n.placement) && (s = a.arrow) != null && s.alignmentOffset ? {} : {
+        x: r + l.x,
+        y: i + l.y,
         data: {
-          ...a,
+          ...l,
           placement: o
         }
       };
     }
   };
-}, Fn = function(t) {
+}, $s = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
     async fn(e) {
       const {
-        x: s,
-        y: n,
-        placement: i
+        x: n,
+        y: s,
+        placement: r
       } = e, {
-        mainAxis: r = !0,
+        mainAxis: i = !0,
         crossAxis: o = !1,
-        limiter: l = {
-          fn: (p) => {
+        limiter: a = {
+          fn: (m) => {
             let {
               x: y,
               y: w
-            } = p;
+            } = m;
             return {
               x: y,
               y: w
             };
           }
         },
-        ...a
-      } = 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 p = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", w = u + d[p], b = u - d[y];
-        u = Ft(w, u, b);
+        ...l
+      } = X(t, e), c = {
+        x: n,
+        y: s
+      }, h = await Ae(e, l), f = H(B(r)), d = Ht(f);
+      let u = c[d], g = c[f];
+      if (i) {
+        const m = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", w = u + h[m], v = u - h[y];
+        u = Ct(w, u, v);
       }
       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 = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", w = g + h[m], v = g - h[y];
+        g = Ct(w, g, v);
       }
-      const m = l.fn({
+      const p = a.fn({
         ...e,
-        [h]: u,
+        [d]: u,
         [f]: g
       });
       return {
-        ...m,
+        ...p,
         data: {
-          x: m.x - s,
-          y: m.y - n,
+          x: p.x - n,
+          y: p.y - s,
           enabled: {
-            [h]: r,
+            [d]: i,
             [f]: o
           }
         }
       };
     }
   };
-}, Hn = function(t) {
+}, Ss = function(t) {
   return t === void 0 && (t = {}), {
     options: t,
     fn(e) {
       const {
-        x: s,
-        y: n,
-        placement: i,
-        rects: r,
+        x: n,
+        y: s,
+        placement: r,
+        rects: i,
         middlewareData: o
       } = e, {
-        offset: l = 0,
-        mainAxis: a = !0,
+        offset: a = 0,
+        mainAxis: l = !0,
         crossAxis: c = !0
-      } = 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,
+      } = X(t, e), h = {
+        x: n,
+        y: s
+      }, f = H(r), d = Ht(f);
+      let u = h[d], g = h[f];
+      const p = X(a, e), m = typeof p == "number" ? {
+        mainAxis: p,
         crossAxis: 0
       } : {
         mainAxis: 0,
         crossAxis: 0,
-        ...m
+        ...p
       };
-      if (a) {
-        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 (l) {
+        const v = d === "y" ? "height" : "width", b = i.reference[d] - i.floating[v] + m.mainAxis, E = i.reference[d] + i.reference[v] - m.mainAxis;
+        u < b ? u = b : u > E && (u = E);
       }
       if (c) {
         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);
+        const v = d === "y" ? "width" : "height", b = Le.has(B(r)), E = i.reference[f] - i.floating[v] + (b && ((y = o.offset) == null ? void 0 : y[f]) || 0) + (b ? 0 : m.crossAxis), $ = i.reference[f] + i.reference[v] + (b ? 0 : ((w = o.offset) == null ? void 0 : w[f]) || 0) - (b ? m.crossAxis : 0);
+        g < E ? g = E : g > $ && (g = $);
       }
       return {
-        [h]: u,
+        [d]: u,
         [f]: g
       };
     }
   };
 };
-function Rt() {
+function bt() {
   return typeof window < "u";
 }
-function ut(t) {
-  return Oe(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function rt(t) {
+  return Pe(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function A(t) {
+function L(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function H(t) {
+function R(t) {
   var e;
-  return (e = (Oe(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Pe(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Oe(t) {
-  return Rt() ? t instanceof Node || t instanceof A(t).Node : !1;
+function Pe(t) {
+  return bt() ? t instanceof Node || t instanceof L(t).Node : !1;
 }
 function P(t) {
-  return Rt() ? t instanceof Element || t instanceof A(t).Element : !1;
+  return bt() ? t instanceof Element || t instanceof L(t).Element : !1;
 }
-function F(t) {
-  return Rt() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : !1;
+function T(t) {
+  return bt() ? t instanceof HTMLElement || t instanceof L(t).HTMLElement : !1;
 }
-function te(t) {
-  return !Rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
+function Qt(t) {
+  return !bt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
 }
-function Et(t) {
+const Cs = /* @__PURE__ */ new Set(["inline", "contents"]);
+function dt(t) {
   const {
     overflow: e,
-    overflowX: s,
-    overflowY: n,
-    display: i
-  } = T(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + n + s) && !["inline", "contents"].includes(i);
+    overflowX: n,
+    overflowY: s,
+    display: r
+  } = k(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + s + n) && !Cs.has(r);
 }
-function Nn(t) {
-  return ["table", "td", "th"].includes(ut(t));
+const As = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Ls(t) {
+  return As.has(rt(t));
 }
-function Pt(t) {
-  return [":popover-open", ":modal"].some((e) => {
+const Ps = [":popover-open", ":modal"];
+function Et(t) {
+  return Ps.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -2041,31 +2501,33 @@ function Pt(t) {
     }
   });
 }
-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));
+const ks = ["transform", "translate", "scale", "rotate", "perspective"], Os = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ts = ["paint", "layout", "strict", "content"];
+function Nt(t) {
+  const e = Ut(), n = P(t) ? k(t) : t;
+  return ks.some((s) => n[s] ? n[s] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Os.some((s) => (n.willChange || "").includes(s)) || Ts.some((s) => (n.contain || "").includes(s));
 }
-function Bn(t) {
-  let e = Y(t);
-  for (; F(e) && !ft(e); ) {
-    if (Qt(e))
+function Rs(t) {
+  let e = V(t);
+  for (; T(e) && !it(e); ) {
+    if (Nt(e))
       return e;
-    if (Pt(e))
+    if (Et(e))
       return null;
-    e = Y(e);
+    e = V(e);
   }
   return null;
 }
-function Kt() {
+function Ut() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function ft(t) {
-  return ["html", "body", "#document"].includes(ut(t));
+const Ds = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function it(t) {
+  return Ds.has(rt(t));
 }
-function T(t) {
-  return A(t).getComputedStyle(t);
+function k(t) {
+  return L(t).getComputedStyle(t);
 }
-function Tt(t) {
+function xt(t) {
   return P(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -2074,223 +2536,224 @@ function Tt(t) {
     scrollTop: t.scrollY
   };
 }
-function Y(t) {
-  if (ut(t) === "html")
+function V(t) {
+  if (rt(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.
-    te(t) && t.host || // Fallback.
-    H(t)
+    Qt(t) && t.host || // Fallback.
+    R(t)
   );
-  return te(e) ? e.host : e;
+  return Qt(e) ? e.host : e;
 }
-function Le(t) {
-  const e = Y(t);
-  return ft(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : F(e) && Et(e) ? e : Le(e);
+function ke(t) {
+  const e = V(t);
+  return it(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : T(e) && dt(e) ? e : ke(e);
 }
-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) : []);
+function ft(t, e, n) {
+  var s;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = ke(t), i = r === ((s = t.ownerDocument) == null ? void 0 : s.body), o = L(r);
+  if (i) {
+    const a = Lt(o);
+    return e.concat(o, o.visualViewport || [], dt(r) ? r : [], a && n ? ft(a) : []);
   }
-  return e.concat(i, yt(i, [], s));
+  return e.concat(r, ft(r, [], n));
 }
-function Nt(t) {
+function Lt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-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 Oe(t) {
+  const e = k(t);
+  let n = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
+  const r = T(t), i = r ? t.offsetWidth : n, o = r ? t.offsetHeight : s, a = pt(n) !== i || pt(s) !== o;
+  return a && (n = i, s = o), {
+    width: n,
+    height: s,
+    $: a
   };
 }
-function jt(t) {
+function Ft(t) {
   return P(t) ? t : t.contextElement;
 }
-function st(t) {
-  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), {
+function nt(t) {
+  const e = Ft(t);
+  if (!T(e))
+    return O(1);
+  const n = e.getBoundingClientRect(), {
+    width: s,
+    height: r,
+    $: i
+  } = Oe(e);
+  let o = (i ? pt(n.width) : n.width) / s, a = (i ? pt(n.height) : n.height) / r;
+  return (!o || !Number.isFinite(o)) && (o = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: o,
-    y: l
+    y: a
   };
 }
-const Un = /* @__PURE__ */ I(0);
-function Pe(t) {
-  const e = A(t);
-  return !Kt() || !e.visualViewport ? Un : {
+const Ms = /* @__PURE__ */ O(0);
+function Te(t) {
+  const e = L(t);
+  return !Ut() || !e.visualViewport ? Ms : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Vn(t, e, s) {
-  return e === void 0 && (e = !1), !s || e && s !== A(t) ? !1 : e;
+function Is(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== L(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);
+function tt(t, e, n, s) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const r = t.getBoundingClientRect(), i = Ft(t);
+  let o = O(1);
+  e && (s ? P(s) && (o = nt(s)) : o = nt(t));
+  const a = Is(i, n, s) ? Te(i) : O(0);
+  let l = (r.left + a.x) / o.x, c = (r.top + a.y) / o.y, h = r.width / o.x, f = r.height / o.y;
+  if (i) {
+    const d = L(i), u = s && P(s) ? L(s) : s;
+    let g = d, p = Lt(g);
+    for (; p && s && u !== g; ) {
+      const m = nt(p), y = p.getBoundingClientRect(), w = k(p), v = y.left + (p.clientLeft + parseFloat(w.paddingLeft)) * m.x, b = y.top + (p.clientTop + parseFloat(w.paddingTop)) * m.y;
+      l *= m.x, c *= m.y, h *= m.x, f *= m.y, l += v, c += b, g = L(p), p = Lt(g);
     }
   }
-  return At({
-    width: d,
+  return yt({
+    width: h,
     height: f,
-    x: a,
+    x: l,
     y: c
   });
 }
-function Yt(t, e) {
-  const s = Tt(t).scrollLeft;
-  return e ? e.left + s : et(H(t)).left + s;
+function zt(t, e) {
+  const n = xt(t).scrollLeft;
+  return e ? e.left + n : tt(R(t)).left + n;
 }
-function Te(t, e, s) {
-  s === void 0 && (s = !1);
-  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (s ? 0 : (
+function Re(t, e, n) {
+  n === void 0 && (n = !1);
+  const s = t.getBoundingClientRect(), r = s.left + e.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    Yt(t, n)
-  )), r = n.top + e.scrollTop;
+    zt(t, s)
+  )), i = s.top + e.scrollTop;
   return {
-    x: i,
-    y: r
+    x: r,
+    y: i
   };
 }
-function _n(t) {
+function Hs(t) {
   let {
     elements: e,
-    rect: s,
-    offsetParent: n,
-    strategy: i
+    rect: n,
+    offsetParent: s,
+    strategy: r
   } = t;
-  const r = i === "fixed", o = H(n), l = e ? Pt(e.floating) : !1;
-  if (n === o || l && r)
-    return s;
-  let a = {
+  const i = r === "fixed", o = R(s), a = e ? Et(e.floating) : !1;
+  if (s === o || a && i)
+    return n;
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, 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;
+  }, c = O(1);
+  const h = O(0), f = T(s);
+  if ((f || !f && !i) && ((rt(s) !== "body" || dt(o)) && (l = xt(s)), T(s))) {
+    const u = tt(s);
+    c = nt(s), h.x = u.x + s.clientLeft, h.y = u.y + s.clientTop;
   }
-  const h = o && !f && !r ? Te(o, a, !0) : I(0);
+  const d = o && !f && !i ? Re(o, l, !0) : O(0);
   return {
-    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
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - l.scrollLeft * c.x + h.x + d.x,
+    y: n.y * c.y - l.scrollTop * c.y + h.y + d.y
   };
 }
-function Wn(t) {
+function qs(t) {
   return Array.from(t.getClientRects());
 }
-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,
+function js(t) {
+  const e = R(t), n = xt(t), s = t.ownerDocument.body, r = G(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), i = G(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
+  let o = -n.scrollLeft + zt(t);
+  const a = -n.scrollTop;
+  return k(s).direction === "rtl" && (o += G(e.clientWidth, s.clientWidth) - r), {
+    width: r,
+    height: i,
     x: o,
-    y: l
+    y: a
   };
 }
-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);
+function Ns(t, e) {
+  const n = L(t), s = R(t), r = n.visualViewport;
+  let i = s.clientWidth, o = s.clientHeight, a = 0, l = 0;
+  if (r) {
+    i = r.width, o = r.height;
+    const c = Ut();
+    (!c || c && e === "fixed") && (a = r.offsetLeft, l = r.offsetTop);
   }
   return {
-    width: r,
+    width: i,
     height: o,
-    x: l,
-    y: a
+    x: a,
+    y: l
   };
 }
-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;
+const Us = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Fs(t, e) {
+  const n = tt(t, !0, e === "fixed"), s = n.top + t.clientTop, r = n.left + t.clientLeft, i = T(t) ? nt(t) : O(1), o = t.clientWidth * i.x, a = t.clientHeight * i.y, l = r * i.x, c = s * i.y;
   return {
     width: o,
-    height: l,
-    x: a,
+    height: a,
+    x: l,
     y: c
   };
 }
-function ee(t, e, s) {
-  let n;
+function Jt(t, e, n) {
+  let s;
   if (e === "viewport")
-    n = Qn(t, s);
+    s = Ns(t, n);
   else if (e === "document")
-    n = zn(H(t));
+    s = js(R(t));
   else if (P(e))
-    n = Kn(e, s);
+    s = Fs(e, n);
   else {
-    const i = Pe(t);
-    n = {
-      x: e.x - i.x,
-      y: e.y - i.y,
+    const r = Te(t);
+    s = {
+      x: e.x - r.x,
+      y: e.y - r.y,
       width: e.width,
       height: e.height
     };
   }
-  return At(n);
+  return yt(s);
 }
-function Me(t, e) {
-  const s = Y(t);
-  return s === e || !P(s) || ft(s) ? !1 : T(s).position === "fixed" || Me(s, e);
+function De(t, e) {
+  const n = V(t);
+  return n === e || !P(n) || it(n) ? !1 : k(n).position === "fixed" || De(n, e);
 }
-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);
+function zs(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let s = ft(t, [], !1).filter((a) => P(a) && rt(a) !== "body"), r = null;
+  const i = k(t).position === "fixed";
+  let o = i ? V(t) : t;
+  for (; P(o) && !it(o); ) {
+    const a = k(o), l = Nt(o);
+    !l && a.position === "fixed" && (r = null), (i ? !l && !r : !l && a.position === "static" && r && Us.has(r.position) || dt(o) && !l && De(t, o)) ? s = s.filter((c) => c !== o) : r = a, o = V(o);
   }
-  return e.set(t, n), n;
+  return e.set(t, s), s;
 }
-function Yn(t) {
+function Bs(t) {
   let {
     element: e,
-    boundary: s,
-    rootBoundary: n,
-    strategy: i
+    boundary: n,
+    rootBoundary: s,
+    strategy: r
   } = t;
-  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));
+  const i = [...n === "clippingAncestors" ? Et(e) ? [] : zs(e, this._c) : [].concat(n), s], o = i[0], a = i.reduce((l, c) => {
+    const h = Jt(e, c, r);
+    return l.top = G(h.top, l.top), l.right = st(h.right, l.right), l.bottom = st(h.bottom, l.bottom), l.left = G(h.left, l.left), l;
+  }, Jt(e, o, r));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -2298,257 +2761,499 @@ function Yn(t) {
     y: a.top
   };
 }
-function Jn(t) {
+function Vs(t) {
   const {
     width: e,
-    height: s
-  } = Re(t);
+    height: n
+  } = Oe(t);
   return {
     width: e,
-    height: s
+    height: n
   };
 }
-function Xn(t, e, s) {
-  const n = F(e), i = H(e), r = s === "fixed", o = et(t, !0, r, e);
-  let l = {
+function _s(t, e, n) {
+  const s = T(e), r = R(e), i = n === "fixed", o = tt(t, !0, i, e);
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = I(0);
+  const l = O(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;
+    l.x = zt(r);
+  }
+  if (s || !s && !i)
+    if ((rt(e) !== "body" || dt(r)) && (a = xt(e)), s) {
+      const u = tt(e, !0, i, e);
+      l.x = u.x + e.clientLeft, l.y = u.y + e.clientTop;
+    } else r && c();
+  i && !s && r && c();
+  const h = r && !s && !i ? Re(r, a) : O(0), f = o.left + a.scrollLeft - l.x - h.x, d = o.top + a.scrollTop - l.y - h.y;
   return {
     x: f,
-    y: h,
+    y: d,
     width: o.width,
     height: o.height
   };
 }
-function Dt(t) {
-  return T(t).position === "static";
+function $t(t) {
+  return k(t).position === "static";
 }
-function ne(t, e) {
-  if (!F(t) || T(t).position === "fixed")
+function Zt(t, e) {
+  if (!T(t) || k(t).position === "fixed")
     return null;
   if (e)
     return e(t);
-  let s = t.offsetParent;
-  return H(t) === s && (s = s.ownerDocument.body), s;
+  let n = t.offsetParent;
+  return R(t) === n && (n = n.ownerDocument.body), n;
 }
-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);
+function Me(t, e) {
+  const n = L(t);
+  if (Et(t))
+    return n;
+  if (!T(t)) {
+    let r = V(t);
+    for (; r && !it(r); ) {
+      if (P(r) && !$t(r))
+        return r;
+      r = V(r);
     }
-    return s;
+    return n;
   }
-  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;
+  let s = Zt(t, e);
+  for (; s && Ls(s) && $t(s); )
+    s = Zt(s, e);
+  return s && it(s) && $t(s) && !Nt(s) ? n : s || Rs(t) || n;
 }
-const Gn = async function(t) {
-  const e = this.getOffsetParent || De, s = this.getDimensions, n = await s(t.floating);
+const Ws = async function(t) {
+  const e = this.getOffsetParent || Me, n = this.getDimensions, s = await n(t.floating);
   return {
-    reference: Xn(t.reference, await e(t.floating), t.strategy),
+    reference: _s(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: n.width,
-      height: n.height
+      width: s.width,
+      height: s.height
     }
   };
 };
-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,
+function Qs(t) {
+  return k(t).direction === "rtl";
+}
+const Js = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Hs,
+  getDocumentElement: R,
+  getClippingRect: Bs,
+  getOffsetParent: Me,
+  getElementRects: Ws,
+  getClientRects: qs,
+  getDimensions: Vs,
+  getScale: nt,
   isElement: P,
-  isRTL: qn
+  isRTL: Qs
 };
 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(n), (l = s) == null || l.disconnect(), s = null;
+function Zs(t, e) {
+  let n = null, s;
+  const r = R(t);
+  function i() {
+    var a;
+    clearTimeout(s), (a = n) == null || a.disconnect(), n = null;
   }
-  function o(l, a) {
-    l === void 0 && (l = !1), a === void 0 && (a = 1), r();
+  function o(a, l) {
+    a === void 0 && (a = !1), l === void 0 && (l = 1), i();
     const c = t.getBoundingClientRect(), {
-      left: d,
+      left: h,
       top: f,
-      width: h,
+      width: d,
       height: u
     } = c;
-    if (l || e(), !h || !u)
+    if (a || e(), !d || !u)
       return;
-    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
+    const g = gt(f), p = gt(r.clientWidth - (h + d)), m = gt(r.clientHeight - (f + u)), y = gt(h), w = {
+      rootMargin: -g + "px " + -p + "px " + -m + "px " + -y + "px",
+      threshold: G(0, st(1, l)) || 1
     };
     let v = !0;
-    function x(k) {
-      const O = k[0].intersectionRatio;
-      if (O !== a) {
+    function b(E) {
+      const $ = E[0].intersectionRatio;
+      if ($ !== l) {
         if (!v)
           return o();
-        O ? o(!1, O) : n = setTimeout(() => {
+        $ ? o(!1, $) : s = setTimeout(() => {
           o(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !Ie(c, t.getBoundingClientRect()) && o(), v = !1;
+      $ === 1 && !Ie(c, t.getBoundingClientRect()) && o(), v = !1;
     }
     try {
-      s = new IntersectionObserver(x, {
-        ...b,
+      n = new IntersectionObserver(b, {
+        ...w,
         // Handle <iframe>s
-        root: i.ownerDocument
+        root: r.ownerDocument
       });
     } catch {
-      s = new IntersectionObserver(x, b);
+      n = new IntersectionObserver(b, w);
     }
-    s.observe(t);
+    n.observe(t);
   }
-  return o(!0), r;
+  return o(!0), i;
 }
-function es(t, e, s, n) {
-  n === void 0 && (n = {});
+function Ks(t, e, n, s) {
+  s === void 0 && (s = {});
   const {
-    ancestorScroll: i = !0,
-    ancestorResize: r = !0,
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
     elementResize: o = typeof ResizeObserver == "function",
-    layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = n, c = jt(t), d = i || r ? [...c ? yt(c) : [], ...yt(e)] : [];
-  d.forEach((y) => {
-    i && y.addEventListener("scroll", s, {
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = s, c = Ft(t), h = r || i ? [...c ? ft(c) : [], ...ft(e)] : [];
+  h.forEach((y) => {
+    r && y.addEventListener("scroll", n, {
       passive: !0
-    }), r && y.addEventListener("resize", s);
+    }), i && y.addEventListener("resize", n);
   });
-  const f = c && l ? ts(c, s) : null;
-  let h = -1, u = null;
+  const f = c && a ? Zs(c, n) : null;
+  let d = -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(), () => {
+    w && w.target === c && u && (u.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var v;
+      (v = u) == null || v.observe(e);
+    })), n();
+  }), c && !l && u.observe(c), u.observe(e));
+  let g, p = l ? tt(t) : null;
+  l && m();
+  function m() {
+    const y = tt(t);
+    p && !Ie(p, y) && n(), p = y, g = requestAnimationFrame(m);
+  }
+  return n(), () => {
     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);
+    h.forEach((w) => {
+      r && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+    }), f?.(), (y = u) == null || y.disconnect(), u = null, l && cancelAnimationFrame(g);
   };
 }
-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
+const Ys = xs, Gs = $s, Xs = bs, ti = vs, ei = Ss, ni = (t, e, n) => {
+  const s = /* @__PURE__ */ new Map(), r = {
+    platform: Js,
+    ...n
+  }, i = {
+    ...r.platform,
+    _c: s
   };
-  return Pn(t, e, {
-    ...i,
-    platform: r
+  return ws(t, e, {
+    ...r,
+    platform: i
   });
 };
-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: [
-        is(s.flip),
-        ss({ ...s.shift, limiter: rs() }),
-        ns(s.offset),
-        os(s.arrow)
-      ]
-    }).then(({ x: i, y: r, placement: o, middlewareData: l }) => {
-      if (e.el) {
-        if (qt(e.el, i, r), s.arrow.element && l.arrow) {
-          const { x: a, y: c } = l.arrow;
-          qt(s.arrow.element, a, c);
+function Kt(t, e, n) {
+  Object.assign(t.style, {
+    left: e != null ? `${e}px` : "",
+    top: n != null ? `${n}px` : ""
+  });
+}
+function He(t, e) {
+  let n = t.getSetting("toggle-delay");
+  typeof n == "string" && (n.indexOf(",") > -1 && (n = n.split(",")), n.indexOf(" ") > -1 && (n = n.split(" "))), Array.isArray(n) && (n = n[e]);
+  const s = Number(n);
+  if (Number.isNaN(s))
+    throw new Error(`Provided delay value is not a number: "${n}"`);
+  return s;
+}
+function St(t) {
+  let e;
+  const n = typeof t == "string" ? t.trim().split(" ").map((s) => parseFloat(s)).filter((s) => !isNaN(s)) : [t];
+  for (let s = 0; s < n.length; s++)
+    n[s] = Number(n[s]);
+  switch (n.length) {
+    case 1:
+      e = n[0];
+      break;
+    case 2:
+      e = {
+        top: n[0],
+        right: n[1],
+        bottom: n[0],
+        left: n[1]
+      };
+      break;
+    case 3:
+      e = {
+        top: n[0],
+        right: n[1],
+        bottom: n[2],
+        left: n[1]
+      };
+      break;
+    case 4:
+      e = {
+        top: n[0],
+        right: n[1],
+        bottom: n[2],
+        left: n[3]
+      };
+      break;
+    default:
+      e = void 0;
+      break;
+  }
+  return e;
+}
+function si(t) {
+  return {
+    offset: Number(t.getSetting("offset")),
+    flip: {
+      padding: St(t.getSetting("flip-padding"))
+    },
+    shift: {
+      padding: St(t.getSetting("shift-padding"))
+    },
+    arrow: {
+      selector: t.getSetting("selectorArrow"),
+      element: null,
+      padding: St(t.getSetting("arrow-padding"))
+    }
+  };
+}
+function Yt(t) {
+  const e = this.get(t);
+  if (e)
+    return e;
+  throw new Error(`Popover not found in collection with id of "${t}".`);
+}
+async function qe(t) {
+  return t && t.state === "opened" && (t.el.inert = !0, t.el.classList.remove(t.parent.settings.stateActive), t.isTooltip || t.trigger?.setAttribute("aria-expanded", "false"), t.floatingCleanup(), t.state = "closed", t.trigger === t.parent.trigger && (t.parent.trigger = null), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "closed", {
+      detail: t.parent,
+      bubbles: !0
+    })
+  ), await t.parent.emit("closed", t)), t;
+}
+async function je(t) {
+  const e = [];
+  for (const n of t.collection)
+    n.state === "opened" && e.push(await n.close());
+  return e;
+}
+function Ne(t) {
+  t.state == "opened" && setTimeout(() => (document.activeElement?.closest(
+    `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
+  ) || t.close(), t), 1);
+}
+function ii(t) {
+  t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
+}
+function ri(t) {
+  t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
+}
+function oi(t, e) {
+  if (t.isHovered = e, e.type == "focus" && t.trigger && !t.trigger.matches(":focus-visible"))
+    return;
+  t.toggleDelayId && clearTimeout(t.toggleDelayId);
+  const n = t.trigger?.getAttribute("aria-expanded");
+  if (n && n == "true") return;
+  const s = this.activeHover ? 0 : He(t, 0);
+  this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
+    t.id && t.open();
+  }, s);
+}
+function ai(t, e) {
+  setTimeout(() => {
+    t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(
+      () => Ne(t),
+      He(t, 1)
+    ));
+  }, 1);
+}
+function li(t) {
+  switch (t.key) {
+    case "Escape":
+      this.trigger && this.trigger.focus(), je(this);
+      return;
+    case "Tab":
+      this.collection.forEach((e) => {
+        Ne(e);
+      });
+      return;
+    default:
+      return;
+  }
+}
+function ci(t) {
+  const e = this;
+  document.addEventListener("click", function n(s) {
+    const r = s.target;
+    r && (r.closest(
+      `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
+    ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", n) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", n)));
+  });
+}
+async function Ue(t) {
+  t.el.inert = !1, t.el.classList.add(t.parent.settings.stateActive), t.isTooltip || t.trigger?.setAttribute("aria-expanded", "true"), t.buildCustomProps();
+  const e = si(t), n = t.el.querySelector(
+    e.arrow.selector
+  );
+  return e.arrow.element = n || null, t.trigger instanceof HTMLElement && (t.floatingCleanup = Ks(t.trigger, t.el, () => {
+    const s = [
+      Xs(e.flip),
+      Gs({ ...e.shift, limiter: ei() }),
+      Ys(e.offset)
+    ];
+    e.arrow.element && s.push(
+      ti({
+        ...e.arrow,
+        element: e.arrow.element
+      })
+    ), ni(t.trigger, t.el, {
+      placement: t.getSetting("placement"),
+      middleware: s
+    }).then(({ x: r, y: i, placement: o, middlewareData: a }) => {
+      if (t.el) {
+        if (Kt(t.el, r, i), e.arrow.element && a.arrow) {
+          const { x: l, y: c } = a.arrow;
+          Kt(e.arrow.element, l, c);
         }
-        e.el.setAttribute("data-floating-placement", o);
+        t.el.setAttribute("data-floating-placement", o);
       }
     });
-  }), e.state = "opened", e.getSetting("event") === "click" && En.call(this, e), e.el.dispatchEvent(
-    new CustomEvent(e.getSetting("customEventPrefix") + "opened", {
-      detail: this,
+  })), t.state = "opened", t.getSetting("event") === "click" && ci.call(t.parent, t), t.el.dispatchEvent(
+    new CustomEvent(t.getSetting("customEventPrefix") + "opened", {
+      detail: t.parent,
       bubbles: !0
     })
-  ), await e.parent.emit("opened", e), e;
+  ), await t.parent.emit("opened", t), t;
+}
+class ui extends Se {
+  #t;
+  #e;
+  constructor(e, n, s = {}) {
+    super(e, n, s), this.state = "closed", this.toggleDelayId = null, this.trigger = null, this.#t = null, this.#e = {
+      el: !1,
+      trigger: !1
+    }, this.floatingCleanup = () => {
+    };
+  }
+  get isTooltip() {
+    return !!this.el.closest(this.getSetting("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
+  }
+  get isHovered() {
+    return this.#e.el || this.#e.trigger;
+  }
+  set isHovered(e) {
+    const n = e.type == "mouseenter" ? !0 : e.type == "mouseleave" ? !1 : void 0;
+    if (n != null)
+      switch (e.target) {
+        case this.el:
+          this.#e.el = n;
+          break;
+        case this.trigger:
+          this.#e.trigger = n;
+          break;
+      }
+  }
+  async open() {
+    return Ue(this);
+  }
+  async close() {
+    return qe(this);
+  }
+  async deregister() {
+    return this.parent.deregister(this.id);
+  }
+  registerEventListeners() {
+    this.#t || (this.getSetting("event") === "hover" ? (this.#t = [
+      {
+        el: ["el", "trigger"],
+        type: ["mouseenter", "focus"],
+        listener: oi.bind(this.parent, this)
+      },
+      {
+        el: ["el", "trigger"],
+        type: ["mouseleave", "focusout"],
+        listener: ai.bind(this.parent, this)
+      },
+      {
+        el: ["trigger"],
+        type: ["click"],
+        listener: ri.bind(this.parent, this)
+      }
+    ], this.#t.forEach((e) => {
+      e.el.forEach((n) => {
+        e.type.forEach((s) => {
+          this[n].addEventListener(s, e.listener, !1);
+        });
+      });
+    })) : (this.#t = [
+      {
+        el: ["trigger"],
+        type: ["click"],
+        listener: ii.bind(this.parent, this)
+      }
+    ], this.#t.forEach((e) => {
+      e.el.forEach((n) => {
+        e.type.forEach((s) => {
+          this[n].addEventListener(s, e.listener, !1);
+        });
+      });
+    })));
+  }
+  deregisterEventListeners() {
+    this.#t && (this.#t.forEach((e) => {
+      e.el.forEach((n) => {
+        e.type.forEach((s) => {
+          this[n].removeEventListener(s, e.listener, !1);
+        });
+      });
+    }), this.#t = null);
+  }
+  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 && this.trigger instanceof HTMLElement && this.trigger.setAttribute("aria-expanded", "false"), this.registerEventListeners();
+  }
+  async onRegisterEntry() {
+    this.el.classList.contains(this.getSetting("stateActive")) ? await this.open() : this.el.inert = !0;
+  }
+  async onDestroyEntry() {
+    this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
+  }
 }
-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));
+class Li extends os {
+  #t;
+  constructor(e) {
+    super({ ...as, ...e }), this.module = "Popover", this.entryClass = ui, this.trigger = null, this.#t = li.bind(this);
   }
   get active() {
     return this.get("opened", "state");
   }
   get activeHover() {
-    return this.collection.find((s) => s.state == "opened" && s.getSetting("event") == "hover");
+    return this.collection.find((e) => e.state == "opened" && e.getSetting("event") == "hover");
   }
-  async open(s) {
-    return as.call(this, s);
+  async open(e) {
+    const n = Yt.call(this, e);
+    return Ue(n);
   }
-  async close(s) {
-    return Se.call(this, s);
+  async close(e) {
+    const n = e ? Yt.call(this, e) : void 0;
+    return n ? qe(n) : je(this);
   }
   async afterMount() {
-    document.addEventListener("keydown", E(this, at), !1);
+    document.addEventListener("keydown", this.#t, !1);
   }
   async beforeUnmount() {
     this.trigger = null;
   }
   async afterUnmount() {
-    document.removeEventListener("keydown", E(this, at), !1);
+    document.removeEventListener("keydown", this.#t, !1);
   }
 }
-at = new WeakMap();
 export {
-  us as Drawer,
-  ds as Modal,
-  hs as Popover,
-  fs as core
+  bi as Drawer,
+  Ci as Modal,
+  Li as Popover,
+  mi as core
 };
 //# sourceMappingURL=index.js.map