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

package/dev/index.js

@@ -1,38 +1,41 @@
-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)
@@ -42,121 +45,143 @@ function x$2(n, t, e) {
     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();
   }
@@ -173,70 +198,70 @@ let O$2 = class O extends Array {
     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];
@@ -248,49 +273,104 @@ class W extends Array {
   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()",
@@ -303,33 +383,33 @@ function Z(n = {}) {
       [],
       ["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"]
         );
@@ -338,39 +418,33 @@ function Z(n = {}) {
   };
   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)
         );
       }
@@ -385,19 +459,19 @@ function Z(n = {}) {
         "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"
@@ -412,43 +486,40 @@ function Z(n = {}) {
     }
   } };
 }
-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
@@ -469,47 +540,47 @@ const F$2 = {
   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
@@ -525,289 +596,251 @@ const V$1 = {
   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;
@@ -822,15 +855,7 @@ function f$1(t) {
 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);
@@ -840,96 +865,127 @@ function C$1(t) {
   }
   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 L2 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);
     }
@@ -939,45 +995,21 @@ let y$1 = class y extends Array {
     ~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);
   }
@@ -986,65 +1018,60 @@ let D$2 = class D {
     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"
   },
@@ -1059,11 +1086,11 @@ const I$2 = {
     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",
@@ -1082,93 +1109,93 @@ const I$2 = {
   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;
@@ -1177,86 +1204,86 @@ class N extends w$1 {
     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);
@@ -1264,146 +1291,165 @@ class _ extends D$2 {
   async afterUnmount() {
     document.removeEventListener("click", this.#t, false), document.removeEventListener("keydown", this.#e, false);
   }
-}
-function y2(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 O2(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 = O2.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 x2 {
+  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 O2 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 L3 extends Array {
   constructor(t = {}) {
-    super(), this.settings = t;
+    super(), this.config = t;
   }
   get copy() {
     return [...this];
@@ -1412,137 +1458,108 @@ let T$1 = class T extends Array {
     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 w2 {
-  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,
-      y2(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 A2 {
   constructor(t = {}) {
-    this.module = this.constructor.name, this.collection = [], this.entryClass = w2, this.settings = { ...k$1, ...t }, this.plugins = new I$1(this.settings.presets), this.events = {}, Object.assign(this, P$1);
+    this.#t = new x2(), 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 O2(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",
@@ -1556,149 +1573,153 @@ const D$1 = {
   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 g2(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 w2 {
-  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 g2(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 H2 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 L3({
       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 g2(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() {
@@ -1711,11 +1732,7 @@ let H$1 = class H2 extends M {
     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;
@@ -1730,84 +1747,107 @@ function Rt(t) {
 async function z2(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 H3(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 z2(e, t, n), n && await z2(n, t);
   for (const i of e.plugins)
-    await z2(i, t, { plugin: i, parent: e, entry: n });
-  await e.emit(t, n);
+    await z2(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);
     }
@@ -1817,45 +1857,21 @@ class ie extends Array {
     ~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);
   }
@@ -1864,65 +1880,60 @@ class oe {
     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 z2(i, "init"), await H3("onCreateEntry", this, i), i;
+  async createEntry(e) {
+    const n = new this.entryClass(this, e);
+    return await z2(n, "init"), await N("onCreateEntry", this, n), n;
   }
   async destroyEntry(e) {
-    return await H3("onDestroyEntry", this, e), await z2(e, "destroy"), e;
+    return await N("onDestroyEntry", this, e), await z2(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 H3("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 H3(
+      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 z2(i, "setup", { plugin: i, parent: this });
-    await H3("beforeMount", this);
-    const n = document.querySelectorAll(this.settings.selector);
-    for (const i of n)
-      await this.register(i);
-    return await H3("afterMount", this), this;
-  }
-  async unmount() {
-    for (await H3("beforeUnmount", this); this.collection.length > 0; )
-      await this.deregister(this.collection[0].id);
-    await H3("afterUnmount", this);
-    for (const e of this.plugins)
-      await z2(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 z2(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 z2(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",
@@ -1947,28 +1958,28 @@ const re = {
   shiftPadding: 0,
   arrowPadding: 0,
   toggleDelay: 0
-}, Y = Math.min, j = Math.max, st = Math.round, it = Math.floor, R = (t) => ({
+}, j = Math.min, q2 = Math.max, st2 = Math.round, it = Math.floor, P2 = (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 q2(t, j(e, n));
 }
-function q2(t, e) {
+function X(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function I2(t) {
   return t.split("-")[0];
 }
-function et2(t) {
+function et(t) {
   return t.split("-")[1];
 }
 function pt(t) {
@@ -1977,48 +1988,48 @@ function pt(t) {
 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(I2(t)) ? "y" : "x";
+  return oe.has(I2(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 = et2(t), s = yt(t), o = wt(s);
+  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) {
-  const s = et2(t);
-  let o = he(I2(t), n === "start", i);
-  return s && (o = o.map((r2) => r2 + "-" + s), e && (o = o.concat(o.map(ht)))), o;
+function ue(t, e, n, i) {
+  const s = et(t);
+  let o = fe(I2(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,
@@ -2027,8 +2038,8 @@ function pe(t) {
     ...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,
@@ -2058,9 +2069,9 @@ function Ct(t, e, n) {
     reference: i,
     floating: s
   } = t;
-  const o = F(e), r2 = yt(e), c2 = wt(r2), l = I2(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 = I2(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,
@@ -2091,78 +2102,78 @@ function Ct(t, e, n) {
         y: i.y
       };
   }
-  switch (et2(e)) {
+  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 = {}, g3 = 0;
   for (let m2 = 0; m2 < c2.length; m2++) {
     const {
       name: p2,
-      fn: w3
+      fn: w2
     } = c2[m2], {
-      x: y3,
-      y: x2,
-      data: v2,
-      reset: b2
-    } = await w3({
+      x: y2,
+      y: x3,
+      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,
         floating: e
       }
     });
-    d2 = y3 ?? d2, u2 = x2 ?? u2, f2 = {
+    d2 = y2 ?? d2, u2 = x3 ?? u2, f2 = {
       ...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 && g3 <= 50 && (g3++, 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 {
@@ -2171,43 +2182,43 @@ async function $t(t, e) {
     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
-  } = q2(e, t), h2 = Mt(f2), p2 = c2[g2 ? u2 === "floating" ? "reference" : "floating" : u2], w3 = rt(await o.getClippingRect({
+  } = X(e, t), g3 = 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
-  })), y3 = u2 === "floating" ? {
+    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, x3 = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c2.floating)), b2 = await (o.isElement == null ? void 0 : o.isElement(x3)) ? await (o.getScale == null ? void 0 : o.getScale(x3)) || {
     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: y3,
-    offsetParent: x2,
-    strategy: l
-  }) : y3);
+    rect: y2,
+    offsetParent: x3,
+    strategy: a2
+  }) : y2);
   return {
-    top: (w3.top - b2.top + h2.top) / v2.y,
-    bottom: (b2.bottom - w3.bottom + h2.bottom) / v2.y,
-    left: (w3.left - b2.left + h2.left) / v2.x,
-    right: (b2.right - w3.right + h2.right) / v2.x
+    top: (w2.top - v2.top + g3.top) / b2.y,
+    bottom: (v2.bottom - w2.bottom + g3.bottom) / b2.y,
+    left: (w2.left - v2.left + g3.left) / b2.x,
+    right: (v2.right - w2.right + g3.right) / b2.x
   };
 }
-const ye = (t) => ({
+const ge = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -2218,33 +2229,33 @@ const ye = (t) => ({
       rects: o,
       platform: r2,
       elements: c2,
-      middlewareData: l
+      middlewareData: a2
     } = e, {
-      element: a2,
+      element: l2,
       padding: d2 = 0
-    } = q2(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", w3 = p2 ? "top" : "left", y3 = 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[w3], W2), G2 = Y(u2[y3], W2), B2 = M2, Q2 = S2 - m2[h2] - G2, A2 = S2 / 2 - m2[h2] / 2 + Z2, _2 = gt(B2, A2, Q2), $2 = !l.arrow && et2(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), g3 = wt(f2), m2 = await r2.getDimensions(l2), p2 = f2 === "y", w2 = p2 ? "top" : "left", y2 = p2 ? "bottom" : "right", x3 = p2 ? "clientHeight" : "clientWidth", b2 = o.reference[g3] + o.reference[f2] - h2[f2] - o.floating[g3], v2 = h2[f2] - o.reference[f2], C2 = await (r2.getOffsetParent == null ? void 0 : r2.getOffsetParent(l2));
+    let L4 = C2 ? C2[x3] : 0;
+    (!L4 || !await (r2.isElement == null ? void 0 : r2.isElement(C2))) && (L4 = c2.floating[x3] || o.floating[g3]);
+    const G2 = b2 / 2 - v2 / 2, V2 = L4 / 2 - m2[g3] / 2 - 1, M2 = j(u2[w2], V2), Q2 = j(u2[y2], V2), B2 = M2, Z2 = L4 - m2[g3] - Q2, E2 = L4 / 2 - m2[g3] / 2 + G2, _2 = ht(B2, E2, Z2), $2 = !a2.arrow && et(s) != null && E2 !== _2 && o.reference[g3] / 2 - (E2 < B2 ? M2 : Q2) - m2[g3] / 2 < 0, O3 = $2 ? E2 < B2 ? E2 - B2 : E2 - Z2 : 0;
     return {
-      [f2]: g2[f2] + L2,
+      [f2]: h2[f2] + O3,
       data: {
         [f2]: _2,
-        centerOffset: A2 - _2 - L2,
+        centerOffset: E2 - _2 - O3,
         ...$2 && {
-          alignmentOffset: L2
+          alignmentOffset: O3
         }
       },
       reset: $2
     };
   }
-}), xe = function(t) {
+}), me = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -2255,60 +2266,60 @@ const ye = (t) => ({
         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: g3 = "none",
         flipAlignment: m2 = true,
         ...p2
-      } = q2(t, e);
+      } = X(t, e);
       if ((n = o.arrow) != null && n.alignmentOffset)
         return {};
-      const w3 = I2(s), y3 = F(c2), x2 = I2(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 = I2(s), y2 = F(c2), x3 = I2(c2) === c2, b2 = await (a2.isRTL == null ? void 0 : a2.isRTL(l2.floating)), v2 = h2 || (x3 || !m2 ? [ot(c2)] : ce(c2)), C2 = g3 !== "none";
+      !h2 && C2 && v2.push(...ue(c2, m2, g3, b2));
+      const L4 = [c2, ...v2], G2 = await Dt(e, p2), V2 = [];
       let M2 = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d2 && W2.push(Z2[w3]), 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];
-        if (_2 && (!(u2 === "alignment" ? y3 !== F(_2) : false) || // We leave the current main axis only if every placement on that axis
+        overflows: V2
+      }], !V2.every((E2) => E2 <= 0)) {
+        var Q2, B2;
+        const E2 = (((Q2 = o.flip) == null ? void 0 : Q2.index) || 0) + 1, _2 = L4[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((O3) => F(O3.placement) === y3 ? O3.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, O3) => L2.overflows[1] - O3.overflows[1])[0]) == null ? void 0 : B2.placement;
+        let $2 = (B2 = M2.filter((O3) => O3.overflows[0] <= 0).sort((O3, T2) => O3.overflows[1] - T2.overflows[1])[0]) == null ? void 0 : B2.placement;
         if (!$2)
           switch (f2) {
             case "bestFit": {
-              var Q2;
-              const L2 = (Q2 = M2.filter((O3) => {
+              var Z2;
+              const O3 = (Z2 = M2.filter((T2) => {
                 if (C2) {
-                  const N2 = F(O3.placement);
-                  return N2 === y3 || // 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((O3) => [O3.placement, O3.overflows.filter((N2) => N2 > 0).reduce((N2, Kt) => N2 + Kt, 0)]).sort((O3, N2) => O3[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];
+              O3 && ($2 = O3);
               break;
             }
             case "initialPlacement":
@@ -2325,17 +2336,17 @@ const ye = (t) => ({
       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 = I2(n), c2 = et2(n), l = F(n) === "y", a2 = Ft.has(r2) ? -1 : 1, d2 = o && l ? -1 : 1, u2 = q2(e, t);
+  } = t, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r2 = I2(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: g3
   } = typeof u2 == "number" ? {
     mainAxis: u2,
     crossAxis: 0,
@@ -2345,15 +2356,15 @@ async function be(t, e) {
     crossAxis: u2.crossAxis || 0,
     alignmentAxis: u2.alignmentAxis
   };
-  return c2 && typeof h2 == "number" && (f2 = c2 === "end" ? h2 * -1 : h2), l ? {
+  return c2 && typeof g3 == "number" && (f2 = c2 === "end" ? g3 * -1 : g3), 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,
@@ -2364,18 +2375,18 @@ const ve = function(t) {
         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,
@@ -2390,33 +2401,33 @@ const ve = function(t) {
         limiter: c2 = {
           fn: (p2) => {
             let {
-              x: w3,
-              y: y3
+              x: w2,
+              y: y2
             } = p2;
             return {
-              x: w3,
-              y: y3
+              x: w2,
+              y: y2
             };
           }
         },
-        ...l
-      } = q2(t, e), a2 = {
+        ...a2
+      } = X(t, e), l2 = {
         x: n,
         y: i
-      }, d2 = await $t(e, l), u2 = F(I2(s)), g2 = pt(u2);
-      let f2 = a2[g2], h2 = a2[u2];
+      }, d2 = await Dt(e, a2), u2 = F(I2(s)), h2 = pt(u2);
+      let f2 = l2[h2], g3 = l2[u2];
       if (o) {
-        const p2 = g2 === "y" ? "top" : "left", w3 = g2 === "y" ? "bottom" : "right", y3 = f2 + d2[p2], x2 = f2 - d2[w3];
-        f2 = gt(y3, f2, x2);
+        const p2 = h2 === "y" ? "top" : "left", w2 = h2 === "y" ? "bottom" : "right", y2 = f2 + d2[p2], x3 = f2 - d2[w2];
+        f2 = ht(y2, f2, x3);
       }
       if (r2) {
-        const p2 = u2 === "y" ? "top" : "left", w3 = u2 === "y" ? "bottom" : "right", y3 = h2 + d2[p2], x2 = h2 - d2[w3];
-        h2 = gt(y3, h2, x2);
+        const p2 = u2 === "y" ? "top" : "left", w2 = u2 === "y" ? "bottom" : "right", y2 = g3 + d2[p2], x3 = g3 - d2[w2];
+        g3 = ht(y2, g3, x3);
       }
       const m2 = c2.fn({
         ...e,
-        [g2]: f2,
-        [u2]: h2
+        [h2]: f2,
+        [u2]: g3
       });
       return {
         ...m2,
@@ -2424,14 +2435,14 @@ const ve = function(t) {
           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) {
@@ -2443,14 +2454,14 @@ const ve = function(t) {
         middlewareData: r2
       } = e, {
         offset: c2 = 0,
-        mainAxis: l = true,
-        crossAxis: a2 = true
-      } = q2(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 = q2(c2, e), p2 = typeof m2 == "number" ? {
+      }, u2 = F(s), h2 = pt(u2);
+      let f2 = d2[h2], g3 = d2[u2];
+      const m2 = X(c2, e), p2 = typeof m2 == "number" ? {
         mainAxis: m2,
         crossAxis: 0
       } : {
@@ -2458,18 +2469,18 @@ const ve = function(t) {
         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) {
-        var w3, y3;
-        const x2 = g2 === "y" ? "width" : "height", v2 = Ft.has(I2(s)), b2 = o.reference[u2] - o.floating[x2] + (v2 && ((w3 = r2.offset) == null ? void 0 : w3[u2]) || 0) + (v2 ? 0 : p2.crossAxis), C2 = o.reference[u2] + o.reference[x2] + (v2 ? 0 : ((y3 = r2.offset) == null ? void 0 : y3[u2]) || 0) - (v2 ? p2.crossAxis : 0);
-        h2 < b2 ? h2 = b2 : h2 > C2 && (h2 = C2);
+        const x3 = h2 === "y" ? "height" : "width", b2 = o.reference[h2] - o.floating[x3] + p2.mainAxis, v2 = o.reference[h2] + o.reference[x3] - p2.mainAxis;
+        f2 < b2 ? f2 = b2 : f2 > v2 && (f2 = v2);
+      }
+      if (l2) {
+        var w2, y2;
+        const x3 = h2 === "y" ? "width" : "height", b2 = Mt.has(I2(s)), v2 = o.reference[u2] - o.floating[x3] + (b2 && ((w2 = r2.offset) == null ? void 0 : w2[u2]) || 0) + (b2 ? 0 : p2.crossAxis), C2 = o.reference[u2] + o.reference[x3] + (b2 ? 0 : ((y2 = r2.offset) == null ? void 0 : y2[u2]) || 0) - (b2 ? p2.crossAxis : 0);
+        g3 < v2 ? g3 = v2 : g3 > C2 && (g3 = C2);
       }
       return {
-        [g2]: f2,
-        [u2]: h2
+        [h2]: f2,
+        [u2]: g3
       };
     }
   };
@@ -2478,45 +2489,45 @@ function ct() {
   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 A3(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
 function D2(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 A3(t).Node : false;
 }
-function T2(t) {
-  return ct() ? t instanceof Element || t instanceof E(t).Element : false;
+function S2(t) {
+  return ct() ? t instanceof Element || t instanceof A3(t).Element : false;
 }
 function k(t) {
-  return ct() ? t instanceof HTMLElement || t instanceof E(t).HTMLElement : false;
+  return ct() ? t instanceof HTMLElement || t instanceof A3(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 A3(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 {
@@ -2524,34 +2535,34 @@ function lt(t) {
     }
   });
 }
-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 = T2(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 = S2(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 A3(t).getComputedStyle(t);
 }
 function at(t) {
-  return T2(t) ? {
+  return S2(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -2559,26 +2570,26 @@ function at(t) {
     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.
     D2(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 = A3(s);
   if (o) {
     const c2 = mt(r2);
     return e.concat(r2, r2.visualViewport || [], nt(s) ? s : [], c2 && n ? tt(c2) : []);
@@ -2588,79 +2599,79 @@ function tt(t, e, n) {
 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;
+  const s = k(t), o = s ? t.offsetWidth : n, r2 = s ? t.offsetHeight : i, c2 = st2(n) !== o || st2(i) !== r2;
   return c2 && (n = o, i = r2), {
     width: n,
     height: i,
     $: c2
   };
 }
-function vt(t) {
-  return T2(t) ? t : t.contextElement;
+function bt(t) {
+  return S2(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 P2(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
-  } = It(e);
-  let r2 = (o ? st(n.width) : n.width) / i, c2 = (o ? st(n.height) : n.height) / s;
+  } = Ht(e);
+  let r2 = (o ? st2(n.width) : n.width) / i, c2 = (o ? st2(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__ */ P2(0);
+function Nt(t) {
+  const e = A3(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 !== A3(t) ? false : e;
 }
 function U2(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 ? T2(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 = P2(1);
+  e && (i ? S2(i) && (r2 = Y(i)) : r2 = Y(t));
+  const c2 = Pe(o, n, i) ? Nt(o) : P2(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 && T2(i) ? E(i) : i;
-    let h2 = g2, m2 = mt(h2);
-    for (; m2 && i && f2 !== h2; ) {
-      const p2 = X(m2), w3 = m2.getBoundingClientRect(), y3 = P(m2), x2 = w3.left + (m2.clientLeft + parseFloat(y3.paddingLeft)) * p2.x, v2 = w3.top + (m2.clientTop + parseFloat(y3.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 = A3(o), f2 = i && S2(i) ? A3(i) : i;
+    let g3 = h2, m2 = mt(g3);
+    for (; m2 && i && f2 !== g3; ) {
+      const p2 = Y(m2), w2 = m2.getBoundingClientRect(), y2 = R(m2), x3 = 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 += x3, l2 += b2, g3 = A3(m2), m2 = mt(g3);
     }
   }
   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 : U2(D2(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,
@@ -2670,78 +2681,78 @@ function Fe(t) {
   const o = s === "fixed", r2 = D2(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 = P2(1);
+  const d2 = P2(0), u2 = k(i);
+  if ((u2 || !u2 && !o) && ((J(i) !== "body" || nt(r2)) && (a2 = at(i)), k(i))) {
     const f2 = U2(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) : P2(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 = D2(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 = D2(t), n = at(t), i = t.ownerDocument.body, s = q2(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), o = q2(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 += q2(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 = D2(t), s = n.visualViewport;
-  let o = i.clientWidth, r2 = i.clientHeight, c2 = 0, l = 0;
+const Ot = 25;
+function $e(t, e) {
+  const n = A3(t), i = D2(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, g3 = Math.abs(i.clientWidth - u2.clientWidth - f2);
+    g3 <= Ot && (o -= g3);
+  } 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 = U2(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 = U2(t, true, e === "fixed"), i = n.top + t.clientTop, s = n.left + t.clientLeft, o = k(t) ? Y(t) : P2(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(D2(t));
-  else if (T2(e))
-    i = We(e, n);
+    i = Me(D2(t));
+  else if (S2(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,
@@ -2751,108 +2762,108 @@ function Ot(t, e, n) {
   }
   return rt(i);
 }
-function Bt(t, e) {
-  const n = V(t);
-  return n === e || !T2(n) || K(n) ? false : P(n).position === "fixed" || Bt(n, e);
+function Wt(t, e) {
+  const n = W(t);
+  return n === e || !S2(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) => T2(c2) && J(c2) !== "body"), s = null;
-  const o = P(t).position === "fixed";
-  let r2 = o ? V(t) : t;
-  for (; T2(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) => S2(c2) && J(c2) !== "body"), s = null;
+  const o = R(t).position === "fixed";
+  let r2 = o ? W(t) : t;
+  for (; S2(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 = q2(u2.top, l2.top), l2.right = j(u2.right, l2.right), l2.bottom = j(u2.bottom, l2.bottom), l2.left = q2(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 = D2(e), o = n === "fixed", r2 = U2(t, true, o, e);
   let c2 = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = R(0);
-  function a2() {
-    l.x = ft(s);
+  const a2 = P2(0);
+  function l2() {
+    a2.x = ft(s);
   }
   if (i || !i && !o)
     if ((J(e) !== "body" || nt(s)) && (c2 = at(e)), i) {
       const f2 = U2(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) : P2(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 D2(t) === n && (n = n.ownerDocument.body), n;
 }
-function _t(t, e) {
-  const n = E(t);
+function Vt(t, e) {
+  const n = A3(t);
   if (lt(t))
     return n;
   if (!k(t)) {
-    let s = V(t);
+    let s = W(t);
     for (; s && !K(s); ) {
-      if (T2(s) && !ut(s))
+      if (S2(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,
@@ -2861,127 +2872,127 @@ const qe = async function(t) {
     }
   };
 };
-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: D2,
-  getClippingRect: _e,
-  getOffsetParent: _t,
-  getElementRects: qe,
-  getClientRects: Ne,
-  getDimensions: ze,
-  getScale: X,
-  isElement: T2,
-  isRTL: Ue
+  getClippingRect: Ie,
+  getOffsetParent: Vt,
+  getElementRects: Be,
+  getClientRects: De,
+  getDimensions: We,
+  getScale: Y,
+  isElement: S2,
+  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 = D2(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)), w3 = it(d2), x2 = {
-      rootMargin: -h2 + "px " + -m2 + "px " + -p2 + "px " + -w3 + "px",
-      threshold: j(0, Y(1, l)) || 1
+    const g3 = it(u2), m2 = it(s.clientWidth - (d2 + h2)), p2 = it(s.clientHeight - (u2 + f2)), w2 = it(d2), x3 = {
+      rootMargin: -g3 + "px " + -m2 + "px " + -p2 + "px " + -w2 + "px",
+      threshold: q2(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 L4 = C2[0].intersectionRatio;
+      if (L4 !== a2) {
+        if (!b2)
           return r2();
-        S2 ? r2(false, S2) : i = setTimeout(() => {
+        L4 ? r2(false, L4) : i = setTimeout(() => {
           r2(false, 1e-7);
         }, 1e3);
       }
-      S2 === 1 && !zt(a2, t.getBoundingClientRect()) && r2(), v2 = false;
+      L4 === 1 && !Bt(l2, t.getBoundingClientRect()) && r2(), b2 = false;
     }
     try {
-      n = new IntersectionObserver(b2, {
-        ...x2,
+      n = new IntersectionObserver(v2, {
+        ...x3,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(b2, x2);
+      n = new IntersectionObserver(v2, x3);
     }
     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)] : [];
-  d2.forEach((w3) => {
-    s && w3.addEventListener("scroll", n, {
+    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 && w3.addEventListener("resize", n);
+    }), o && w2.addEventListener("resize", n);
   });
-  const u2 = a2 && c2 ? Ye(a2, n) : null;
-  let g2 = -1, f2 = null;
-  r2 && (f2 = new ResizeObserver((w3) => {
-    let [y3] = w3;
-    y3 && y3.target === a2 && f2 && (f2.unobserve(e), cancelAnimationFrame(g2), g2 = requestAnimationFrame(() => {
-      var x2;
-      (x2 = f2) == null || x2.observe(e);
+  const u2 = l2 && c2 ? qe(l2, n) : null;
+  let h2 = -1, f2 = null;
+  r2 && (f2 = new ResizeObserver((w2) => {
+    let [y2] = w2;
+    y2 && y2.target === l2 && f2 && (f2.unobserve(e), cancelAnimationFrame(h2), h2 = requestAnimationFrame(() => {
+      var x3;
+      (x3 = f2) == null || x3.observe(e);
     })), n();
-  }), a2 && !l && f2.observe(a2), f2.observe(e));
-  let h2, m2 = l ? U2(t) : null;
-  l && p2();
+  }), l2 && !a2 && f2.observe(l2), f2.observe(e));
+  let g3, m2 = a2 ? U2(t) : null;
+  a2 && p2();
   function p2() {
-    const w3 = U2(t);
-    m2 && !zt(m2, w3) && n(), m2 = w3, h2 = requestAnimationFrame(p2);
+    const w2 = U2(t);
+    m2 && !Bt(m2, w2) && n(), m2 = w2, g3 = requestAnimationFrame(p2);
   }
   return n(), () => {
-    var w3;
-    d2.forEach((y3) => {
-      s && y3.removeEventListener("scroll", n), o && y3.removeEventListener("resize", n);
-    }), u2?.(), (w3 = f2) == null || w3.disconnect(), f2 = null, l && cancelAnimationFrame(h2);
+    var w2;
+    d2.forEach((y2) => {
+      s && y2.removeEventListener("scroll", n), o && y2.removeEventListener("resize", n);
+    }), u2?.(), (w2 = f2) == null || w2.disconnect(), f2 = null, a2 && cancelAnimationFrame(g3);
   };
 }
-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))
@@ -3027,31 +3038,31 @@ function dt(t) {
   }
   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());
@@ -3062,35 +3073,35 @@ function Xt(t) {
     `#${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) => {
@@ -3101,62 +3112,61 @@ function ln(t) {
       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;
@@ -3174,47 +3184,55 @@ class fn extends Dt {
       }
   }
   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
+          );
         });
       });
     })));
@@ -3223,41 +3241,45 @@ class fn extends Dt {
     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);
@@ -3270,9 +3292,9 @@ class un extends oe {
   }
 }
 export {
-  _ as Drawer,
-  H$1 as Modal,
-  un as Popover,
+  q$1 as Drawer,
+  P$1 as Modal,
+  cn as Popover,
   index as core
 };
 //# sourceMappingURL=index.js.map