vrembem 4.0.0-next.33 → 4.0.0-next.34

package/dev/index.umd.cjs

@@ -2,41 +2,44 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vrembem = {}));
 })(this, (function(exports2) {
   "use strict";
-  const u = ":not([inert])", f$2 = ':not([tabindex^="-"])', m$2 = ":not(:disabled)", C$2 = [
-    `a[href]${u}${f$2}`,
-    `area[href]${u}${f$2}`,
-    `input:not([type="hidden"]):not([type="radio"])${u}${f$2}${m$2}`,
-    `input[type="radio"]${u}${f$2}${m$2}`,
-    `select${u}${f$2}${m$2}`,
-    `textarea${u}${f$2}${m$2}`,
-    `button${u}${f$2}${m$2}`,
-    `details${u} > summary:first-of-type${f$2}`,
-    `iframe${u}${f$2}`,
-    `audio[controls]${u}${f$2}`,
-    `video[controls]${u}${f$2}`,
-    `[contenteditable]${u}${f$2}`,
-    `[tabindex]${u}${f$2}`
+  const l$2 = ":not([inert])", u$2 = ':not([tabindex^="-"])', m$2 = ":not(:disabled)", C$2 = [
+    `a[href]${l$2}${u$2}`,
+    `area[href]${l$2}${u$2}`,
+    `input:not([type="hidden"]):not([type="radio"])${l$2}${u$2}${m$2}`,
+    `input[type="radio"]${l$2}${u$2}${m$2}`,
+    `select${l$2}${u$2}${m$2}`,
+    `textarea${l$2}${u$2}${m$2}`,
+    `button${l$2}${u$2}${m$2}`,
+    `details${l$2} > summary:first-of-type${u$2}`,
+    `iframe${l$2}${u$2}`,
+    `audio[controls]${l$2}${u$2}`,
+    `video[controls]${l$2}${u$2}`,
+    `[contenteditable]${l$2}${u$2}`,
+    `[tabindex]${l$2}${u$2}`
   ];
-  function k$3(n, t = "config") {
-    const s = (n.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-    return s ? JSON.parse(s) : {};
+  function x$2(i, t = "config") {
+    const o = (i.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
+    return o ? JSON.parse(o) : {};
   }
-  function E$3(n) {
-    if (typeof n == "string") {
-      const t = document.getElementById(n);
+  function v$2(i) {
+    if (typeof i == "string") {
+      const t = document.getElementById(i);
       if (t) return t;
-      throw new Error(`Element not found with ID: "${n}"`);
-    } else if (n instanceof HTMLElement) {
-      if (!n.id)
+      throw new Error(`Element not found with ID: "${i}"`);
+    } else if (i instanceof HTMLElement) {
+      if (!i.id)
         throw new Error("HTMLElement must have an ID");
-      return n;
+      return i;
     } else
       throw new Error("Invalid argument: query must be a string or HTMLElement");
   }
-  async function g$1(n, t, ...e) {
-    t in n && typeof n[t] == "function" && await n[t](...e);
+  function h$2(i, ...t) {
+    return typeof i == "function" ? i(...t) : i;
+  }
+  async function g$2(i, t, ...e) {
+    t in i && typeof i[t] == "function" && await i[t](...e);
   }
-  function x$2(n, t, e) {
+  function k$3(i, t, e) {
     if (typeof t == "string") {
       const r2 = document.querySelector(t);
       if (!r2)
@@ -46,121 +49,143 @@
       throw new Error(`Not a valid teleport reference: '${t}'`);
     if (typeof t[e] != "function")
       throw new Error(`Not a valid teleport method: '${e}'`);
-    let s = document.createComment(
-      "teleported #" + n.id
+    let o = document.createComment(
+      "teleported #" + i.id
     );
-    return n.before(s), t[e](n), () => {
-      s && (s.after(n), s.remove(), s = null);
+    return i.before(o), t[e](i), () => {
+      o && (o.after(i), o.remove(), o = null);
     };
   }
-  function v$2(n) {
-    return n.split("-").map(
+  function R$1(i) {
+    return i.split("-").map(
       (t, e) => e === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)
     ).join("");
   }
-  function $$2(n) {
-    return n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  function M$2(i) {
+    return i.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
   }
-  function S$2(n) {
-    if (typeof n == "number")
-      return n;
-    const t = parseFloat(n);
+  function A$3(i) {
+    if (typeof i == "number")
+      return i;
+    const t = parseFloat(i);
     if (!Number.isNaN(t)) {
-      const e = n.includes("ms");
+      const e = i.includes("ms");
       return t * (e ? 1 : 1e3);
     }
-    throw new Error(`Could not convert value to milliseconds: ${n}`);
+    throw new Error(`Could not convert value to milliseconds: ${i}`);
   }
-  function J$1(n, t, e, s, r2 = 0) {
-    return new Promise((a2) => {
-      n.classList.remove(t), n.classList.add(e), setTimeout(() => {
-        n.classList.add(s), n.classList.remove(e), a2(n);
-      }, S$2(r2));
+  function W$1(i, t, e, o, r2 = 0) {
+    return new Promise((n) => {
+      i.classList.remove(t), i.classList.add(e), setTimeout(() => {
+        i.classList.add(o), i.classList.remove(e), n(i);
+      }, A$3(r2));
     });
   }
-  function R$2(n, t = {}) {
+  function S$3(i, t = {}) {
     const e = {
       fallback: null,
       element: document.body,
       ...t
     };
-    if (!n.startsWith("--")) {
+    if (!i.startsWith("--")) {
       const r2 = y$2();
-      r2 && (n = `${r2}${n}`), n = `--${n}`;
+      r2 && (i = `${r2}${i}`), i = `--${i}`;
     }
-    const s = getComputedStyle(e.element).getPropertyValue(n).trim();
-    if (s)
-      return s;
+    const o = getComputedStyle(e.element).getPropertyValue(i).trim();
+    if (o)
+      return o;
     if (e.fallback)
       return e.fallback;
-    throw new Error(`CSS variable "${n}" was not found!`);
+    throw new Error(`CSS variable "${i}" was not found!`);
   }
-  async function h$1(n, t, e) {
-    await g$1(t, n, e), e && await g$1(e, n);
-    for (const s of t.plugins)
-      await g$1(s, n, { plugin: s, parent: t, entry: e });
-    await t.emit(n, e);
+  async function d$1(i, t, e) {
+    await g$2(t, i, e), e && await g$2(e, i);
+    for (const o of t.plugins)
+      await g$2(o, i, { parent: t, entry: e });
+    await t.emit(i, { parent: t, entry: e });
   }
-  function M$2(n) {
-    const t = getComputedStyle(n.el), e = {}, s = n.getSetting("customProps");
-    for (let r2 = 0; r2 < s.length; r2++) {
-      const a2 = y$2(), o = n.parent.module.toLowerCase(), i = $$2(s[r2]), c2 = t.getPropertyValue(`--${a2}${o}-${i}`).trim();
-      c2 && (e[i] = c2);
+  function b$2(i) {
+    const t = getComputedStyle(i.el), e = {}, o = i.config.get("customProps");
+    for (let r2 = 0; r2 < o.length; r2++) {
+      const n = y$2(), s = i.parent.name.toLowerCase(), c2 = M$2(o[r2]), a2 = t.getPropertyValue(`--${n}${s}-${c2}`).trim();
+      a2 && (e[R$1(c2)] = a2);
     }
     return e;
   }
   function y$2() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function P$3(n, t, e = "camel") {
-    return t = e === "camel" ? v$2(t) : $$2(t), n.split(".").concat(t).reduce((s, r2) => s?.[r2], this);
-  }
-  function A$2(n, t = {}) {
-    const {
-      fallback: e,
-      props: s = ["dataConfig", "customProps", "settings", "parent.settings"]
-    } = t;
-    for (const r2 of s) {
-      const a2 = r2 !== "customProps" ? "camel" : "kebab", o = P$3.call(this, r2, n, a2);
-      if (o !== void 0)
-        return o;
-    }
-    if (e !== void 0)
-      return e;
-    throw new Error(`${this.parent.module} setting does not exist: ${n}`);
-  }
-  function T$3(n, t) {
-    t && document.querySelectorAll(t).forEach((s) => {
-      n ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+  function P$3(i, t) {
+    t && document.querySelectorAll(t).forEach((o) => {
+      i ? o.style.overflow = "hidden" : o.style.removeProperty("overflow");
     });
   }
-  function I$3(n, t) {
-    t && document.querySelectorAll(t).forEach((s) => {
-      s.inert = n;
+  function T$2(i, t) {
+    t && document.querySelectorAll(t).forEach((o) => {
+      o.inert = i;
     });
   }
-  function G(n, t, e) {
-    I$3(!!n, t), T$3(!!n, e);
+  function Z(i, t, e) {
+    T$2(!!i, t), P$3(!!i, e);
   }
-  const L$2 = {
-    events: {},
-    on(n, t, ...e) {
-      this.events[n] || (this.events[n] = []), this.events[n].some(
-        (r2) => r2.listener === t
-      ) || this.events[n].push({ listener: t, args: e });
-    },
-    off(n, t) {
-      this.events[n] && (this.events[n] = this.events[n].filter(
-        (e) => e.listener !== t
+  let I$3 = class I {
+    #t;
+    #e;
+    constructor() {
+      this.#t = {}, this.#e = [];
+    }
+    get(t, e) {
+      const { fallback: o, source: r2 } = e ?? {};
+      if (r2) {
+        const n = this.#t?.[r2]?.[t];
+        if (n !== void 0)
+          return n;
+      } else
+        for (const n of this.#e) {
+          const s = this.#t?.[n]?.[t];
+          if (s !== void 0)
+            return s;
+        }
+      if (o !== void 0)
+        return o;
+      throw new Error(`Config does not exist: ${t}`);
+    }
+    set(t, e = {}) {
+      let o, r2;
+      return typeof t == "string" ? (o = t, r2 = e) : (o = "entry", r2 = t), this.#t[o] ? Object.assign(this.#t[o], r2) : (this.#e.unshift(o), this.#t[o] = r2), this.#t[o];
+    }
+    remove(t) {
+      const e = this.#e.indexOf(t);
+      e !== -1 && this.#e.splice(e, 1), delete this.#t[t];
+    }
+    setSourceOrder(t) {
+      const e = Object.keys(this.#t).reverse(), o = t.filter((r2) => e.includes(r2));
+      for (const r2 of e)
+        o.includes(r2) || o.push(r2);
+      return this.#e = o;
+    }
+  };
+  let L$2 = class L {
+    constructor() {
+      this.events = {};
+    }
+    on(t, e, ...o) {
+      this.events[t] || (this.events[t] = []), this.events[t].some(
+        (n) => n.listener === e
+      ) || this.events[t].push({ listener: e, args: o });
+    }
+    off(t, e) {
+      this.events[t] && (this.events[t] = this.events[t].filter(
+        (o) => o.listener !== e
       ));
-    },
-    async emit(n, t) {
-      if (n = n.startsWith("on") ? n.slice(2, 3).toLowerCase() + n.slice(3) : n, !!this.events[n])
-        for (const { listener: e, args: s } of this.events[n])
-          await e(t, ...s);
+    }
+    async emit(t, ...e) {
+      if (t = t.startsWith("on") ? t.slice(2, 3).toLowerCase() + t.slice(3) : t, !!this.events[t])
+        for (const { listener: o, args: r2 } of this.events[t])
+          await o(...e, ...r2);
     }
   };
-  let O$2 = class O extends Array {
+  let U$1 = class U extends Array {
     constructor(t = null) {
       super(), this.el = t, this.el && this.set();
     }
@@ -177,70 +202,70 @@
       this.length = 0;
     }
   };
-  let U$2 = class U {
+  let D$2 = class D {
     constructor(t = null) {
-      this.el = t, this.focusable = new O$2(), this.handleFocusTrap = D$3.bind(this);
+      this.el = t, this.focusable = new U$1(), this.handleFocusTrap = O$2.bind(this);
     }
     on(t = this.el) {
-      this.focusable.set(t), this.focusable.length ? document.addEventListener("keydown", this.handleFocusTrap) : document.addEventListener("keydown", b$2);
+      this.focusable.set(t), this.focusable.length ? document.addEventListener("keydown", this.handleFocusTrap) : document.addEventListener("keydown", $$2);
     }
     off() {
-      this.focusable.clear(), document.removeEventListener("keydown", this.handleFocusTrap), document.removeEventListener("keydown", b$2);
+      this.focusable.clear(), document.removeEventListener("keydown", this.handleFocusTrap), document.removeEventListener("keydown", $$2);
     }
   };
-  function b$2(n) {
-    (n.key === "Tab" || n.keyCode === 9) && n.preventDefault();
+  function $$2(i) {
+    (i.key === "Tab" || i.keyCode === 9) && i.preventDefault();
   }
-  function D$3(n) {
-    if (n.key !== "Tab" && n.keyCode !== 9) return;
-    const { activeElement: t } = document, { el: e, focusable: s } = this, r2 = n.shiftKey, a2 = t === s.first || t === e, o = t === s.last || t === e;
-    if (r2 && a2 || !r2 && o) {
-      n.preventDefault();
-      const i = r2 ? s.last : s.first;
-      i && typeof i.focus == "function" && i.focus();
+  function O$2(i) {
+    if (i.key !== "Tab" && i.keyCode !== 9) return;
+    const { activeElement: t } = document, { el: e, focusable: o } = this, r2 = i.shiftKey, n = t === o.first || t === e, s = t === o.last || t === e;
+    if (r2 && n || !r2 && s) {
+      i.preventDefault();
+      const c2 = r2 ? o.last : o.first;
+      c2 && typeof c2.focus == "function" && c2.focus();
     }
   }
-  function w$2(n, t = true) {
-    const e = localStorage.getItem(n), s = e ? JSON.parse(e) : {};
+  function w$2(i, t = true) {
+    const e = localStorage.getItem(i), o = e ? JSON.parse(e) : {};
     return {
-      get(r2, a2) {
-        return r2 ? r2 in s ? s[r2] : a2 : s;
+      get(r2, n) {
+        return r2 ? r2 in o ? o[r2] : n : o;
       },
-      set(r2, a2) {
-        return a2 ? s[r2] = a2 : delete s[r2], t && localStorage.setItem(n, JSON.stringify(s)), s;
+      set(r2, n) {
+        return n ? o[r2] = n : delete o[r2], t && localStorage.setItem(i, JSON.stringify(o)), o;
       }
     };
   }
-  let H$3 = class H extends Array {
+  class H extends Array {
     constructor(t = {}) {
       super(), this.presets = t;
     }
-    applySettings(t) {
-      const e = t?.defaults || {}, s = this.presets?.[t.name] || {}, r2 = t?.options || {};
-      t.settings = { ...e, ...s, ...r2 };
+    #t(t) {
+      const e = this.presets?.[t.name] || {}, o = t?.options || {};
+      t.config = { ...t.config, ...e, ...o };
     }
-    validate(t) {
+    #e(t) {
       return !("name" in t) || typeof t.name != "string" ? (console.error("Plugin requires a name!"), false) : true;
     }
     get(t) {
-      return this.find((e) => e.name === t);
+      return this.find((e) => e.name === t) || null;
     }
     add(t) {
       if (Array.isArray(t))
         t.forEach((e) => this.add(e));
-      else if (this.applySettings(t), this.validate(t)) {
-        const e = this.findIndex((s) => s.name === t.name);
+      else if (this.#t(t), this.#e(t)) {
+        const e = this.findIndex((o) => o.name === t.name);
         ~e ? this[e] = t : this.push(t);
       }
     }
     remove(t) {
-      const e = this.findIndex((s) => s.name === t);
+      const e = this.findIndex((o) => o.name === t);
       ~e && this.splice(e, 1);
     }
-  };
-  class W extends Array {
+  }
+  class _ extends Array {
     constructor(t = {}) {
-      super(), this.settings = t;
+      super(), this.config = t;
     }
     get copy() {
       return [...this];
@@ -252,49 +277,104 @@
     updateIndex() {
       this.forEach((t, e) => {
         t.el.style.zIndex = "";
-        const s = getComputedStyle(t.el)["z-index"];
-        t.el.style.zIndex = String(parseInt(s, 10) + e + 1);
+        const o = getComputedStyle(t.el).getPropertyValue("z-index"), r2 = parseInt(o, 10), n = String((Number.isNaN(r2) ? 0 : r2) + e + 1);
+        t.el.style.zIndex = n;
       });
     }
     onChange() {
-      this.updateIndex(), typeof this.settings.onChange == "function" && this.settings.onChange();
+      this.updateIndex(), typeof this.config.onChange == "function" && this.config.onChange();
     }
     add(t) {
       this.push(t), this.onChange();
     }
     remove(t) {
-      const e = this.findIndex((s) => s.id === t.id);
+      const e = this.findIndex((o) => o.id === t.id);
       ~e && (t.el.style.zIndex = "", this.splice(e, 1), this.onChange());
     }
     moveToTop(t) {
-      const e = this.findIndex((s) => s.id === t.id);
+      const e = this.findIndex((o) => o.id === t.id);
       ~e && (this.splice(e, 1), this.add(t));
     }
   }
   const N$1 = {
+    attr: "config",
+    sourceKey: "attr"
+  };
+  function X$1(i = {}) {
+    return { ...{
+      name: "attrConfig",
+      config: N$1,
+      options: i
+    }, ...{
+      onCreateEntry({ entry: o }) {
+        const r2 = x$2(o.el, this.config.attr);
+        o.config.set(this.config.sourceKey, r2);
+      },
+      onDestroyEntry({ entry: o }) {
+        o.config.remove(this.config.sourceKey);
+      }
+    } };
+  }
+  const K$1 = {
+    sourceKey: "css"
+  };
+  function Y$1(i = {}) {
+    const t = {
+      name: "cssConfig",
+      config: K$1,
+      options: i
+    }, e = {
+      setup(r2) {
+        r2.on("updateCustomProps", o, this);
+      },
+      teardown(r2) {
+        r2.off("updateCustomProps", o);
+      },
+      onCreateEntry({ entry: r2 }) {
+        const n = b$2(r2);
+        r2.config.set(this.config.sourceKey, n);
+      },
+      onDestroyEntry({ entry: r2 }) {
+        r2.config.remove(this.config.sourceKey);
+      }
+    };
+    function o(r2, n) {
+      const s = b$2(r2);
+      r2.config.set(n.config.sourceKey, s);
+    }
+    return { ...t, ...e };
+  }
+  const Q = {
     condition: true
-  }, Q = {
+  }, q$2 = {
     primary: "hsl(152deg 60% 50%)",
     secondary: "hsl(214deg 50% 50%)",
     neutral: "hsl(214deg 20% 50%)",
     important: "hsl(0deg 80% 50%)"
   };
-  function Z(n = {}) {
+  function tt$1(i = {}) {
     const t = {
       name: "debug",
-      defaults: N$1,
-      options: n
+      config: Q,
+      options: i
     };
-    function e(o, i = [], c2 = ["primary", "secondary"]) {
-      const l = c2.map((d2) => `color: ${Q[d2]}`);
-      console.log(`%c📡 DEBUG: %c${o}`, ...l, ...i);
-    }
-    function s(o, ...i) {
-      return typeof o == "function" ? o(...i) : o;
+    function e(n, s = [], c2 = ["primary", "secondary"]) {
+      const a2 = c2.map((f2) => `color: ${q$2[f2]}`);
+      console.log(`%c📡 DEBUG: %c${n}`, ...a2, ...s);
     }
-    const r2 = {
-      beforeMountRef: e.bind(null, "Event > beforeMount()"),
-      afterMountRef: e.bind(null, "Event > afterMount()"),
+    const o = {
+      beforeMountRef: e.bind(
+        null,
+        "Event > beforeMount()",
+        [],
+        ["primary", "secondary"]
+      ),
+      afterMountRef: e.bind(
+        null,
+        "Event > afterMount()",
+        [],
+        ["primary", "secondary"]
+      ),
       beforeUnmountRef: e.bind(
         null,
         "Event > beforeUnmount()",
@@ -307,33 +387,33 @@
         [],
         ["important", "neutral"]
       ),
-      createEntryRef: (o, { parent: i, plugin: c2 }) => {
-        if (s(c2.settings.condition, o)) {
-          const l = i.collection.length;
-          e(`Event > createEntry() > [${l}] #${o.id}`);
+      createEntryRef: ({ parent: n, entry: s }, c2) => {
+        if (h$2(c2.config.condition, s)) {
+          const a2 = n.collection.length;
+          e(`Event > createEntry() > [${a2}] #${s.id}`);
         }
       },
-      registerEntryRef: (o, { parent: i, plugin: c2 }) => {
-        if (s(c2.settings.condition, o)) {
-          const l = i.collection.length;
-          e(`Event > registerEntry() > [${l}] #${o.id}`);
+      registerEntryRef: ({ parent: n, entry: s }, c2) => {
+        if (h$2(c2.config.condition, s)) {
+          const a2 = n.collection.length;
+          e(`Event > registerEntry() > [${a2}] #${s.id}`);
         }
       },
-      destroyEntryRef: (o, { parent: i, plugin: c2 }) => {
-        if (s(c2.settings.condition, o)) {
-          const l = i.collection.length;
+      destroyEntryRef: ({ parent: n, entry: s }, c2) => {
+        if (h$2(c2.config.condition, s)) {
+          const a2 = n.collection.length;
           e(
-            `Event > destroyEntry() > [${l}] #${o.id}`,
+            `Event > destroyEntry() > [${a2}] #${s.id}`,
             [],
             ["important", "neutral"]
           );
         }
       },
-      deregisterEntryRef: (o, { parent: i, plugin: c2 }) => {
-        if (s(c2.settings.condition, o)) {
-          const l = i.collection.length;
+      deregisterEntryRef: ({ parent: n, entry: s }, c2) => {
+        if (h$2(c2.config.condition, s)) {
+          const a2 = n.collection.length;
           e(
-            `Event > deregisterEntry() > [${l}]`,
+            `Event > deregisterEntry() > [${a2}]`,
             [],
             ["important", "neutral"]
           );
@@ -342,39 +422,33 @@
     };
     return { ...t, ...{
       // Plugin setup/teardown methods
-      setup({ parent: o }) {
-        e("Plugin > setup()", Array.from(arguments), ["secondary", "neutral"]), o.on("beforeMount", r2.beforeMountRef), o.on("createEntry", r2.createEntryRef, { parent: o, plugin: this }), o.on("registerEntry", r2.registerEntryRef, {
-          parent: o,
-          plugin: this
-        }), o.on("afterMount", r2.afterMountRef), o.on("beforeUnmount", r2.beforeUnmountRef), o.on("destroyEntry", r2.destroyEntryRef, { parent: o, plugin: this }), o.on("deregisterEntry", r2.deregisterEntryRef, {
-          parent: o,
-          plugin: this
-        }), o.on("afterUnmount", r2.afterUnmountRef);
+      setup(n) {
+        e("Plugin > setup()", Array.from(arguments), ["secondary", "neutral"]), n.on("beforeMount", o.beforeMountRef), n.on("createEntry", o.createEntryRef, this), n.on("registerEntry", o.registerEntryRef, this), n.on("afterMount", o.afterMountRef), n.on("beforeUnmount", o.beforeUnmountRef), n.on("destroyEntry", o.destroyEntryRef, this), n.on("deregisterEntry", o.deregisterEntryRef, this), n.on("afterUnmount", o.afterUnmountRef);
       },
-      teardown({ parent: o }) {
+      teardown(n) {
         e("Plugin > teardown()", Array.from(arguments), [
           "secondary",
           "neutral"
-        ]), o.off("beforeMount", r2.beforeMountRef), o.off("createEntry", r2.createEntryRef), o.off("registerEntry", r2.registerEntryRef), o.off("afterMount", r2.afterMountRef), o.off("beforeUnmount", r2.beforeUnmountRef), o.off("destroyEntry", r2.destroyEntryRef), o.off("deregisterEntry", r2.deregisterEntryRef), o.off("afterUnmount", r2.afterUnmountRef);
+        ]), n.off("beforeMount", o.beforeMountRef), n.off("createEntry", o.createEntryRef), n.off("registerEntry", o.registerEntryRef), n.off("afterMount", o.afterMountRef), n.off("beforeUnmount", o.beforeUnmountRef), n.off("destroyEntry", o.destroyEntryRef), n.off("deregisterEntry", o.deregisterEntryRef), n.off("afterUnmount", o.afterUnmountRef);
       },
       // Mount lifecycle hooks
       beforeMount() {
         e("Hook > beforeMount()", Array.from(arguments));
       },
-      onCreateEntry({ parent: o, entry: i }) {
-        if (s(this.settings.condition, i)) {
-          const c2 = o.collection.length;
+      onCreateEntry({ parent: n, entry: s }) {
+        if (h$2(this.config.condition, s)) {
+          const c2 = n.collection.length;
           e(
-            `Hook > onCreateEntry() > [${c2}] #${i.id}`,
+            `Hook > onCreateEntry() > [${c2}] #${s.id}`,
             Array.from(arguments)
           );
         }
       },
-      onRegisterEntry({ parent: o, entry: i }) {
-        if (s(this.settings.condition, i)) {
-          const c2 = o.collection.length - 1;
+      onRegisterEntry({ parent: n, entry: s }) {
+        if (h$2(this.config.condition, s)) {
+          const c2 = n.collection.length - 1;
           e(
-            `Hook > onRegisterEntry() > [${c2}] #${i.id}`,
+            `Hook > onRegisterEntry() > [${c2}] #${s.id}`,
             Array.from(arguments)
           );
         }
@@ -389,19 +463,19 @@
           "neutral"
         ]);
       },
-      onDestroyEntry({ parent: o, entry: i }) {
-        if (s(this.settings.condition, i)) {
-          const c2 = o.collection.length - 1;
+      onDestroyEntry({ parent: n, entry: s }) {
+        if (h$2(this.config.condition, s)) {
+          const c2 = n.collection.length - 1;
           e(
-            `Hook > onDestroyEntry() > [${c2}] #${i.id}`,
+            `Hook > onDestroyEntry() > [${c2}] #${s.id}`,
             Array.from(arguments),
             ["important", "neutral"]
           );
         }
       },
-      onDeregisterEntry({ parent: o, entry: i }) {
-        if (s(this.settings.condition, i)) {
-          const c2 = o.collection.length;
+      onDeregisterEntry({ parent: n, entry: s }) {
+        if (h$2(this.config.condition, s)) {
+          const c2 = n.collection.length;
           e(`Hook > onDeregisterEntry() > [${c2}]`, Array.from(arguments), [
             "important",
             "neutral"
@@ -416,43 +490,40 @@
       }
     } };
   }
-  const q$3 = {
+  const F$1 = {
     condition: true
   };
-  function _$1(n = {}) {
+  function et$1(i = {}) {
     const t = {
       name: "focusTrap",
-      defaults: q$3,
-      options: n
+      config: F$1,
+      options: i
     }, e = {
-      setup({ parent: o }) {
-        o.on("opened", r2, this), o.on("closed", a2, this);
+      setup(n) {
+        n.on("opened", o, this), n.on("closed", r2, this);
       },
-      teardown({ parent: o }) {
-        o.off("opened", r2), o.off("closed", a2);
+      teardown(n) {
+        n.off("opened", o), n.off("closed", r2);
       },
-      onCreateEntry({ entry: o }) {
-        o.focusTrap = new U$2();
+      onCreateEntry({ entry: n }) {
+        n.focusTrap = new D$2();
       }
     };
-    function s(o, ...i) {
-      return typeof o == "function" ? o(...i) : o;
+    function o(n, s) {
+      const c2 = { plugin: s, parent: n.parent, entry: n };
+      n.focusTrap && h$2(s.config.condition, c2) && n.focusTrap.on(n.dialog);
     }
-    function r2(o, i) {
-      const c2 = { plugin: i, parent: o.parent, entry: o };
-      s(i.settings.condition, c2) && o.focusTrap?.on(o.dialog);
-    }
-    function a2(o, i) {
-      const c2 = { plugin: i, parent: o.parent, entry: o };
-      s(i.settings.condition, c2) && o.focusTrap?.off();
+    function r2(n, s) {
+      const c2 = { plugin: s, parent: n.parent, entry: n };
+      n.focusTrap && h$2(s.config.condition, c2) && n.focusTrap.off();
     }
     return { ...t, ...e };
   }
-  const F$2 = {
+  const V = {
     // The data attributes to get the breakpoint values from
-    dataBreakpoint: "breakpoint",
+    attrBreakpoint: "breakpoint",
     // The data attributes to get the media query value from
-    dataMediaQuery: "media-query",
+    attrMediaQuery: "media-query",
     // The string token to replace in the media query string
     token: "{{BP}}",
     // Sets a global breakpoint. Can be overridden by setting a data attribute
@@ -473,47 +544,47 @@
     onChange: () => {
     }
   };
-  function X$1(n = {}) {
+  function ot$1(i = {}) {
     const t = {
       name: "mediaQuery",
-      defaults: F$2,
-      options: n
+      config: V,
+      options: i
     }, e = {
       // Run when an entry is created
       // Sets up the MediaQueryList and event listener
-      onCreateEntry({ entry: i }) {
-        a2.call(this, i);
+      onCreateEntry({ entry: c2 }) {
+        n.call(this, c2);
       },
       // Run when an entry is destroyed
       // Removes the MediaQueryList and event listener
-      onDestroyEntry({ entry: i }) {
-        o(i);
+      onDestroyEntry({ entry: c2 }) {
+        s(c2);
       }
     };
-    function s(i) {
-      const c2 = i.el.getAttribute(`data-${this.settings.dataMediaQuery}`);
-      return !c2 && i.id in this.settings.mediaQueries ? this.settings.mediaQueries[i.id] : c2 || void 0;
-    }
-    function r2(i) {
-      let c2 = i.el.getAttribute(`data-${this.settings.dataBreakpoint}`);
-      return !c2 && i.id in this.settings.breakpoints && (c2 = this.settings.breakpoints[i.id]), c2 && c2 in this.settings.breakpoints && (c2 = this.settings.breakpoints[c2]), c2 && (c2 = getComputedStyle(document.body).getPropertyValue(`--${y$2()}breakpoint-${c2}`).trim() || c2), c2 || this.settings.breakpoint;
-    }
-    function a2(i) {
-      let c2 = s.call(this, i);
-      const l = r2.call(this, i);
-      if (!l && !c2) return;
-      l && !c2 && (c2 = this.settings.mediaQuery);
-      const d2 = c2.replace(new RegExp(`${this.settings.token}`, "g"), l);
-      i.mql = window.matchMedia(d2), i.mql.onchange = (p2) => {
-        this.settings.onChange(p2, i);
-      }, this.settings.onChange(i.mql, i);
-    }
-    function o(i) {
-      i.mql && (i.mql.onchange = null, i.mql = null);
+    function o(c2) {
+      const a2 = c2.el.getAttribute(`data-${this.config.attrMediaQuery}`);
+      return !a2 && c2.id in this.config.mediaQueries ? this.config.mediaQueries[c2.id] : a2 || void 0;
+    }
+    function r2(c2) {
+      let a2 = c2.el.getAttribute(`data-${this.config.attrBreakpoint}`);
+      return !a2 && c2.id in this.config.breakpoints && (a2 = this.config.breakpoints[c2.id]), a2 && a2 in this.config.breakpoints && (a2 = this.config.breakpoints[a2]), a2 && (a2 = getComputedStyle(document.body).getPropertyValue(`--${y$2()}breakpoint-${a2}`).trim() || a2), a2 || this.config.breakpoint;
+    }
+    function n(c2) {
+      const a2 = r2.call(this, c2);
+      if (!a2) return;
+      let f2 = o.call(this, c2) || this.config.mediaQuery;
+      if (!f2) return;
+      const p2 = f2.replace(new RegExp(`${this.config.token}`, "g"), a2);
+      c2.mql = window.matchMedia(p2), c2.mql.onchange = (E2) => {
+        this.config.onChange(E2, c2);
+      }, this.config.onChange(c2.mql, c2);
+    }
+    function s(c2) {
+      c2.mql && (c2.mql.onchange = null, c2.mql = null);
     }
     return { ...t, ...e };
   }
-  const V$1 = {
+  const B = {
     // The property on entry objects to watch
     prop: "state",
     // The default value or a function to compute the initial value
@@ -529,289 +600,251 @@
     onChange() {
     }
   };
-  function Y$1(n = {}) {
+  function nt$1(i = {}) {
     const t = {
       name: "propStore",
-      defaults: V$1,
-      options: n,
+      config: B,
+      options: i,
       store: null
     }, e = {
-      setup({ parent: i }) {
-        this.store = w$2(o.call(this, i.module));
+      setup(s) {
+        this.store = w$2(n.call(this, s.name));
       },
-      async onCreateEntry({ entry: i }) {
-        await s.call(this, i);
+      async onCreateEntry({ entry: s }) {
+        await o.call(this, s);
       },
-      onDestroyEntry({ entry: i }) {
-        a2.call(this, i);
+      onDestroyEntry({ entry: s }) {
+        r2.call(this, s);
       }
     };
-    async function s(i) {
-      let c2 = i[this.settings.prop] || null;
-      const l = { plugin: this, parent: i.parent, entry: i };
-      Object.defineProperty(i, this.settings.prop, {
+    async function o(s) {
+      let c2 = s[this.config.prop] || null;
+      const a2 = { plugin: this, parent: s.parent, entry: s };
+      Object.defineProperty(s, this.config.prop, {
         configurable: true,
         get() {
           return c2;
         },
-        set: async (d2) => {
-          if (c2 === d2) return;
+        set: async (f2) => {
+          if (c2 === f2) return;
           const p2 = c2;
-          c2 = d2, r2(
-            this.settings.condition,
-            l,
-            d2,
+          c2 = f2, h$2(
+            this.config.condition,
+            a2,
+            f2,
             p2
-          ) && this.store.set(i.id, d2), await this.settings.onChange(l, d2, p2);
+          ) && this.store?.set(s.id, f2), await this.config.onChange(a2, f2, p2);
         }
-      }), Object.defineProperty(i, "store", {
+      }), Object.defineProperty(s, "store", {
         configurable: true,
-        get: () => this.store.get(i.id),
-        set: (d2) => {
-          i[this.settings.prop] = d2;
+        get: () => this.store?.get(s.id),
+        set: (f2) => {
+          s[this.config.prop] = f2;
         }
-      }), i[this.settings.prop] = await r2(this.settings.value, l) || i[this.settings.prop];
-    }
-    function r2(i, ...c2) {
-      return typeof i == "function" ? i(...c2) : i;
+      }), s[this.config.prop] = await h$2(this.config.value, a2) || s[this.config.prop];
     }
-    async function a2(i) {
-      const c2 = i[this.settings.prop];
-      delete i[this.settings.prop], i[this.settings.prop] = c2, this.store.set(i.id, null);
+    async function r2(s) {
+      const c2 = s[this.config.prop];
+      delete s[this.config.prop], s[this.config.prop] = c2, this.store?.set(s.id, null);
     }
-    function o(i) {
-      const c2 = this.settings.prop.charAt(0).toUpperCase() + this.settings.prop.slice(1), l = this.settings.key || i + c2;
-      return this.settings.keyPrefix + l;
+    function n(s) {
+      const c2 = this.config.prop.charAt(0).toUpperCase() + this.config.prop.slice(1), a2 = this.config.key || s + c2;
+      return this.config.keyPrefix + a2;
     }
     return { ...t, ...e };
   }
-  const B = {
+  const j$1 = {
     where: null,
     how: "append"
   };
-  function tt$1(n = {}) {
+  function it$1(i = {}) {
     const t = {
       name: "teleport",
-      defaults: B,
-      options: n
+      config: j$1,
+      options: i
     }, e = {
-      onCreateEntry({ plugin: a2, entry: o }) {
-        s(a2, o);
+      onCreateEntry({ entry: n }) {
+        o(this, n);
       },
-      onDestroyEntry({ plugin: a2, entry: o }) {
-        r2(a2, o);
+      onDestroyEntry({ entry: n }) {
+        r2(this, n);
       }
     };
-    function s(a2, o) {
-      o.teleport = () => {
-        typeof o.teleportReturn == "function" && o.teleportReturn(), o.teleportReturn = x$2(
-          o.el,
-          o.getSetting("teleport", { fallback: a2.settings.where }),
-          o.getSetting("teleportMethod", { fallback: a2.settings.how })
+    function o(n, s) {
+      s.teleport = () => {
+        typeof s.teleportReturn == "function" && s.teleportReturn(), s.teleportReturn = k$3(
+          s.el,
+          s.config.get("teleport", { fallback: n.config.where }),
+          s.config.get("teleportMethod", { fallback: n.config.how })
         );
-      }, o.teleport(), o.parent.emit("teleport", { plugin: a2, parent: o.parent, entry: o });
+      }, s.teleport(), s.parent.emit("teleport", { plugin: n, parent: s.parent, entry: s });
     }
-    function r2(a2, o) {
-      typeof o.teleportReturn == "function" && o.teleportReturn(), o.parent.emit("teleportReturn", {
-        plugin: a2,
-        parent: o.parent,
-        entry: o
+    function r2(n, s) {
+      typeof s.teleportReturn == "function" && s.teleportReturn(), s.parent.emit("teleportReturn", {
+        plugin: n,
+        parent: s.parent,
+        entry: s
       });
     }
     return { ...t, ...e };
   }
-  const j$3 = {
-    dataConfig: "config",
-    customProps: []
-  };
-  let z$2 = class z {
-    constructor(t, e, s = {}) {
-      this.parent = t, this.el = E$3(e), this.settings = { ...s }, this.dataConfig = {}, this.customProps = {};
-    }
-    get id() {
-      return this.el.id;
-    }
-    applySettings(t) {
-      return Object.assign(this.settings, t);
-    }
-    getSetting(t, e) {
-      return A$2.call(this, t, e);
-    }
-    buildDataConfig() {
-      return Object.assign(
-        this.dataConfig,
-        k$3(this.el, this.getSetting("dataConfig"))
-      );
-    }
-    buildCustomProps() {
-      return Object.assign(this.customProps, M$2(this));
-    }
-    async init(t = {}) {
-      this.applySettings(t), this.buildDataConfig(), this.buildCustomProps();
-    }
-    async destroy() {
-      Object.getOwnPropertyNames(this).forEach((t) => {
-        delete this[t];
-      });
+  let z$1 = class z {
+    constructor(t, e) {
+      this.config = new I$3(), this.parent = t, this.el = v$2(e), this.id = this.el.id, this.config.set("parent", this.parent.config), this.config.set("entry", {});
     }
   };
-  let et$1 = class et {
+  const J$1 = {
+    selector: "",
+    plugins: [],
+    presets: {}
+  };
+  let st$1 = class st {
     constructor(t = {}) {
-      this.module = this.constructor.name, this.collection = [], this.entryClass = z$2, this.settings = { ...j$3, ...t }, this.plugins = new H$3(this.settings.presets), this.events = {}, Object.assign(this, L$2);
+      this.#t = new L$2(), this.events = this.#t.events, this.on = this.#t.on.bind(this.#t), this.off = this.#t.off.bind(this.#t), this.emit = this.#t.emit.bind(this.#t), this.collection = [], this.entryClass = z$1, this.name = this.constructor.name, this.config = { ...J$1, ...t }, this.plugins = new H(this.config.presets);
     }
+    #t;
     get(t, e = "id") {
-      return this.collection.find((s) => s[e] === t);
+      return this.collection.find((o) => o[e] === t);
     }
     getOrThrow(t, e = "id") {
-      const s = this.get(t, e);
-      if (s)
-        return s;
+      const o = this.get(t, e);
+      if (o)
+        return o;
       throw new Error(
-        `${this.module} entry not found in collection with ${e} of "${t}"`
+        `${this.name} entry not found in collection with ${String(e)} of "${t}"`
       );
     }
-    applySettings(t) {
-      return Object.assign(this.settings, t);
+    updateConfig(t = {}) {
+      return Object.assign(this.config, t);
     }
-    async createEntry(t, e) {
-      const s = new this.entryClass(this, t, e);
-      return await g$1(s, "init"), await h$1("onCreateEntry", this, s), s;
+    async createEntry(t) {
+      const e = new this.entryClass(this, t);
+      return await g$2(e, "init"), await d$1("onCreateEntry", this, e), e;
     }
     async destroyEntry(t) {
-      return await h$1("onDestroyEntry", this, t), await g$1(t, "destroy"), t;
-    }
-    async register(t, e = {}) {
-      const s = E$3(t), r2 = this.collection.findIndex((a2) => a2.id === s.id);
-      if (~r2) {
-        const a2 = this.collection[r2];
-        return a2.el = s, typeof a2.init == "function" && await a2.init(e), a2;
-      } else {
-        const a2 = await this.createEntry(s, e);
-        return this.collection.push(a2), await h$1("onRegisterEntry", this, a2), a2;
-      }
+      return await d$1("onDestroyEntry", this, t), await g$2(t, "destroy"), t;
+    }
+    async register(t) {
+      const e = this.collection.findIndex((o) => o.id === t.id);
+      return ~e ? this.collection[e] = t : this.collection.push(t), await d$1("onRegisterEntry", this, t), t;
     }
     async deregister(t) {
-      const e = this.collection.findIndex((s) => s.id === t);
+      const e = this.collection.findIndex((o) => o.id === t.id);
       if (~e) {
-        const s = await this.destroyEntry(this.collection[e]);
-        return await h$1(
+        await d$1(
           "onDeregisterEntry",
           this,
           this.collection[e]
-        ), this.collection.splice(e, 1), s;
+        );
+        const [o] = this.collection.splice(e, 1);
       }
-      return null;
+      return t;
     }
-    async mount(t = {}) {
-      this.applySettings(t);
-      for (const s of this.settings?.plugins || [])
-        this.plugins.add(s);
-      for (const s of this.plugins)
-        await g$1(s, "setup", { plugin: s, parent: this });
-      await h$1("beforeMount", this);
-      const e = document.querySelectorAll(this.settings.selector);
-      for (const s of e)
-        await this.register(s);
-      return await h$1("afterMount", this), this;
-    }
-    async unmount() {
-      for (await h$1("beforeUnmount", this); this.collection.length > 0; )
-        await this.deregister(this.collection[0].id);
-      await h$1("afterUnmount", this);
-      for (const t of this.plugins)
-        await g$1(t, "teardown", { plugin: t, parent: this });
-      for (const t of [...this.plugins])
-        this.plugins.remove(t.name);
+    async mount(t = (e) => e) {
+      for (const e of this.config?.plugins || [])
+        this.plugins.add(e);
+      for (const e of this.plugins)
+        await g$2(e, "setup", this);
+      if (await d$1("beforeMount", this), this.config.selector) {
+        const e = document.querySelectorAll(this.config.selector);
+        for (const o of e)
+          await this.createEntry(o).then((r2) => t(r2)).then((r2) => this.register(r2));
+      }
+      return await d$1("afterMount", this), this;
+    }
+    async unmount(t = (e) => e) {
+      for (await d$1("beforeUnmount", this); this.collection.length > 0; )
+        await this.destroyEntry(this.collection[0]).then((e) => t(e)).then((e) => this.deregister(e));
+      await d$1("afterUnmount", this);
+      for (const e of this.plugins)
+        await g$2(e, "teardown", this);
+      for (const e of [...this.plugins])
+        this.plugins.remove(e.name);
       return this;
     }
   };
-  function nt$1(n = {}) {
-    const t = {
-      prefix: R$2("prefix-themes", { fallback: "vb-theme-" }),
-      themes: ["root", "light", "dark"],
-      storeKey: "VB:Profile"
-    };
-    for (const [a2] of Object.entries(t))
-      n && n[a2] && (t[a2] = n[a2]);
-    const e = {
-      onInit() {
-      },
-      onChange() {
-      }
-    };
-    for (const [a2] of Object.entries(e))
-      n && n[a2] && (e[a2] = n[a2]);
-    const s = w$2(t.storeKey), r2 = {
-      // Store our settings in the API
-      settings: t,
+  const G = {
+    prefix: S$3("theme-prefix", { fallback: "vb-theme-" }),
+    storeKey: "VB:Profile",
+    fallback: "root",
+    themes: ["root", "light", "dark"],
+    onInit() {
+    },
+    onChange() {
+    }
+  };
+  function rt$1(i = {}) {
+    const t = { ...G, ...i };
+    function e(n) {
+      t[n].call(r2);
+    }
+    const o = w$2(t.storeKey), r2 = {
+      // Store our config in the API
+      config: t,
       // Actions
-      add(a2) {
-        t.themes.push(a2);
-      },
-      remove(a2) {
-        const o = t.themes.indexOf(a2);
-        ~o && t.themes.splice(o, 1);
+      add(n) {
+        t.themes.push(n);
       },
-      callback(a2) {
-        e[a2].call(this);
+      remove(n) {
+        const s = t.themes.indexOf(n);
+        ~s && t.themes.splice(s, 1);
       },
       // Getters
       get class() {
         return `${t.prefix}${this.theme}`;
       },
       get classes() {
-        return t.themes.map((a2) => `${t.prefix}${a2}`);
+        return t.themes.map((n) => `${t.prefix}${n}`);
       },
       get themes() {
         return t.themes;
       },
       // Setup the theme get and set methods
       get theme() {
-        return s.get("theme") || "root";
+        return o.get("theme") || t.fallback;
       },
-      set theme(a2) {
-        t.themes.includes(a2) ? this.theme != a2 && (s.set("theme", a2), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${t.prefix}${a2}`), this.callback("onChange")) : console.error(`Not a valid theme value: "${a2}"`);
+      set theme(n) {
+        t.themes.includes(n) ? this.theme != n && (o.set("theme", n), document.documentElement.classList.remove(...this.classes), document.documentElement.classList.add(`${t.prefix}${n}`), e("onChange")) : console.error(`Not a valid theme value: "${n}"`);
       }
     };
-    return r2.callback("onInit"), r2;
+    return e("onInit"), r2;
   }
   const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
-    Collection: et$1,
-    CollectionEntry: z$2,
-    FocusTrap: U$2,
-    FocusableArray: O$2,
-    PluginsArray: H$3,
-    StackArray: W,
-    cssVar: R$2,
-    debug: Z,
-    dispatchLifecycleHook: h$1,
-    eventEmitter: L$2,
-    focusTrap: _$1,
+    Collection: st$1,
+    CollectionEntry: z$1,
+    ConfigManager: I$3,
+    EventEmitter: L$2,
+    FocusTrap: D$2,
+    FocusableArray: U$1,
+    PluginArray: H,
+    StackArray: _,
+    attrConfig: X$1,
+    cssConfig: Y$1,
+    cssVar: S$3,
+    debug: tt$1,
+    dispatchLifecycleHook: d$1,
+    focusTrap: et$1,
     focusableSelectors: C$2,
-    getCustomProps: M$2,
-    getDataConfig: k$3,
-    getElement: E$3,
+    getAttrData: x$2,
+    getCustomProps: b$2,
+    getElement: v$2,
     getPrefix: y$2,
-    getSetting: A$2,
+    getValue: h$2,
     localStore: w$2,
-    maybeRunMethod: g$1,
-    mediaQuery: X$1,
-    propStore: Y$1,
-    setGlobalState: G,
-    teleport: tt$1,
-    teleportElement: x$2,
-    themeStore: nt$1,
-    toCamel: v$2,
-    toKebab: $$2,
-    toMilliseconds: S$2,
-    transition: J$1
+    maybeRunMethod: g$2,
+    mediaQuery: ot$1,
+    propStore: nt$1,
+    setGlobalState: Z,
+    teleport: it$1,
+    teleportElement: k$3,
+    themeStore: rt$1,
+    toCamel: R$1,
+    toKebab: M$2,
+    toMilliseconds: A$3,
+    transition: W$1
   }, Symbol.toStringTag, { value: "Module" }));
-  function E$2(t, e = "config") {
-    const s = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-    return s ? JSON.parse(s) : {};
-  }
-  function f$1(t) {
+  function p$1(t) {
     if (typeof t == "string") {
       const e = document.getElementById(t);
       if (e) return e;
@@ -826,15 +859,7 @@
   async function r$1(t, e, ...s) {
     e in t && typeof t[e] == "function" && await t[e](...s);
   }
-  function b$1(t) {
-    return t.split("-").map(
-      (e, s) => s === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
-    ).join("");
-  }
-  function p$1(t) {
-    return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  }
-  function C$1(t) {
+  function w$1(t) {
     if (typeof t == "number")
       return t;
     const e = parseFloat(t);
@@ -844,96 +869,127 @@
     }
     throw new Error(`Could not convert value to milliseconds: ${t}`);
   }
-  function m$1(t, e, s, i, n = 0) {
-    return new Promise((o) => {
+  function f(t, e, s, i, o = 0) {
+    return new Promise((n) => {
       t.classList.remove(e), t.classList.add(s), setTimeout(() => {
-        t.classList.add(i), t.classList.remove(s), o(t);
-      }, C$1(n));
+        t.classList.add(i), t.classList.remove(s), n(t);
+      }, w$1(o));
     });
   }
+  function v$1(t, e = {}) {
+    const s = {
+      fallback: null,
+      element: document.body,
+      ...e
+    };
+    if (!t.startsWith("--")) {
+      const o = E$1();
+      o && (t = `${o}${t}`), t = `--${t}`;
+    }
+    const i = getComputedStyle(s.element).getPropertyValue(t).trim();
+    if (i)
+      return i;
+    if (s.fallback)
+      return s.fallback;
+    throw new Error(`CSS variable "${t}" was not found!`);
+  }
   async function a$1(t, e, s) {
     await r$1(e, t, s), s && await r$1(s, t);
     for (const i of e.plugins)
-      await r$1(i, t, { plugin: i, parent: e, entry: s });
-    await e.emit(t, s);
+      await r$1(i, t, { parent: e, entry: s });
+    await e.emit(t, { parent: e, entry: s });
   }
-  function O$1(t) {
-    const e = getComputedStyle(t.el), s = {}, i = t.getSetting("customProps");
-    for (let n = 0; n < i.length; n++) {
-      const o = L$1(), l = t.parent.module.toLowerCase(), h2 = p$1(i[n]), u2 = e.getPropertyValue(`--${o}${l}-${h2}`).trim();
-      u2 && (s[h2] = u2);
-    }
-    return s;
-  }
-  function L$1() {
+  function E$1() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function $$1(t, e, s = "camel") {
-    return e = s === "camel" ? b$1(e) : p$1(e), t.split(".").concat(e).reduce((i, n) => i?.[n], this);
-  }
-  function M$1(t, e = {}) {
-    const {
-      fallback: s,
-      props: i = ["dataConfig", "customProps", "settings", "parent.settings"]
-    } = e;
-    for (const n of i) {
-      const o = n !== "customProps" ? "camel" : "kebab", l = $$1.call(this, n, t, o);
-      if (l !== void 0)
-        return l;
-    }
-    if (s !== void 0)
-      return s;
-    throw new Error(`${this.parent.module} setting does not exist: ${t}`);
-  }
-  function P$2(t, e) {
+  function b$1(t, e) {
     e && document.querySelectorAll(e).forEach((s) => {
       t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
     });
   }
-  function T$2(t, e) {
+  function C$1(t, e) {
     e && document.querySelectorAll(e).forEach((s) => {
       s.inert = t;
     });
   }
   function c$1(t, e, s) {
-    T$2(!!t, e), P$2(!!t, s);
+    C$1(!!t, e), b$1(!!t, s);
   }
-  const x$1 = {
-    events: {},
-    on(t, e, ...s) {
-      this.events[t] || (this.events[t] = []), this.events[t].some(
-        (i) => i.listener === e
-      ) || this.events[t].push({ listener: e, args: s });
-    },
-    off(t, e) {
-      this.events[t] && (this.events[t] = this.events[t].filter(
-        (s) => s.listener !== e
+  let S$2 = class S {
+    #t;
+    #e;
+    constructor() {
+      this.#t = {}, this.#e = [];
+    }
+    get(e, s) {
+      const { fallback: i, source: o } = s ?? {};
+      if (o) {
+        const n = this.#t?.[o]?.[e];
+        if (n !== void 0)
+          return n;
+      } else
+        for (const n of this.#e) {
+          const d2 = this.#t?.[n]?.[e];
+          if (d2 !== void 0)
+            return d2;
+        }
+      if (i !== void 0)
+        return i;
+      throw new Error(`Config does not exist: ${e}`);
+    }
+    set(e, s = {}) {
+      let i, o;
+      return typeof e == "string" ? (i = e, o = s) : (i = "entry", o = e), this.#t[i] ? Object.assign(this.#t[i], o) : (this.#e.unshift(i), this.#t[i] = o), this.#t[i];
+    }
+    remove(e) {
+      const s = this.#e.indexOf(e);
+      s !== -1 && this.#e.splice(s, 1), delete this.#t[e];
+    }
+    setSourceOrder(e) {
+      const s = Object.keys(this.#t).reverse(), i = e.filter((o) => s.includes(o));
+      for (const o of s)
+        i.includes(o) || i.push(o);
+      return this.#e = i;
+    }
+  };
+  let O$1 = class O {
+    constructor() {
+      this.events = {};
+    }
+    on(e, s, ...i) {
+      this.events[e] || (this.events[e] = []), this.events[e].some(
+        (o) => o.listener === s
+      ) || this.events[e].push({ listener: s, args: i });
+    }
+    off(e, s) {
+      this.events[e] && (this.events[e] = this.events[e].filter(
+        (i) => i.listener !== s
       ));
-    },
-    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: i } of this.events[t])
-          await s(e, ...i);
+    }
+    async emit(e, ...s) {
+      if (e = e.startsWith("on") ? e.slice(2, 3).toLowerCase() + e.slice(3) : e, !!this.events[e])
+        for (const { listener: i, args: o } of this.events[e])
+          await i(...s, ...o);
     }
   };
-  let y$1 = class y extends Array {
+  let L$1 = class L extends Array {
     constructor(e = {}) {
       super(), this.presets = e;
     }
-    applySettings(e) {
-      const s = e?.defaults || {}, i = this.presets?.[e.name] || {}, n = e?.options || {};
-      e.settings = { ...s, ...i, ...n };
+    #t(e) {
+      const s = this.presets?.[e.name] || {}, i = e?.options || {};
+      e.config = { ...e.config, ...s, ...i };
     }
-    validate(e) {
+    #e(e) {
       return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), false) : true;
     }
     get(e) {
-      return this.find((s) => s.name === e);
+      return this.find((s) => s.name === e) || null;
     }
     add(e) {
       if (Array.isArray(e))
         e.forEach((s) => this.add(s));
-      else if (this.applySettings(e), this.validate(e)) {
+      else if (this.#t(e), this.#e(e)) {
         const s = this.findIndex((i) => i.name === e.name);
         ~s ? this[s] = e : this.push(e);
       }
@@ -943,45 +999,21 @@
       ~s && this.splice(s, 1);
     }
   };
-  const A$1 = {
-    dataConfig: "config",
-    customProps: []
-  };
-  let w$1 = class w {
-    constructor(e, s, i = {}) {
-      this.parent = e, this.el = f$1(s), this.settings = { ...i }, this.dataConfig = {}, this.customProps = {};
-    }
-    get id() {
-      return this.el.id;
-    }
-    applySettings(e) {
-      return Object.assign(this.settings, e);
-    }
-    getSetting(e, s) {
-      return M$1.call(this, e, s);
-    }
-    buildDataConfig() {
-      return Object.assign(
-        this.dataConfig,
-        E$2(this.el, this.getSetting("dataConfig"))
-      );
-    }
-    buildCustomProps() {
-      return Object.assign(this.customProps, O$1(this));
-    }
-    async init(e = {}) {
-      this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
-    }
-    async destroy() {
-      Object.getOwnPropertyNames(this).forEach((e) => {
-        delete this[e];
-      });
+  let g$1 = class g {
+    constructor(e, s) {
+      this.config = new S$2(), this.parent = e, this.el = p$1(s), this.id = this.el.id, this.config.set("parent", this.parent.config), this.config.set("entry", {});
     }
   };
-  let D$2 = class D {
+  const M$1 = {
+    selector: "",
+    plugins: [],
+    presets: {}
+  };
+  let x$1 = class x {
     constructor(e = {}) {
-      this.module = this.constructor.name, this.collection = [], this.entryClass = w$1, this.settings = { ...A$1, ...e }, this.plugins = new y$1(this.settings.presets), this.events = {}, Object.assign(this, x$1);
+      this.#t = new O$1(), this.events = this.#t.events, this.on = this.#t.on.bind(this.#t), this.off = this.#t.off.bind(this.#t), this.emit = this.#t.emit.bind(this.#t), this.collection = [], this.entryClass = g$1, this.name = this.constructor.name, this.config = { ...M$1, ...e }, this.plugins = new L$1(this.config.presets);
     }
+    #t;
     get(e, s = "id") {
       return this.collection.find((i) => i[s] === e);
     }
@@ -990,65 +1022,60 @@
       if (i)
         return i;
       throw new Error(
-        `${this.module} entry not found in collection with ${s} of "${e}"`
+        `${this.name} entry not found in collection with ${String(s)} of "${e}"`
       );
     }
-    applySettings(e) {
-      return Object.assign(this.settings, e);
+    updateConfig(e = {}) {
+      return Object.assign(this.config, e);
     }
-    async createEntry(e, s) {
-      const i = new this.entryClass(this, e, s);
-      return await r$1(i, "init"), await a$1("onCreateEntry", this, i), i;
+    async createEntry(e) {
+      const s = new this.entryClass(this, e);
+      return await r$1(s, "init"), await a$1("onCreateEntry", this, s), s;
     }
     async destroyEntry(e) {
       return await a$1("onDestroyEntry", this, e), await r$1(e, "destroy"), e;
     }
-    async register(e, s = {}) {
-      const i = f$1(e), n = this.collection.findIndex((o) => o.id === i.id);
-      if (~n) {
-        const o = this.collection[n];
-        return o.el = i, typeof o.init == "function" && await o.init(s), o;
-      } else {
-        const o = await this.createEntry(i, s);
-        return this.collection.push(o), await a$1("onRegisterEntry", this, o), o;
-      }
+    async register(e) {
+      const s = this.collection.findIndex((i) => i.id === e.id);
+      return ~s ? this.collection[s] = e : this.collection.push(e), await a$1("onRegisterEntry", this, e), e;
     }
     async deregister(e) {
-      const s = this.collection.findIndex((i) => i.id === e);
+      const s = this.collection.findIndex((i) => i.id === e.id);
       if (~s) {
-        const i = await this.destroyEntry(this.collection[s]);
-        return await a$1(
+        await a$1(
           "onDeregisterEntry",
           this,
           this.collection[s]
-        ), this.collection.splice(s, 1), i;
+        );
+        const [i] = this.collection.splice(s, 1);
       }
-      return null;
+      return e;
     }
-    async mount(e = {}) {
-      this.applySettings(e);
-      for (const i of this.settings?.plugins || [])
-        this.plugins.add(i);
-      for (const i of this.plugins)
-        await r$1(i, "setup", { plugin: i, parent: this });
-      await a$1("beforeMount", this);
-      const s = document.querySelectorAll(this.settings.selector);
-      for (const i of s)
-        await this.register(i);
+    async mount(e = (s) => s) {
+      for (const s of this.config?.plugins || [])
+        this.plugins.add(s);
+      for (const s of this.plugins)
+        await r$1(s, "setup", this);
+      if (await a$1("beforeMount", this), this.config.selector) {
+        const s = document.querySelectorAll(this.config.selector);
+        for (const i of s)
+          await this.createEntry(i).then((o) => e(o)).then((o) => this.register(o));
+      }
       return await a$1("afterMount", this), this;
     }
-    async unmount() {
+    async unmount(e = (s) => s) {
       for (await a$1("beforeUnmount", this); this.collection.length > 0; )
-        await this.deregister(this.collection[0].id);
+        await this.destroyEntry(this.collection[0]).then((s) => e(s)).then((s) => this.deregister(s));
       await a$1("afterUnmount", this);
-      for (const e of this.plugins)
-        await r$1(e, "teardown", { plugin: e, parent: this });
-      for (const e of [...this.plugins])
-        this.plugins.remove(e.name);
+      for (const s of this.plugins)
+        await r$1(s, "teardown", this);
+      for (const s of [...this.plugins])
+        this.plugins.remove(s.name);
       return this;
     }
   };
-  const I$2 = {
+  v$1("theme-prefix", { fallback: "vb-theme-" });
+  const T$1 = {
     focusTrap: {
       condition: ({ entry: t }) => t.state === "closed" || t.state === "opened" && t.mode === "modal"
     },
@@ -1063,11 +1090,11 @@
       condition: ({ entry: t }) => ["opened", "closed", "indeterminate"].includes(t.state),
       onChange: ({ entry: t }) => t.applyState()
     }
-  }, k$2 = {
-    presets: I$2,
-    dataOpen: "drawer-open",
-    dataClose: "drawer-close",
-    dataToggle: "drawer-toggle",
+  }, $$1 = {
+    presets: T$1,
+    attrOpen: "drawer-open",
+    attrClose: "drawer-close",
+    attrToggle: "drawer-toggle",
     selector: ".drawer",
     selectorDialog: ".drawer__dialog",
     selectorScreen: ".drawer",
@@ -1086,93 +1113,93 @@
     transition: true,
     transitionDuration: 300
   };
-  function j$2(t) {
+  function k$2(t) {
     switch (t.mode) {
       case "inline":
-        return q$2(t);
+        return D$1(t);
       case "modal":
-        return H$2(t);
+        return I$2(t);
       default:
         throw new Error(`"${t.mode}" is not a valid drawer mode.`);
     }
   }
-  async function q$2(t) {
-    return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), c$1(
+  async function D$1(t) {
+    return t.el.classList.remove(t.config.get("classModal")), t.dialog.removeAttribute("aria-modal"), c$1(
       false,
-      t.getSetting("selectorInert"),
-      t.getSetting("selectorOverflow")
+      t.config.get("selectorInert"),
+      t.config.get("selectorOverflow")
     ), t.applyState(), t.el.dispatchEvent(
-      new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+      new CustomEvent(t.config.get("customEventPrefix") + "switchMode", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("switchMode", t), t;
   }
-  async function H$2(t) {
-    return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await t.close(false, false), t.el.dispatchEvent(
-      new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+  async function I$2(t) {
+    return t.el.classList.add(t.config.get("classModal")), t.dialog.setAttribute("aria-modal", "true"), await t.close(false, false), t.el.dispatchEvent(
+      new CustomEvent(t.config.get("customEventPrefix") + "switchMode", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("switchMode", t), t;
   }
-  function S$1(t) {
-    t.dialog && t.state === "opened" ? (t.dialog.querySelector(t.parent.settings.selectorFocus) || t.dialog).focus() : t.trigger && (t.trigger.focus(), t.trigger = null);
+  function u$1(t) {
+    t.dialog && t.state === "opened" ? (t.dialog.querySelector(t.config.get("selectorFocus")) || t.dialog).focus() : t.trigger && (t.trigger.focus(), t.trigger = null);
   }
-  async function d$1(t, e, s = true) {
-    return (t.state === "closed" || t.state === "indeterminate" || t.state === null) && (t.setState("opening"), e ?? t.getSetting("transition") ? await m$1(
+  async function l$1(t, e, s = true) {
+    return (t.state === "closed" || t.state === "indeterminate" || t.state === null) && (t.setState("opening"), e ?? t.config.get("transition") ? await f(
       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" && c$1(
+      t.config.get("stateClosed"),
+      t.config.get("stateOpening"),
+      t.config.get("stateOpened"),
+      t.config.get("transitionDuration")
+    ) : (t.el.classList.add(t.config.get("stateOpened")), t.el.classList.remove(t.config.get("stateClosed"))), t.setState("opened"), t.mode === "modal" && c$1(
       true,
-      t.getSetting("selectorInert"),
-      t.getSetting("selectorOverflow")
-    ), s && S$1(t), t.el.dispatchEvent(
-      new CustomEvent(t.getSetting("customEventPrefix") + "opened", {
+      t.config.get("selectorInert"),
+      t.config.get("selectorOverflow")
+    ), s && u$1(t), t.el.dispatchEvent(
+      new CustomEvent(t.config.get("customEventPrefix") + "opened", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("opened", t)), t;
   }
-  async function g(t, e, s = true) {
-    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 m$1(
+  async function h$1(t, e, s = true) {
+    return (t.state === "opened" || t.state === "indeterminate" || t.state === null) && (t.setState("closing"), document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), e ?? t.config.get("transition") ? await f(
       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" && c$1(
+      t.config.get("stateOpened"),
+      t.config.get("stateClosing"),
+      t.config.get("stateClosed"),
+      t.config.get("transitionDuration")
+    ) : (t.el.classList.add(t.config.get("stateClosed")), t.el.classList.remove(t.config.get("stateOpened"))), t.setState("closed"), t.mode === "modal" && c$1(
       false,
-      t.getSetting("selectorInert"),
-      t.getSetting("selectorOverflow")
-    ), s && S$1(t), t.el.dispatchEvent(
-      new CustomEvent(t.getSetting("customEventPrefix") + "closed", {
+      t.config.get("selectorInert"),
+      t.config.get("selectorOverflow")
+    ), s && u$1(t), t.el.dispatchEvent(
+      new CustomEvent(t.config.get("customEventPrefix") + "closed", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("closed", t)), t;
   }
-  async function v$1(t, e, s) {
-    return t.state === "closed" ? d$1(t, e, s) : g(t, e, s);
+  async function m$1(t, e, s) {
+    return t.state === "closed" ? l$1(t, e, s) : h$1(t, e, s);
   }
-  class N extends w$1 {
+  let A$2 = class A extends g$1 {
     #t;
-    constructor(e, s, i = {}) {
-      super(e, s, i), this.#t = "indeterminate", this.dialog = this.el.querySelector(this.getSetting("selectorDialog")) || this.el, this.trigger = null, this.state = null, this.inlineState = null;
+    constructor(e, s) {
+      super(e, s), this.#t = "indeterminate", this.dialog = this.el.querySelector(this.config.get("selectorDialog")) || this.el, this.trigger = null, this.state = null, this.inlineState = null;
     }
     get mode() {
       return this.#t;
     }
     set mode(e) {
-      this.#t !== e && (this.#t = e, j$2(this));
+      this.#t !== e && (this.#t = e, k$2(this));
     }
     setState(e) {
       this.state = e;
       const s = ["opening", "closing"];
-      this.mode === "inline" && !s.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")));
+      this.mode === "inline" && !s.includes(e) && (this.inlineState = e), e === "indeterminate" && (this.el.classList.remove(this.config.get("stateOpened")), this.el.classList.remove(this.config.get("stateOpening")), this.el.classList.remove(this.config.get("stateClosed")), this.el.classList.remove(this.config.get("stateClosing")));
     }
     async applyState() {
       if (this.mode === "modal") return this;
@@ -1181,86 +1208,86 @@
       if (this.inlineState === "closed")
         return await this.close(false, false);
       if (this.state === null) {
-        if (this.el.classList.contains(this.getSetting("stateOpened")))
+        if (this.el.classList.contains(this.config.get("stateOpened")))
           return await this.open(false, false);
-        if (this.el.classList.contains(this.getSetting("stateClosed")))
+        if (this.el.classList.contains(this.config.get("stateClosed")))
           return await this.close(false, false);
       }
       return this.setState("indeterminate"), this;
     }
     async open(e, s) {
-      return d$1(this, e, s);
+      return l$1(this, e, s);
     }
     async close(e, s) {
-      return g(this, e, s);
+      return h$1(this, e, s);
     }
     async toggle(e, s) {
-      return v$1(this, e, s);
+      return m$1(this, e, s);
     }
     async deregister() {
-      return this.parent.deregister(this.id);
+      return this.parent.deregister(this);
     }
     async onCreateEntry() {
-      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";
+      this.config.get("setTabindex") && this.dialog && this.dialog.setAttribute("tabindex", "-1"), await this.applyState(), this.inlineState = this.state, this.mode = this.el && this.el.classList.contains(this.config.get("classModal")) ? "modal" : "inline";
     }
     async onDestroyEntry() {
       this.mode === "modal" && this.state === "opened" && await this.close(false);
     }
-  }
-  async function F$1(t) {
+  };
+  async function P$2(t) {
     const e = t.target;
     if (e) {
       const s = e.closest(`
-      [data-${this.settings.dataOpen}],
-      [data-${this.settings.dataToggle}],
-      [data-${this.settings.dataClose}]
+      [data-${this.config.attrOpen}],
+      [data-${this.config.attrToggle}],
+      [data-${this.config.attrClose}]
     `);
       if (s) {
-        t.preventDefault(), s.matches(`[data-${this.settings.dataToggle}]`) && s.getAttribute(`data-${this.settings.dataToggle}`)?.trim().split(" ")?.forEach((n) => {
-          const o = this.getOrThrow(n);
-          return o.trigger = s, o.toggle();
-        }), s.matches(`[data-${this.settings.dataOpen}]`) && s.getAttribute(`data-${this.settings.dataOpen}`)?.trim().split(" ")?.forEach((n) => {
-          const o = this.getOrThrow(n);
-          return o.trigger = s, o.open();
-        }), s.matches(`[data-${this.settings.dataClose}]`) && s.getAttribute(`data-${this.settings.dataClose}`)?.trim().split(" ")?.forEach((n) => {
-          if (n) {
-            const o = this.getOrThrow(n);
-            return o.trigger = s, o.close();
+        t.preventDefault(), s.matches(`[data-${this.config.attrToggle}]`) && s.getAttribute(`data-${this.config.attrToggle}`)?.trim().split(" ")?.forEach((o) => {
+          const n = this.getOrThrow(o);
+          return n.trigger = s, n.toggle();
+        }), s.matches(`[data-${this.config.attrOpen}]`) && s.getAttribute(`data-${this.config.attrOpen}`)?.trim().split(" ")?.forEach((o) => {
+          const n = this.getOrThrow(o);
+          return n.trigger = s, n.open();
+        }), s.matches(`[data-${this.config.attrClose}]`) && s.getAttribute(`data-${this.config.attrClose}`)?.trim().split(" ")?.forEach((o) => {
+          if (o) {
+            const n = this.getOrThrow(o);
+            return n.trigger = s, n.close();
           } else {
-            const o = e.closest(this.settings.selector);
-            if (o) return this.close(o.id);
+            const n = e.closest(this.config.selector);
+            if (n) return this.close(n.id);
           }
         });
         return;
       }
-      if (this.activeModal && e.matches(this.settings.selectorScreen))
+      if (this.activeModal && e.matches(this.config.selectorScreen))
         return this.close(this.activeModal.id);
     }
   }
-  function U$1(t) {
+  function y$1(t) {
     if (t.key === "Escape" && this.activeModal)
       return this.close(this.activeModal.id);
   }
-  class _ extends D$2 {
-    #t;
-    #e;
+  let q$1 = class q extends x$1 {
     constructor(e) {
-      super({ ...k$2, ...e }), this.module = "Drawer", this.entryClass = N, this.#t = F$1.bind(this), this.#e = U$1.bind(this);
+      super({ ...$$1, ...e }), this.entryClass = A$2, this.name = "Drawer", this.#t = P$2.bind(this), this.#e = y$1.bind(this);
     }
+    #t;
+    #e;
     get activeModal() {
       return this.collection.find((e) => e.state === "opened" && e.mode === "modal");
     }
     async open(e, s, i) {
-      const n = this.getOrThrow(e);
-      return d$1(n, s, i);
+      const o = this.getOrThrow(e);
+      return l$1(o, s, i);
     }
     async close(e, s, i) {
-      const n = this.getOrThrow(e);
-      return g(n, s, i);
+      const o = this.getOrThrow(e);
+      return h$1(o, s, i);
     }
     async toggle(e, s, i) {
-      const n = this.getOrThrow(e);
-      return v$1(n, s, i);
+      const o = this.getOrThrow(e);
+      return m$1(o, s, i);
     }
     async afterMount() {
       document.addEventListener("click", this.#t, false), document.addEventListener("keydown", this.#e, false);
@@ -1268,146 +1295,165 @@
     async afterUnmount() {
       document.removeEventListener("click", this.#t, false), document.removeEventListener("keydown", this.#e, false);
     }
-  }
-  function y(e, t = "config") {
-    const s = (e.getAttribute(`data-${t}`) || "").replace(/'/g, '"');
-    return s ? JSON.parse(s) : {};
-  }
-  function f(e) {
-    if (typeof e == "string") {
-      const t = document.getElementById(e);
+  };
+  function p(s) {
+    if (typeof s == "string") {
+      const t = document.getElementById(s);
       if (t) return t;
-      throw new Error(`Element not found with ID: "${e}"`);
-    } else if (e instanceof HTMLElement) {
-      if (!e.id)
+      throw new Error(`Element not found with ID: "${s}"`);
+    } else if (s instanceof HTMLElement) {
+      if (!s.id)
         throw new Error("HTMLElement must have an ID");
-      return e;
+      return s;
     } else
       throw new Error("Invalid argument: query must be a string or HTMLElement");
   }
-  async function r(e, t, ...s) {
-    t in e && typeof e[t] == "function" && await e[t](...s);
-  }
-  function C(e) {
-    return e.split("-").map(
-      (t, s) => s === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)
-    ).join("");
-  }
-  function p(e) {
-    return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  async function a(s, t, ...e) {
+    t in s && typeof s[t] == "function" && await s[t](...e);
   }
-  function S(e) {
-    if (typeof e == "number")
-      return e;
-    const t = parseFloat(e);
+  function m(s) {
+    if (typeof s == "number")
+      return s;
+    const t = parseFloat(s);
     if (!Number.isNaN(t)) {
-      const s = e.includes("ms");
-      return t * (s ? 1 : 1e3);
+      const e = s.includes("ms");
+      return t * (e ? 1 : 1e3);
     }
-    throw new Error(`Could not convert value to milliseconds: ${e}`);
+    throw new Error(`Could not convert value to milliseconds: ${s}`);
   }
-  function m(e, t, s, i, n = 0) {
+  function u(s, t, e, i, n = 0) {
     return new Promise((o) => {
-      e.classList.remove(t), e.classList.add(s), setTimeout(() => {
-        e.classList.add(i), e.classList.remove(s), o(e);
-      }, S(n));
+      s.classList.remove(t), s.classList.add(e), setTimeout(() => {
+        s.classList.add(i), s.classList.remove(e), o(s);
+      }, m(n));
     });
   }
-  async function a(e, t, s) {
-    await r(t, e, s), s && await r(s, e);
-    for (const i of t.plugins)
-      await r(i, e, { plugin: i, parent: t, entry: s });
-    await t.emit(e, s);
-  }
-  function E$1(e) {
-    const t = getComputedStyle(e.el), s = {}, i = e.getSetting("customProps");
-    for (let n = 0; n < i.length; n++) {
-      const o = b(), l = e.parent.module.toLowerCase(), u2 = p(i[n]), g2 = t.getPropertyValue(`--${o}${l}-${u2}`).trim();
-      g2 && (s[u2] = g2);
+  function w(s, t = {}) {
+    const e = {
+      fallback: null,
+      element: document.body,
+      ...t
+    };
+    if (!s.startsWith("--")) {
+      const n = v();
+      n && (s = `${n}${s}`), s = `--${s}`;
     }
-    return s;
-  }
-  function b() {
-    return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
+    const i = getComputedStyle(e.element).getPropertyValue(s).trim();
+    if (i)
+      return i;
+    if (e.fallback)
+      return e.fallback;
+    throw new Error(`CSS variable "${s}" was not found!`);
   }
-  function O(e, t, s = "camel") {
-    return t = s === "camel" ? C(t) : p(t), e.split(".").concat(t).reduce((i, n) => i?.[n], this);
+  async function r(s, t, e) {
+    await a(t, s, e), e && await a(e, s);
+    for (const i of t.plugins)
+      await a(i, s, { parent: t, entry: e });
+    await t.emit(s, { parent: t, entry: e });
   }
-  function x(e, t = {}) {
-    const {
-      fallback: s,
-      props: i = ["dataConfig", "customProps", "settings", "parent.settings"]
-    } = t;
-    for (const n of i) {
-      const o = n !== "customProps" ? "camel" : "kebab", l = O.call(this, n, e, o);
-      if (l !== void 0)
-        return l;
-    }
-    if (s !== void 0)
-      return s;
-    throw new Error(`${this.parent.module} setting does not exist: ${e}`);
+  function v() {
+    return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function L(e, t) {
-    t && document.querySelectorAll(t).forEach((s) => {
-      e ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
+  function y(s, t) {
+    t && document.querySelectorAll(t).forEach((e) => {
+      s ? e.style.overflow = "hidden" : e.style.removeProperty("overflow");
     });
   }
-  function A(e, t) {
-    t && document.querySelectorAll(t).forEach((s) => {
-      s.inert = e;
+  function E(s, t) {
+    t && document.querySelectorAll(t).forEach((e) => {
+      e.inert = s;
     });
   }
-  function $(e, t, s) {
-    A(!!e, t), L(!!e, s);
+  function b(s, t, e) {
+    E(!!s, t), y(!!s, e);
   }
-  const P$1 = {
-    events: {},
-    on(e, t, ...s) {
-      this.events[e] || (this.events[e] = []), this.events[e].some(
-        (i) => i.listener === t
-      ) || this.events[e].push({ listener: t, args: s });
-    },
-    off(e, t) {
-      this.events[e] && (this.events[e] = this.events[e].filter(
-        (s) => s.listener !== t
+  class C {
+    #t;
+    #e;
+    constructor() {
+      this.#t = {}, this.#e = [];
+    }
+    get(t, e) {
+      const { fallback: i, source: n } = e ?? {};
+      if (n) {
+        const o = this.#t?.[n]?.[t];
+        if (o !== void 0)
+          return o;
+      } else
+        for (const o of this.#e) {
+          const f2 = this.#t?.[o]?.[t];
+          if (f2 !== void 0)
+            return f2;
+        }
+      if (i !== void 0)
+        return i;
+      throw new Error(`Config does not exist: ${t}`);
+    }
+    set(t, e = {}) {
+      let i, n;
+      return typeof t == "string" ? (i = t, n = e) : (i = "entry", n = t), this.#t[i] ? Object.assign(this.#t[i], n) : (this.#e.unshift(i), this.#t[i] = n), this.#t[i];
+    }
+    remove(t) {
+      const e = this.#e.indexOf(t);
+      e !== -1 && this.#e.splice(e, 1), delete this.#t[t];
+    }
+    setSourceOrder(t) {
+      const e = Object.keys(this.#t).reverse(), i = t.filter((n) => e.includes(n));
+      for (const n of e)
+        i.includes(n) || i.push(n);
+      return this.#e = i;
+    }
+  }
+  class x {
+    constructor() {
+      this.events = {};
+    }
+    on(t, e, ...i) {
+      this.events[t] || (this.events[t] = []), this.events[t].some(
+        (n) => n.listener === e
+      ) || this.events[t].push({ listener: e, args: i });
+    }
+    off(t, e) {
+      this.events[t] && (this.events[t] = this.events[t].filter(
+        (i) => i.listener !== e
       ));
-    },
-    async emit(e, t) {
-      if (e = e.startsWith("on") ? e.slice(2, 3).toLowerCase() + e.slice(3) : e, !!this.events[e])
-        for (const { listener: s, args: i } of this.events[e])
-          await s(t, ...i);
     }
-  };
-  let I$1 = class I extends Array {
+    async emit(t, ...e) {
+      if (t = t.startsWith("on") ? t.slice(2, 3).toLowerCase() + t.slice(3) : t, !!this.events[t])
+        for (const { listener: i, args: n } of this.events[t])
+          await i(...e, ...n);
+    }
+  }
+  class O extends Array {
     constructor(t = {}) {
       super(), this.presets = t;
     }
-    applySettings(t) {
-      const s = t?.defaults || {}, i = this.presets?.[t.name] || {}, n = t?.options || {};
-      t.settings = { ...s, ...i, ...n };
+    #t(t) {
+      const e = this.presets?.[t.name] || {}, i = t?.options || {};
+      t.config = { ...t.config, ...e, ...i };
     }
-    validate(t) {
+    #e(t) {
       return !("name" in t) || typeof t.name != "string" ? (console.error("Plugin requires a name!"), false) : true;
     }
     get(t) {
-      return this.find((s) => s.name === t);
+      return this.find((e) => e.name === t) || null;
     }
     add(t) {
       if (Array.isArray(t))
-        t.forEach((s) => this.add(s));
-      else if (this.applySettings(t), this.validate(t)) {
-        const s = this.findIndex((i) => i.name === t.name);
-        ~s ? this[s] = t : this.push(t);
+        t.forEach((e) => this.add(e));
+      else if (this.#t(t), this.#e(t)) {
+        const e = this.findIndex((i) => i.name === t.name);
+        ~e ? this[e] = t : this.push(t);
       }
     }
     remove(t) {
-      const s = this.findIndex((i) => i.name === t);
-      ~s && this.splice(s, 1);
+      const e = this.findIndex((i) => i.name === t);
+      ~e && this.splice(e, 1);
     }
-  };
-  let T$1 = class T extends Array {
+  }
+  class L extends Array {
     constructor(t = {}) {
-      super(), this.settings = t;
+      super(), this.config = t;
     }
     get copy() {
       return [...this];
@@ -1416,137 +1462,108 @@
       return this[this.length - 1] || null;
     }
     updateIndex() {
-      this.forEach((t, s) => {
+      this.forEach((t, e) => {
         t.el.style.zIndex = "";
-        const i = getComputedStyle(t.el)["z-index"];
-        t.el.style.zIndex = String(parseInt(i, 10) + s + 1);
+        const i = getComputedStyle(t.el).getPropertyValue("z-index"), n = parseInt(i, 10), o = String((Number.isNaN(n) ? 0 : n) + e + 1);
+        t.el.style.zIndex = o;
       });
     }
     onChange() {
-      this.updateIndex(), typeof this.settings.onChange == "function" && this.settings.onChange();
+      this.updateIndex(), typeof this.config.onChange == "function" && this.config.onChange();
     }
     add(t) {
       this.push(t), this.onChange();
     }
     remove(t) {
-      const s = this.findIndex((i) => i.id === t.id);
-      ~s && (t.el.style.zIndex = "", this.splice(s, 1), this.onChange());
+      const e = this.findIndex((i) => i.id === t.id);
+      ~e && (t.el.style.zIndex = "", this.splice(e, 1), this.onChange());
     }
     moveToTop(t) {
-      const s = this.findIndex((i) => i.id === t.id);
-      ~s && (this.splice(s, 1), this.add(t));
-    }
-  };
-  const k$1 = {
-    dataConfig: "config",
-    customProps: []
-  };
-  class w {
-    constructor(t, s, i = {}) {
-      this.parent = t, this.el = f(s), this.settings = { ...i }, this.dataConfig = {}, this.customProps = {};
-    }
-    get id() {
-      return this.el.id;
-    }
-    applySettings(t) {
-      return Object.assign(this.settings, t);
-    }
-    getSetting(t, s) {
-      return x.call(this, t, s);
-    }
-    buildDataConfig() {
-      return Object.assign(
-        this.dataConfig,
-        y(this.el, this.getSetting("dataConfig"))
-      );
-    }
-    buildCustomProps() {
-      return Object.assign(this.customProps, E$1(this));
-    }
-    async init(t = {}) {
-      this.applySettings(t), this.buildDataConfig(), this.buildCustomProps();
+      const e = this.findIndex((i) => i.id === t.id);
+      ~e && (this.splice(e, 1), this.add(t));
     }
-    async destroy() {
-      Object.getOwnPropertyNames(this).forEach((t) => {
-        delete this[t];
-      });
+  }
+  class d {
+    constructor(t, e) {
+      this.config = new C(), this.parent = t, this.el = p(e), this.id = this.el.id, this.config.set("parent", this.parent.config), this.config.set("entry", {});
     }
   }
-  class M {
+  const k$1 = {
+    selector: "",
+    plugins: [],
+    presets: {}
+  };
+  let A$1 = class A {
     constructor(t = {}) {
-      this.module = this.constructor.name, this.collection = [], this.entryClass = w, this.settings = { ...k$1, ...t }, this.plugins = new I$1(this.settings.presets), this.events = {}, Object.assign(this, P$1);
+      this.#t = new x(), this.events = this.#t.events, this.on = this.#t.on.bind(this.#t), this.off = this.#t.off.bind(this.#t), this.emit = this.#t.emit.bind(this.#t), this.collection = [], this.entryClass = d, this.name = this.constructor.name, this.config = { ...k$1, ...t }, this.plugins = new O(this.config.presets);
     }
-    get(t, s = "id") {
-      return this.collection.find((i) => i[s] === t);
+    #t;
+    get(t, e = "id") {
+      return this.collection.find((i) => i[e] === t);
     }
-    getOrThrow(t, s = "id") {
-      const i = this.get(t, s);
+    getOrThrow(t, e = "id") {
+      const i = this.get(t, e);
       if (i)
         return i;
       throw new Error(
-        `${this.module} entry not found in collection with ${s} of "${t}"`
+        `${this.name} entry not found in collection with ${String(e)} of "${t}"`
       );
     }
-    applySettings(t) {
-      return Object.assign(this.settings, t);
+    updateConfig(t = {}) {
+      return Object.assign(this.config, t);
     }
-    async createEntry(t, s) {
-      const i = new this.entryClass(this, t, s);
-      return await r(i, "init"), await a("onCreateEntry", this, i), i;
+    async createEntry(t) {
+      const e = new this.entryClass(this, t);
+      return await a(e, "init"), await r("onCreateEntry", this, e), e;
     }
     async destroyEntry(t) {
-      return await a("onDestroyEntry", this, t), await r(t, "destroy"), t;
+      return await r("onDestroyEntry", this, t), await a(t, "destroy"), t;
     }
-    async register(t, s = {}) {
-      const i = f(t), n = this.collection.findIndex((o) => o.id === i.id);
-      if (~n) {
-        const o = this.collection[n];
-        return o.el = i, typeof o.init == "function" && await o.init(s), o;
-      } else {
-        const o = await this.createEntry(i, s);
-        return this.collection.push(o), await a("onRegisterEntry", this, o), o;
-      }
+    async register(t) {
+      const e = this.collection.findIndex((i) => i.id === t.id);
+      return ~e ? this.collection[e] = t : this.collection.push(t), await r("onRegisterEntry", this, t), t;
     }
     async deregister(t) {
-      const s = this.collection.findIndex((i) => i.id === t);
-      if (~s) {
-        const i = await this.destroyEntry(this.collection[s]);
-        return await a(
+      const e = this.collection.findIndex((i) => i.id === t.id);
+      if (~e) {
+        await r(
           "onDeregisterEntry",
           this,
-          this.collection[s]
-        ), this.collection.splice(s, 1), i;
+          this.collection[e]
+        );
+        const [i] = this.collection.splice(e, 1);
       }
-      return null;
+      return t;
+    }
+    async mount(t = (e) => e) {
+      for (const e of this.config?.plugins || [])
+        this.plugins.add(e);
+      for (const e of this.plugins)
+        await a(e, "setup", this);
+      if (await r("beforeMount", this), this.config.selector) {
+        const e = document.querySelectorAll(this.config.selector);
+        for (const i of e)
+          await this.createEntry(i).then((n) => t(n)).then((n) => this.register(n));
+      }
+      return await r("afterMount", this), this;
     }
-    async mount(t = {}) {
-      this.applySettings(t);
-      for (const i of this.settings?.plugins || [])
-        this.plugins.add(i);
-      for (const i of this.plugins)
-        await r(i, "setup", { plugin: i, parent: this });
-      await a("beforeMount", this);
-      const s = document.querySelectorAll(this.settings.selector);
-      for (const i of s)
-        await this.register(i);
-      return await a("afterMount", this), this;
-    }
-    async unmount() {
-      for (await a("beforeUnmount", this); this.collection.length > 0; )
-        await this.deregister(this.collection[0].id);
-      await a("afterUnmount", this);
-      for (const t of this.plugins)
-        await r(t, "teardown", { plugin: t, parent: this });
-      for (const t of [...this.plugins])
-        this.plugins.remove(t.name);
+    async unmount(t = (e) => e) {
+      for (await r("beforeUnmount", this); this.collection.length > 0; )
+        await this.destroyEntry(this.collection[0]).then((e) => t(e)).then((e) => this.deregister(e));
+      await r("afterUnmount", this);
+      for (const e of this.plugins)
+        await a(e, "teardown", this);
+      for (const e of [...this.plugins])
+        this.plugins.remove(e.name);
       return this;
     }
-  }
-  const D$1 = {
+  };
+  w("theme-prefix", { fallback: "vb-theme-" });
+  const I$1 = {
     // Data attributes
-    dataOpen: "modal-open",
-    dataClose: "modal-close",
-    dataReplace: "modal-replace",
+    attrOpen: "modal-open",
+    attrClose: "modal-close",
+    attrReplace: "modal-replace",
     // Selectors
     selector: ".modal",
     selectorDialog: ".modal__dialog",
@@ -1560,149 +1577,153 @@
     stateOpening: "is-opening",
     stateClosing: "is-closing",
     stateClosed: "is-closed",
-    // Feature settings
+    // Feature configurations
     customProps: ["transition-duration"],
     customEventPrefix: "modal:",
     setTabindex: true,
     transition: true,
     transitionDuration: 300
   };
-  function c(e) {
-    e.active ? (e.active.dialog.querySelector(e.settings.selectorFocus) || e.active.dialog).focus() : e.trigger && (e.trigger.focus(), e.trigger = null);
-  }
-  async function h(e, t, s = true) {
-    return e.parent.stack.moveToTop(e), e.state === "closed" && (e.state = "opening", e.parent.stack.add(e), t ?? e.getSetting("transition") ? await m(
-      e.el,
-      e.getSetting("stateClosed"),
-      e.getSetting("stateOpening"),
-      e.getSetting("stateOpened"),
-      e.getSetting("transitionDuration")
-    ) : (e.el.classList.add(e.getSetting("stateOpened")), e.el.classList.remove(e.getSetting("stateClosed"))), e.state = "opened"), s && c(e.parent), e.el.dispatchEvent(
-      new CustomEvent(e.getSetting("customEventPrefix") + "opened", {
-        detail: e.parent,
+  function c(s) {
+    if (s.active) {
+      const t = s.active.dialog.querySelector(s.config.selectorFocus) || s.active.dialog;
+      "focus" in t && typeof t.focus == "function" && t.focus();
+    } else
+      s.trigger && (s.trigger.focus(), s.trigger = null);
+  }
+  async function l(s, t, e = true) {
+    return s.parent.stack.moveToTop(s), s.state === "closed" && (s.state = "opening", s.parent.stack.add(s), t ?? s.config.get("transition") ? await u(
+      s.el,
+      s.config.get("stateClosed"),
+      s.config.get("stateOpening"),
+      s.config.get("stateOpened"),
+      s.config.get("transitionDuration")
+    ) : (s.el.classList.add(s.config.get("stateOpened")), s.el.classList.remove(s.config.get("stateClosed"))), s.state = "opened"), e && c(s.parent), s.el.dispatchEvent(
+      new CustomEvent(s.config.get("customEventPrefix") + "opened", {
+        detail: s.parent,
         bubbles: true
       })
-    ), await e.parent.emit("opened", e), e;
-  }
-  async function d(e, t, s = true) {
-    return e && e.state === "opened" && (e.state = "closing", document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), t ?? e.getSetting("transition") ? await m(
-      e.el,
-      e.getSetting("stateOpened"),
-      e.getSetting("stateClosing"),
-      e.getSetting("stateClosed"),
-      e.getSetting("transitionDuration")
-    ) : (e.el.classList.add(e.getSetting("stateClosed")), e.el.classList.remove(e.getSetting("stateOpened"))), e.parent.stack.remove(e), e.state = "closed", s && c(e.parent), e.el.dispatchEvent(
-      new CustomEvent(e.getSetting("customEventPrefix") + "closed", {
-        detail: e.parent,
+    ), await s.parent.emit("opened", s), s;
+  }
+  async function h(s, t, e = true) {
+    return s && s.state === "opened" && (s.state = "closing", document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), t ?? s.config.get("transition") ? await u(
+      s.el,
+      s.config.get("stateOpened"),
+      s.config.get("stateClosing"),
+      s.config.get("stateClosed"),
+      s.config.get("transitionDuration")
+    ) : (s.el.classList.add(s.config.get("stateClosed")), s.el.classList.remove(s.config.get("stateOpened"))), s.parent.stack.remove(s), s.state = "closed", e && c(s.parent), s.el.dispatchEvent(
+      new CustomEvent(s.config.get("customEventPrefix") + "closed", {
+        detail: s.parent,
         bubbles: true
       })
-    ), await e.parent.emit("closed", e)), e;
+    ), await s.parent.emit("closed", s)), s;
   }
-  async function v(e, t, s = true) {
+  async function g(s, t, e = true) {
     let i, n;
-    return e.state === "opened" ? (i = e, n = await e.parent.closeAll(e.id, t)) : [n, i] = await Promise.all([
-      e.parent.closeAll("", t),
-      h(e, t, false)
-    ]), s && c(e.parent), { opened: i, closed: n };
+    return s.state === "opened" ? (i = s, n = await s.parent.closeAll(s.id, t)) : [n, i] = await Promise.all([
+      s.parent.closeAll("", t),
+      l(s, t, false)
+    ]), e && c(s.parent), { opened: i, closed: n };
   }
-  let q$1 = class q extends w {
-    constructor(t, s, i = {}) {
-      super(t, s, i), this.state = "closed", this.dialog = this.el.querySelector(this.getSetting("selectorDialog")) || this.el;
+  class $ extends d {
+    constructor(t, e) {
+      super(t, e), this.state = "closed", this.dialog = this.el.querySelector(this.config.get("selectorDialog")) || this.el;
     }
     get isRequired() {
-      return this.dialog.matches(this.getSetting("selectorRequired"));
+      return this.dialog.matches(this.config.get("selectorRequired"));
     }
-    async open(t, s) {
-      return h(this, t, s);
+    async open(t, e) {
+      return l(this, t, e);
     }
-    async close(t, s) {
-      return d(this, t, s);
+    async close(t, e) {
+      return h(this, t, e);
     }
-    async replace(t, s) {
-      return v(this, t, s);
+    async replace(t, e) {
+      return g(this, t, e);
     }
     async deregister() {
-      return this.parent.deregister(this.id);
+      return this.parent.deregister(this);
     }
     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");
+      this.dialog.setAttribute("aria-modal", "true"), this.dialog.hasAttribute("role") || this.dialog.setAttribute("role", "dialog"), this.config.get("setTabindex") && this.dialog.setAttribute("tabindex", "-1");
     }
     async onRegisterEntry() {
-      this.el.classList.contains(this.getSetting("stateOpened")) ? await this.open(false) : (this.el.classList.remove(this.getSetting("stateOpening")), this.el.classList.remove(this.getSetting("stateClosing")), this.el.classList.add(this.getSetting("stateClosed")));
+      this.el.classList.contains(this.config.get("stateOpened")) ? await this.open(false) : (this.el.classList.remove(this.config.get("stateOpening")), this.el.classList.remove(this.config.get("stateClosing")), this.el.classList.add(this.config.get("stateClosed")));
     }
     async onDestroyEntry() {
       this.state === "opened" && await this.close(false);
     }
-  };
-  async function R$1(e) {
-    const t = e.target;
+  }
+  async function T(s) {
+    const t = s.target;
     if (t) {
-      const s = t.closest(`
-      [data-${this.settings.dataOpen}],
-      [data-${this.settings.dataReplace}],
-      [data-${this.settings.dataClose}]
+      const e = t.closest(`
+      [data-${this.config.attrOpen}],
+      [data-${this.config.attrReplace}],
+      [data-${this.config.attrClose}]
     `);
-      if (s) {
-        if (e.preventDefault(), s.matches(`[data-${this.settings.dataOpen}]`)) {
-          const i = s.getAttribute(`data-${this.settings.dataOpen}`)?.trim(), n = this.getOrThrow(i);
-          return t.closest(this.settings.selector) || (this.trigger = s), n.open();
+      if (e) {
+        if (s.preventDefault(), e.matches(`[data-${this.config.attrOpen}]`)) {
+          const i = e.getAttribute(`data-${this.config.attrOpen}`)?.trim(), n = this.getOrThrow(i);
+          return t.closest(this.config.selector) || (this.trigger = e), n.open();
         }
-        if (s.matches(`[data-${this.settings.dataReplace}]`)) {
-          const i = s.getAttribute(`data-${this.settings.dataReplace}`)?.trim(), n = this.getOrThrow(i);
-          return t.closest(this.settings.selector) || (this.trigger = s), n.replace();
+        if (e.matches(`[data-${this.config.attrReplace}]`)) {
+          const i = e.getAttribute(`data-${this.config.attrReplace}`)?.trim(), n = this.getOrThrow(i);
+          return t.closest(this.config.selector) || (this.trigger = e), n.replace();
         }
-        if (s.matches(`[data-${this.settings.dataClose}]`)) {
-          const i = s.getAttribute(`data-${this.settings.dataClose}`)?.trim();
+        if (e.matches(`[data-${this.config.attrClose}]`)) {
+          const i = e.getAttribute(`data-${this.config.attrClose}`)?.trim();
           return i === "*" ? this.closeAll() : this.close(i || "");
         }
       }
-      if (this.active && t.matches(this.settings.selectorScreen) && !this.active.isRequired)
+      if (this.active && t.matches(this.config.selectorScreen) && !this.active.isRequired)
         return this.close();
     }
   }
-  function j$1(e) {
-    if (e.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
+  function S$1(s) {
+    if (s.key === "Escape" && this.active && !this.active.dialog.matches(this.config.selectorRequired))
       return this.close();
   }
-  async function z$1(e = "", t) {
-    const s = [];
+  async function M(s = "", t) {
+    const e = [];
     return await Promise.all(
       this.stack.copy.map(async (i) => {
-        e && e === i.id || s.push(await d(i, t, false));
+        s && s === i.id || e.push(await h(i, t, false));
       })
-    ), s;
+    ), e;
   }
-  let H$1 = class H extends M {
-    #t;
-    #e;
+  let P$1 = class P extends A$1 {
     constructor(t) {
-      super({ ...D$1, ...t }), this.module = "Modal", this.entryClass = q$1, this.trigger = null, this.#t = R$1.bind(this), this.#e = j$1.bind(this), this.stack = new T$1({
+      super({ ...I$1, ...t }), this.entryClass = $, this.name = "Modal", this.trigger = null, this.#t = T.bind(this), this.#e = S$1.bind(this), this.stack = new L({
         onChange: () => {
-          $(
+          b(
             !!this.stack.top,
-            this.settings.selectorInert,
-            this.settings.selectorOverflow
+            this.config.selectorInert,
+            this.config.selectorOverflow
           );
         }
       });
     }
+    #t;
+    #e;
     get active() {
       return this.stack.top;
     }
-    async open(t, s, i) {
+    async open(t, e, i) {
       const n = this.getOrThrow(t);
-      return h(n, s, i);
+      return l(n, e, i);
     }
-    async close(t, s, i) {
+    async close(t, e, i) {
       const n = t ? this.getOrThrow(t) : this.active;
-      return d(n, s, i);
+      return h(n, e, i);
     }
-    async replace(t, s, i) {
+    async replace(t, e, i) {
       const n = this.getOrThrow(t);
-      return v(n, s, i);
+      return g(n, e, i);
     }
-    async closeAll(t, s, i = true) {
-      const n = await z$1.call(this, t, s);
+    async closeAll(t, e, i = true) {
+      const n = await M.call(this, t, e);
       return i && c(this), n;
     }
     async afterMount() {
@@ -1715,11 +1736,7 @@
       document.removeEventListener("click", this.#t, false), document.removeEventListener("keydown", this.#e, false);
     }
   };
-  function Jt(t, e = "config") {
-    const n = (t.getAttribute(`data-${e}`) || "").replace(/'/g, '"');
-    return n ? JSON.parse(n) : {};
-  }
-  function Rt(t) {
+  function jt(t) {
     if (typeof t == "string") {
       const e = document.getElementById(t);
       if (e) return e;
@@ -1734,84 +1751,107 @@
   async function z(t, e, ...n) {
     e in t && typeof t[e] == "function" && await t[e](...n);
   }
-  function Zt(t) {
-    return t.split("-").map(
-      (e, n) => n === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)
-    ).join("");
-  }
-  function kt(t) {
-    return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  }
-  async function H(t, e, n) {
+  function Kt(t, e = {}) {
+    const n = {
+      fallback: null,
+      element: document.body,
+      ...e
+    };
+    if (!t.startsWith("--")) {
+      const s = Jt();
+      s && (t = `${s}${t}`), t = `--${t}`;
+    }
+    const i = getComputedStyle(n.element).getPropertyValue(t).trim();
+    if (i)
+      return i;
+    if (n.fallback)
+      return n.fallback;
+    throw new Error(`CSS variable "${t}" was not found!`);
+  }
+  async function N(t, e, n) {
     await z(e, t, n), n && await z(n, t);
     for (const i of e.plugins)
-      await z(i, t, { plugin: i, parent: e, entry: n });
-    await e.emit(t, n);
+      await z(i, t, { parent: e, entry: n });
+    await e.emit(t, { parent: e, entry: n });
   }
-  function Gt(t) {
-    const e = getComputedStyle(t.el), n = {}, i = t.getSetting("customProps");
-    for (let s = 0; s < i.length; s++) {
-      const o = Qt(), r2 = t.parent.module.toLowerCase(), c2 = kt(i[s]), l = e.getPropertyValue(`--${o}${r2}-${c2}`).trim();
-      l && (n[c2] = l);
-    }
-    return n;
-  }
-  function Qt() {
+  function Jt() {
     return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
   }
-  function te(t, e, n = "camel") {
-    return e = n === "camel" ? Zt(e) : kt(e), t.split(".").concat(e).reduce((i, s) => i?.[s], this);
-  }
-  function ee(t, e = {}) {
-    const {
-      fallback: n,
-      props: i = ["dataConfig", "customProps", "settings", "parent.settings"]
-    } = e;
-    for (const s of i) {
-      const o = s !== "customProps" ? "camel" : "kebab", r2 = te.call(this, s, t, o);
-      if (r2 !== void 0)
-        return r2;
-    }
-    if (n !== void 0)
-      return n;
-    throw new Error(`${this.parent.module} setting does not exist: ${t}`);
+  class Gt {
+    #t;
+    #e;
+    constructor() {
+      this.#t = {}, this.#e = [];
+    }
+    get(e, n) {
+      const { fallback: i, source: s } = n ?? {};
+      if (s) {
+        const o = this.#t?.[s]?.[e];
+        if (o !== void 0)
+          return o;
+      } else
+        for (const o of this.#e) {
+          const r2 = this.#t?.[o]?.[e];
+          if (r2 !== void 0)
+            return r2;
+        }
+      if (i !== void 0)
+        return i;
+      throw new Error(`Config does not exist: ${e}`);
+    }
+    set(e, n = {}) {
+      let i, s;
+      return typeof e == "string" ? (i = e, s = n) : (i = "entry", s = e), this.#t[i] ? Object.assign(this.#t[i], s) : (this.#e.unshift(i), this.#t[i] = s), this.#t[i];
+    }
+    remove(e) {
+      const n = this.#e.indexOf(e);
+      n !== -1 && this.#e.splice(n, 1), delete this.#t[e];
+    }
+    setSourceOrder(e) {
+      const n = Object.keys(this.#t).reverse(), i = e.filter((s) => n.includes(s));
+      for (const s of n)
+        i.includes(s) || i.push(s);
+      return this.#e = i;
+    }
   }
-  const ne = {
-    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: n });
-    },
-    off(t, e) {
-      this.events[t] && (this.events[t] = this.events[t].filter(
-        (n) => n.listener !== e
+  class Qt {
+    constructor() {
+      this.events = {};
+    }
+    on(e, n, ...i) {
+      this.events[e] || (this.events[e] = []), this.events[e].some(
+        (s) => s.listener === n
+      ) || this.events[e].push({ listener: n, args: i });
+    }
+    off(e, n) {
+      this.events[e] && (this.events[e] = this.events[e].filter(
+        (i) => i.listener !== n
       ));
-    },
-    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: i } of this.events[t])
-          await n(e, ...i);
     }
-  };
-  class ie extends Array {
+    async emit(e, ...n) {
+      if (e = e.startsWith("on") ? e.slice(2, 3).toLowerCase() + e.slice(3) : e, !!this.events[e])
+        for (const { listener: i, args: s } of this.events[e])
+          await i(...n, ...s);
+    }
+  }
+  class Zt extends Array {
     constructor(e = {}) {
       super(), this.presets = e;
     }
-    applySettings(e) {
-      const n = e?.defaults || {}, i = this.presets?.[e.name] || {}, s = e?.options || {};
-      e.settings = { ...n, ...i, ...s };
+    #t(e) {
+      const n = this.presets?.[e.name] || {}, i = e?.options || {};
+      e.config = { ...e.config, ...n, ...i };
     }
-    validate(e) {
+    #e(e) {
       return !("name" in e) || typeof e.name != "string" ? (console.error("Plugin requires a name!"), false) : true;
     }
     get(e) {
-      return this.find((n) => n.name === e);
+      return this.find((n) => n.name === e) || null;
     }
     add(e) {
       if (Array.isArray(e))
         e.forEach((n) => this.add(n));
-      else if (this.applySettings(e), this.validate(e)) {
+      else if (this.#t(e), this.#e(e)) {
         const n = this.findIndex((i) => i.name === e.name);
         ~n ? this[n] = e : this.push(e);
       }
@@ -1821,45 +1861,21 @@
       ~n && this.splice(n, 1);
     }
   }
-  const se = {
-    dataConfig: "config",
-    customProps: []
-  };
-  class Dt {
-    constructor(e, n, i = {}) {
-      this.parent = e, this.el = Rt(n), this.settings = { ...i }, this.dataConfig = {}, this.customProps = {};
-    }
-    get id() {
-      return this.el.id;
-    }
-    applySettings(e) {
-      return Object.assign(this.settings, e);
-    }
-    getSetting(e, n) {
-      return ee.call(this, e, n);
-    }
-    buildDataConfig() {
-      return Object.assign(
-        this.dataConfig,
-        Jt(this.el, this.getSetting("dataConfig"))
-      );
-    }
-    buildCustomProps() {
-      return Object.assign(this.customProps, Gt(this));
-    }
-    async init(e = {}) {
-      this.applySettings(e), this.buildDataConfig(), this.buildCustomProps();
-    }
-    async destroy() {
-      Object.getOwnPropertyNames(this).forEach((e) => {
-        delete this[e];
-      });
+  class Pt {
+    constructor(e, n) {
+      this.config = new Gt(), this.parent = e, this.el = jt(n), this.id = this.el.id, this.config.set("parent", this.parent.config), this.config.set("entry", {});
     }
   }
-  class oe {
+  const te = {
+    selector: "",
+    plugins: [],
+    presets: {}
+  };
+  class ee {
     constructor(e = {}) {
-      this.module = this.constructor.name, this.collection = [], this.entryClass = Dt, this.settings = { ...se, ...e }, this.plugins = new ie(this.settings.presets), this.events = {}, Object.assign(this, ne);
+      this.#t = new Qt(), this.events = this.#t.events, this.on = this.#t.on.bind(this.#t), this.off = this.#t.off.bind(this.#t), this.emit = this.#t.emit.bind(this.#t), this.collection = [], this.entryClass = Pt, this.name = this.constructor.name, this.config = { ...te, ...e }, this.plugins = new Zt(this.config.presets);
     }
+    #t;
     get(e, n = "id") {
       return this.collection.find((i) => i[n] === e);
     }
@@ -1868,65 +1884,60 @@
       if (i)
         return i;
       throw new Error(
-        `${this.module} entry not found in collection with ${n} of "${e}"`
+        `${this.name} entry not found in collection with ${String(n)} of "${e}"`
       );
     }
-    applySettings(e) {
-      return Object.assign(this.settings, e);
+    updateConfig(e = {}) {
+      return Object.assign(this.config, e);
     }
-    async createEntry(e, n) {
-      const i = new this.entryClass(this, e, n);
-      return await z(i, "init"), await H("onCreateEntry", this, i), i;
+    async createEntry(e) {
+      const n = new this.entryClass(this, e);
+      return await z(n, "init"), await N("onCreateEntry", this, n), n;
     }
     async destroyEntry(e) {
-      return await H("onDestroyEntry", this, e), await z(e, "destroy"), e;
+      return await N("onDestroyEntry", this, e), await z(e, "destroy"), e;
     }
-    async register(e, n = {}) {
-      const i = Rt(e), s = this.collection.findIndex((o) => o.id === i.id);
-      if (~s) {
-        const o = this.collection[s];
-        return o.el = i, typeof o.init == "function" && await o.init(n), o;
-      } else {
-        const o = await this.createEntry(i, n);
-        return this.collection.push(o), await H("onRegisterEntry", this, o), o;
-      }
+    async register(e) {
+      const n = this.collection.findIndex((i) => i.id === e.id);
+      return ~n ? this.collection[n] = e : this.collection.push(e), await N("onRegisterEntry", this, e), e;
     }
     async deregister(e) {
-      const n = this.collection.findIndex((i) => i.id === e);
+      const n = this.collection.findIndex((i) => i.id === e.id);
       if (~n) {
-        const i = await this.destroyEntry(this.collection[n]);
-        return await H(
+        await N(
           "onDeregisterEntry",
           this,
           this.collection[n]
-        ), this.collection.splice(n, 1), i;
+        );
+        const [i] = this.collection.splice(n, 1);
       }
-      return null;
+      return e;
     }
-    async mount(e = {}) {
-      this.applySettings(e);
-      for (const i of this.settings?.plugins || [])
-        this.plugins.add(i);
-      for (const i of this.plugins)
-        await z(i, "setup", { plugin: i, parent: this });
-      await H("beforeMount", this);
-      const n = document.querySelectorAll(this.settings.selector);
-      for (const i of n)
-        await this.register(i);
-      return await H("afterMount", this), this;
-    }
-    async unmount() {
-      for (await H("beforeUnmount", this); this.collection.length > 0; )
-        await this.deregister(this.collection[0].id);
-      await H("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);
+    async mount(e = (n) => n) {
+      for (const n of this.config?.plugins || [])
+        this.plugins.add(n);
+      for (const n of this.plugins)
+        await z(n, "setup", this);
+      if (await N("beforeMount", this), this.config.selector) {
+        const n = document.querySelectorAll(this.config.selector);
+        for (const i of n)
+          await this.createEntry(i).then((s) => e(s)).then((s) => this.register(s));
+      }
+      return await N("afterMount", this), this;
+    }
+    async unmount(e = (n) => n) {
+      for (await N("beforeUnmount", this); this.collection.length > 0; )
+        await this.destroyEntry(this.collection[0]).then((n) => e(n)).then((n) => this.deregister(n));
+      await N("afterUnmount", this);
+      for (const n of this.plugins)
+        await z(n, "teardown", this);
+      for (const n of [...this.plugins])
+        this.plugins.remove(n.name);
       return this;
     }
   }
-  const re = {
+  Kt("theme-prefix", { fallback: "vb-theme-" });
+  const ne = {
     // Selectors
     selector: ".popover",
     selectorTooltip: ".popover_tooltip",
@@ -1951,22 +1962,22 @@
     shiftPadding: 0,
     arrowPadding: 0,
     toggleDelay: 0
-  }, Y = Math.min, j = Math.max, st = Math.round, it = Math.floor, R = (t) => ({
+  }, j = Math.min, q = Math.max, st = Math.round, it = Math.floor, P = (t) => ({
     x: t,
     y: t
-  }), ce = {
+  }), ie = {
     left: "right",
     right: "left",
     bottom: "top",
     top: "bottom"
-  }, le = {
+  }, se = {
     start: "end",
     end: "start"
   };
-  function gt(t, e, n) {
-    return j(t, Y(e, n));
+  function ht(t, e, n) {
+    return q(t, j(e, n));
   }
-  function q(t, e) {
+  function X(t, e) {
     return typeof t == "function" ? t(e) : t;
   }
   function I(t) {
@@ -1981,48 +1992,48 @@
   function wt(t) {
     return t === "y" ? "height" : "width";
   }
-  const ae = /* @__PURE__ */ new Set(["top", "bottom"]);
+  const oe = /* @__PURE__ */ new Set(["top", "bottom"]);
   function F(t) {
-    return ae.has(I(t)) ? "y" : "x";
+    return oe.has(I(t)) ? "y" : "x";
   }
   function yt(t) {
     return pt(F(t));
   }
-  function fe(t, e, n) {
+  function re(t, e, n) {
     n === void 0 && (n = false);
     const i = et(t), s = yt(t), o = wt(s);
     let r2 = s === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
     return e.reference[o] > e.floating[o] && (r2 = ot(r2)), [r2, ot(r2)];
   }
-  function ue(t) {
+  function ce(t) {
     const e = ot(t);
-    return [ht(t), e, ht(e)];
+    return [gt(t), e, gt(e)];
   }
-  function ht(t) {
-    return t.replace(/start|end/g, (e) => le[e]);
+  function gt(t) {
+    return t.replace(/start|end/g, (e) => se[e]);
   }
-  const At = ["left", "right"], Et = ["right", "left"], de = ["top", "bottom"], ge = ["bottom", "top"];
-  function he(t, e, n) {
+  const Et = ["left", "right"], At = ["right", "left"], le = ["top", "bottom"], ae = ["bottom", "top"];
+  function fe(t, e, n) {
     switch (t) {
       case "top":
       case "bottom":
-        return n ? e ? Et : At : e ? At : Et;
+        return n ? e ? At : Et : e ? Et : At;
       case "left":
       case "right":
-        return e ? de : ge;
+        return e ? le : ae;
       default:
         return [];
     }
   }
-  function me(t, e, n, i) {
+  function ue(t, e, n, i) {
     const s = et(t);
-    let o = he(I(t), n === "start", i);
-    return s && (o = o.map((r2) => r2 + "-" + s), e && (o = o.concat(o.map(ht)))), o;
+    let o = fe(I(t), n === "start", i);
+    return s && (o = o.map((r2) => r2 + "-" + s), e && (o = o.concat(o.map(gt)))), o;
   }
   function ot(t) {
-    return t.replace(/left|right|bottom|top/g, (e) => ce[e]);
+    return t.replace(/left|right|bottom|top/g, (e) => ie[e]);
   }
-  function pe(t) {
+  function de(t) {
     return {
       top: 0,
       right: 0,
@@ -2031,8 +2042,8 @@
       ...t
     };
   }
-  function Mt(t) {
-    return typeof t != "number" ? pe(t) : {
+  function kt(t) {
+    return typeof t != "number" ? de(t) : {
       top: t,
       right: t,
       bottom: t,
@@ -2062,9 +2073,9 @@
       reference: i,
       floating: s
     } = t;
-    const o = F(e), r2 = yt(e), c2 = wt(r2), l = I(e), a2 = o === "y", d2 = i.x + i.width / 2 - s.width / 2, u2 = i.y + i.height / 2 - s.height / 2, g2 = i[c2] / 2 - s[c2] / 2;
+    const o = F(e), r2 = yt(e), c2 = wt(r2), a2 = I(e), l2 = o === "y", d2 = i.x + i.width / 2 - s.width / 2, u2 = i.y + i.height / 2 - s.height / 2, h2 = i[c2] / 2 - s[c2] / 2;
     let f2;
-    switch (l) {
+    switch (a2) {
       case "top":
         f2 = {
           x: d2,
@@ -2097,29 +2108,29 @@
     }
     switch (et(e)) {
       case "start":
-        f2[r2] -= g2 * (n && a2 ? -1 : 1);
+        f2[r2] -= h2 * (n && l2 ? -1 : 1);
         break;
       case "end":
-        f2[r2] += g2 * (n && a2 ? -1 : 1);
+        f2[r2] += h2 * (n && l2 ? -1 : 1);
         break;
     }
     return f2;
   }
-  const we = async (t, e, n) => {
+  const he = async (t, e, n) => {
     const {
       placement: i = "bottom",
       strategy: s = "absolute",
       middleware: o = [],
       platform: r2
-    } = n, c2 = o.filter(Boolean), l = await (r2.isRTL == null ? void 0 : r2.isRTL(e));
-    let a2 = await r2.getElementRects({
+    } = n, c2 = o.filter(Boolean), a2 = await (r2.isRTL == null ? void 0 : r2.isRTL(e));
+    let l2 = await r2.getElementRects({
       reference: t,
       floating: e,
       strategy: s
     }), {
       x: d2,
       y: u2
-    } = Ct(a2, i, l), g2 = i, f2 = {}, h2 = 0;
+    } = Ct(l2, i, a2), h2 = i, f2 = {}, g2 = 0;
     for (let m2 = 0; m2 < c2.length; m2++) {
       const {
         name: p2,
@@ -2127,16 +2138,16 @@
       } = c2[m2], {
         x: y2,
         y: x2,
-        data: v2,
-        reset: b2
+        data: b2,
+        reset: v2
       } = await w2({
         x: d2,
         y: u2,
         initialPlacement: i,
-        placement: g2,
+        placement: h2,
         strategy: s,
         middlewareData: f2,
-        rects: a2,
+        rects: l2,
         platform: r2,
         elements: {
           reference: t,
@@ -2147,26 +2158,26 @@
         ...f2,
         [p2]: {
           ...f2[p2],
-          ...v2
+          ...b2
         }
-      }, b2 && h2 <= 50 && (h2++, typeof b2 == "object" && (b2.placement && (g2 = b2.placement), b2.rects && (a2 = b2.rects === true ? await r2.getElementRects({
+      }, v2 && g2 <= 50 && (g2++, typeof v2 == "object" && (v2.placement && (h2 = v2.placement), v2.rects && (l2 = v2.rects === true ? await r2.getElementRects({
         reference: t,
         floating: e,
         strategy: s
-      }) : b2.rects), {
+      }) : v2.rects), {
         x: d2,
         y: u2
-      } = Ct(a2, g2, l)), m2 = -1);
+      } = Ct(l2, h2, a2)), m2 = -1);
     }
     return {
       x: d2,
       y: u2,
-      placement: g2,
+      placement: h2,
       strategy: s,
       middlewareData: f2
     };
   };
-  async function $t(t, e) {
+  async function Dt(t, e) {
     var n;
     e === void 0 && (e = {});
     const {
@@ -2175,43 +2186,43 @@
       platform: o,
       rects: r2,
       elements: c2,
-      strategy: l
+      strategy: a2
     } = t, {
-      boundary: a2 = "clippingAncestors",
+      boundary: l2 = "clippingAncestors",
       rootBoundary: d2 = "viewport",
       elementContext: u2 = "floating",
-      altBoundary: g2 = false,
+      altBoundary: h2 = false,
       padding: f2 = 0
-    } = q(e, t), h2 = Mt(f2), p2 = c2[g2 ? u2 === "floating" ? "reference" : "floating" : u2], w2 = rt(await o.getClippingRect({
+    } = X(e, t), g2 = kt(f2), p2 = c2[h2 ? u2 === "floating" ? "reference" : "floating" : u2], w2 = rt(await o.getClippingRect({
       element: (n = await (o.isElement == null ? void 0 : o.isElement(p2))) == null || n ? p2 : p2.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(c2.floating)),
-      boundary: a2,
+      boundary: l2,
       rootBoundary: d2,
-      strategy: l
+      strategy: a2
     })), y2 = u2 === "floating" ? {
       x: i,
       y: s,
       width: r2.floating.width,
       height: r2.floating.height
-    } : r2.reference, x2 = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c2.floating)), v2 = await (o.isElement == null ? void 0 : o.isElement(x2)) ? await (o.getScale == null ? void 0 : o.getScale(x2)) || {
+    } : r2.reference, x2 = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c2.floating)), b2 = await (o.isElement == null ? void 0 : o.isElement(x2)) ? await (o.getScale == null ? void 0 : o.getScale(x2)) || {
       x: 1,
       y: 1
     } : {
       x: 1,
       y: 1
-    }, b2 = rt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    }, v2 = rt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
       elements: c2,
       rect: y2,
       offsetParent: x2,
-      strategy: l
+      strategy: a2
     }) : y2);
     return {
-      top: (w2.top - b2.top + h2.top) / v2.y,
-      bottom: (b2.bottom - w2.bottom + h2.bottom) / v2.y,
-      left: (w2.left - b2.left + h2.left) / v2.x,
-      right: (b2.right - w2.right + h2.right) / v2.x
+      top: (w2.top - v2.top + g2.top) / b2.y,
+      bottom: (v2.bottom - w2.bottom + g2.bottom) / b2.y,
+      left: (w2.left - v2.left + g2.left) / b2.x,
+      right: (v2.right - w2.right + g2.right) / b2.x
     };
   }
-  const ye = (t) => ({
+  const ge = (t) => ({
     name: "arrow",
     options: t,
     async fn(e) {
@@ -2222,33 +2233,33 @@
         rects: o,
         platform: r2,
         elements: c2,
-        middlewareData: l
+        middlewareData: a2
       } = e, {
-        element: a2,
+        element: l2,
         padding: d2 = 0
-      } = q(t, e) || {};
-      if (a2 == null)
+      } = X(t, e) || {};
+      if (l2 == null)
         return {};
-      const u2 = Mt(d2), g2 = {
+      const u2 = kt(d2), h2 = {
         x: n,
         y: i
-      }, f2 = yt(s), h2 = wt(f2), m2 = await r2.getDimensions(a2), p2 = f2 === "y", w2 = p2 ? "top" : "left", y2 = p2 ? "bottom" : "right", x2 = p2 ? "clientHeight" : "clientWidth", v2 = o.reference[h2] + o.reference[f2] - g2[f2] - o.floating[h2], b2 = g2[f2] - o.reference[f2], C2 = await (r2.getOffsetParent == null ? void 0 : r2.getOffsetParent(a2));
-      let S2 = C2 ? C2[x2] : 0;
-      (!S2 || !await (r2.isElement == null ? void 0 : r2.isElement(C2))) && (S2 = c2.floating[x2] || o.floating[h2]);
-      const Z2 = v2 / 2 - b2 / 2, W2 = S2 / 2 - m2[h2] / 2 - 1, M2 = Y(u2[w2], W2), G2 = Y(u2[y2], W2), B2 = M2, Q2 = S2 - m2[h2] - G2, A2 = S2 / 2 - m2[h2] / 2 + Z2, _2 = gt(B2, A2, Q2), $2 = !l.arrow && et(s) != null && A2 !== _2 && o.reference[h2] / 2 - (A2 < B2 ? M2 : G2) - m2[h2] / 2 < 0, L2 = $2 ? A2 < B2 ? A2 - B2 : A2 - Q2 : 0;
+      }, f2 = yt(s), g2 = wt(f2), m2 = await r2.getDimensions(l2), p2 = f2 === "y", w2 = p2 ? "top" : "left", y2 = p2 ? "bottom" : "right", x2 = p2 ? "clientHeight" : "clientWidth", b2 = o.reference[g2] + o.reference[f2] - h2[f2] - o.floating[g2], v2 = h2[f2] - o.reference[f2], C2 = await (r2.getOffsetParent == null ? void 0 : r2.getOffsetParent(l2));
+      let L2 = C2 ? C2[x2] : 0;
+      (!L2 || !await (r2.isElement == null ? void 0 : r2.isElement(C2))) && (L2 = c2.floating[x2] || o.floating[g2]);
+      const G2 = b2 / 2 - v2 / 2, V2 = L2 / 2 - m2[g2] / 2 - 1, M2 = j(u2[w2], V2), Q2 = j(u2[y2], V2), B2 = M2, Z2 = L2 - m2[g2] - Q2, E2 = L2 / 2 - m2[g2] / 2 + G2, _2 = ht(B2, E2, Z2), $2 = !a2.arrow && et(s) != null && E2 !== _2 && o.reference[g2] / 2 - (E2 < B2 ? M2 : Q2) - m2[g2] / 2 < 0, O2 = $2 ? E2 < B2 ? E2 - B2 : E2 - Z2 : 0;
       return {
-        [f2]: g2[f2] + L2,
+        [f2]: h2[f2] + O2,
         data: {
           [f2]: _2,
-          centerOffset: A2 - _2 - L2,
+          centerOffset: E2 - _2 - O2,
           ...$2 && {
-            alignmentOffset: L2
+            alignmentOffset: O2
           }
         },
         reset: $2
       };
     }
-  }), xe = function(t) {
+  }), me = function(t) {
     return t === void 0 && (t = {}), {
       name: "flip",
       options: t,
@@ -2259,60 +2270,60 @@
           middlewareData: o,
           rects: r2,
           initialPlacement: c2,
-          platform: l,
-          elements: a2
+          platform: a2,
+          elements: l2
         } = e, {
           mainAxis: d2 = true,
           crossAxis: u2 = true,
-          fallbackPlacements: g2,
+          fallbackPlacements: h2,
           fallbackStrategy: f2 = "bestFit",
-          fallbackAxisSideDirection: h2 = "none",
+          fallbackAxisSideDirection: g2 = "none",
           flipAlignment: m2 = true,
           ...p2
-        } = q(t, e);
+        } = X(t, e);
         if ((n = o.arrow) != null && n.alignmentOffset)
           return {};
-        const w2 = I(s), y2 = F(c2), x2 = I(c2) === c2, v2 = await (l.isRTL == null ? void 0 : l.isRTL(a2.floating)), b2 = g2 || (x2 || !m2 ? [ot(c2)] : ue(c2)), C2 = h2 !== "none";
-        !g2 && C2 && b2.push(...me(c2, m2, h2, v2));
-        const S2 = [c2, ...b2], Z2 = await $t(e, p2), W2 = [];
+        const w2 = I(s), y2 = F(c2), x2 = I(c2) === c2, b2 = await (a2.isRTL == null ? void 0 : a2.isRTL(l2.floating)), v2 = h2 || (x2 || !m2 ? [ot(c2)] : ce(c2)), C2 = g2 !== "none";
+        !h2 && C2 && v2.push(...ue(c2, m2, g2, b2));
+        const L2 = [c2, ...v2], G2 = await Dt(e, p2), V2 = [];
         let M2 = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-        if (d2 && W2.push(Z2[w2]), u2) {
-          const A2 = fe(s, r2, v2);
-          W2.push(Z2[A2[0]], Z2[A2[1]]);
+        if (d2 && V2.push(G2[w2]), u2) {
+          const E2 = re(s, r2, b2);
+          V2.push(G2[E2[0]], G2[E2[1]]);
         }
         if (M2 = [...M2, {
           placement: s,
-          overflows: W2
-        }], !W2.every((A2) => A2 <= 0)) {
-          var G2, B2;
-          const A2 = (((G2 = o.flip) == null ? void 0 : G2.index) || 0) + 1, _2 = S2[A2];
+          overflows: V2
+        }], !V2.every((E2) => E2 <= 0)) {
+          var Q2, B2;
+          const E2 = (((Q2 = o.flip) == null ? void 0 : Q2.index) || 0) + 1, _2 = L2[E2];
           if (_2 && (!(u2 === "alignment" ? y2 !== F(_2) : false) || // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          M2.every((O2) => F(O2.placement) === y2 ? O2.overflows[0] > 0 : true)))
+          M2.every((T2) => F(T2.placement) === y2 ? T2.overflows[0] > 0 : true)))
             return {
               data: {
-                index: A2,
+                index: E2,
                 overflows: M2
               },
               reset: {
                 placement: _2
               }
             };
-          let $2 = (B2 = M2.filter((L2) => L2.overflows[0] <= 0).sort((L2, O2) => L2.overflows[1] - O2.overflows[1])[0]) == null ? void 0 : B2.placement;
+          let $2 = (B2 = M2.filter((O2) => O2.overflows[0] <= 0).sort((O2, T2) => O2.overflows[1] - T2.overflows[1])[0]) == null ? void 0 : B2.placement;
           if (!$2)
             switch (f2) {
               case "bestFit": {
-                var Q2;
-                const L2 = (Q2 = M2.filter((O2) => {
+                var Z2;
+                const O2 = (Z2 = M2.filter((T2) => {
                   if (C2) {
-                    const N2 = F(O2.placement);
-                    return N2 === y2 || // Create a bias to the `y` side axis due to horizontal
+                    const H2 = F(T2.placement);
+                    return H2 === y2 || // Create a bias to the `y` side axis due to horizontal
                     // reading directions favoring greater width.
-                    N2 === "y";
+                    H2 === "y";
                   }
                   return true;
-                }).map((O2) => [O2.placement, O2.overflows.filter((N2) => N2 > 0).reduce((N2, Kt) => N2 + Kt, 0)]).sort((O2, N2) => O2[1] - N2[1])[0]) == null ? void 0 : Q2[0];
-                L2 && ($2 = L2);
+                }).map((T2) => [T2.placement, T2.overflows.filter((H2) => H2 > 0).reduce((H2, Yt) => H2 + Yt, 0)]).sort((T2, H2) => T2[1] - H2[1])[0]) == null ? void 0 : Z2[0];
+                O2 && ($2 = O2);
                 break;
               }
               case "initialPlacement":
@@ -2329,17 +2340,17 @@
         return {};
       }
     };
-  }, Ft = /* @__PURE__ */ new Set(["left", "top"]);
-  async function be(t, e) {
+  }, Mt = /* @__PURE__ */ new Set(["left", "top"]);
+  async function pe(t, e) {
     const {
       placement: n,
       platform: i,
       elements: s
-    } = t, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r2 = I(n), c2 = et(n), l = F(n) === "y", a2 = Ft.has(r2) ? -1 : 1, d2 = o && l ? -1 : 1, u2 = q(e, t);
+    } = t, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r2 = I(n), c2 = et(n), a2 = F(n) === "y", l2 = Mt.has(r2) ? -1 : 1, d2 = o && a2 ? -1 : 1, u2 = X(e, t);
     let {
-      mainAxis: g2,
+      mainAxis: h2,
       crossAxis: f2,
-      alignmentAxis: h2
+      alignmentAxis: g2
     } = typeof u2 == "number" ? {
       mainAxis: u2,
       crossAxis: 0,
@@ -2349,15 +2360,15 @@
       crossAxis: u2.crossAxis || 0,
       alignmentAxis: u2.alignmentAxis
     };
-    return c2 && typeof h2 == "number" && (f2 = c2 === "end" ? h2 * -1 : h2), l ? {
+    return c2 && typeof g2 == "number" && (f2 = c2 === "end" ? g2 * -1 : g2), a2 ? {
       x: f2 * d2,
-      y: g2 * a2
+      y: h2 * l2
     } : {
-      x: g2 * a2,
+      x: h2 * l2,
       y: f2 * d2
     };
   }
-  const ve = function(t) {
+  const we = function(t) {
     return t === void 0 && (t = 0), {
       name: "offset",
       options: t,
@@ -2368,18 +2379,18 @@
           y: o,
           placement: r2,
           middlewareData: c2
-        } = e, l = await be(e, t);
+        } = e, a2 = await pe(e, t);
         return r2 === ((n = c2.offset) == null ? void 0 : n.placement) && (i = c2.arrow) != null && i.alignmentOffset ? {} : {
-          x: s + l.x,
-          y: o + l.y,
+          x: s + a2.x,
+          y: o + a2.y,
           data: {
-            ...l,
+            ...a2,
             placement: r2
           }
         };
       }
     };
-  }, Ae = function(t) {
+  }, ye = function(t) {
     return t === void 0 && (t = {}), {
       name: "shift",
       options: t,
@@ -2403,24 +2414,24 @@
               };
             }
           },
-          ...l
-        } = q(t, e), a2 = {
+          ...a2
+        } = X(t, e), l2 = {
           x: n,
           y: i
-        }, d2 = await $t(e, l), u2 = F(I(s)), g2 = pt(u2);
-        let f2 = a2[g2], h2 = a2[u2];
+        }, d2 = await Dt(e, a2), u2 = F(I(s)), h2 = pt(u2);
+        let f2 = l2[h2], g2 = l2[u2];
         if (o) {
-          const p2 = g2 === "y" ? "top" : "left", w2 = g2 === "y" ? "bottom" : "right", y2 = f2 + d2[p2], x2 = f2 - d2[w2];
-          f2 = gt(y2, f2, x2);
+          const p2 = h2 === "y" ? "top" : "left", w2 = h2 === "y" ? "bottom" : "right", y2 = f2 + d2[p2], x2 = f2 - d2[w2];
+          f2 = ht(y2, f2, x2);
         }
         if (r2) {
-          const p2 = u2 === "y" ? "top" : "left", w2 = u2 === "y" ? "bottom" : "right", y2 = h2 + d2[p2], x2 = h2 - d2[w2];
-          h2 = gt(y2, h2, x2);
+          const p2 = u2 === "y" ? "top" : "left", w2 = u2 === "y" ? "bottom" : "right", y2 = g2 + d2[p2], x2 = g2 - d2[w2];
+          g2 = ht(y2, g2, x2);
         }
         const m2 = c2.fn({
           ...e,
-          [g2]: f2,
-          [u2]: h2
+          [h2]: f2,
+          [u2]: g2
         });
         return {
           ...m2,
@@ -2428,14 +2439,14 @@
             x: m2.x - n,
             y: m2.y - i,
             enabled: {
-              [g2]: o,
+              [h2]: o,
               [u2]: r2
             }
           }
         };
       }
     };
-  }, Ee = function(t) {
+  }, xe = function(t) {
     return t === void 0 && (t = {}), {
       options: t,
       fn(e) {
@@ -2447,14 +2458,14 @@
           middlewareData: r2
         } = e, {
           offset: c2 = 0,
-          mainAxis: l = true,
-          crossAxis: a2 = true
-        } = q(t, e), d2 = {
+          mainAxis: a2 = true,
+          crossAxis: l2 = true
+        } = X(t, e), d2 = {
           x: n,
           y: i
-        }, u2 = F(s), g2 = pt(u2);
-        let f2 = d2[g2], h2 = d2[u2];
-        const m2 = q(c2, e), p2 = typeof m2 == "number" ? {
+        }, u2 = F(s), h2 = pt(u2);
+        let f2 = d2[h2], g2 = d2[u2];
+        const m2 = X(c2, e), p2 = typeof m2 == "number" ? {
           mainAxis: m2,
           crossAxis: 0
         } : {
@@ -2462,18 +2473,18 @@
           crossAxis: 0,
           ...m2
         };
-        if (l) {
-          const x2 = g2 === "y" ? "height" : "width", v2 = o.reference[g2] - o.floating[x2] + p2.mainAxis, b2 = o.reference[g2] + o.reference[x2] - p2.mainAxis;
-          f2 < v2 ? f2 = v2 : f2 > b2 && (f2 = b2);
-        }
         if (a2) {
+          const x2 = h2 === "y" ? "height" : "width", b2 = o.reference[h2] - o.floating[x2] + p2.mainAxis, v2 = o.reference[h2] + o.reference[x2] - p2.mainAxis;
+          f2 < b2 ? f2 = b2 : f2 > v2 && (f2 = v2);
+        }
+        if (l2) {
           var w2, y2;
-          const x2 = g2 === "y" ? "width" : "height", v2 = Ft.has(I(s)), b2 = o.reference[u2] - o.floating[x2] + (v2 && ((w2 = r2.offset) == null ? void 0 : w2[u2]) || 0) + (v2 ? 0 : p2.crossAxis), C2 = o.reference[u2] + o.reference[x2] + (v2 ? 0 : ((y2 = r2.offset) == null ? void 0 : y2[u2]) || 0) - (v2 ? p2.crossAxis : 0);
-          h2 < b2 ? h2 = b2 : h2 > C2 && (h2 = C2);
+          const x2 = h2 === "y" ? "width" : "height", b2 = Mt.has(I(s)), v2 = o.reference[u2] - o.floating[x2] + (b2 && ((w2 = r2.offset) == null ? void 0 : w2[u2]) || 0) + (b2 ? 0 : p2.crossAxis), C2 = o.reference[u2] + o.reference[x2] + (b2 ? 0 : ((y2 = r2.offset) == null ? void 0 : y2[u2]) || 0) - (b2 ? p2.crossAxis : 0);
+          g2 < v2 ? g2 = v2 : g2 > C2 && (g2 = C2);
         }
         return {
-          [g2]: f2,
-          [u2]: h2
+          [h2]: f2,
+          [u2]: g2
         };
       }
     };
@@ -2482,45 +2493,45 @@
     return typeof window < "u";
   }
   function J(t) {
-    return Nt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+    return $t(t) ? (t.nodeName || "").toLowerCase() : "#document";
   }
-  function E(t) {
+  function A(t) {
     var e;
     return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
   }
   function D(t) {
     var e;
-    return (e = (Nt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+    return (e = ($t(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
   }
-  function Nt(t) {
-    return ct() ? t instanceof Node || t instanceof E(t).Node : false;
+  function $t(t) {
+    return ct() ? t instanceof Node || t instanceof A(t).Node : false;
   }
-  function T(t) {
-    return ct() ? t instanceof Element || t instanceof E(t).Element : false;
+  function S(t) {
+    return ct() ? t instanceof Element || t instanceof A(t).Element : false;
   }
   function k(t) {
-    return ct() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : false;
+    return ct() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : false;
   }
-  function St(t) {
-    return !ct() || typeof ShadowRoot > "u" ? false : t instanceof ShadowRoot || t instanceof E(t).ShadowRoot;
+  function Lt(t) {
+    return !ct() || typeof ShadowRoot > "u" ? false : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
   }
-  const Ce = /* @__PURE__ */ new Set(["inline", "contents"]);
+  const ve = /* @__PURE__ */ new Set(["inline", "contents"]);
   function nt(t) {
     const {
       overflow: e,
       overflowX: n,
       overflowY: i,
       display: s
-    } = P(t);
-    return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !Ce.has(s);
+    } = R(t);
+    return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !ve.has(s);
   }
-  const Se = /* @__PURE__ */ new Set(["table", "td", "th"]);
-  function Le(t) {
-    return Se.has(J(t));
+  const be = /* @__PURE__ */ new Set(["table", "td", "th"]);
+  function Ee(t) {
+    return be.has(J(t));
   }
-  const Oe = [":popover-open", ":modal"];
+  const Ae = [":popover-open", ":modal"];
   function lt(t) {
-    return Oe.some((e) => {
+    return Ae.some((e) => {
       try {
         return t.matches(e);
       } catch {
@@ -2528,34 +2539,34 @@
       }
     });
   }
-  const Te = ["transform", "translate", "scale", "rotate", "perspective"], Pe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Re = ["paint", "layout", "strict", "content"];
+  const Ce = ["transform", "translate", "scale", "rotate", "perspective"], Le = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Oe = ["paint", "layout", "strict", "content"];
   function xt(t) {
-    const e = bt(), n = T(t) ? P(t) : t;
-    return Te.some((i) => n[i] ? n[i] !== "none" : false) || (n.containerType ? n.containerType !== "normal" : false) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : false) || !e && (n.filter ? n.filter !== "none" : false) || Pe.some((i) => (n.willChange || "").includes(i)) || Re.some((i) => (n.contain || "").includes(i));
+    const e = vt(), n = S(t) ? R(t) : t;
+    return Ce.some((i) => n[i] ? n[i] !== "none" : false) || (n.containerType ? n.containerType !== "normal" : false) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : false) || !e && (n.filter ? n.filter !== "none" : false) || Le.some((i) => (n.willChange || "").includes(i)) || Oe.some((i) => (n.contain || "").includes(i));
   }
-  function ke(t) {
-    let e = V(t);
+  function Te(t) {
+    let e = W(t);
     for (; k(e) && !K(e); ) {
       if (xt(e))
         return e;
       if (lt(e))
         return null;
-      e = V(e);
+      e = W(e);
     }
     return null;
   }
-  function bt() {
+  function vt() {
     return typeof CSS > "u" || !CSS.supports ? false : CSS.supports("-webkit-backdrop-filter", "none");
   }
-  const De = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+  const Se = /* @__PURE__ */ new Set(["html", "body", "#document"]);
   function K(t) {
-    return De.has(J(t));
+    return Se.has(J(t));
   }
-  function P(t) {
-    return E(t).getComputedStyle(t);
+  function R(t) {
+    return A(t).getComputedStyle(t);
   }
   function at(t) {
-    return T(t) ? {
+    return S(t) ? {
       scrollLeft: t.scrollLeft,
       scrollTop: t.scrollTop
     } : {
@@ -2563,26 +2574,26 @@
       scrollTop: t.scrollY
     };
   }
-  function V(t) {
+  function W(t) {
     if (J(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.
-      St(t) && t.host || // Fallback.
+      Lt(t) && t.host || // Fallback.
       D(t)
     );
-    return St(e) ? e.host : e;
+    return Lt(e) ? e.host : e;
   }
-  function Ht(t) {
-    const e = V(t);
-    return K(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && nt(e) ? e : Ht(e);
+  function Ft(t) {
+    const e = W(t);
+    return K(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && nt(e) ? e : Ft(e);
   }
   function tt(t, e, n) {
     var i;
     e === void 0 && (e = []), n === void 0 && (n = true);
-    const s = Ht(t), o = s === ((i = t.ownerDocument) == null ? void 0 : i.body), r2 = E(s);
+    const s = Ft(t), o = s === ((i = t.ownerDocument) == null ? void 0 : i.body), r2 = A(s);
     if (o) {
       const c2 = mt(r2);
       return e.concat(r2, r2.visualViewport || [], nt(s) ? s : [], c2 && n ? tt(c2) : []);
@@ -2592,8 +2603,8 @@
   function mt(t) {
     return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
   }
-  function It(t) {
-    const e = P(t);
+  function Ht(t) {
+    const e = R(t);
     let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
     const s = k(t), o = s ? t.offsetWidth : n, r2 = s ? t.offsetHeight : i, c2 = st(n) !== o || st(i) !== r2;
     return c2 && (n = o, i = r2), {
@@ -2602,69 +2613,69 @@
       $: c2
     };
   }
-  function vt(t) {
-    return T(t) ? t : t.contextElement;
+  function bt(t) {
+    return S(t) ? t : t.contextElement;
   }
-  function X(t) {
-    const e = vt(t);
+  function Y(t) {
+    const e = bt(t);
     if (!k(e))
-      return R(1);
+      return P(1);
     const n = e.getBoundingClientRect(), {
       width: i,
       height: s,
       $: o
-    } = It(e);
+    } = Ht(e);
     let r2 = (o ? st(n.width) : n.width) / i, c2 = (o ? st(n.height) : n.height) / s;
     return (!r2 || !Number.isFinite(r2)) && (r2 = 1), (!c2 || !Number.isFinite(c2)) && (c2 = 1), {
       x: r2,
       y: c2
     };
   }
-  const Me = /* @__PURE__ */ R(0);
-  function Vt(t) {
-    const e = E(t);
-    return !bt() || !e.visualViewport ? Me : {
+  const Re = /* @__PURE__ */ P(0);
+  function Nt(t) {
+    const e = A(t);
+    return !vt() || !e.visualViewport ? Re : {
       x: e.visualViewport.offsetLeft,
       y: e.visualViewport.offsetTop
     };
   }
-  function $e(t, e, n) {
-    return e === void 0 && (e = false), !n || e && n !== E(t) ? false : e;
+  function Pe(t, e, n) {
+    return e === void 0 && (e = false), !n || e && n !== A(t) ? false : e;
   }
   function U(t, e, n, i) {
     e === void 0 && (e = false), n === void 0 && (n = false);
-    const s = t.getBoundingClientRect(), o = vt(t);
-    let r2 = R(1);
-    e && (i ? T(i) && (r2 = X(i)) : r2 = X(t));
-    const c2 = $e(o, n, i) ? Vt(o) : R(0);
-    let l = (s.left + c2.x) / r2.x, a2 = (s.top + c2.y) / r2.y, d2 = s.width / r2.x, u2 = s.height / r2.y;
+    const s = t.getBoundingClientRect(), o = bt(t);
+    let r2 = P(1);
+    e && (i ? S(i) && (r2 = Y(i)) : r2 = Y(t));
+    const c2 = Pe(o, n, i) ? Nt(o) : P(0);
+    let a2 = (s.left + c2.x) / r2.x, l2 = (s.top + c2.y) / r2.y, d2 = s.width / r2.x, u2 = s.height / r2.y;
     if (o) {
-      const g2 = E(o), f2 = i && T(i) ? E(i) : i;
-      let h2 = g2, m2 = mt(h2);
-      for (; m2 && i && f2 !== h2; ) {
-        const p2 = X(m2), w2 = m2.getBoundingClientRect(), y2 = P(m2), x2 = w2.left + (m2.clientLeft + parseFloat(y2.paddingLeft)) * p2.x, v2 = w2.top + (m2.clientTop + parseFloat(y2.paddingTop)) * p2.y;
-        l *= p2.x, a2 *= p2.y, d2 *= p2.x, u2 *= p2.y, l += x2, a2 += v2, h2 = E(m2), m2 = mt(h2);
+      const h2 = A(o), f2 = i && S(i) ? A(i) : i;
+      let g2 = h2, m2 = mt(g2);
+      for (; m2 && i && f2 !== g2; ) {
+        const p2 = Y(m2), w2 = m2.getBoundingClientRect(), y2 = R(m2), x2 = w2.left + (m2.clientLeft + parseFloat(y2.paddingLeft)) * p2.x, b2 = w2.top + (m2.clientTop + parseFloat(y2.paddingTop)) * p2.y;
+        a2 *= p2.x, l2 *= p2.y, d2 *= p2.x, u2 *= p2.y, a2 += x2, l2 += b2, g2 = A(m2), m2 = mt(g2);
       }
     }
     return rt({
       width: d2,
       height: u2,
-      x: l,
-      y: a2
+      x: a2,
+      y: l2
     });
   }
   function ft(t, e) {
     const n = at(t).scrollLeft;
     return e ? e.left + n : U(D(t)).left + n;
   }
-  function Wt(t, e) {
+  function It(t, e) {
     const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - ft(t, n), s = n.top + e.scrollTop;
     return {
       x: i,
       y: s
     };
   }
-  function Fe(t) {
+  function ke(t) {
     let {
       elements: e,
       rect: n,
@@ -2674,78 +2685,78 @@
     const o = s === "fixed", r2 = D(i), c2 = e ? lt(e.floating) : false;
     if (i === r2 || c2 && o)
       return n;
-    let l = {
+    let a2 = {
       scrollLeft: 0,
       scrollTop: 0
-    }, a2 = R(1);
-    const d2 = R(0), u2 = k(i);
-    if ((u2 || !u2 && !o) && ((J(i) !== "body" || nt(r2)) && (l = at(i)), k(i))) {
+    }, l2 = P(1);
+    const d2 = P(0), u2 = k(i);
+    if ((u2 || !u2 && !o) && ((J(i) !== "body" || nt(r2)) && (a2 = at(i)), k(i))) {
       const f2 = U(i);
-      a2 = X(i), d2.x = f2.x + i.clientLeft, d2.y = f2.y + i.clientTop;
+      l2 = Y(i), d2.x = f2.x + i.clientLeft, d2.y = f2.y + i.clientTop;
     }
-    const g2 = r2 && !u2 && !o ? Wt(r2, l) : R(0);
+    const h2 = r2 && !u2 && !o ? It(r2, a2) : P(0);
     return {
-      width: n.width * a2.x,
-      height: n.height * a2.y,
-      x: n.x * a2.x - l.scrollLeft * a2.x + d2.x + g2.x,
-      y: n.y * a2.y - l.scrollTop * a2.y + d2.y + g2.y
+      width: n.width * l2.x,
+      height: n.height * l2.y,
+      x: n.x * l2.x - a2.scrollLeft * l2.x + d2.x + h2.x,
+      y: n.y * l2.y - a2.scrollTop * l2.y + d2.y + h2.y
     };
   }
-  function Ne(t) {
+  function De(t) {
     return Array.from(t.getClientRects());
   }
-  function He(t) {
-    const e = D(t), n = at(t), i = t.ownerDocument.body, s = j(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), o = j(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  function Me(t) {
+    const e = D(t), n = at(t), i = t.ownerDocument.body, s = q(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), o = q(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
     let r2 = -n.scrollLeft + ft(t);
     const c2 = -n.scrollTop;
-    return P(i).direction === "rtl" && (r2 += j(e.clientWidth, i.clientWidth) - s), {
+    return R(i).direction === "rtl" && (r2 += q(e.clientWidth, i.clientWidth) - s), {
       width: s,
       height: o,
       x: r2,
       y: c2
     };
   }
-  const Lt = 25;
-  function Ie(t, e) {
-    const n = E(t), i = D(t), s = n.visualViewport;
-    let o = i.clientWidth, r2 = i.clientHeight, c2 = 0, l = 0;
+  const Ot = 25;
+  function $e(t, e) {
+    const n = A(t), i = D(t), s = n.visualViewport;
+    let o = i.clientWidth, r2 = i.clientHeight, c2 = 0, a2 = 0;
     if (s) {
       o = s.width, r2 = s.height;
-      const d2 = bt();
-      (!d2 || d2 && e === "fixed") && (c2 = s.offsetLeft, l = s.offsetTop);
-    }
-    const a2 = ft(i);
-    if (a2 <= 0) {
-      const d2 = i.ownerDocument, u2 = d2.body, g2 = getComputedStyle(u2), f2 = d2.compatMode === "CSS1Compat" && parseFloat(g2.marginLeft) + parseFloat(g2.marginRight) || 0, h2 = Math.abs(i.clientWidth - u2.clientWidth - f2);
-      h2 <= Lt && (o -= h2);
-    } else a2 <= Lt && (o += a2);
+      const d2 = vt();
+      (!d2 || d2 && e === "fixed") && (c2 = s.offsetLeft, a2 = s.offsetTop);
+    }
+    const l2 = ft(i);
+    if (l2 <= 0) {
+      const d2 = i.ownerDocument, u2 = d2.body, h2 = getComputedStyle(u2), f2 = d2.compatMode === "CSS1Compat" && parseFloat(h2.marginLeft) + parseFloat(h2.marginRight) || 0, g2 = Math.abs(i.clientWidth - u2.clientWidth - f2);
+      g2 <= Ot && (o -= g2);
+    } else l2 <= Ot && (o += l2);
     return {
       width: o,
       height: r2,
       x: c2,
-      y: l
+      y: a2
     };
   }
-  const Ve = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-  function We(t, e) {
-    const n = U(t, true, e === "fixed"), i = n.top + t.clientTop, s = n.left + t.clientLeft, o = k(t) ? X(t) : R(1), r2 = t.clientWidth * o.x, c2 = t.clientHeight * o.y, l = s * o.x, a2 = i * o.y;
+  const Fe = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+  function He(t, e) {
+    const n = U(t, true, e === "fixed"), i = n.top + t.clientTop, s = n.left + t.clientLeft, o = k(t) ? Y(t) : P(1), r2 = t.clientWidth * o.x, c2 = t.clientHeight * o.y, a2 = s * o.x, l2 = i * o.y;
     return {
       width: r2,
       height: c2,
-      x: l,
-      y: a2
+      x: a2,
+      y: l2
     };
   }
-  function Ot(t, e, n) {
+  function Tt(t, e, n) {
     let i;
     if (e === "viewport")
-      i = Ie(t, n);
+      i = $e(t, n);
     else if (e === "document")
-      i = He(D(t));
-    else if (T(e))
-      i = We(e, n);
+      i = Me(D(t));
+    else if (S(e))
+      i = He(e, n);
     else {
-      const s = Vt(t);
+      const s = Nt(t);
       i = {
         x: e.x - s.x,
         y: e.y - s.y,
@@ -2755,108 +2766,108 @@
     }
     return rt(i);
   }
-  function Bt(t, e) {
-    const n = V(t);
-    return n === e || !T(n) || K(n) ? false : P(n).position === "fixed" || Bt(n, e);
+  function Wt(t, e) {
+    const n = W(t);
+    return n === e || !S(n) || K(n) ? false : R(n).position === "fixed" || Wt(n, e);
   }
-  function Be(t, e) {
+  function Ne(t, e) {
     const n = e.get(t);
     if (n)
       return n;
-    let i = tt(t, [], false).filter((c2) => T(c2) && J(c2) !== "body"), s = null;
-    const o = P(t).position === "fixed";
-    let r2 = o ? V(t) : t;
-    for (; T(r2) && !K(r2); ) {
-      const c2 = P(r2), l = xt(r2);
-      !l && c2.position === "fixed" && (s = null), (o ? !l && !s : !l && c2.position === "static" && !!s && Ve.has(s.position) || nt(r2) && !l && Bt(t, r2)) ? i = i.filter((d2) => d2 !== r2) : s = c2, r2 = V(r2);
+    let i = tt(t, [], false).filter((c2) => S(c2) && J(c2) !== "body"), s = null;
+    const o = R(t).position === "fixed";
+    let r2 = o ? W(t) : t;
+    for (; S(r2) && !K(r2); ) {
+      const c2 = R(r2), a2 = xt(r2);
+      !a2 && c2.position === "fixed" && (s = null), (o ? !a2 && !s : !a2 && c2.position === "static" && !!s && Fe.has(s.position) || nt(r2) && !a2 && Wt(t, r2)) ? i = i.filter((d2) => d2 !== r2) : s = c2, r2 = W(r2);
     }
     return e.set(t, i), i;
   }
-  function _e(t) {
+  function Ie(t) {
     let {
       element: e,
       boundary: n,
       rootBoundary: i,
       strategy: s
     } = t;
-    const r2 = [...n === "clippingAncestors" ? lt(e) ? [] : Be(e, this._c) : [].concat(n), i], c2 = r2[0], l = r2.reduce((a2, d2) => {
-      const u2 = Ot(e, d2, s);
-      return a2.top = j(u2.top, a2.top), a2.right = Y(u2.right, a2.right), a2.bottom = Y(u2.bottom, a2.bottom), a2.left = j(u2.left, a2.left), a2;
-    }, Ot(e, c2, s));
+    const r2 = [...n === "clippingAncestors" ? lt(e) ? [] : Ne(e, this._c) : [].concat(n), i], c2 = r2[0], a2 = r2.reduce((l2, d2) => {
+      const u2 = Tt(e, d2, s);
+      return l2.top = q(u2.top, l2.top), l2.right = j(u2.right, l2.right), l2.bottom = j(u2.bottom, l2.bottom), l2.left = q(u2.left, l2.left), l2;
+    }, Tt(e, c2, s));
     return {
-      width: l.right - l.left,
-      height: l.bottom - l.top,
-      x: l.left,
-      y: l.top
+      width: a2.right - a2.left,
+      height: a2.bottom - a2.top,
+      x: a2.left,
+      y: a2.top
     };
   }
-  function ze(t) {
+  function We(t) {
     const {
       width: e,
       height: n
-    } = It(t);
+    } = Ht(t);
     return {
       width: e,
       height: n
     };
   }
-  function je(t, e, n) {
+  function Ve(t, e, n) {
     const i = k(e), s = D(e), o = n === "fixed", r2 = U(t, true, o, e);
     let c2 = {
       scrollLeft: 0,
       scrollTop: 0
     };
-    const l = R(0);
-    function a2() {
-      l.x = ft(s);
+    const a2 = P(0);
+    function l2() {
+      a2.x = ft(s);
     }
     if (i || !i && !o)
       if ((J(e) !== "body" || nt(s)) && (c2 = at(e)), i) {
         const f2 = U(e, true, o, e);
-        l.x = f2.x + e.clientLeft, l.y = f2.y + e.clientTop;
-      } else s && a2();
-    o && !i && s && a2();
-    const d2 = s && !i && !o ? Wt(s, c2) : R(0), u2 = r2.left + c2.scrollLeft - l.x - d2.x, g2 = r2.top + c2.scrollTop - l.y - d2.y;
+        a2.x = f2.x + e.clientLeft, a2.y = f2.y + e.clientTop;
+      } else s && l2();
+    o && !i && s && l2();
+    const d2 = s && !i && !o ? It(s, c2) : P(0), u2 = r2.left + c2.scrollLeft - a2.x - d2.x, h2 = r2.top + c2.scrollTop - a2.y - d2.y;
     return {
       x: u2,
-      y: g2,
+      y: h2,
       width: r2.width,
       height: r2.height
     };
   }
   function ut(t) {
-    return P(t).position === "static";
+    return R(t).position === "static";
   }
-  function Tt(t, e) {
-    if (!k(t) || P(t).position === "fixed")
+  function St(t, e) {
+    if (!k(t) || R(t).position === "fixed")
       return null;
     if (e)
       return e(t);
     let n = t.offsetParent;
     return D(t) === n && (n = n.ownerDocument.body), n;
   }
-  function _t(t, e) {
-    const n = E(t);
+  function Vt(t, e) {
+    const n = A(t);
     if (lt(t))
       return n;
     if (!k(t)) {
-      let s = V(t);
+      let s = W(t);
       for (; s && !K(s); ) {
-        if (T(s) && !ut(s))
+        if (S(s) && !ut(s))
           return s;
-        s = V(s);
+        s = W(s);
       }
       return n;
     }
-    let i = Tt(t, e);
-    for (; i && Le(i) && ut(i); )
-      i = Tt(i, e);
-    return i && K(i) && ut(i) && !xt(i) ? n : i || ke(t) || n;
+    let i = St(t, e);
+    for (; i && Ee(i) && ut(i); )
+      i = St(i, e);
+    return i && K(i) && ut(i) && !xt(i) ? n : i || Te(t) || n;
   }
-  const qe = async function(t) {
-    const e = this.getOffsetParent || _t, n = this.getDimensions, i = await n(t.floating);
+  const Be = async function(t) {
+    const e = this.getOffsetParent || Vt, n = this.getDimensions, i = await n(t.floating);
     return {
-      reference: je(t.reference, await e(t.floating), t.strategy),
+      reference: Ve(t.reference, await e(t.floating), t.strategy),
       floating: {
         x: 0,
         y: 0,
@@ -2865,127 +2876,127 @@
       }
     };
   };
-  function Ue(t) {
-    return P(t).direction === "rtl";
+  function _e(t) {
+    return R(t).direction === "rtl";
   }
-  const Xe = {
-    convertOffsetParentRelativeRectToViewportRelativeRect: Fe,
+  const ze = {
+    convertOffsetParentRelativeRectToViewportRelativeRect: ke,
     getDocumentElement: D,
-    getClippingRect: _e,
-    getOffsetParent: _t,
-    getElementRects: qe,
-    getClientRects: Ne,
-    getDimensions: ze,
-    getScale: X,
-    isElement: T,
-    isRTL: Ue
+    getClippingRect: Ie,
+    getOffsetParent: Vt,
+    getElementRects: Be,
+    getClientRects: De,
+    getDimensions: We,
+    getScale: Y,
+    isElement: S,
+    isRTL: _e
   };
-  function zt(t, e) {
+  function Bt(t, e) {
     return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
   }
-  function Ye(t, e) {
+  function qe(t, e) {
     let n = null, i;
     const s = D(t);
     function o() {
       var c2;
       clearTimeout(i), (c2 = n) == null || c2.disconnect(), n = null;
     }
-    function r2(c2, l) {
-      c2 === void 0 && (c2 = false), l === void 0 && (l = 1), o();
-      const a2 = t.getBoundingClientRect(), {
+    function r2(c2, a2) {
+      c2 === void 0 && (c2 = false), a2 === void 0 && (a2 = 1), o();
+      const l2 = t.getBoundingClientRect(), {
         left: d2,
         top: u2,
-        width: g2,
+        width: h2,
         height: f2
-      } = a2;
-      if (c2 || e(), !g2 || !f2)
+      } = l2;
+      if (c2 || e(), !h2 || !f2)
         return;
-      const h2 = it(u2), m2 = it(s.clientWidth - (d2 + g2)), p2 = it(s.clientHeight - (u2 + f2)), w2 = it(d2), x2 = {
-        rootMargin: -h2 + "px " + -m2 + "px " + -p2 + "px " + -w2 + "px",
-        threshold: j(0, Y(1, l)) || 1
+      const g2 = it(u2), m2 = it(s.clientWidth - (d2 + h2)), p2 = it(s.clientHeight - (u2 + f2)), w2 = it(d2), x2 = {
+        rootMargin: -g2 + "px " + -m2 + "px " + -p2 + "px " + -w2 + "px",
+        threshold: q(0, j(1, a2)) || 1
       };
-      let v2 = true;
-      function b2(C2) {
-        const S2 = C2[0].intersectionRatio;
-        if (S2 !== l) {
-          if (!v2)
+      let b2 = true;
+      function v2(C2) {
+        const L2 = C2[0].intersectionRatio;
+        if (L2 !== a2) {
+          if (!b2)
             return r2();
-          S2 ? r2(false, S2) : i = setTimeout(() => {
+          L2 ? r2(false, L2) : i = setTimeout(() => {
             r2(false, 1e-7);
           }, 1e3);
         }
-        S2 === 1 && !zt(a2, t.getBoundingClientRect()) && r2(), v2 = false;
+        L2 === 1 && !Bt(l2, t.getBoundingClientRect()) && r2(), b2 = false;
       }
       try {
-        n = new IntersectionObserver(b2, {
+        n = new IntersectionObserver(v2, {
           ...x2,
           // Handle <iframe>s
           root: s.ownerDocument
         });
       } catch {
-        n = new IntersectionObserver(b2, x2);
+        n = new IntersectionObserver(v2, x2);
       }
       n.observe(t);
     }
     return r2(true), o;
   }
-  function Ke(t, e, n, i) {
+  function Xe(t, e, n, i) {
     i === void 0 && (i = {});
     const {
       ancestorScroll: s = true,
       ancestorResize: o = true,
       elementResize: r2 = typeof ResizeObserver == "function",
       layoutShift: c2 = typeof IntersectionObserver == "function",
-      animationFrame: l = false
-    } = i, a2 = vt(t), d2 = s || o ? [...a2 ? tt(a2) : [], ...tt(e)] : [];
+      animationFrame: a2 = false
+    } = i, l2 = bt(t), d2 = s || o ? [...l2 ? tt(l2) : [], ...tt(e)] : [];
     d2.forEach((w2) => {
       s && w2.addEventListener("scroll", n, {
         passive: true
       }), o && w2.addEventListener("resize", n);
     });
-    const u2 = a2 && c2 ? Ye(a2, n) : null;
-    let g2 = -1, f2 = null;
+    const u2 = l2 && c2 ? qe(l2, n) : null;
+    let h2 = -1, f2 = null;
     r2 && (f2 = new ResizeObserver((w2) => {
       let [y2] = w2;
-      y2 && y2.target === a2 && f2 && (f2.unobserve(e), cancelAnimationFrame(g2), g2 = requestAnimationFrame(() => {
+      y2 && y2.target === l2 && f2 && (f2.unobserve(e), cancelAnimationFrame(h2), h2 = requestAnimationFrame(() => {
         var x2;
         (x2 = f2) == null || x2.observe(e);
       })), n();
-    }), a2 && !l && f2.observe(a2), f2.observe(e));
-    let h2, m2 = l ? U(t) : null;
-    l && p2();
+    }), l2 && !a2 && f2.observe(l2), f2.observe(e));
+    let g2, m2 = a2 ? U(t) : null;
+    a2 && p2();
     function p2() {
       const w2 = U(t);
-      m2 && !zt(m2, w2) && n(), m2 = w2, h2 = requestAnimationFrame(p2);
+      m2 && !Bt(m2, w2) && n(), m2 = w2, g2 = requestAnimationFrame(p2);
     }
     return n(), () => {
       var w2;
       d2.forEach((y2) => {
         s && y2.removeEventListener("scroll", n), o && y2.removeEventListener("resize", n);
-      }), u2?.(), (w2 = f2) == null || w2.disconnect(), f2 = null, l && cancelAnimationFrame(h2);
+      }), u2?.(), (w2 = f2) == null || w2.disconnect(), f2 = null, a2 && cancelAnimationFrame(g2);
     };
   }
-  const Je = ve, Ze = Ae, Ge = xe, Qe = ye, tn = Ee, en = (t, e, n) => {
+  const Ue = we, Ye = ye, je = me, Ke = ge, Je = xe, Ge = (t, e, n) => {
     const i = /* @__PURE__ */ new Map(), s = {
-      platform: Xe,
+      platform: ze,
       ...n
     }, o = {
       ...s.platform,
       _c: i
     };
-    return we(t, e, {
+    return he(t, e, {
       ...s,
       platform: o
     });
   };
-  function Pt(t, e, n) {
+  function Rt(t, e, n) {
     Object.assign(t.style, {
       left: e != null ? `${e}px` : "",
       top: n != null ? `${n}px` : ""
     });
   }
-  function jt(t, e) {
-    let n = t.getSetting("toggle-delay");
+  function _t(t, e) {
+    let n = t.config.get("toggleDelay");
     typeof n == "string" && (n.indexOf(",") > -1 && (n = n.split(",")), n.indexOf(" ") > -1 && (n = n.split(" "))), Array.isArray(n) && (n = n[e]);
     const i = Number(n);
     if (Number.isNaN(i))
@@ -3031,31 +3042,31 @@
     }
     return e;
   }
-  function nn(t) {
+  function Qe(t) {
     return {
-      offset: Number(t.getSetting("offset")),
+      offset: Number(t.config.get("offset")),
       flip: {
-        padding: dt(t.getSetting("flip-padding"))
+        padding: dt(t.config.get("flipPadding"))
       },
       shift: {
-        padding: dt(t.getSetting("shift-padding"))
+        padding: dt(t.config.get("shiftPadding"))
       },
       arrow: {
-        selector: t.getSetting("selectorArrow"),
+        selector: t.config.get("selectorArrow"),
         element: null,
-        padding: dt(t.getSetting("arrow-padding"))
+        padding: dt(t.config.get("arrowPadding"))
       }
     };
   }
-  async function qt(t) {
-    return t && t.state === "opened" && (t.el.inert = true, 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", {
+  async function zt(t) {
+    return t && t.state === "opened" && (t.el.inert = true, t.el.classList.remove(t.config.get("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.config.get("customEventPrefix") + "closed", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("closed", t)), t;
   }
-  async function Ut(t) {
+  async function qt(t) {
     const e = [];
     for (const n of t.collection)
       n.state === "opened" && e.push(await n.close());
@@ -3066,35 +3077,35 @@
       `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
     ) || t.close(), t), 1);
   }
-  function sn(t) {
+  function Ze(t) {
     t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
   }
-  function on(t) {
+  function tn(t) {
     t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
   }
-  function rn(t, e) {
-    if (t.isHovered = e, e.type == "focus" && t.trigger && !t.trigger.matches(":focus-visible"))
+  function en(t, e) {
+    if (!(e instanceof MouseEvent) || (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 i = this.activeHover ? 0 : jt(t, 0);
+    const i = this.activeHover ? 0 : _t(t, 0);
     this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
       t.id && t.open();
     }, i);
   }
-  function cn(t, e) {
-    setTimeout(() => {
+  function nn(t, e) {
+    e instanceof MouseEvent && setTimeout(() => {
       t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(
         () => Xt(t),
-        jt(t, 1)
+        _t(t, 1)
       ));
     }, 1);
   }
-  function ln(t) {
+  function sn(t) {
     switch (t.key) {
       case "Escape":
-        this.trigger && this.trigger.focus(), Ut(this);
+        this.trigger && this.trigger.focus(), qt(this);
         return;
       case "Tab":
         this.collection.forEach((e) => {
@@ -3105,62 +3116,61 @@
         return;
     }
   }
-  function an(t) {
-    const e = this;
-    document.addEventListener("click", function n(i) {
-      const s = i.target;
-      s && (s.closest(
+  function on(t) {
+    document.addEventListener("click", function e(n) {
+      const i = n.target;
+      i && (i.closest(
         `#${t.id}, [aria-controls="${t.id}"], [aria-describedby="${t.id}"]`
-      ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", n) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", n)));
+      ) ? t.el && !t.el.classList.contains(t.config.get("stateActive")) && this.removeEventListener("click", e) : (t.el && t.el.classList.contains(t.config.get("stateActive")) && t.close(), this.removeEventListener("click", e)));
     });
   }
-  async function Yt(t) {
-    t.el.inert = false, t.el.classList.add(t.parent.settings.stateActive), t.isTooltip || t.trigger?.setAttribute("aria-expanded", "true"), t.buildCustomProps();
-    const e = nn(t), n = t.el.querySelector(
+  async function Ut(t) {
+    t.el.inert = false, t.el.classList.add(t.config.get("stateActive")), t.isTooltip || t.trigger?.setAttribute("aria-expanded", "true"), await t.parent.emit("updateCustomProps", t);
+    const e = Qe(t), n = t.el.querySelector(
       e.arrow.selector
     );
-    return e.arrow.element = n || null, t.trigger instanceof HTMLElement && (t.floatingCleanup = Ke(t.trigger, t.el, () => {
+    return e.arrow.element = n || null, t.trigger instanceof HTMLElement && (t.floatingCleanup = Xe(t.trigger, t.el, () => {
       const i = [
-        Ge(e.flip),
-        Ze({ ...e.shift, limiter: tn() }),
-        Je(e.offset)
+        je(e.flip),
+        Ye({ ...e.shift, limiter: Je() }),
+        Ue(e.offset)
       ];
       e.arrow.element && i.push(
-        Qe({
+        Ke({
           ...e.arrow,
           element: e.arrow.element
         })
-      ), en(t.trigger, t.el, {
-        placement: t.getSetting("placement"),
+      ), Ge(t.trigger, t.el, {
+        placement: t.config.get("placement"),
         middleware: i
       }).then(({ x: s, y: o, placement: r2, middlewareData: c2 }) => {
         if (t.el) {
-          if (Pt(t.el, s, o), e.arrow.element && c2.arrow) {
-            const { x: l, y: a2 } = c2.arrow;
-            Pt(e.arrow.element, l, a2);
+          if (Rt(t.el, s, o), e.arrow.element && c2.arrow) {
+            const { x: a2, y: l2 } = c2.arrow;
+            Rt(e.arrow.element, a2, l2);
           }
           t.el.setAttribute("data-floating-placement", r2);
         }
       });
-    })), t.state = "opened", t.getSetting("event") === "click" && an.call(t.parent, t), t.el.dispatchEvent(
-      new CustomEvent(t.getSetting("customEventPrefix") + "opened", {
+    })), t.state = "opened", t.config.get("event") === "click" && on.call(t.parent, t), t.el.dispatchEvent(
+      new CustomEvent(t.config.get("customEventPrefix") + "opened", {
         detail: t.parent,
         bubbles: true
       })
     ), await t.parent.emit("opened", t), t;
   }
-  class fn extends Dt {
-    #t;
-    #e;
-    constructor(e, n, i = {}) {
-      super(e, n, i), this.state = "closed", this.toggleDelayId = null, this.trigger = null, this.#t = null, this.#e = {
+  class rn extends Pt {
+    constructor(e, n) {
+      super(e, n), this.#t = [], this.#e = {
         el: false,
         trigger: false
-      }, this.floatingCleanup = () => {
+      }, this.state = "closed", this.trigger = null, this.toggleDelayId = null, this.floatingCleanup = () => {
       };
     }
+    #t;
+    #e;
     get isTooltip() {
-      return !!this.el.closest(this.getSetting("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
+      return !!this.el.closest(this.config.get("selectorTooltip")) || this.el.getAttribute("role") == "tooltip";
     }
     get isHovered() {
       return this.#e.el || this.#e.trigger;
@@ -3178,47 +3188,55 @@
         }
     }
     async open() {
-      return Yt(this);
+      return Ut(this);
     }
     async close() {
-      return qt(this);
+      return zt(this);
     }
     async deregister() {
-      return this.parent.deregister(this.id);
+      return this.parent.deregister(this);
     }
     registerEventListeners() {
-      this.#t || (this.getSetting("event") === "hover" ? (this.#t = [
+      this.#t.length || (this.config.get("event") === "hover" ? (this.#t = [
         {
           el: ["el", "trigger"],
           type: ["mouseenter", "focus"],
-          listener: rn.bind(this.parent, this)
+          listener: en.bind(this.parent, this)
         },
         {
           el: ["el", "trigger"],
           type: ["mouseleave", "focusout"],
-          listener: cn.bind(this.parent, this)
+          listener: nn.bind(this.parent, this)
         },
         {
           el: ["trigger"],
           type: ["click"],
-          listener: on.bind(this.parent, this)
+          listener: tn.bind(this.parent, this)
         }
       ], this.#t.forEach((n) => {
         n.el.forEach((i) => {
           n.type.forEach((s) => {
-            this[i].addEventListener(s, n.listener, false);
+            this[i].addEventListener(
+              s,
+              n.listener,
+              false
+            );
           });
         });
       })) : (this.#t = [
         {
           el: ["trigger"],
           type: ["click"],
-          listener: sn.bind(this.parent, this)
+          listener: Ze.bind(this.parent, this)
         }
       ], this.#t.forEach((n) => {
         n.el.forEach((i) => {
           n.type.forEach((s) => {
-            this[i].addEventListener(s, n.listener, false);
+            this[i].addEventListener(
+              s,
+              n.listener,
+              false
+            );
           });
         });
       })));
@@ -3227,41 +3245,45 @@
       this.#t && (this.#t.forEach((e) => {
         e.el.forEach((n) => {
           e.type.forEach((i) => {
-            this[n].removeEventListener(i, e.listener, false);
+            this[n].removeEventListener(
+              i,
+              e.listener,
+              false
+            );
           });
         });
-      }), this.#t = null);
+      }), this.#t = []);
     }
     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();
+      ), this.isTooltip ? (this.config.set({ event: "hover" }), this.el.setAttribute("role", "tooltip")) : this.trigger && this.trigger instanceof HTMLElement && this.trigger.setAttribute("aria-expanded", "false");
     }
     async onRegisterEntry() {
-      this.el.classList.contains(this.getSetting("stateActive")) ? await this.open() : this.el.inert = true;
+      this.registerEventListeners(), this.el.classList.contains(this.config.get("stateActive")) ? await this.open() : this.el.inert = true;
     }
     async onDestroyEntry() {
       this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
     }
   }
-  class un extends oe {
-    #t;
+  class cn extends ee {
     constructor(e) {
-      super({ ...re, ...e }), this.module = "Popover", this.entryClass = fn, this.trigger = null, this.#t = ln.bind(this);
+      super({ ...ne, ...e }), this.entryClass = rn, this.name = "Popover", this.trigger = null, this.#t = sn.bind(this);
     }
+    #t;
     get active() {
       return this.get("opened", "state");
     }
     get activeHover() {
-      return this.collection.find((e) => e.state == "opened" && e.getSetting("event") == "hover");
+      return this.collection.find((e) => e.state == "opened" && e.config.get("event") == "hover");
     }
     async open(e) {
       const n = this.getOrThrow(e);
-      return Yt(n);
+      return Ut(n);
     }
     async close(e) {
       const n = e ? this.getOrThrow(e) : void 0;
-      return n ? qt(n) : Ut(this);
+      return n ? zt(n) : qt(this);
     }
     async afterMount() {
       document.addEventListener("keydown", this.#t, false);
@@ -3273,9 +3295,9 @@
       document.removeEventListener("keydown", this.#t, false);
     }
   }
-  exports2.Drawer = _;
-  exports2.Modal = H$1;
-  exports2.Popover = un;
+  exports2.Drawer = q$1;
+  exports2.Modal = P$1;
+  exports2.Popover = cn;
   exports2.core = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 }));