@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.5

package/{lib/index-B9h2L_hV.js → components/index-BRk42NQn.js}

@@ -17,102 +17,169 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { e as re, i as Oe, t as Ae, c as Lt, a as _t, E as Te, b as Re, r as ut } from "./directive-helpers-eY1rHtyn.js";
-import { b as De, T as Se, L as le, r as ae, x as k, o as St, n as x, e as pt, E as ce, B as he } from "./if-defined-BbzmSG-O.js";
-import { v as ft } from "./index-DdtjeKYI.js";
-import { i as ke, b as Le, f as $e } from "./async-directive-SCUUQ3Mh.js";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Fe(e) {
-  return (t, n) => {
-    const { slot: i, selector: o } = e ?? {}, s = "slot" + (i ? `[name=${i}]` : ":not([name])");
-    return De(t, n, { get() {
-      var a;
-      const r = (a = this.renderRoot) == null ? void 0 : a.querySelector(s), l = (r == null ? void 0 : r.assignedElements(e)) ?? [];
-      return o === void 0 ? l : l.filter((c) => c.matches(o));
-    } });
-  };
-}
-class ze extends Event {
-  constructor(t, n, i) {
-    super("slottable-request", {
-      bubbles: !1,
-      cancelable: !0,
-      composed: !1
-    }), this.name = t, this.data = n, this.slotName = i === void 0 ? t : `${t}.${i}`;
-  }
-}
-const Nt = Symbol("remove-slottable-request");
+import { c as De, I as ge, x as A, r as fe, H as x, E as ve, B as ye } from "./property-CD3dwBJC.js";
+import { _ as _t, $ as Fe, s as Ne, n as mt } from "./directive-helpers-BLDZnGQv-oKMCBvb2.js";
+import { m as $t, d as gt } from "./if-defined-CYpcjGCb-tXzyj9Dq.js";
+import { o as qe } from "./base-D76d76ww-gf0ESLsU.js";
+import { u as Nt, n as It, d as He, h as Be } from "./element-resolution-FCUT-wql--7ctE626.js";
+import { t as ft } from "./index-DskAouD-.js";
+import { a as _e, w as Ie, C as Me } from "./async-directive-FGzMycjH-Bgeca09f.js";
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const de = "important", _e = " !" + de, Jt = re(class extends Oe {
+const be = "important", We = " !" + be, re = _t(class extends Fe {
   constructor(e) {
     var t;
-    if (super(e), e.type !== Ae.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(e), e.type !== Ne.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(e) {
     return Object.keys(e).reduce((t, n) => {
-      const i = e[n];
-      return i == null ? t : t + `${n = n.includes("-") ? n : n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${i};`;
+      const o = e[n];
+      return o == null ? t : t + `${n = n.includes("-") ? n : n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${o};`;
     }, "");
   }
   update(e, [t]) {
     const { style: n } = e.element;
     if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
-    for (const i of this.ft) t[i] == null && (this.ft.delete(i), i.includes("-") ? n.removeProperty(i) : n[i] = null);
-    for (const i in t) {
-      const o = t[i];
-      if (o != null) {
-        this.ft.add(i);
-        const s = typeof o == "string" && o.endsWith(_e);
-        i.includes("-") || s ? n.setProperty(i, s ? o.slice(0, -11) : o, s ? de : "") : n[i] = o;
+    for (const o of this.ft) t[o] == null && (this.ft.delete(o), o.includes("-") ? n.removeProperty(o) : n[o] = null);
+    for (const o in t) {
+      const i = t[o];
+      if (i != null) {
+        this.ft.add(o);
+        const s = typeof i == "string" && i.endsWith(We);
+        o.includes("-") || s ? n.setProperty(o, s ? i.slice(0, -11) : i, s ? be : "") : n[o] = i;
       }
     }
-    return Se;
+    return De;
   }
 });
-function Ne(e, t, n = []) {
-  for (const [i, o] of t.entries()) {
-    const s = e[i], r = s.parentElement || s.getRootNode();
-    n[i] && n[i](o), r && r !== s && s.replaceWith(o), delete e[i];
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+class we extends Event {
+  constructor(t, n, o) {
+    super("slottable-request", {
+      bubbles: !1,
+      cancelable: !0,
+      composed: !1
+    }), this.name = t, this.data = n, this.slotName = o === void 0 ? t : `${t}.${o}`;
+  }
+}
+const St = Symbol("remove-slottable-request");
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Ue(e) {
+  return (t, n) => {
+    const { slot: o, selector: i } = e ?? {}, s = "slot" + (o ? `[name=${o}]` : ":not([name])");
+    return qe(t, n, { get() {
+      var l;
+      const r = (l = this.renderRoot) == null ? void 0 : l.querySelector(s), a = (r == null ? void 0 : r.assignedElements(e)) ?? [];
+      return i === void 0 ? a : a.filter((c) => c.matches(i));
+    } });
+  };
+}
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+function je(e, t, n = []) {
+  for (const [o, i] of t.entries()) {
+    const s = e[o], l = s.parentElement || s.getRootNode();
+    n[o] && n[o](i), l && l !== s && s.replaceWith(i), delete e[o];
   }
   return t;
 }
-const Be = (e, t, {
+const Ve = (e, t, {
   position: n,
-  prepareCallback: i
+  prepareCallback: o
 } = { position: "beforeend" }) => {
-  let { length: o } = e;
-  if (o === 0)
+  let { length: i } = e;
+  if (i === 0)
     return () => e;
-  let s = 1, r = 0;
-  (n === "afterbegin" || n === "afterend") && (s = -1, r = o - 1);
-  const l = new Array(o), a = new Array(o), c = document.createComment(
+  let s = 1, l = 0;
+  (n === "afterbegin" || n === "afterend") && (s = -1, l = i - 1);
+  const r = new Array(i), a = new Array(i), c = document.createComment(
     "placeholder for reparented element"
   );
   do {
-    const h = e[r];
-    i && (a[r] = i(h)), l[r] = c.cloneNode();
+    const h = e[l];
+    o && (a[l] = o(h)), r[l] = c.cloneNode();
     const d = h.parentElement || h.getRootNode();
-    d && d !== h && d.replaceChild(l[r], h), t.insertAdjacentElement(n, h), r += s;
-  } while (--o > 0);
+    d && d !== h && d.replaceChild(r[l], h), t.insertAdjacentElement(n, h), l += s;
+  } while (--i > 0);
   return function() {
-    return Ne(
-      l,
-      e,
-      a
-    );
+    return je(r, e, a);
   };
-}, Me = 1e3, He = 1e3;
-class qe {
+}, Ke = 1e3, Xe = 1e3;
+class Ye {
   constructor(t = {}) {
-    this.warmUpDelay = Me, this.coolDownDelay = He, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
+    this.warmUpDelay = Ke, this.coolDownDelay = Xe, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
   }
   openTimer(t) {
     if (this.cancelCooldownTimer(), !this.component || t !== this.component)
@@ -137,43 +204,43 @@ class qe {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const xt = new qe(), tt = () => {
-}, Bt = (e, t, n) => {
-  const i = new AbortController(), o = /* @__PURE__ */ new Map(), s = () => {
-    i.abort(), n();
+const lt = new Ye(), V = () => {
+}, vt = (e, t, n) => {
+  const o = new AbortController(), i = /* @__PURE__ */ new Map(), s = () => {
+    o.abort(), n();
   };
-  let r, l;
+  let l, r;
   const a = requestAnimationFrame(() => {
-    r = requestAnimationFrame(() => {
-      l = requestAnimationFrame(() => {
+    l = requestAnimationFrame(() => {
+      r = requestAnimationFrame(() => {
         s();
       });
     });
   }), c = (d) => {
-    d.target === e && (o.set(
+    d.target === e && (i.set(
       d.propertyName,
-      o.get(d.propertyName) - 1
-    ), o.get(d.propertyName) || o.delete(d.propertyName), o.size === 0 && s());
+      i.get(d.propertyName) - 1
+    ), i.get(d.propertyName) || i.delete(d.propertyName), i.size === 0 && s());
   }, h = (d) => {
-    d.target === e && (o.has(d.propertyName) || o.set(d.propertyName, 0), o.set(
+    d.target === e && (i.has(d.propertyName) || i.set(d.propertyName, 0), i.set(
       d.propertyName,
-      o.get(d.propertyName) + 1
-    ), cancelAnimationFrame(a), cancelAnimationFrame(r), cancelAnimationFrame(l));
+      i.get(d.propertyName) + 1
+    ), cancelAnimationFrame(a), cancelAnimationFrame(l), cancelAnimationFrame(r));
   };
   e.addEventListener("transitionrun", h, {
-    signal: i.signal
+    signal: o.signal
   }), e.addEventListener("transitionend", c, {
-    signal: i.signal
+    signal: o.signal
   }), e.addEventListener("transitioncancel", c, {
-    signal: i.signal
+    signal: o.signal
   }), t();
 };
-function L() {
+function T() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class rt extends le {
+class J extends ge {
   constructor() {
-    super(...arguments), this.dispose = tt, this.offset = 0, this.willPreventClose = !1;
+    super(...arguments), this.dispose = V, this.offset = 0, this.willPreventClose = !1;
   }
   applyFocus(t, n) {
   }
@@ -246,41 +313,41 @@ class rt extends le {
     });
     document.dispatchEvent(t);
   }
-  static async open(t, n, i, o) {
-    await Promise.resolve().then(() => st);
-    const s = arguments.length === 2, r = i || t, l = new this();
+  static async open(t, n, o, i) {
+    await Promise.resolve().then(() => kt);
+    const s = arguments.length === 2, l = o || t, r = new this();
     let a = !1;
-    const c = Be([r], l, {
+    const c = Ve([l], r, {
       position: "beforeend",
-      prepareCallback: (f) => {
-        const u = f.slot;
-        return f.removeAttribute("slot"), () => {
-          f.slot = u;
+      prepareCallback: (d) => {
+        const p = d.slot;
+        return d.removeAttribute("slot"), () => {
+          d.slot = p;
         };
       }
     });
-    if (l.dispose = () => {
-      l.addEventListener("luzmo-closed", () => {
+    if (r.dispose = () => {
+      r.addEventListener("luzmo-closed", () => {
         a || (c(), a = !0), requestAnimationFrame(() => {
-          l.remove();
+          r.remove();
         });
-      }), l.open = !1, l.dispose = tt;
-    }, !s && r && o) {
-      const f = t, u = n, p = o;
-      return rt.applyOptions(l, {
-        ...p,
-        delayed: p.delayed || r.hasAttribute("delayed"),
-        trigger: p.virtualTrigger || f,
-        type: u === "modal" ? "modal" : u === "hover" ? "hint" : "auto"
-      }), f.after(l), await l.updateComplete, l.open = !0, l.dispose;
+      }), r.open = !1, r.dispose = V;
+    }, !s && l && i) {
+      const d = t, p = n, u = i;
+      return J.applyOptions(r, {
+        ...u,
+        delayed: u.delayed || l.hasAttribute("delayed"),
+        trigger: u.virtualTrigger || d,
+        type: p === "modal" ? "modal" : p === "hover" ? "hint" : "auto"
+      }), d.after(r), await r.updateComplete, r.open = !0, r.dispose;
     }
-    const d = n;
-    return l.append(r), rt.applyOptions(l, {
-      ...d,
-      delayed: d.delayed || r.hasAttribute("delayed")
-    }), l.updateComplete.then(() => {
-      l.open = !0;
-    }), l;
+    const h = n;
+    return r.append(l), J.applyOptions(r, {
+      ...h,
+      delayed: h.delayed || l.hasAttribute("delayed")
+    }), r.updateComplete.then(() => {
+      r.open = !0;
+    }), r;
   }
   static applyOptions(t, n) {
     t.delayed = !!n.delayed, t.receivesFocus = n.receivesFocus ?? "auto", t.triggerElement = n.trigger || null, t.type = n.type || "modal", t.offset = n.offset ?? 0, t.placement = n.placement, t.willPreventClose = !!n.notImmediatelyClosable;
@@ -288,10 +355,8 @@ class rt extends le {
 }
 const Mt = (e) => e.querySelector(
   ft
-), Ht = (e) => e.assignedElements().find(
-  (n) => n.matches(ft)
-);
-class qt extends Event {
+), Wt = (e) => e.assignedElements().find((t) => t.matches(ft));
+class Ut extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -299,7 +364,7 @@ class qt extends Event {
     }), this.currentState = "open", this.newState = "closed";
   }
 }
-class It extends Event {
+class jt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -307,27 +372,27 @@ class It extends Event {
     }), this.currentState = "closed", this.newState = "open";
   }
 }
-class z extends Event {
+class F extends Event {
   constructor(t, n, {
-    publish: i,
-    interaction: o,
+    publish: o,
+    interaction: i,
     reason: s
   }) {
     super(t, {
-      bubbles: i,
-      composed: i
+      bubbles: o,
+      composed: o
     }), this.overlay = n, this.detail = {
-      interaction: o,
+      interaction: i,
       reason: s
     };
   }
 }
-class mt {
+class ct {
   constructor(t, n) {
     this.x = 0, this.y = 0, this.x = t, this.y = n;
   }
   updateBoundingClientRect(t, n) {
-    this.x = t, this.y = n, rt.update();
+    this.x = t, this.y = n, J.update();
   }
   getBoundingClientRect() {
     return {
@@ -345,65 +410,65 @@ class mt {
     };
   }
 }
-function Ie(e) {
+function Ge(e) {
   class t extends e {
     async manageDialogOpen() {
-      const i = this.open;
-      if (await L(), await this.managePosition(), this.open !== i)
+      const o = this.open;
+      if (await T(), await this.managePosition(), this.open !== o)
         return;
-      const o = await this.dialogMakeTransition(i);
-      this.open === i && await this.dialogApplyFocus(i, o);
+      const i = await this.dialogMakeTransition(o);
+      this.open === o && await this.dialogApplyFocus(o, i);
     }
-    dialogMakeTransition(i) {
-      let o = null;
-      const s = (l, a) => () => {
-        if (l.open = i, !i) {
+    dialogMakeTransition(o) {
+      let i = null;
+      const s = (r, a) => () => {
+        if (r.open = o, !o) {
           const h = () => {
-            l.removeEventListener("close", h);
+            r.removeEventListener("close", h);
           };
-          l.addEventListener("close", h);
+          r.addEventListener("close", h);
         }
         if (a > 0)
           return;
-        const c = i ? It : qt;
-        this.dispatchEvent(new c()), i && (l.matches(ft) && (o = l), o = o || Mt(l), o || l.querySelectorAll("slot").forEach((d) => {
-          o || (o = Ht(d));
+        const c = o ? jt : Ut;
+        this.dispatchEvent(new c()), o && (r.matches(ft) && (i = r), i = i || Mt(r), i || r.querySelectorAll("slot").forEach((h) => {
+          i || (i = Wt(h));
         }), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
-      }, r = (l, a) => () => {
-        if (this.open !== i)
+      }, l = (r, a) => () => {
+        if (this.open !== o)
           return;
-        const c = i ? "luzmo-opened" : "luzmo-closed";
+        const c = o ? "luzmo-opened" : "luzmo-closed";
         if (a > 0) {
-          l.dispatchEvent(
-            new z(c, this, {
+          r.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
           );
           return;
         }
-        if (!this.isConnected || i !== this.open)
+        if (!this.isConnected || o !== this.open)
           return;
         const h = async () => {
-          const d = this.triggerElement instanceof mt;
+          const d = this.triggerElement instanceof ct;
           this.dispatchEvent(
-            new z(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: d
             })
-          ), l.dispatchEvent(
-            new z(c, this, {
+          ), r.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
           ), this.triggerElement && !d && this.triggerElement.dispatchEvent(
-            new z(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
+          ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
         };
-        !i && this.dialogEl.open ? (this.dialogEl.addEventListener(
+        !o && this.dialogEl.open ? (this.dialogEl.addEventListener(
           "close",
           () => {
             h();
@@ -411,79 +476,77 @@ function Ie(e) {
           { once: !0 }
         ), this.dialogEl.close()) : h();
       };
-      return this.elements.forEach((l, a) => {
-        Bt(l, s(l, a), r(l, a));
-      }), o;
+      return this.elements.forEach((r, a) => {
+        vt(r, s(r, a), l(r, a));
+      }), i;
     }
-    dialogApplyFocus(i, o) {
-      this.applyFocus(i, o);
+    dialogApplyFocus(o, i) {
+      this.applyFocus(o, i);
     }
   }
   return t;
 }
-function We(e) {
+function Je(e) {
   class t extends e {
     async managePopoverOpen() {
       await this.managePosition();
     }
-    async manageDelay(i) {
-      if (i === !1 || i !== this.open) {
-        xt.close(this);
+    async manageDelay(o) {
+      if (o === !1 || o !== this.open) {
+        lt.close(this);
         return;
       }
-      this.delayed && await xt.openTimer(this) && (this.open = !i);
+      this.delayed && await lt.openTimer(this) && (this.open = !o);
     }
-    ensureOnDOM(i) {
+    ensureOnDOM(o) {
       document.body.offsetHeight;
     }
-    makeTransition(i) {
-      if (this.open !== i)
+    makeTransition(o) {
+      if (this.open !== o)
         return null;
-      let o = null;
-      const s = (l, a) => () => {
-        if (i !== this.open)
-          return;
-        if (l.open = i, a === 0) {
-          const h = i ? It : qt;
-          this.dispatchEvent(new h());
+      let i = null;
+      const s = (r, a) => () => {
+        if (o === this.open) {
+          if (r.open = o, a === 0) {
+            const c = o ? jt : Ut;
+            this.dispatchEvent(new c());
+          }
+          o !== !0 || (r.matches(ft) && (i = r), i = i || Mt(r), i) || r.querySelectorAll("slot").forEach((c) => {
+            i || (i = Wt(c));
+          });
         }
-        if (i !== !0 || (l.matches(ft) && (o = l), o = o || Mt(l), o))
+      }, l = (r, a) => async () => {
+        if (this.open !== o)
           return;
-        l.querySelectorAll("slot").forEach((h) => {
-          o || (o = Ht(h));
-        });
-      }, r = (l, a) => async () => {
-        if (this.open !== i)
-          return;
-        const c = i ? "luzmo-opened" : "luzmo-closed";
-        if (l.dispatchEvent(
-          new z(c, this, {
+        const c = o ? "luzmo-opened" : "luzmo-closed";
+        if (r.dispatchEvent(
+          new F(c, this, {
             interaction: this.type
           })
         ), a > 0)
           return;
-        const h = this.triggerElement instanceof mt;
+        const h = this.triggerElement instanceof ct;
         this.dispatchEvent(
-          new z(c, this, {
+          new F(c, this, {
             interaction: this.type,
             publish: h
           })
         ), this.triggerElement && !h && this.triggerElement.dispatchEvent(
-          new z(c, this, {
+          new F(c, this, {
             interaction: this.type,
             publish: !0
           })
-        ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
+        ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
       };
-      return this.elements.forEach((l, a) => {
-        Bt(l, s(l, a), r(l, a));
-      }), o;
+      return this.elements.forEach((r, a) => {
+        vt(r, s(r, a), l(r, a));
+      }), i;
     }
   }
   return t;
 }
-const Ve = CSS.supports("(overlay: auto)");
-function Qt(e) {
+const Ze = CSS.supports("(overlay: auto)");
+function le(e) {
   let t = !1;
   try {
     t = e.matches(":popover-open");
@@ -496,39 +559,39 @@ function Qt(e) {
   }
   return t || n;
 }
-function Ue(e) {
+function Qe(e) {
   class t extends e {
-    async manageDelay(i) {
-      if (i === !1 || i !== this.open) {
-        xt.close(this);
+    async manageDelay(o) {
+      if (o === !1 || o !== this.open) {
+        lt.close(this);
         return;
       }
-      this.delayed && await xt.openTimer(this) && (this.open = !i);
+      this.delayed && await lt.openTimer(this) && (this.open = !o);
     }
     /**
      * A popover should be hidden _after_ it is no longer on top-layer because
      * the position metrics will have changed from when it was originally positioned.
      */
-    shouldHidePopover(i) {
-      if (i && this.open !== i)
+    shouldHidePopover(o) {
+      if (o && this.open !== o)
         return;
-      const o = async ({
+      const i = async ({
         newState: s
       } = {}) => {
         s !== "open" && await this.placementController.resetOverlayPosition();
       };
-      if (!Qt(this.dialogEl)) {
-        o();
+      if (!le(this.dialogEl)) {
+        i();
         return;
       }
-      this.dialogEl.addEventListener("toggle", o, {
+      this.dialogEl.addEventListener("toggle", i, {
         once: !0
       });
     }
-    shouldShowPopover(i) {
-      let o = !1;
+    shouldShowPopover(o) {
+      let i = !1;
       try {
-        o = this.dialogEl.matches(":popover-open");
+        i = this.dialogEl.matches(":popover-open");
       } catch {
       }
       let s = !1;
@@ -536,32 +599,30 @@ function Ue(e) {
         s = this.dialogEl.matches(":open");
       } catch {
       }
-      i && this.open === i && !o && !s && this.isConnected && (this.dialogEl.showPopover(), this.managePosition());
+      o && this.open === o && !i && !s && this.isConnected && (this.dialogEl.showPopover(), this.managePosition());
     }
-    async ensureOnDOM(i) {
-      await L(), Ve || await this.shouldHidePopover(i), this.shouldShowPopover(i), await L();
+    async ensureOnDOM(o) {
+      await T(), Ze || await this.shouldHidePopover(o), this.shouldShowPopover(o), await T();
     }
-    makeTransition(i) {
-      if (this.open !== i)
+    makeTransition(o) {
+      if (this.open !== o)
         return null;
-      let o = null;
-      const s = (l, a) => () => {
-        if (l.open = i, a === 0) {
-          const h = i ? It : qt;
-          this.dispatchEvent(new h());
+      let i = null;
+      const s = (r, a) => () => {
+        if (r.open = o, a === 0) {
+          const c = o ? jt : Ut;
+          this.dispatchEvent(new c());
         }
-        if (!i || (l.matches(ft) && (o = l), o = o || Mt(l), o))
-          return;
-        l.querySelectorAll("slot").forEach((h) => {
-          o || (o = Ht(h));
+        !o || (r.matches(ft) && (i = r), i = i || Mt(r), i) || r.querySelectorAll("slot").forEach((c) => {
+          i || (i = Wt(c));
         });
-      }, r = (l, a) => () => {
-        if (this.open !== i)
+      }, l = (r, a) => () => {
+        if (this.open !== o)
           return;
-        const c = i ? "luzmo-opened" : "luzmo-closed";
+        const c = o ? "luzmo-opened" : "luzmo-closed";
         if (a > 0) {
-          l.dispatchEvent(
-            new z(c, this, {
+          r.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
@@ -569,31 +630,31 @@ function Ue(e) {
           return;
         }
         const h = async () => {
-          if (this.open !== i)
+          if (this.open !== o)
             return;
-          await L();
-          const f = this.triggerElement instanceof mt;
+          await T();
+          const p = this.triggerElement instanceof ct;
           this.dispatchEvent(
-            new z(c, this, {
+            new F(c, this, {
               interaction: this.type,
-              publish: f
+              publish: p
             })
-          ), l.dispatchEvent(
-            new z(c, this, {
+          ), r.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
-          ), this.triggerElement && !f && this.triggerElement.dispatchEvent(
-            new z(c, this, {
+          ), this.triggerElement && !p && this.triggerElement.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
+          ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
         };
-        if (this.open !== i)
+        if (this.open !== o)
           return;
-        const d = Qt(this.dialogEl);
-        i !== !0 && d && this.isConnected ? (this.dialogEl.addEventListener(
+        const d = le(this.dialogEl);
+        o !== !0 && d && this.isConnected ? (this.dialogEl.addEventListener(
           "beforetoggle",
           () => {
             h();
@@ -601,15 +662,15 @@ function Ue(e) {
           { once: !0 }
         ), this.dialogEl.hidePopover()) : h();
       };
-      return this.elements.forEach((l, a) => {
-        Bt(l, s(l, a), r(l, a));
-      }), o;
+      return this.elements.forEach((r, a) => {
+        vt(r, s(r, a), l(r, a));
+      }), i;
     }
   }
   return t;
 }
-const je = "showPopover" in document.createElement("div");
-class Ke {
+const to = "showPopover" in document.createElement("div");
+class eo {
   constructor() {
     this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
       this.pointerdownPath = t.composedPath(), this.lastOverlay = this.stack.at(-1);
@@ -619,21 +680,25 @@ class Ke {
         return;
       const n = this.lastOverlay;
       this.lastOverlay = void 0;
-      const i = this.stack.length - 1, o = this.stack.filter((s, r) => !t.find(
-        (a) => (
+      const o = this.stack.length - 1, i = this.stack.filter((s, l) => !t.find(
+        (r) => (
           // The Overlay is in the stack
-          a === s || a === (s == null ? void 0 : s.triggerElement) && (s == null ? void 0 : s.type) === "hint" || r === i && s !== n && s.triggerInteraction === "longpress"
+          r === s || // The Overlay trigger is in the stack and the Overlay is a "hint"
+          r === (s == null ? void 0 : s.triggerElement) && (s == null ? void 0 : s.type) === "hint" || // The last Overlay in the stack is not the last Overlay at `pointerdown` time and has a
+          // `triggerInteraction` of "longpress", meaning it was opened by this poitner interaction
+          l === o && s !== n && s.triggerInteraction === "longpress"
         )
-      ) && !s.shouldPreventClose() && s.type !== "manual" && !(s.type === "modal" && n !== s));
-      o.reverse(), o.forEach((s) => {
+      ) && !s.shouldPreventClose() && s.type !== "manual" && // Don't close if this overlay is modal and not on top of the overlay stack.
+      !(s.type === "modal" && n !== s));
+      i.reverse(), i.forEach((s) => {
         this.closeOverlay(s);
-        let r = s.parentOverlayToForceClose;
-        for (; r; )
-          this.closeOverlay(r), r = r.parentOverlayToForceClose;
+        let l = s.parentOverlayToForceClose;
+        for (; l; )
+          this.closeOverlay(l), l = l.parentOverlayToForceClose;
       });
     }, this.handleBeforetoggle = (t) => {
-      const { target: n, newState: i } = t;
-      i !== "open" && this.closeOverlay(n);
+      const { target: n, newState: o } = t;
+      o !== "open" && this.closeOverlay(n);
     }, this.handleKeydown = (t) => {
       if (t.code !== "Escape" || this.stack.length === 0)
         return;
@@ -642,7 +707,7 @@ class Ke {
         t.preventDefault();
         return;
       }
-      je || (n == null ? void 0 : n.type) !== "manual" && n && this.closeOverlay(n);
+      to || (n == null ? void 0 : n.type) !== "manual" && n && this.closeOverlay(n);
     }, this.bindEvents();
   }
   get document() {
@@ -681,27 +746,29 @@ class Ke {
       return;
     }
     if (t.type === "auto" || t.type === "modal" || t.type === "page") {
-      const n = "luzmo-overlay-query-path", i = new Event(n, {
+      const n = "luzmo-overlay-query-path", o = new Event(n, {
         composed: !0,
         bubbles: !0
       });
       t.addEventListener(
         n,
-        (o) => {
-          const s = o.composedPath();
-          this.stack.forEach((r) => {
-            !s.find((a) => a === r) && r.type !== "manual" && r.type !== "modal" && this.closeOverlay(r);
+        (i) => {
+          const s = i.composedPath();
+          this.stack.forEach((l) => {
+            !s.find((r) => r === l) && l.type !== "manual" && l.type !== "modal" && this.closeOverlay(l);
           });
         },
         { once: !0 }
-      ), t.dispatchEvent(i);
+      ), t.dispatchEvent(o);
     } else if (t.type === "hint") {
-      if (this.stack.some((i) => i.type !== "manual" && i.triggerElement && i.triggerElement === t.triggerElement)) {
+      if (this.stack.some(
+        (n) => n.type !== "manual" && n.triggerElement && n.triggerElement === t.triggerElement
+      )) {
         t.open = !1;
         return;
       }
-      this.stack.forEach((i) => {
-        i.type === "hint" && this.closeOverlay(i);
+      this.stack.forEach((n) => {
+        n.type === "hint" && this.closeOverlay(n);
       });
     }
     requestAnimationFrame(() => {
@@ -714,77 +781,77 @@ class Ke {
     this.closeOverlay(t);
   }
 }
-const Zt = new Ke(), Ye = ':host{display:contents;pointer-events:none;--luzmo-overlay-animation-distance: .5rem}:host(:has(> luzmo-tooltip)){--luzmo-overlay-animation-distance: var( --luzmo-tooltip-animation-distance, 4px )}.dialog{margin:0;border:0;background:none;padding:0;position:fixed;overflow:visible;opacity:1!important;box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);height:auto;inset:auto;top:0;left:0;display:flex;--luzmo-overlay-open: true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}:host(:not([open])) .dialog{--luzmo-overlay-open: false}.dialog::backdrop{display:none}.dialog:before{position:absolute;top:-999em;right:-999em;bottom:-999em;left:-999em;content:"";pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports (overlay: auto){.dialog{display:none;transition:all var(--luzmo-overlay-animation-duration, .13s),translate 0s,display var(--luzmo-overlay-animation-duration, .13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base, 1000) + var(--luzmo-overlay-open-count))}}', J = Math.min, D = Math.max, Ct = Math.round, yt = Math.floor, q = (e) => ({
+const ae = new eo(), oo = ':host{display:contents;pointer-events:none;--luzmo-overlay-animation-distance: .5rem}:host(:has(> luzmo-tooltip)){--luzmo-overlay-animation-distance: var( --luzmo-tooltip-animation-distance, 4px )}.dialog{margin:0;border:0;background:none;padding:0;position:fixed;overflow:visible;opacity:1!important;box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);height:auto;inset:auto;top:0;left:0;display:flex;--luzmo-overlay-open: true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}:host(:not([open])) .dialog{--luzmo-overlay-open: false}.dialog::backdrop{display:none}.dialog:before{position:absolute;top:-999em;right:-999em;bottom:-999em;left:-999em;content:"";pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports (overlay: auto){.dialog{display:none;transition:all var(--luzmo-overlay-animation-duration, .13s),translate 0s,display var(--luzmo-overlay-animation-duration, .13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base, 1000) + var(--luzmo-overlay-open-count))}}', Z = Math.min, L = Math.max, Ot = Math.round, xt = Math.floor, I = (e) => ({
   x: e,
   y: e
-}), Ge = {
+}), no = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Xe = {
+}, io = {
   start: "end",
   end: "start"
 };
-function $t(e, t, n) {
-  return D(e, J(t, n));
+function qt(e, t, n) {
+  return L(e, Z(t, n));
 }
-function at(e, t) {
+function ht(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Q(e) {
   return e.split("-")[0];
 }
-function ct(e) {
+function dt(e) {
   return e.split("-")[1];
 }
-function ue(e) {
+function xe(e) {
   return e === "x" ? "y" : "x";
 }
-function Wt(e) {
+function Vt(e) {
   return e === "y" ? "height" : "width";
 }
 function et(e) {
   return ["top", "bottom"].includes(Q(e)) ? "y" : "x";
 }
-function Vt(e) {
-  return ue(et(e));
+function Kt(e) {
+  return xe(et(e));
 }
-function Je(e, t, n) {
+function so(e, t, n) {
   n === void 0 && (n = !1);
-  const i = ct(e), o = Vt(e), s = Wt(o);
-  let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (r = Pt(r)), [r, Pt(r)];
+  const o = dt(e), i = Kt(e), s = Vt(i);
+  let l = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[s] > t.floating[s] && (l = Pt(l)), [l, Pt(l)];
 }
-function Qe(e) {
+function ro(e) {
   const t = Pt(e);
-  return [Ft(e), t, Ft(t)];
+  return [Ht(e), t, Ht(t)];
 }
-function Ft(e) {
-  return e.replace(/start|end/g, (t) => Xe[t]);
+function Ht(e) {
+  return e.replace(/start|end/g, (t) => io[t]);
 }
-function Ze(e, t, n) {
-  const i = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+function lo(e, t, n) {
+  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return n ? t ? o : i : t ? i : o;
+      return n ? t ? i : o : t ? o : i;
     case "left":
     case "right":
-      return t ? s : r;
+      return t ? s : l;
     default:
       return [];
   }
 }
-function tn(e, t, n, i) {
-  const o = ct(e);
-  let s = Ze(Q(e), n === "start", i);
-  return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(Ft)))), s;
+function ao(e, t, n, o) {
+  const i = dt(e);
+  let s = lo(Q(e), n === "start", o);
+  return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map(Ht)))), s;
 }
 function Pt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Ge[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => no[t]);
 }
-function en(e) {
+function co(e) {
   return {
     top: 0,
     right: 0,
@@ -793,113 +860,113 @@ function en(e) {
     ...e
   };
 }
-function pe(e) {
-  return typeof e != "number" ? en(e) : {
+function Ee(e) {
+  return typeof e != "number" ? co(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Ot(e) {
+function Tt(e) {
   const {
     x: t,
     y: n,
-    width: i,
-    height: o
+    width: o,
+    height: i
   } = e;
   return {
-    width: i,
-    height: o,
+    width: o,
+    height: i,
     top: n,
     left: t,
-    right: t + i,
-    bottom: n + o,
+    right: t + o,
+    bottom: n + i,
     x: t,
     y: n
   };
 }
-function te(e, t, n) {
+function ce(e, t, n) {
   let {
-    reference: i,
-    floating: o
+    reference: o,
+    floating: i
   } = e;
-  const s = et(t), r = Vt(t), l = Wt(r), a = Q(t), c = s === "y", h = i.x + i.width / 2 - o.width / 2, d = i.y + i.height / 2 - o.height / 2, f = i[l] / 2 - o[l] / 2;
+  const s = et(t), l = Kt(t), r = Vt(l), a = Q(t), c = s === "y", h = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, p = o[r] / 2 - i[r] / 2;
   let u;
   switch (a) {
     case "top":
       u = {
         x: h,
-        y: i.y - o.height
+        y: o.y - i.height
       };
       break;
     case "bottom":
       u = {
         x: h,
-        y: i.y + i.height
+        y: o.y + o.height
       };
       break;
     case "right":
       u = {
-        x: i.x + i.width,
+        x: o.x + o.width,
         y: d
       };
       break;
     case "left":
       u = {
-        x: i.x - o.width,
+        x: o.x - i.width,
         y: d
       };
       break;
     default:
       u = {
-        x: i.x,
-        y: i.y
+        x: o.x,
+        y: o.y
       };
   }
-  switch (ct(t)) {
+  switch (dt(t)) {
     case "start":
-      u[r] -= f * (n && c ? -1 : 1);
+      u[l] -= p * (n && c ? -1 : 1);
       break;
     case "end":
-      u[r] += f * (n && c ? -1 : 1);
+      u[l] += p * (n && c ? -1 : 1);
       break;
   }
   return u;
 }
-const nn = async (e, t, n) => {
+const ho = async (e, t, n) => {
   const {
-    placement: i = "bottom",
-    strategy: o = "absolute",
+    placement: o = "bottom",
+    strategy: i = "absolute",
     middleware: s = [],
-    platform: r
-  } = n, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let c = await r.getElementRects({
+    platform: l
+  } = n, r = s.filter(Boolean), a = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  let c = await l.getElementRects({
     reference: e,
     floating: t,
-    strategy: o
+    strategy: i
   }), {
     x: h,
     y: d
-  } = te(c, i, a), f = i, u = {}, p = 0;
-  for (let m = 0; m < l.length; m++) {
+  } = ce(c, o, a), p = o, u = {}, m = 0;
+  for (let g = 0; g < r.length; g++) {
     const {
-      name: v,
-      fn: g
-    } = l[m], {
+      name: f,
+      fn: v
+    } = r[g], {
       x: y,
       y: b,
-      data: E,
-      reset: w
-    } = await g({
+      data: w,
+      reset: E
+    } = await v({
       x: h,
       y: d,
-      initialPlacement: i,
-      placement: f,
-      strategy: o,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
       middlewareData: u,
       rects: c,
-      platform: r,
+      platform: l,
       elements: {
         reference: e,
         floating: t
@@ -907,182 +974,182 @@ const nn = async (e, t, n) => {
     });
     h = y ?? h, d = b ?? d, u = {
       ...u,
-      [v]: {
-        ...u[v],
-        ...E
+      [f]: {
+        ...u[f],
+        ...w
       }
-    }, w && p <= 50 && (p++, typeof w == "object" && (w.placement && (f = w.placement), w.rects && (c = w.rects === !0 ? await r.getElementRects({
+    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (p = E.placement), E.rects && (c = E.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
-      strategy: o
-    }) : w.rects), {
+      strategy: i
+    }) : E.rects), {
       x: h,
       y: d
-    } = te(c, f, a)), m = -1);
+    } = ce(c, p, a)), g = -1);
   }
   return {
     x: h,
     y: d,
-    placement: f,
-    strategy: o,
+    placement: p,
+    strategy: i,
     middlewareData: u
   };
 };
-async function Ut(e, t) {
+async function Xt(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
-    x: i,
-    y: o,
+    x: o,
+    y: i,
     platform: s,
-    rects: r,
-    elements: l,
+    rects: l,
+    elements: r,
     strategy: a
   } = e, {
     boundary: c = "clippingAncestors",
     rootBoundary: h = "viewport",
     elementContext: d = "floating",
-    altBoundary: f = !1,
+    altBoundary: p = !1,
     padding: u = 0
-  } = at(t, e), p = pe(u), v = l[f ? d === "floating" ? "reference" : "floating" : d], g = Ot(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(v))) == null || n ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+  } = ht(t, e), m = Ee(u), g = r[p ? d === "floating" ? "reference" : "floating" : d], f = Tt(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
     boundary: c,
     rootBoundary: h,
     strategy: a
-  })), y = d === "floating" ? {
-    x: i,
-    y: o,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), E = await (s.isElement == null ? void 0 : s.isElement(b)) ? await (s.getScale == null ? void 0 : s.getScale(b)) || {
+  })), v = d === "floating" ? {
+    x: o,
+    y: i,
+    width: l.floating.width,
+    height: l.floating.height
+  } : l.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating)), b = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, w = Ot(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: b,
+  }, w = Tt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: v,
+    offsetParent: y,
     strategy: a
-  }) : y);
+  }) : v);
   return {
-    top: (g.top - w.top + p.top) / E.y,
-    bottom: (w.bottom - g.bottom + p.bottom) / E.y,
-    left: (g.left - w.left + p.left) / E.x,
-    right: (w.right - g.right + p.right) / E.x
+    top: (f.top - w.top + m.top) / b.y,
+    bottom: (w.bottom - f.bottom + m.bottom) / b.y,
+    left: (f.left - w.left + m.left) / b.x,
+    right: (w.right - f.right + m.right) / b.x
   };
 }
-const on = (e) => ({
+const uo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
     const {
       x: n,
-      y: i,
-      placement: o,
+      y: o,
+      placement: i,
       rects: s,
-      platform: r,
-      elements: l,
+      platform: l,
+      elements: r,
       middlewareData: a
     } = t, {
       element: c,
       padding: h = 0
-    } = at(e, t) || {};
+    } = ht(e, t) || {};
     if (c == null)
       return {};
-    const d = pe(h), f = {
+    const d = Ee(h), p = {
       x: n,
-      y: i
-    }, u = Vt(o), p = Wt(u), m = await r.getDimensions(c), v = u === "y", g = v ? "top" : "left", y = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", E = s.reference[p] + s.reference[u] - f[u] - s.floating[p], w = f[u] - s.reference[u], $ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let C = $ ? $[b] : 0;
-    (!C || !await (r.isElement == null ? void 0 : r.isElement($))) && (C = l.floating[b] || s.floating[p]);
-    const V = E / 2 - w / 2, B = C / 2 - m[p] / 2 - 1, F = J(d[g], B), K = J(d[y], B), M = F, Y = C - m[p] - K, A = C / 2 - m[p] / 2 + V, it = $t(M, A, Y), U = !a.arrow && ct(o) != null && A !== it && s.reference[p] / 2 - (A < M ? F : K) - m[p] / 2 < 0, H = U ? A < M ? A - M : A - Y : 0;
+      y: o
+    }, u = Kt(i), m = Vt(u), g = await l.getDimensions(c), f = u === "y", v = f ? "top" : "left", y = f ? "bottom" : "right", b = f ? "clientHeight" : "clientWidth", w = s.reference[m] + s.reference[u] - p[u] - s.floating[m], E = p[u] - s.reference[u], S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    let $ = S ? S[b] : 0;
+    (!$ || !await (l.isElement == null ? void 0 : l.isElement(S))) && ($ = r.floating[b] || s.floating[m]);
+    const U = w / 2 - E / 2, H = $ / 2 - g[m] / 2 - 1, D = Z(d[v], H), K = Z(d[y], H), B = D, X = $ - g[m] - K, O = $ / 2 - g[m] / 2 + U, it = qt(B, O, X), j = !a.arrow && dt(i) != null && O !== it && s.reference[m] / 2 - (O < B ? D : K) - g[m] / 2 < 0, _ = j ? O < B ? O - B : O - X : 0;
     return {
-      [u]: f[u] + H,
+      [u]: p[u] + _,
       data: {
         [u]: it,
-        centerOffset: A - it - H,
-        ...U && {
-          alignmentOffset: H
+        centerOffset: O - it - _,
+        ...j && {
+          alignmentOffset: _
         }
       },
-      reset: U
+      reset: j
     };
   }
-}), sn = function(e) {
+}), po = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
     async fn(t) {
-      var n, i;
+      var n, o;
       const {
-        placement: o,
+        placement: i,
         middlewareData: s,
-        rects: r,
-        initialPlacement: l,
+        rects: l,
+        initialPlacement: r,
         platform: a,
         elements: c
       } = t, {
         mainAxis: h = !0,
         crossAxis: d = !0,
-        fallbackPlacements: f,
+        fallbackPlacements: p,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: p = "none",
-        flipAlignment: m = !0,
-        ...v
-      } = at(e, t);
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...f
+      } = ht(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const g = Q(o), y = et(l), b = Q(l) === l, E = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), w = f || (b || !m ? [Pt(l)] : Qe(l)), $ = p !== "none";
-      !f && $ && w.push(...tn(l, m, p, E));
-      const C = [l, ...w], V = await Ut(t, v), B = [];
-      let F = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (h && B.push(V[g]), d) {
-        const A = Je(o, r, E);
-        B.push(V[A[0]], V[A[1]]);
+      const v = Q(i), y = et(r), b = Q(r) === r, w = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), E = p || (b || !g ? [Pt(r)] : ro(r)), S = m !== "none";
+      !p && S && E.push(...ao(r, g, m, w));
+      const $ = [r, ...E], U = await Xt(t, f), H = [];
+      let D = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (h && H.push(U[v]), d) {
+        const O = so(i, l, w);
+        H.push(U[O[0]], U[O[1]]);
       }
-      if (F = [...F, {
-        placement: o,
-        overflows: B
-      }], !B.every((A) => A <= 0)) {
-        var K, M;
-        const A = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, it = C[A];
+      if (D = [...D, {
+        placement: i,
+        overflows: H
+      }], !H.every((O) => O <= 0)) {
+        var K, B;
+        const O = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, it = $[O];
         if (it)
           return {
             data: {
-              index: A,
-              overflows: F
+              index: O,
+              overflows: D
             },
             reset: {
               placement: it
             }
           };
-        let U = (M = F.filter((H) => H.overflows[0] <= 0).sort((H, G) => H.overflows[1] - G.overflows[1])[0]) == null ? void 0 : M.placement;
-        if (!U)
+        let j = (B = D.filter((_) => _.overflows[0] <= 0).sort((_, Y) => _.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : B.placement;
+        if (!j)
           switch (u) {
             case "bestFit": {
-              var Y;
-              const H = (Y = F.filter((G) => {
-                if ($) {
-                  const X = et(G.placement);
-                  return X === y || // Create a bias to the `y` side axis due to horizontal
+              var X;
+              const _ = (X = D.filter((Y) => {
+                if (S) {
+                  const G = et(Y.placement);
+                  return G === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  X === "y";
+                  G === "y";
                 }
                 return !0;
-              }).map((G) => [G.placement, G.overflows.filter((X) => X > 0).reduce((X, Pe) => X + Pe, 0)]).sort((G, X) => G[1] - X[1])[0]) == null ? void 0 : Y[0];
-              H && (U = H);
+              }).map((Y) => [Y.placement, Y.overflows.filter((G) => G > 0).reduce((G, $e) => G + $e, 0)]).sort((Y, G) => Y[1] - G[1])[0]) == null ? void 0 : X[0];
+              _ && (j = _);
               break;
             }
             case "initialPlacement":
-              U = l;
+              j = r;
               break;
           }
-        if (o !== U)
+        if (i !== j)
           return {
             reset: {
-              placement: U
+              placement: j
             }
           };
       }
@@ -1090,16 +1157,16 @@ const on = (e) => ({
     }
   };
 };
-async function rn(e, t) {
+async function mo(e, t) {
   const {
     placement: n,
-    platform: i,
-    elements: o
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = Q(n), l = ct(n), a = et(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, h = s && a ? -1 : 1, d = at(t, e);
+    platform: o,
+    elements: i
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), l = Q(n), r = dt(n), a = et(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, h = s && a ? -1 : 1, d = ht(t, e);
   let {
-    mainAxis: f,
+    mainAxis: p,
     crossAxis: u,
-    alignmentAxis: p
+    alignmentAxis: m
   } = typeof d == "number" ? {
     mainAxis: d,
     crossAxis: 0,
@@ -1109,126 +1176,126 @@ async function rn(e, t) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), a ? {
+  return r && typeof m == "number" && (u = r === "end" ? m * -1 : m), a ? {
     x: u * h,
-    y: f * c
+    y: p * c
   } : {
-    x: f * c,
+    x: p * c,
     y: u * h
   };
 }
-const ln = function(e) {
+const go = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
     async fn(t) {
-      var n, i;
+      var n, o;
       const {
-        x: o,
+        x: i,
         y: s,
-        placement: r,
-        middlewareData: l
-      } = t, a = await rn(t, e);
-      return r === ((n = l.offset) == null ? void 0 : n.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + a.x,
+        placement: l,
+        middlewareData: r
+      } = t, a = await mo(t, e);
+      return l === ((n = r.offset) == null ? void 0 : n.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + a.x,
         y: s + a.y,
         data: {
           ...a,
-          placement: r
+          placement: l
         }
       };
     }
   };
-}, an = function(e) {
+}, fo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
     async fn(t) {
       const {
         x: n,
-        y: i,
-        placement: o
+        y: o,
+        placement: i
       } = t, {
         mainAxis: s = !0,
-        crossAxis: r = !1,
-        limiter: l = {
-          fn: (v) => {
+        crossAxis: l = !1,
+        limiter: r = {
+          fn: (f) => {
             let {
-              x: g,
+              x: v,
               y
-            } = v;
+            } = f;
             return {
-              x: g,
+              x: v,
               y
             };
           }
         },
         ...a
-      } = at(e, t), c = {
+      } = ht(e, t), c = {
         x: n,
-        y: i
-      }, h = await Ut(t, a), d = et(Q(o)), f = ue(d);
-      let u = c[f], p = c[d];
+        y: o
+      }, h = await Xt(t, a), d = et(Q(i)), p = xe(d);
+      let u = c[p], m = c[d];
       if (s) {
-        const v = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", y = u + h[v], b = u - h[g];
-        u = $t(y, u, b);
+        const f = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = u + h[f], b = u - h[v];
+        u = qt(y, u, b);
       }
-      if (r) {
-        const v = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = p + h[v], b = p - h[g];
-        p = $t(y, p, b);
+      if (l) {
+        const f = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", y = m + h[f], b = m - h[v];
+        m = qt(y, m, b);
       }
-      const m = l.fn({
+      const g = r.fn({
         ...t,
-        [f]: u,
-        [d]: p
+        [p]: u,
+        [d]: m
       });
       return {
-        ...m,
+        ...g,
         data: {
-          x: m.x - n,
-          y: m.y - i,
+          x: g.x - n,
+          y: g.y - o,
           enabled: {
-            [f]: s,
-            [d]: r
+            [p]: s,
+            [d]: l
           }
         }
       };
     }
   };
-}, cn = function(e) {
+}, vo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
     async fn(t) {
-      var n, i;
+      var n, o;
       const {
-        placement: o,
+        placement: i,
         rects: s,
-        platform: r,
-        elements: l
+        platform: l,
+        elements: r
       } = t, {
         apply: a = () => {
         },
         ...c
-      } = at(e, t), h = await Ut(t, c), d = Q(o), f = ct(o), u = et(o) === "y", {
-        width: p,
-        height: m
+      } = ht(e, t), h = await Xt(t, c), d = Q(i), p = dt(i), u = et(i) === "y", {
+        width: m,
+        height: g
       } = s.floating;
-      let v, g;
-      d === "top" || d === "bottom" ? (v = d, g = f === (await (r.isRTL == null ? void 0 : r.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (g = d, v = f === "end" ? "top" : "bottom");
-      const y = m - h.top - h.bottom, b = p - h.left - h.right, E = J(m - h[v], y), w = J(p - h[g], b), $ = !t.middlewareData.shift;
-      let C = E, V = w;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (V = b), (i = t.middlewareData.shift) != null && i.enabled.y && (C = y), $ && !f) {
-        const F = D(h.left, 0), K = D(h.right, 0), M = D(h.top, 0), Y = D(h.bottom, 0);
-        u ? V = p - 2 * (F !== 0 || K !== 0 ? F + K : D(h.left, h.right)) : C = m - 2 * (M !== 0 || Y !== 0 ? M + Y : D(h.top, h.bottom));
+      let f, v;
+      d === "top" || d === "bottom" ? (f = d, v = p === (await (l.isRTL == null ? void 0 : l.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (v = d, f = p === "end" ? "top" : "bottom");
+      const y = g - h.top - h.bottom, b = m - h.left - h.right, w = Z(g - h[f], y), E = Z(m - h[v], b), S = !t.middlewareData.shift;
+      let $ = w, U = E;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (U = b), (o = t.middlewareData.shift) != null && o.enabled.y && ($ = y), S && !p) {
+        const D = L(h.left, 0), K = L(h.right, 0), B = L(h.top, 0), X = L(h.bottom, 0);
+        u ? U = m - 2 * (D !== 0 || K !== 0 ? D + K : L(h.left, h.right)) : $ = g - 2 * (B !== 0 || X !== 0 ? B + X : L(h.top, h.bottom));
       }
       await a({
         ...t,
-        availableWidth: V,
-        availableHeight: C
+        availableWidth: U,
+        availableHeight: $
       });
-      const B = await r.getDimensions(l.floating);
-      return p !== B.width || m !== B.height ? {
+      const H = await l.getDimensions(r.floating);
+      return m !== H.width || g !== H.height ? {
         reset: {
           rects: !0
         }
@@ -1236,45 +1303,45 @@ const ln = function(e) {
     }
   };
 };
-function At() {
+function Lt() {
   return typeof window < "u";
 }
-function ht(e) {
-  return fe(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ut(e) {
+  return ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function S(e) {
+function R(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function W(e) {
   var t;
-  return (t = (fe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ze(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function fe(e) {
-  return At() ? e instanceof Node || e instanceof S(e).Node : !1;
+function ze(e) {
+  return Lt() ? e instanceof Node || e instanceof R(e).Node : !1;
 }
-function _(e) {
-  return At() ? e instanceof Element || e instanceof S(e).Element : !1;
+function N(e) {
+  return Lt() ? e instanceof Element || e instanceof R(e).Element : !1;
 }
-function I(e) {
-  return At() ? e instanceof HTMLElement || e instanceof S(e).HTMLElement : !1;
+function M(e) {
+  return Lt() ? e instanceof HTMLElement || e instanceof R(e).HTMLElement : !1;
 }
-function ee(e) {
-  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof S(e).ShadowRoot;
+function he(e) {
+  return !Lt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof R(e).ShadowRoot;
 }
-function gt(e) {
+function yt(e) {
   const {
     overflow: t,
     overflowX: n,
-    overflowY: i,
-    display: o
-  } = N(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
+    overflowY: o,
+    display: i
+  } = q(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
 }
-function hn(e) {
-  return ["table", "td", "th"].includes(ht(e));
+function yo(e) {
+  return ["table", "td", "th"].includes(ut(e));
 }
-function Tt(e) {
+function Rt(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -1283,32 +1350,32 @@ function Tt(e) {
     }
   });
 }
-function jt(e) {
-  const t = Kt(), n = _(e) ? N(e) : e;
-  return ["transform", "translate", "scale", "rotate", "perspective"].some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
+function Yt(e) {
+  const t = Gt(), n = N(e) ? q(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function dn(e) {
-  let t = Z(e);
-  for (; I(t) && !lt(t); ) {
-    if (jt(t))
+function bo(e) {
+  let t = tt(e);
+  for (; M(t) && !at(t); ) {
+    if (Yt(t))
       return t;
-    if (Tt(t))
+    if (Rt(t))
       return null;
-    t = Z(t);
+    t = tt(t);
   }
   return null;
 }
-function Kt() {
+function Gt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function lt(e) {
-  return ["html", "body", "#document"].includes(ht(e));
+function at(e) {
+  return ["html", "body", "#document"].includes(ut(e));
 }
-function N(e) {
-  return S(e).getComputedStyle(e);
+function q(e) {
+  return R(e).getComputedStyle(e);
 }
-function Rt(e) {
-  return _(e) ? {
+function At(e) {
+  return N(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1316,421 +1383,421 @@ function Rt(e) {
     scrollTop: e.scrollY
   };
 }
-function Z(e) {
-  if (ht(e) === "html")
+function tt(e) {
+  if (ut(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    ee(e) && e.host || // Fallback.
+    he(e) && e.host || // Fallback.
     W(e)
   );
-  return ee(t) ? t.host : t;
+  return he(t) ? t.host : t;
 }
-function me(e) {
-  const t = Z(e);
-  return lt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : I(t) && gt(t) ? t : me(t);
+function Ce(e) {
+  const t = tt(e);
+  return at(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : M(t) && yt(t) ? t : Ce(t);
 }
-function dt(e, t, n) {
-  var i;
+function pt(e, t, n) {
+  var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = me(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), r = S(o);
+  const i = Ce(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = R(i);
   if (s) {
-    const l = zt(r);
-    return t.concat(r, r.visualViewport || [], gt(o) ? o : [], l && n ? dt(l) : []);
+    const r = Bt(l);
+    return t.concat(l, l.visualViewport || [], yt(i) ? i : [], r && n ? pt(r) : []);
   }
-  return t.concat(o, dt(o, [], n));
+  return t.concat(i, pt(i, [], n));
 }
-function zt(e) {
+function Bt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function ge(e) {
-  const t = N(e);
-  let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const o = I(e), s = o ? e.offsetWidth : n, r = o ? e.offsetHeight : i, l = Ct(n) !== s || Ct(i) !== r;
-  return l && (n = s, i = r), {
+function Oe(e) {
+  const t = q(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const i = M(e), s = i ? e.offsetWidth : n, l = i ? e.offsetHeight : o, r = Ot(n) !== s || Ot(o) !== l;
+  return r && (n = s, o = l), {
     width: n,
-    height: i,
-    $: l
+    height: o,
+    $: r
   };
 }
-function Yt(e) {
-  return _(e) ? e : e.contextElement;
+function Jt(e) {
+  return N(e) ? e : e.contextElement;
 }
-function ot(e) {
-  const t = Yt(e);
-  if (!I(t))
-    return q(1);
+function rt(e) {
+  const t = Jt(e);
+  if (!M(t))
+    return I(1);
   const n = t.getBoundingClientRect(), {
-    width: i,
-    height: o,
+    width: o,
+    height: i,
     $: s
-  } = ge(t);
-  let r = (s ? Ct(n.width) : n.width) / i, l = (s ? Ct(n.height) : n.height) / o;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: r,
-    y: l
+  } = Oe(t);
+  let l = (s ? Ot(n.width) : n.width) / o, r = (s ? Ot(n.height) : n.height) / i;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: l,
+    y: r
   };
 }
-const un = /* @__PURE__ */ q(0);
-function ve(e) {
-  const t = S(e);
-  return !Kt() || !t.visualViewport ? un : {
+const wo = /* @__PURE__ */ I(0);
+function Pe(e) {
+  const t = R(e);
+  return !Gt() || !t.visualViewport ? wo : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function pn(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== S(e) ? !1 : t;
+function xo(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== R(e) ? !1 : t;
 }
-function nt(e, t, n, i) {
+function ot(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), s = Yt(e);
-  let r = q(1);
-  t && (i ? _(i) && (r = ot(i)) : r = ot(e));
-  const l = pn(s, n, i) ? ve(s) : q(0);
-  let a = (o.left + l.x) / r.x, c = (o.top + l.y) / r.y, h = o.width / r.x, d = o.height / r.y;
+  const i = e.getBoundingClientRect(), s = Jt(e);
+  let l = I(1);
+  t && (o ? N(o) && (l = rt(o)) : l = rt(e));
+  const r = xo(s, n, o) ? Pe(s) : I(0);
+  let a = (i.left + r.x) / l.x, c = (i.top + r.y) / l.y, h = i.width / l.x, d = i.height / l.y;
   if (s) {
-    const f = S(s), u = i && _(i) ? S(i) : i;
-    let p = f, m = zt(p);
-    for (; m && i && u !== p; ) {
-      const v = ot(m), g = m.getBoundingClientRect(), y = N(m), b = g.left + (m.clientLeft + parseFloat(y.paddingLeft)) * v.x, E = g.top + (m.clientTop + parseFloat(y.paddingTop)) * v.y;
-      a *= v.x, c *= v.y, h *= v.x, d *= v.y, a += b, c += E, p = S(m), m = zt(p);
+    const p = R(s), u = o && N(o) ? R(o) : o;
+    let m = p, g = Bt(m);
+    for (; g && o && u !== m; ) {
+      const f = rt(g), v = g.getBoundingClientRect(), y = q(g), b = v.left + (g.clientLeft + parseFloat(y.paddingLeft)) * f.x, w = v.top + (g.clientTop + parseFloat(y.paddingTop)) * f.y;
+      a *= f.x, c *= f.y, h *= f.x, d *= f.y, a += b, c += w, m = R(g), g = Bt(m);
     }
   }
-  return Ot({
+  return Tt({
     width: h,
     height: d,
     x: a,
     y: c
   });
 }
-function Gt(e, t) {
-  const n = Rt(e).scrollLeft;
-  return t ? t.left + n : nt(W(e)).left + n;
+function Zt(e, t) {
+  const n = At(e).scrollLeft;
+  return t ? t.left + n : ot(W(e)).left + n;
 }
-function ye(e, t, n) {
+function Te(e, t, n) {
   n === void 0 && (n = !1);
-  const i = e.getBoundingClientRect(), o = i.left + t.scrollLeft - (n ? 0 : (
+  const o = e.getBoundingClientRect(), i = o.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    Gt(e, i)
-  )), s = i.top + t.scrollTop;
+    Zt(e, o)
+  )), s = o.top + t.scrollTop;
   return {
-    x: o,
+    x: i,
     y: s
   };
 }
-function fn(e) {
+function Eo(e) {
   let {
     elements: t,
     rect: n,
-    offsetParent: i,
-    strategy: o
+    offsetParent: o,
+    strategy: i
   } = e;
-  const s = o === "fixed", r = W(i), l = t ? Tt(t.floating) : !1;
-  if (i === r || l && s)
+  const s = i === "fixed", l = W(o), r = t ? Rt(t.floating) : !1;
+  if (o === l || r && s)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = q(1);
-  const h = q(0), d = I(i);
-  if ((d || !d && !s) && ((ht(i) !== "body" || gt(r)) && (a = Rt(i)), I(i))) {
-    const u = nt(i);
-    c = ot(i), h.x = u.x + i.clientLeft, h.y = u.y + i.clientTop;
+  }, c = I(1);
+  const h = I(0), d = M(o);
+  if ((d || !d && !s) && ((ut(o) !== "body" || yt(l)) && (a = At(o)), M(o))) {
+    const u = ot(o);
+    c = rt(o), h.x = u.x + o.clientLeft, h.y = u.y + o.clientTop;
   }
-  const f = r && !d && !s ? ye(r, a, !0) : q(0);
+  const p = l && !d && !s ? Te(l, a, !0) : I(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - a.scrollLeft * c.x + h.x + f.x,
-    y: n.y * c.y - a.scrollTop * c.y + h.y + f.y
+    x: n.x * c.x - a.scrollLeft * c.x + h.x + p.x,
+    y: n.y * c.y - a.scrollTop * c.y + h.y + p.y
   };
 }
-function mn(e) {
+function zo(e) {
   return Array.from(e.getClientRects());
 }
-function gn(e) {
-  const t = W(e), n = Rt(e), i = e.ownerDocument.body, o = D(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = D(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -n.scrollLeft + Gt(e);
-  const l = -n.scrollTop;
-  return N(i).direction === "rtl" && (r += D(t.clientWidth, i.clientWidth) - o), {
-    width: o,
+function Co(e) {
+  const t = W(e), n = At(e), o = e.ownerDocument.body, i = L(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), s = L(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let l = -n.scrollLeft + Zt(e);
+  const r = -n.scrollTop;
+  return q(o).direction === "rtl" && (l += L(t.clientWidth, o.clientWidth) - i), {
+    width: i,
     height: s,
-    x: r,
-    y: l
+    x: l,
+    y: r
   };
 }
-function vn(e, t) {
-  const n = S(e), i = W(e), o = n.visualViewport;
-  let s = i.clientWidth, r = i.clientHeight, l = 0, a = 0;
-  if (o) {
-    s = o.width, r = o.height;
-    const c = Kt();
-    (!c || c && t === "fixed") && (l = o.offsetLeft, a = o.offsetTop);
+function Oo(e, t) {
+  const n = R(e), o = W(e), i = n.visualViewport;
+  let s = o.clientWidth, l = o.clientHeight, r = 0, a = 0;
+  if (i) {
+    s = i.width, l = i.height;
+    const c = Gt();
+    (!c || c && t === "fixed") && (r = i.offsetLeft, a = i.offsetTop);
   }
   return {
     width: s,
-    height: r,
-    x: l,
+    height: l,
+    x: r,
     y: a
   };
 }
-function yn(e, t) {
-  const n = nt(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = I(e) ? ot(e) : q(1), r = e.clientWidth * s.x, l = e.clientHeight * s.y, a = o * s.x, c = i * s.y;
+function Po(e, t) {
+  const n = ot(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, s = M(e) ? rt(e) : I(1), l = e.clientWidth * s.x, r = e.clientHeight * s.y, a = i * s.x, c = o * s.y;
   return {
-    width: r,
-    height: l,
+    width: l,
+    height: r,
     x: a,
     y: c
   };
 }
-function ne(e, t, n) {
-  let i;
+function de(e, t, n) {
+  let o;
   if (t === "viewport")
-    i = vn(e, n);
+    o = Oo(e, n);
   else if (t === "document")
-    i = gn(W(e));
-  else if (_(t))
-    i = yn(t, n);
+    o = Co(W(e));
+  else if (N(t))
+    o = Po(t, n);
   else {
-    const o = ve(e);
-    i = {
-      x: t.x - o.x,
-      y: t.y - o.y,
+    const i = Pe(e);
+    o = {
+      x: t.x - i.x,
+      y: t.y - i.y,
       width: t.width,
       height: t.height
     };
   }
-  return Ot(i);
+  return Tt(o);
 }
-function be(e, t) {
-  const n = Z(e);
-  return n === t || !_(n) || lt(n) ? !1 : N(n).position === "fixed" || be(n, t);
+function ke(e, t) {
+  const n = tt(e);
+  return n === t || !N(n) || at(n) ? !1 : q(n).position === "fixed" || ke(n, t);
 }
-function bn(e, t) {
+function To(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let i = dt(e, [], !1).filter((l) => _(l) && ht(l) !== "body"), o = null;
-  const s = N(e).position === "fixed";
-  let r = s ? Z(e) : e;
-  for (; _(r) && !lt(r); ) {
-    const l = N(r), a = jt(r);
-    !a && l.position === "fixed" && (o = null), (s ? !a && !o : !a && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || gt(r) && !a && be(e, r)) ? i = i.filter((h) => h !== r) : o = l, r = Z(r);
+  let o = pt(e, [], !1).filter((r) => N(r) && ut(r) !== "body"), i = null;
+  const s = q(e).position === "fixed";
+  let l = s ? tt(e) : e;
+  for (; N(l) && !at(l); ) {
+    const r = q(l), a = Yt(l);
+    !a && r.position === "fixed" && (i = null), (s ? !a && !i : !a && r.position === "static" && i && ["absolute", "fixed"].includes(i.position) || yt(l) && !a && ke(e, l)) ? o = o.filter((c) => c !== l) : i = r, l = tt(l);
   }
-  return t.set(e, i), i;
+  return t.set(e, o), o;
 }
-function wn(e) {
+function ko(e) {
   let {
     element: t,
     boundary: n,
-    rootBoundary: i,
-    strategy: o
+    rootBoundary: o,
+    strategy: i
   } = e;
-  const r = [...n === "clippingAncestors" ? Tt(t) ? [] : bn(t, this._c) : [].concat(n), i], l = r[0], a = r.reduce((c, h) => {
-    const d = ne(t, h, o);
-    return c.top = D(d.top, c.top), c.right = J(d.right, c.right), c.bottom = J(d.bottom, c.bottom), c.left = D(d.left, c.left), c;
-  }, ne(t, l, o));
+  const s = [...n === "clippingAncestors" ? Rt(t) ? [] : To(t, this._c) : [].concat(n), o], l = s[0], r = s.reduce((a, c) => {
+    const h = de(t, c, i);
+    return a.top = L(h.top, a.top), a.right = Z(h.right, a.right), a.bottom = Z(h.bottom, a.bottom), a.left = L(h.left, a.left), a;
+  }, de(t, l, i));
   return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
+    width: r.right - r.left,
+    height: r.bottom - r.top,
+    x: r.left,
+    y: r.top
   };
 }
-function En(e) {
+function So(e) {
   const {
     width: t,
     height: n
-  } = ge(e);
+  } = Oe(e);
   return {
     width: t,
     height: n
   };
 }
-function xn(e, t, n) {
-  const i = I(t), o = W(t), s = n === "fixed", r = nt(e, !0, s, t);
-  let l = {
+function Lo(e, t, n) {
+  const o = M(t), i = W(t), s = n === "fixed", l = ot(e, !0, s, t);
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = q(0);
-  if (i || !i && !s)
-    if ((ht(t) !== "body" || gt(o)) && (l = Rt(t)), i) {
-      const f = nt(t, !0, s, t);
-      a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
-    } else o && (a.x = Gt(o));
-  const c = o && !i && !s ? ye(o, l) : q(0), h = r.left + l.scrollLeft - a.x - c.x, d = r.top + l.scrollTop - a.y - c.y;
+  const a = I(0);
+  if (o || !o && !s)
+    if ((ut(t) !== "body" || yt(i)) && (r = At(t)), o) {
+      const p = ot(t, !0, s, t);
+      a.x = p.x + t.clientLeft, a.y = p.y + t.clientTop;
+    } else i && (a.x = Zt(i));
+  const c = i && !o && !s ? Te(i, r) : I(0), h = l.left + r.scrollLeft - a.x - c.x, d = l.top + r.scrollTop - a.y - c.y;
   return {
     x: h,
     y: d,
-    width: r.width,
-    height: r.height
+    width: l.width,
+    height: l.height
   };
 }
-function kt(e) {
-  return N(e).position === "static";
+function Dt(e) {
+  return q(e).position === "static";
 }
-function ie(e, t) {
-  if (!I(e) || N(e).position === "fixed")
+function ue(e, t) {
+  if (!M(e) || q(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let n = e.offsetParent;
   return W(e) === n && (n = n.ownerDocument.body), n;
 }
-function we(e, t) {
-  const n = S(e);
-  if (Tt(e))
+function Se(e, t) {
+  const n = R(e);
+  if (Rt(e))
     return n;
-  if (!I(e)) {
-    let o = Z(e);
-    for (; o && !lt(o); ) {
-      if (_(o) && !kt(o))
-        return o;
-      o = Z(o);
+  if (!M(e)) {
+    let i = tt(e);
+    for (; i && !at(i); ) {
+      if (N(i) && !Dt(i))
+        return i;
+      i = tt(i);
     }
     return n;
   }
-  let i = ie(e, t);
-  for (; i && hn(i) && kt(i); )
-    i = ie(i, t);
-  return i && lt(i) && kt(i) && !jt(i) ? n : i || dn(e) || n;
+  let o = ue(e, t);
+  for (; o && yo(o) && Dt(o); )
+    o = ue(o, t);
+  return o && at(o) && Dt(o) && !Yt(o) ? n : o || bo(e) || n;
 }
-const Cn = async function(e) {
-  const t = this.getOffsetParent || we, n = this.getDimensions, i = await n(e.floating);
+const Ro = async function(e) {
+  const t = this.getOffsetParent || Se, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: xn(e.reference, await t(e.floating), e.strategy),
+    reference: Lo(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: i.width,
-      height: i.height
+      width: o.width,
+      height: o.height
     }
   };
 };
-function Pn(e) {
-  return N(e).direction === "rtl";
+function Ao(e) {
+  return q(e).direction === "rtl";
 }
-const On = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: fn,
+const $o = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Eo,
   getDocumentElement: W,
-  getClippingRect: wn,
-  getOffsetParent: we,
-  getElementRects: Cn,
-  getClientRects: mn,
-  getDimensions: En,
-  getScale: ot,
-  isElement: _,
-  isRTL: Pn
+  getClippingRect: ko,
+  getOffsetParent: Se,
+  getElementRects: Ro,
+  getClientRects: zo,
+  getDimensions: So,
+  getScale: rt,
+  isElement: N,
+  isRTL: Ao
 };
-function Ee(e, t) {
+function Le(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function An(e, t) {
-  let n = null, i;
-  const o = W(e);
+function Do(e, t) {
+  let n = null, o;
+  const i = W(e);
   function s() {
-    var l;
-    clearTimeout(i), (l = n) == null || l.disconnect(), n = null;
+    var r;
+    clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
   }
-  function r(l, a) {
-    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+  function l(r, a) {
+    r === void 0 && (r = !1), a === void 0 && (a = 1), s();
     const c = e.getBoundingClientRect(), {
       left: h,
       top: d,
-      width: f,
+      width: p,
       height: u
     } = c;
-    if (l || t(), !f || !u)
+    if (r || t(), !p || !u)
       return;
-    const p = yt(d), m = yt(o.clientWidth - (h + f)), v = yt(o.clientHeight - (d + u)), g = yt(h), b = {
-      rootMargin: -p + "px " + -m + "px " + -v + "px " + -g + "px",
-      threshold: D(0, J(1, a)) || 1
+    const m = xt(d), g = xt(i.clientWidth - (h + p)), f = xt(i.clientHeight - (d + u)), v = xt(h), y = {
+      rootMargin: -m + "px " + -g + "px " + -f + "px " + -v + "px",
+      threshold: L(0, Z(1, a)) || 1
     };
-    let E = !0;
-    function w($) {
-      const C = $[0].intersectionRatio;
-      if (C !== a) {
-        if (!E)
-          return r();
-        C ? r(!1, C) : i = setTimeout(() => {
-          r(!1, 1e-7);
+    let b = !0;
+    function w(E) {
+      const S = E[0].intersectionRatio;
+      if (S !== a) {
+        if (!b)
+          return l();
+        S ? l(!1, S) : o = setTimeout(() => {
+          l(!1, 1e-7);
         }, 1e3);
       }
-      C === 1 && !Ee(c, e.getBoundingClientRect()) && r(), E = !1;
+      S === 1 && !Le(c, e.getBoundingClientRect()) && l(), b = !1;
     }
     try {
       n = new IntersectionObserver(w, {
-        ...b,
+        ...y,
         // Handle <iframe>s
-        root: o.ownerDocument
+        root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(w, b);
+      n = new IntersectionObserver(w, y);
     }
     n.observe(e);
   }
-  return r(!0), s;
+  return l(!0), s;
 }
-function oe(e, t, n, i) {
-  i === void 0 && (i = {});
+function pe(e, t, n, o) {
+  o === void 0 && (o = {});
   const {
-    ancestorScroll: o = !0,
+    ancestorScroll: i = !0,
     ancestorResize: s = !0,
-    elementResize: r = typeof ResizeObserver == "function",
-    layoutShift: l = typeof IntersectionObserver == "function",
+    elementResize: l = typeof ResizeObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = i, c = Yt(e), h = o || s ? [...c ? dt(c) : [], ...dt(t)] : [];
-  h.forEach((g) => {
-    o && g.addEventListener("scroll", n, {
+  } = o, c = Jt(e), h = i || s ? [...c ? pt(c) : [], ...pt(t)] : [];
+  h.forEach((v) => {
+    i && v.addEventListener("scroll", n, {
       passive: !0
-    }), s && g.addEventListener("resize", n);
+    }), s && v.addEventListener("resize", n);
   });
-  const d = c && l ? An(c, n) : null;
-  let f = -1, u = null;
-  r && (u = new ResizeObserver((g) => {
-    let [y] = g;
-    y && y.target === c && u && (u.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+  const d = c && r ? Do(c, n) : null;
+  let p = -1, u = null;
+  l && (u = new ResizeObserver((v) => {
+    let [y] = v;
+    y && y.target === c && u && (u.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var b;
       (b = u) == null || b.observe(t);
     })), n();
   }), c && !a && u.observe(c), u.observe(t));
-  let p, m = a ? nt(e) : null;
-  a && v();
-  function v() {
-    const g = nt(e);
-    m && !Ee(m, g) && n(), m = g, p = requestAnimationFrame(v);
+  let m, g = a ? ot(e) : null;
+  a && f();
+  function f() {
+    const v = ot(e);
+    g && !Le(g, v) && n(), g = v, m = requestAnimationFrame(f);
   }
   return n(), () => {
-    var g;
+    var v;
     h.forEach((y) => {
-      o && y.removeEventListener("scroll", n), s && y.removeEventListener("resize", n);
-    }), d == null || d(), (g = u) == null || g.disconnect(), u = null, a && cancelAnimationFrame(p);
+      i && y.removeEventListener("scroll", n), s && y.removeEventListener("resize", n);
+    }), d == null || d(), (v = u) == null || v.disconnect(), u = null, a && cancelAnimationFrame(m);
   };
 }
-const Tn = ln, Rn = an, se = sn, Dn = cn, Sn = on, kn = (e, t, n) => {
-  const i = /* @__PURE__ */ new Map(), o = {
-    platform: On,
+const Fo = go, No = fo, me = po, qo = vo, Ho = uo, Bo = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: $o,
     ...n
   }, s = {
-    ...o.platform,
-    _c: i
+    ...i.platform,
+    _c: o
   };
-  return nn(e, t, {
-    ...o,
+  return ho(e, t, {
+    ...i,
     platform: s
   });
 };
-function bt(e) {
+function Et(e) {
   if (e === void 0)
     return 0;
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t;
 }
-const wt = 8, Ln = 100, $n = (e) => ({
+const zt = 8, _o = 100, Io = (e) => ({
   left: ["right", "bottom", "top"],
   "left-start": ["right-start", "bottom", "top"],
   "left-end": ["right-end", "bottom", "top"],
@@ -1743,8 +1810,8 @@ const wt = 8, Ln = 100, $n = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
   "bottom-end": ["top-end", "left", "right"]
-})[e] ?? [e];
-class Fn {
+})[e] ?? [e], Re = Symbol("placement updated");
+class Qt {
   /**
    * Creates an instance of the PlacementController.
    *
@@ -1772,7 +1839,7 @@ class Fn {
   placeOverlay(t = this.target, n = this.options) {
     if (this.target = t, this.options = n, !t || !n)
       return;
-    const i = oe(
+    const o = pe(
       n.trigger,
       t,
       this.closeForAncestorUpdate,
@@ -1781,7 +1848,7 @@ class Fn {
         elementResize: !1,
         layoutShift: !1
       }
-    ), o = oe(
+    ), i = pe(
       n.trigger,
       t,
       this.updatePlacement,
@@ -1791,16 +1858,16 @@ class Fn {
     );
     this.cleanup = () => {
       var s;
-      (s = this.host.elements) == null || s.forEach((r) => {
-        r.addEventListener(
+      (s = this.host.elements) == null || s.forEach((l) => {
+        l.addEventListener(
           "luzmo-closed",
           () => {
-            const l = this.originalPlacements.get(r);
-            l && r.setAttribute("placement", l), this.originalPlacements.delete(r);
+            const r = this.originalPlacements.get(l);
+            r && l.setAttribute("placement", r), this.originalPlacements.delete(l);
           },
           { once: !0 }
         );
-      }), i(), o();
+      }), o(), i();
     };
   }
   /**
@@ -1813,66 +1880,66 @@ class Fn {
    * @returns A promise that resolves when the placement has been computed.
    */
   async computePlacement() {
-    var f, u;
-    const { options: t, target: n } = this;
+    var t, n;
+    const { options: o, target: i } = this;
     await (document.fonts ? document.fonts.ready : Promise.resolve());
-    const i = t.trigger instanceof HTMLElement ? se() : se({
-      padding: wt,
-      fallbackPlacements: $n(t.placement)
-    }), [o = 0, s = 0] = Array.isArray(t == null ? void 0 : t.offset) ? t.offset : [t.offset, 0], r = (f = this.host.elements.find(
-      (p) => p.tipElement
-    )) == null ? void 0 : f.tipElement, l = [
-      Tn({
-        mainAxis: o,
-        crossAxis: s
+    const s = o.trigger instanceof HTMLElement ? me() : me({
+      padding: zt,
+      fallbackPlacements: Io(o.placement)
+    }), [l = 0, r = 0] = Array.isArray(o == null ? void 0 : o.offset) ? o.offset : [o.offset, 0], a = (t = this.host.elements.find(
+      (m) => m.tipElement
+    )) == null ? void 0 : t.tipElement, c = [
+      Fo({
+        mainAxis: l,
+        crossAxis: r
       }),
-      Rn({ padding: wt }),
-      i,
-      Dn({
-        padding: wt,
-        apply: ({ availableWidth: p, availableHeight: m, rects: { floating: v } }) => {
-          const g = Math.max(
-            Ln,
-            Math.floor(m)
-          ), y = v.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || g <= y;
-          const b = this.isConstrained ? `${g}px` : "";
-          Object.assign(n.style, {
-            maxWidth: `${Math.floor(p)}px`,
+      No({ padding: zt }),
+      s,
+      qo({
+        padding: zt,
+        apply: ({ availableWidth: m, availableHeight: g, rects: { floating: f } }) => {
+          const v = Math.max(
+            _o,
+            Math.floor(g)
+          ), y = f.height;
+          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || v <= y;
+          const b = this.isConstrained ? `${v}px` : "";
+          Object.assign(i.style, {
+            maxWidth: `${Math.floor(m)}px`,
             maxHeight: b
           });
         }
       }),
-      ...r ? [
-        Sn({
-          element: r,
-          padding: t.tipPadding || wt
+      ...a ? [
+        Ho({
+          element: a,
+          padding: o.tipPadding || zt
         })
       ] : []
-    ], { x: a, y: c, placement: h, middlewareData: d } = await kn(
-      t.trigger,
-      n,
+    ], { x: h, y: d, placement: p, middlewareData: u } = await Bo(
+      o.trigger,
+      i,
       {
-        placement: t.placement,
-        middleware: l,
+        placement: o.placement,
+        middleware: c,
         strategy: "fixed"
       }
     );
-    if (Object.assign(n.style, {
+    if (Object.assign(i.style, {
       top: "0px",
       left: "0px",
-      translate: `${bt(a)}px ${bt(c)}px`
-    }), n.setAttribute("actual-placement", h), (u = this.host.elements) == null || u.forEach((p) => {
-      this.originalPlacements.has(p) || this.originalPlacements.set(
-        p,
-        p.getAttribute("placement")
-      ), p.setAttribute("placement", h);
-    }), r && d.arrow) {
-      const { x: p, y: m } = d.arrow;
-      Object.assign(r.style, {
-        top: h.startsWith("right") || h.startsWith("left") ? "0px" : "",
-        left: h.startsWith("bottom") || h.startsWith("top") ? "0px" : "",
-        translate: `${bt(p)}px ${bt(m)}px`
+      translate: `${Et(h)}px ${Et(d)}px`
+    }), i.setAttribute("actual-placement", p), (n = this.host.elements) == null || n.forEach((m) => {
+      this.originalPlacements.has(m) || this.originalPlacements.set(
+        m,
+        m.getAttribute("placement")
+      ), m.setAttribute("placement", p);
+    }), a && u.arrow) {
+      const { x: m, y: g } = u.arrow;
+      Object.assign(a.style, {
+        top: p.startsWith("right") || p.startsWith("left") ? "0px" : "",
+        left: p.startsWith("bottom") || p.startsWith("top") ? "0px" : "",
+        translate: `${Et(m)}px ${Et(g)}px`
       });
     }
   }
@@ -1918,10 +1985,10 @@ class Fn {
     );
   }
 }
-var vt = /* @__PURE__ */ ((e) => (e[e.click = 0] = "click", e[e.hover = 1] = "hover", e[e.longpress = 2] = "longpress", e))(vt || {});
-class Xt {
-  constructor(t, { overlay: n, isPersistent: i, handleOverlayReady: o }) {
-    this.target = t, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!i, this.handleOverlayReady = o, this.isPersistent && this.init(), this.overlay = n;
+var nt = /* @__PURE__ */ ((e) => (e[e.click = 0] = "click", e[e.hover = 1] = "hover", e[e.longpress = 2] = "longpress", e))(nt || {});
+class bt {
+  constructor(t, { overlay: n, isPersistent: o, handleOverlayReady: i }) {
+    this.target = t, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!o, this.handleOverlayReady = i, this.isPersistent && this.init(), this.overlay = n;
   }
   get activelyOpening() {
     return !1;
@@ -1940,9 +2007,9 @@ class Xt {
         return;
       }
       t && (customElements.whenDefined("luzmo-overlay").then(async () => {
-        const { Overlay: n } = await Promise.resolve().then(() => st);
+        const { LuzmoOverlay: n } = await Promise.resolve().then(() => kt);
         this.overlay = new n(), this.overlay.open = !0;
-      }), Promise.resolve().then(() => st));
+      }), Promise.resolve().then(() => kt));
     }
   }
   get overlay() {
@@ -1975,9 +2042,9 @@ class Xt {
     this.isPersistent || this.abort();
   }
 }
-class zn extends Xt {
+class te extends bt {
   constructor() {
-    super(...arguments), this.type = vt.click, this.preventNextToggle = !1;
+    super(...arguments), this.type = nt.click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -1986,22 +2053,22 @@ class zn extends Xt {
     this.preventNextToggle = this.open;
   }
   init() {
-    var n;
-    (n = this.abortController) == null || n.abort(), this.abortController = new AbortController();
-    const { signal: t } = this.abortController;
+    var t;
+    (t = this.abortController) == null || t.abort(), this.abortController = new AbortController();
+    const { signal: n } = this.abortController;
     this.target.addEventListener("click", () => this.handleClick(), {
-      signal: t
+      signal: n
     }), this.target.addEventListener(
       "pointerdown",
       () => this.handlePointerdown(),
-      { signal: t }
+      { signal: n }
     );
   }
 }
-const _n = 300;
-class Nn extends Xt {
+const Mo = 300;
+class ee extends bt {
   constructor() {
-    super(...arguments), this.type = vt.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = nt.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
   handleTargetFocusin() {
     this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
@@ -2027,31 +2094,31 @@ class Nn extends Xt {
   prepareDescription() {
     if (this.overlay.elements.length === 0)
       return;
-    const t = this.target.getRootNode(), n = this.overlay.elements[0].getRootNode(), i = this.overlay.getRootNode();
-    t === i ? this.prepareOverlayRelativeDescription() : t === n && this.prepareContentRelativeDescription();
+    const t = this.target.getRootNode(), n = this.overlay.elements[0].getRootNode(), o = this.overlay.getRootNode();
+    t === o ? this.prepareOverlayRelativeDescription() : t === n && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = Lt(
+    const t = Nt(
       this.target,
       "aria-describedby",
       [this.overlay.id]
     );
     this.releaseDescription = () => {
-      t(), this.releaseDescription = tt;
+      t(), this.releaseDescription = V;
     };
   }
   prepareContentRelativeDescription() {
-    const t = [], n = this.overlay.elements.map((o) => (t.push(o.id), o.id || (o.id = `${this.overlay.tagName.toLowerCase()}-helper-${_t()}`), o.id));
+    const t = [], n = this.overlay.elements.map((i) => (t.push(i.id), i.id || (i.id = `${this.overlay.tagName.toLowerCase()}-helper-${It()}`), i.id));
     this.elementIds = t;
-    const i = Lt(
+    const o = Nt(
       this.target,
       "aria-describedby",
       n
     );
     this.releaseDescription = () => {
-      i(), this.overlay.elements.map((o, s) => {
-        o.id = this.elementIds[s];
-      }), this.releaseDescription = tt;
+      o(), this.overlay.elements.map((i, s) => {
+        i.id = this.elementIds[s];
+      }), this.releaseDescription = V;
     };
   }
   doPointerleave() {
@@ -2059,26 +2126,26 @@ class Nn extends Xt {
     const t = this.target;
     this.focusedin && t.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
       this.open = !1;
-    }, _n));
+    }, Mo));
   }
   init() {
-    var n;
-    (n = this.abortController) == null || n.abort(), this.abortController = new AbortController();
-    const { signal: t } = this.abortController;
+    var t;
+    (t = this.abortController) == null || t.abort(), this.abortController = new AbortController();
+    const { signal: n } = this.abortController;
     this.target.addEventListener("focusin", () => this.handleTargetFocusin(), {
-      signal: t
+      signal: n
     }), this.target.addEventListener(
       "focusout",
       () => this.handleTargetFocusout(),
-      { signal: t }
+      { signal: n }
     ), this.target.addEventListener(
       "pointerenter",
       () => this.handleTargetPointerenter(),
-      { signal: t }
+      { signal: n }
     ), this.target.addEventListener(
       "pointerleave",
       () => this.handleTargetPointerleave(),
-      { signal: t }
+      { signal: n }
     ), this.overlay && this.initOverlay();
   }
   initOverlay() {
@@ -2096,14 +2163,14 @@ class Nn extends Xt {
     );
   }
 }
-const Bn = 300, Mn = {
+const Wo = 300, oe = {
   touch: "Double tap and long press for additional options",
   keyboard: "Press Space or Alt+Down Arrow for additional options",
   mouse: "Click and hold for additional options"
 };
-class Hn extends Xt {
+class ne extends bt {
   constructor() {
-    super(...arguments), this.type = vt.longpress, this.longpressState = null, this.releaseDescription = tt, this.handlePointerup = () => {
+    super(...arguments), this.type = nt.longpress, this.longpressState = null, this.releaseDescription = V, this.handlePointerup = () => {
       var t;
       clearTimeout(this.timeout), this.target && (this.longpressState = ((t = this.overlay) == null ? void 0 : t.state) === "opening" ? "pressed" : null, document.removeEventListener("pointerup", this.handlePointerup), document.removeEventListener("pointercancel", this.handlePointerup));
     };
@@ -2125,15 +2192,15 @@ class Hn extends Xt {
           }
         })
       );
-    }, Bn));
+    }, Wo));
   }
   handleKeydown(t) {
-    const { code: n, altKey: i } = t;
-    i && n === "ArrowDown" && (t.stopPropagation(), t.stopImmediatePropagation());
+    const { code: n, altKey: o } = t;
+    o && n === "ArrowDown" && (t.stopPropagation(), t.stopImmediatePropagation());
   }
   handleKeyup(t) {
-    const { code: n, altKey: i } = t;
-    if (n === "Space" || i && n === "ArrowDown") {
+    const { code: n, altKey: o } = t;
+    if (n === "Space" || o && n === "ArrowDown") {
       if (!this.target)
         return;
       t.stopPropagation(), this.target.dispatchEvent(
@@ -2152,90 +2219,90 @@ class Hn extends Xt {
   prepareDescription(t) {
     if (
       // do not reapply until target is recycled
-      this.releaseDescription !== tt || // require "longpress content" to apply relationship
+      this.releaseDescription !== V || // require "longpress content" to apply relationship
       this.overlay.elements.length === 0
     )
       return;
     const n = document.createElement("div");
-    n.id = `longpress-describedby-descriptor-${_t()}`;
-    const i = ke() || Le() ? "touch" : "keyboard";
-    n.textContent = Mn[i], n.slot = "longpress-describedby-descriptor";
-    const o = t.getRootNode(), s = this.overlay.getRootNode();
-    o === s ? this.overlay.append(n) : (n.hidden = !("host" in o), t.after(n));
-    const r = Lt(
+    n.id = `longpress-describedby-descriptor-${It()}`;
+    const o = _e() || Ie() ? "touch" : "keyboard";
+    n.textContent = oe[o], n.slot = "longpress-describedby-descriptor";
+    const i = t.getRootNode(), s = this.overlay.getRootNode();
+    i === s ? this.overlay.append(n) : (n.hidden = !("host" in i), t.after(n));
+    const l = Nt(
       t,
       "aria-describedby",
       [n.id]
     );
     this.releaseDescription = () => {
-      r(), n.remove(), this.releaseDescription = tt;
+      l(), n.remove(), this.releaseDescription = V;
     };
   }
   shouldCompleteOpen() {
     this.longpressState = this.longpressState === "pressed" ? null : this.longpressState;
   }
   init() {
-    var n;
-    (n = this.abortController) == null || n.abort(), this.abortController = new AbortController();
-    const { signal: t } = this.abortController;
+    var t;
+    (t = this.abortController) == null || t.abort(), this.abortController = new AbortController();
+    const { signal: n } = this.abortController;
     this.target.addEventListener("longpress", () => this.handleLongpress(), {
-      signal: t
+      signal: n
     }), this.target.addEventListener(
       "pointerdown",
-      (i) => this.handlePointerdown(i),
-      { signal: t }
+      (o) => this.handlePointerdown(o),
+      { signal: n }
     ), this.prepareDescription(this.target), !this.target.holdAffordance && (this.target.addEventListener(
       "keydown",
-      (i) => this.handleKeydown(i),
-      { signal: t }
+      (o) => this.handleKeydown(o),
+      { signal: n }
     ), this.target.addEventListener(
       "keyup",
-      (i) => this.handleKeyup(i),
-      { signal: t }
+      (o) => this.handleKeyup(o),
+      { signal: n }
     ));
   }
 }
-const xe = {
-  click: zn,
-  longpress: Hn,
-  hover: Nn
+const ie = {
+  click: te,
+  longpress: ne,
+  hover: ee
 };
-var qn = Object.defineProperty, In = Object.getOwnPropertyDescriptor, T = (e, t, n, i) => {
-  for (var o = i > 1 ? void 0 : i ? In(t, n) : t, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = (i ? r(t, n, o) : r(o)) || o);
-  return i && o && qn(t, n, o), o;
+var Uo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, P = (e, t, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? jo(t, n) : t, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (i = (o ? l(t, n, i) : l(i)) || i);
+  return o && i && Uo(t, n, i), i;
 };
-const Wn = "showPopover" in document.createElement("div");
-let Et = Ie(rt);
-Et = Wn ? Ue(Et) : We(Et);
-var j;
-const P = (j = class extends Et {
+const Vo = "showPopover" in document.createElement("div");
+let Ct = Ge(J);
+Ct = Vo ? Qe(Ct) : Je(Ct);
+var st;
+const z = (st = class extends Ct {
   constructor() {
-    super(...arguments), this._delayed = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (t) => {
-      if (!t.relatedTarget)
+    super(...arguments), this._delayed = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (e) => {
+      if (!e.relatedTarget)
         return;
-      const n = new Event("overlay-relation-query", {
+      const t = new Event("overlay-relation-query", {
         bubbles: !0,
         composed: !0
       });
-      t.relatedTarget.addEventListener(n.type, (i) => {
-        i.composedPath().includes(this) || (this.open = !1);
-      }), t.relatedTarget.dispatchEvent(n);
+      e.relatedTarget.addEventListener(t.type, (n) => {
+        n.composedPath().includes(this) || (this.open = !1);
+      }), e.relatedTarget.dispatchEvent(t);
     };
   }
   get delayed() {
-    var t;
-    return ((t = this.elements.at(-1)) == null ? void 0 : t.hasAttribute("delayed")) || this._delayed;
+    var e;
+    return ((e = this.elements.at(-1)) == null ? void 0 : e.hasAttribute("delayed")) || this._delayed;
   }
-  set delayed(t) {
-    this._delayed = t;
+  set delayed(e) {
+    this._delayed = e;
   }
   get disabled() {
     return this._disabled;
   }
-  set disabled(t) {
-    var n;
-    this._disabled = t, t ? ((n = this.strategy) == null || n.abort(), this.wasOpen = this.open, this.open = !1) : (this.bindEvents(), this.open = this.open || this.wasOpen, this.wasOpen = !1);
+  set disabled(e) {
+    var t;
+    this._disabled = e, e ? ((t = this.strategy) == null || t.abort(), this.wasOpen = this.open, this.open = !1) : (this.bindEvents(), this.open = this.open || this.wasOpen, this.wasOpen = !1);
   }
   /**
    * Determines if the overlay has a non-virtual trigger element.
@@ -2243,7 +2310,7 @@ const P = (j = class extends Et {
    * @returns `true` if the trigger element is not a virtual trigger, otherwise `false`.
    */
   get hasNonVirtualTrigger() {
-    return !!this.triggerElement && !(this.triggerElement instanceof mt);
+    return !!this.triggerElement && !(this.triggerElement instanceof ct);
   }
   /**
    * Provides an instance of the `PlacementController` for managing the positioning
@@ -2256,24 +2323,24 @@ const P = (j = class extends Et {
    * @returns The `PlacementController` instance.
    */
   get placementController() {
-    return this._placementController || (this._placementController = new Fn(this)), this._placementController;
+    return this._placementController || (this._placementController = new Qt(this)), this._placementController;
   }
   get open() {
     return this._open;
   }
-  set open(t) {
-    var n;
-    t && this.disabled || t !== this.open && ((n = this.strategy) != null && n.activelyOpening && !t || (this._open = t, this.open && (j.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
+  set open(e) {
+    var t;
+    e && this.disabled || e !== this.open && ((t = this.strategy) != null && t.activelyOpening && !e || (this._open = e, this.open && (st.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
   }
   get state() {
     return this._state;
   }
-  set state(t) {
-    var i;
-    if (t === this.state)
+  set state(e) {
+    var t;
+    if (e === this.state)
       return;
     const n = this.state;
-    this._state = t, (this.state === "opened" || this.state === "closed") && ((i = this.strategy) == null || i.shouldCompleteOpen()), this.requestUpdate("state", n);
+    this._state = e, (this.state === "opened" || this.state === "closed") && ((t = this.strategy) == null || t.shouldCompleteOpen()), this.requestUpdate("state", n);
   }
   /**
    * Provides an instance of the `ElementResolutionController` for managing the element
@@ -2284,7 +2351,7 @@ const P = (j = class extends Et {
    * @returns The `ElementResolutionController` instance.
    */
   get elementResolver() {
-    return this._elementResolver || (this._elementResolver = new Te(this)), this._elementResolver;
+    return this._elementResolver || (this._elementResolver = new He(this)), this._elementResolver;
   }
   /**
    * Determines if the overlay uses a dialog.
@@ -2336,12 +2403,12 @@ const P = (j = class extends Et {
   managePosition() {
     if (!this.requiresPositioning || !this.open)
       return;
-    const t = this.offset || 0, n = this.triggerElement, i = this.placement || "right", o = this.tipPadding;
+    const e = this.offset || 0, t = this.triggerElement, n = this.placement || "right", o = this.tipPadding;
     this.placementController.placeOverlay(this.dialogEl, {
-      offset: t,
-      placement: i,
+      offset: e,
+      placement: n,
       tipPadding: o,
-      trigger: n,
+      trigger: t,
       type: this.type
     });
   }
@@ -2357,11 +2424,11 @@ const P = (j = class extends Et {
    */
   async managePopoverOpen() {
     super.managePopoverOpen();
-    const t = this.open;
-    if (this.open !== t || (await this.manageDelay(t), this.open !== t) || (await this.ensureOnDOM(t), this.open !== t))
+    const e = this.open;
+    if (this.open !== e || (await this.manageDelay(e), this.open !== e) || (await this.ensureOnDOM(e), this.open !== e))
       return;
-    const n = await this.makeTransition(t);
-    this.open === t && await this.applyFocus(t, n);
+    const t = await this.makeTransition(e);
+    this.open === e && await this.applyFocus(e, t);
   }
   /**
    * Applies focus to the appropriate element after the popover has been opened.
@@ -2375,13 +2442,13 @@ const P = (j = class extends Et {
    * @param focusEl - The element to focus after opening the popover.
    * @returns A promise that resolves when the focus has been applied.
    */
-  async applyFocus(t, n) {
+  async applyFocus(e, t) {
     if (!(this.receivesFocus === "false" || this.type === "hint")) {
-      if (await L(), await L(), t === this.open && !this.open) {
+      if (await T(), await T(), e === this.open && !this.open) {
         this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
         return;
       }
-      n == null || n.focus();
+      t == null || t.focus();
     }
   }
   /**
@@ -2394,22 +2461,22 @@ const P = (j = class extends Et {
    * @override
    */
   returnFocus() {
-    var n;
+    var e;
     if (this.open || this.type === "hint")
       return;
     const t = () => {
-      var s, r;
+      var n, o;
       const i = [];
-      let o = document.activeElement;
-      for (; (s = o == null ? void 0 : o.shadowRoot) != null && s.activeElement; )
-        o = o.shadowRoot.activeElement;
-      for (; o; ) {
-        const l = o.assignedSlot || o.parentElement || ((r = o.getRootNode()) == null ? void 0 : r.host);
-        l && i.push(l), o = l;
+      let s = document.activeElement;
+      for (; (n = s == null ? void 0 : s.shadowRoot) != null && n.activeElement; )
+        s = s.shadowRoot.activeElement;
+      for (; s; ) {
+        const l = s.assignedSlot || s.parentElement || ((o = s.getRootNode()) == null ? void 0 : o.host);
+        l && i.push(l), s = l;
       }
       return i;
     };
-    this.receivesFocus !== "false" && ((n = this.triggerElement) != null && n.focus) && (this.contains(this.getRootNode().activeElement) || t().includes(this) || document.activeElement === document.body) && this.triggerElement.focus();
+    this.receivesFocus !== "false" && (e = this.triggerElement) != null && e.focus && (this.contains(this.getRootNode().activeElement) || t().includes(this) || document.activeElement === document.body) && this.triggerElement.focus();
   }
   /**
    * Manages the process of opening or closing the overlay.
@@ -2421,18 +2488,18 @@ const P = (j = class extends Et {
    * @param oldOpen - The previous open state of the overlay.
    * @returns A promise that resolves when the overlay has been fully managed.
    */
-  async manageOpen(t) {
-    if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (Zt.add(this), this.willPreventClose && (document.addEventListener(
+  async manageOpen(e) {
+    if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (ae.add(this), this.willPreventClose && (document.addEventListener(
       "pointerup",
       () => {
         this.dialogEl.classList.toggle("not-immediately-closable", !1), this.willPreventClose = !1;
       },
       { once: !0 }
-    ), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (t && this.dispose(), Zt.remove(this)), this.open && this.state !== "opened" ? this.state = "opening" : !this.open && this.state !== "closed" && (this.state = "closing"), this.usesDialog ? this.manageDialogOpen() : this.managePopoverOpen(), this.type === "auto")) {
-      const n = this.getRootNode();
-      this.open ? n.addEventListener("focusout", this.closeOnFocusOut, {
+    ), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (e && this.dispose(), ae.remove(this)), this.open && this.state !== "opened" ? this.state = "opening" : !this.open && this.state !== "closed" && (this.state = "closing"), this.usesDialog ? this.manageDialogOpen() : this.managePopoverOpen(), this.type === "auto")) {
+      const t = this.getRootNode();
+      this.open ? t.addEventListener("focusout", this.closeOnFocusOut, {
         capture: !0
-      }) : n.removeEventListener("focusout", this.closeOnFocusOut, {
+      }) : t.removeEventListener("focusout", this.closeOnFocusOut, {
         capture: !0
       });
     }
@@ -2446,8 +2513,8 @@ const P = (j = class extends Et {
    * @protected
    */
   bindEvents() {
-    var t;
-    (t = this.strategy) == null || t.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new xe[this.triggerInteraction](
+    var e;
+    (e = this.strategy) == null || e.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new ie[this.triggerInteraction](
       this.triggerElement,
       {
         overlay: this
@@ -2463,8 +2530,8 @@ const P = (j = class extends Et {
    * @protected
    * @param event - The `beforetoggle` event with the new state.
    */
-  handleBeforetoggle(t) {
-    t.newState !== "open" && this.handleBrowserClose(t);
+  handleBeforetoggle(e) {
+    e.newState !== "open" && this.handleBrowserClose(e);
   }
   /**
    * Handles the browser's close event to manage the overlay's state.
@@ -2475,9 +2542,9 @@ const P = (j = class extends Et {
    * @protected
    * @param event - The browser's close event.
    */
-  handleBrowserClose(t) {
-    var n;
-    if (t.stopPropagation(), !((n = this.strategy) != null && n.activelyOpening)) {
+  handleBrowserClose(e) {
+    var t;
+    if (e.stopPropagation(), !((t = this.strategy) != null && t.activelyOpening)) {
       this.open = !1;
       return;
     }
@@ -2504,8 +2571,8 @@ const P = (j = class extends Et {
    * @protected
    */
   handleSlotchange() {
-    var t, n;
-    this.elements.length === 0 ? (t = this.strategy) == null || t.releaseDescription() : this.hasNonVirtualTrigger && ((n = this.strategy) == null || n.prepareDescription(this.triggerElement));
+    var e, t;
+    this.elements.length === 0 ? (e = this.strategy) == null || e.releaseDescription() : this.hasNonVirtualTrigger && ((t = this.strategy) == null || t.prepareDescription(this.triggerElement));
   }
   /**
    * Determines whether the overlay should prevent closing.
@@ -2517,8 +2584,8 @@ const P = (j = class extends Et {
    * @returns `true` if the overlay should prevent closing, otherwise `false`.
    */
   shouldPreventClose() {
-    const t = this.willPreventClose;
-    return this.willPreventClose = !1, t;
+    const e = this.willPreventClose;
+    return this.willPreventClose = !1, e;
   }
   /**
    * Requests slottable content for the overlay.
@@ -2532,9 +2599,9 @@ const P = (j = class extends Et {
    */
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new ze(
+      new we(
         "overlay-content",
-        this.open ? {} : Nt
+        this.open ? {} : St
       )
     ), this.lastRequestSlottableState = this.open);
   }
@@ -2547,14 +2614,14 @@ const P = (j = class extends Et {
    * @override
    * @param changes - The properties that have changed.
    */
-  willUpdate(t) {
-    var i;
-    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${_t()}`), t.has("open") && (this.hasUpdated || this.open) && this.manageOpen(t.get("open")), t.has("trigger")) {
-      const [o, s] = ((i = this.trigger) == null ? void 0 : i.split("@")) || [];
-      this.elementResolver.selector = o ? `#${o}` : "", this.triggerInteraction = s;
+  willUpdate(e) {
+    var t;
+    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${It()}`), e.has("open") && (this.hasUpdated || this.open) && this.manageOpen(e.get("open")), e.has("trigger")) {
+      const [o, i] = ((t = this.trigger) == null ? void 0 : t.split("@")) || [];
+      this.elementResolver.selector = o ? `#${o}` : "", this.triggerInteraction = i;
     }
     let n = !1;
-    t.has(Re) && (n = this.triggerElement, this.triggerElement = this.elementResolver.element), t.has("triggerElement") && (n = t.get("triggerElement")), n !== !1 && this.bindEvents();
+    e.has(Be) && (n = this.triggerElement, this.triggerElement = this.elementResolver.element), e.has("triggerElement") && (n = e.get("triggerElement")), n !== !1 && this.bindEvents();
   }
   /**
    * Lifecycle method called after the component updates.
@@ -2565,8 +2632,8 @@ const P = (j = class extends Et {
    * @override
    * @param changes - The properties that have changed.
    */
-  updated(t) {
-    super.updated(t), t.has("placement") && (this.placement ? this.dialogEl.setAttribute("actual-placement", this.placement) : this.dialogEl.removeAttribute("actual-placement"), this.open && t.get("placement") !== void 0 && this.placementController.resetOverlayPosition()), t.has("state") && this.state === "closed" && t.get("state") !== void 0 && this.placementController.clearOverlayPosition();
+  updated(e) {
+    super.updated(e), e.has("placement") && (this.placement ? this.dialogEl.setAttribute("actual-placement", this.placement) : this.dialogEl.removeAttribute("actual-placement"), this.open && e.get("placement") !== void 0 && this.placementController.resetOverlayPosition()), e.has("state") && this.state === "closed" && e.get("state") !== void 0 && this.placementController.clearOverlayPosition();
   }
   /**
    * Renders the content of the overlay.
@@ -2578,7 +2645,7 @@ const P = (j = class extends Et {
    * @returns The template result containing the slot element.
    */
   renderContent() {
-    return k` <slot @slotchange=${this.handleSlotchange}></slot> `;
+    return A` <slot @slotchange=${this.handleSlotchange}></slot> `;
   }
   /**
    * Generates a style map for the dialog element.
@@ -2591,7 +2658,7 @@ const P = (j = class extends Et {
    */
   get dialogStyleMap() {
     return {
-      "--luzmo-overlay-open-count": j.openCount.toString()
+      "--luzmo-overlay-open-count": st.openCount.toString()
     };
   }
   /**
@@ -2604,14 +2671,14 @@ const P = (j = class extends Et {
    * @returns The template result containing the dialog element.
    */
   renderDialog() {
-    return k`
+    return A`
       <dialog
         class="dialog"
         part="dialog"
-        placement=${St(
+        placement=${$t(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        style=${Jt(this.dialogStyleMap)}
+        style=${re(this.dialogStyleMap)}
         @close=${this.handleBrowserClose}
         @cancel=${this.handleBrowserClose}
         @beforetoggle=${this.handleBeforetoggle}
@@ -2631,15 +2698,15 @@ const P = (j = class extends Et {
    * @returns The template result containing the popover element.
    */
   renderPopover() {
-    return k`
+    return A`
       <div
         class="dialog"
         part="dialog"
-        placement=${St(
+        placement=${$t(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        popover=${St(this.popoverValue)}
-        style=${Jt(this.dialogStyleMap)}
+        popover=${$t(this.popoverValue)}
+        style=${re(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
         ?is-visible=${this.state !== "closed"}
@@ -2658,9 +2725,9 @@ const P = (j = class extends Et {
    * @returns The template result containing the overlay content.
    */
   render() {
-    const t = this.type === "modal" || this.type === "page";
-    return k`
-      ${t ? this.renderDialog() : this.renderPopover()}
+    const e = this.type === "modal" || this.type === "page";
+    return A`
+      ${e ? this.renderDialog() : this.renderPopover()}
       <slot name="longpress-describedby-descriptor"></slot>
     `;
   }
@@ -2684,74 +2751,118 @@ const P = (j = class extends Et {
    * @override
    */
   disconnectedCallback() {
-    var t;
-    (t = this.strategy) == null || t.releaseDescription(), this.open = !1, super.disconnectedCallback();
+    var e;
+    (e = this.strategy) == null || e.releaseDescription(), this.open = !1, super.disconnectedCallback();
   }
-}, j.styles = [ae(Ye)], j.openCount = 1, j);
-T([
+}, st.styles = [fe(oo)], st.openCount = 1, st);
+P([
   x({ type: Boolean })
-], P.prototype, "delayed", 1);
-T([
-  pt(".dialog")
-], P.prototype, "dialogEl", 2);
-T([
+], z.prototype, "delayed", 1);
+P([
+  gt(".dialog")
+], z.prototype, "dialogEl", 2);
+P([
   x({ type: Boolean })
-], P.prototype, "disabled", 1);
-T([
-  Fe({
+], z.prototype, "disabled", 1);
+P([
+  Ue({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
   })
-], P.prototype, "elements", 2);
-T([
+], z.prototype, "elements", 2);
+P([
   x({ type: Number })
-], P.prototype, "offset", 2);
-T([
+], z.prototype, "offset", 2);
+P([
   x({ type: Boolean, reflect: !0 })
-], P.prototype, "open", 1);
-T([
+], z.prototype, "open", 1);
+P([
   x()
-], P.prototype, "placement", 2);
-T([
+], z.prototype, "placement", 2);
+P([
   x({ attribute: "receives-focus" })
-], P.prototype, "receivesFocus", 2);
-T([
-  pt("slot")
-], P.prototype, "slotEl", 2);
-T([
-  ut()
-], P.prototype, "state", 1);
-T([
+], z.prototype, "receivesFocus", 2);
+P([
+  gt("slot")
+], z.prototype, "slotEl", 2);
+P([
+  mt()
+], z.prototype, "state", 1);
+P([
   x({ type: Number, attribute: "tip-padding" })
-], P.prototype, "tipPadding", 2);
-T([
+], z.prototype, "tipPadding", 2);
+P([
   x()
-], P.prototype, "trigger", 2);
-T([
+], z.prototype, "trigger", 2);
+P([
   x({ attribute: !1 })
-], P.prototype, "triggerElement", 2);
-T([
+], z.prototype, "triggerElement", 2);
+P([
   x({ attribute: !1 })
-], P.prototype, "triggerInteraction", 2);
-T([
+], z.prototype, "triggerInteraction", 2);
+P([
   x()
-], P.prototype, "type", 2);
-let Dt = P;
-const st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], z.prototype, "type", 2);
+let wt = z;
+const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LuzmoOverlay: wt
+}, Symbol.toStringTag, { value: "Module" })), Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Overlay: Dt
-}, Symbol.toStringTag, { value: "Module" })), Vn = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
-var Un = Object.defineProperty, R = (e, t, n, i) => {
-  for (var o = void 0, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = r(t, n, o) || o);
-  return o && Un(t, n, o), o;
+  C: te,
+  H: ee,
+  I: nt,
+  L: J,
+  P: Qt,
+  V: ct,
+  a: T,
+  b: bt,
+  c: oe,
+  d: ne,
+  e: wt,
+  f: kt,
+  g: vt,
+  n: V,
+  o: lt,
+  p: Re,
+  s: ie
+}, Symbol.toStringTag, { value: "Module" }));
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const Ko = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const e = document.createElement("style");
+    e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
+  }
+};
+Ko();
+const Xo = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
+var Yo = Object.defineProperty, k = (e, t, n, o) => {
+  for (var i = void 0, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (i = l(t, n, i) || i);
+  return i && Yo(t, n, i), i;
 };
-class O extends le {
+class C extends ge {
   constructor() {
     super(...arguments), this.content = "click hover longpress", this.offset = 6, this.disabled = !1, this.receivesFocus = "auto", this.clickContent = [], this.longpressContent = [], this.hoverContent = [], this.targetContent = [];
   }
   static get styles() {
-    return [ae(Vn)];
+    return [fe(Xo)];
   }
   getAssignedElementsFromSlot(t) {
     return t.assignedElements({ flatten: !0 });
@@ -2777,30 +2888,30 @@ class O extends le {
   }
   handleBeforetoggle(t) {
     const { target: n } = t;
-    let i;
+    let o;
     if (n === this.clickOverlayElement)
-      i = "click";
+      o = "click";
     else if (n === this.longpressOverlayElement)
-      i = "longpress";
+      o = "longpress";
     else if (n === this.hoverOverlayElement)
-      i = "hover";
+      o = "hover";
     else
       return;
-    t.newState === "open" ? this.open = i : this.open === i && (this.open = void 0);
+    t.newState === "open" ? this.open = o : this.open === o && (this.open = void 0);
   }
   update(t) {
-    var n, i, o, s, r, l;
-    t.has("clickContent") && (this.clickPlacement = ((n = this.clickContent[0]) == null ? void 0 : n.getAttribute("placement")) || ((i = this.clickContent[0]) == null ? void 0 : i.getAttribute("direction")) || void 0), t.has("hoverContent") && (this.hoverPlacement = ((o = this.hoverContent[0]) == null ? void 0 : o.getAttribute("placement")) || ((s = this.hoverContent[0]) == null ? void 0 : s.getAttribute("direction")) || void 0), t.has("longpressContent") && (this.longpressPlacement = ((r = this.longpressContent[0]) == null ? void 0 : r.getAttribute("placement")) || ((l = this.longpressContent[0]) == null ? void 0 : l.getAttribute("direction")) || void 0), super.update(t);
+    var n, o, i, s, l, r;
+    t.has("clickContent") && (this.clickPlacement = ((n = this.clickContent[0]) == null ? void 0 : n.getAttribute("placement")) || ((o = this.clickContent[0]) == null ? void 0 : o.getAttribute("direction")) || void 0), t.has("hoverContent") && (this.hoverPlacement = ((i = this.hoverContent[0]) == null ? void 0 : i.getAttribute("placement")) || ((s = this.hoverContent[0]) == null ? void 0 : s.getAttribute("direction")) || void 0), t.has("longpressContent") && (this.longpressPlacement = ((l = this.longpressContent[0]) == null ? void 0 : l.getAttribute("placement")) || ((r = this.longpressContent[0]) == null ? void 0 : r.getAttribute("direction")) || void 0), super.update(t);
   }
   renderSlot(t) {
-    return k`
+    return A`
       <slot name=${t} @slotchange=${this.handleSlotContent}></slot>
     `;
   }
   renderClickOverlay() {
-    Promise.resolve().then(() => st);
+    Promise.resolve().then(() => Ft).then((n) => n.f);
     const t = this.renderSlot("click-content");
-    return this.clickContent.length === 0 ? t : k`
+    return this.clickContent.length === 0 ? t : A`
       <luzmo-overlay
         id="click-overlay"
         ?disabled=${this.disabled || this.clickContent.length === 0}
@@ -2818,9 +2929,9 @@ class O extends le {
     `;
   }
   renderHoverOverlay() {
-    Promise.resolve().then(() => st);
+    Promise.resolve().then(() => Ft).then((n) => n.f);
     const t = this.renderSlot("hover-content");
-    return this.hoverContent.length === 0 ? t : k`
+    return this.hoverContent.length === 0 ? t : A`
       <luzmo-overlay
         id="hover-overlay"
         ?open=${this.open === "hover" && this.hoverContent.length > 0}
@@ -2838,9 +2949,9 @@ class O extends le {
     `;
   }
   renderLongpressOverlay() {
-    Promise.resolve().then(() => st);
+    Promise.resolve().then(() => Ft).then((n) => n.f);
     const t = this.renderSlot("longpress-content");
-    return this.longpressContent.length === 0 ? t : k`
+    return this.longpressContent.length === 0 ? t : A`
       <luzmo-overlay
         id="longpress-overlay"
         ?disabled=${this.disabled || this.longpressContent.length === 0}
@@ -2860,16 +2971,16 @@ class O extends le {
   }
   render() {
     const t = this.content.split(" ");
-    return k`
+    return A`
       <slot
         id="trigger"
         name="trigger"
         @slotchange=${this.handleTriggerContent}
       ></slot>
       ${[
-      t.includes("click") ? this.renderClickOverlay() : k``,
-      t.includes("hover") ? this.renderHoverOverlay() : k``,
-      t.includes("longpress") ? this.renderLongpressOverlay() : k``
+      t.includes("click") ? this.renderClickOverlay() : A``,
+      t.includes("hover") ? this.renderHoverOverlay() : A``,
+      t.includes("longpress") ? this.renderLongpressOverlay() : A``
     ]}
     `;
   }
@@ -2883,60 +2994,60 @@ class O extends le {
     return await super.getUpdateComplete();
   }
 }
-R([
+k([
   x()
-], O.prototype, "content");
-R([
+], C.prototype, "content");
+k([
   x({ reflect: !0 })
-], O.prototype, "placement");
-R([
+], C.prototype, "placement");
+k([
   x()
-], O.prototype, "type");
-R([
+], C.prototype, "type");
+k([
   x({ type: Number })
-], O.prototype, "offset");
-R([
+], C.prototype, "offset");
+k([
   x({ reflect: !0 })
-], O.prototype, "open");
-R([
+], C.prototype, "open");
+k([
   x({ type: Boolean, reflect: !0 })
-], O.prototype, "disabled");
-R([
+], C.prototype, "disabled");
+k([
   x({ attribute: "receives-focus" })
-], O.prototype, "receivesFocus");
-R([
-  ut()
-], O.prototype, "clickContent");
-R([
-  ut()
-], O.prototype, "longpressContent");
-R([
-  ut()
-], O.prototype, "hoverContent");
-R([
-  ut()
-], O.prototype, "targetContent");
-R([
-  pt("#click-overlay", !0)
-], O.prototype, "clickOverlayElement");
-R([
-  pt("#longpress-overlay", !0)
-], O.prototype, "longpressOverlayElement");
-R([
-  pt("#hover-overlay", !0)
-], O.prototype, "hoverOverlayElement");
-function jn(e, t, n, i) {
-  return Dt.open(
+], C.prototype, "receivesFocus");
+k([
+  mt()
+], C.prototype, "clickContent");
+k([
+  mt()
+], C.prototype, "longpressContent");
+k([
+  mt()
+], C.prototype, "hoverContent");
+k([
+  mt()
+], C.prototype, "targetContent");
+k([
+  gt("#click-overlay", !0)
+], C.prototype, "clickOverlayElement");
+k([
+  gt("#longpress-overlay", !0)
+], C.prototype, "longpressOverlayElement");
+k([
+  gt("#hover-overlay", !0)
+], C.prototype, "hoverOverlayElement");
+function Go(e, t, n, o) {
+  return wt.open(
     e,
     t,
     n,
-    i
+    o
   );
 }
-class Kn extends $e {
+class se extends Me {
   /* c8 ignore next 9 */
   render(t) {
-    return ce;
+    return ve;
   }
   update(t, [n]) {
     this.template = n, this.target !== t.element && (this.target = t.element, this.renderBefore = this.target.children[0]), this.listenerHost = this.target, this.init();
@@ -2944,19 +3055,19 @@ class Kn extends $e {
   handleSlottableRequest(t) {
     if (t.target !== t.currentTarget)
       return;
-    const n = t.data === Nt;
-    he(n ? void 0 : this.template(), this.target, {
+    const n = t.data === St;
+    ye(n ? void 0 : this.template(), this.target, {
       renderBefore: this.renderBefore
     });
   }
   init() {
-    var n;
-    (n = this.listeners) == null || n.abort(), this.listeners = new AbortController();
-    const { signal: t } = this.listeners;
+    var t;
+    (t = this.listeners) == null || t.abort(), this.listeners = new AbortController();
+    const { signal: n } = this.listeners;
     this.listenerHost.addEventListener(
       "slottable-request",
-      (i) => this.handleSlottableRequest(i),
-      { signal: t }
+      (o) => this.handleSlottableRequest(o),
+      { signal: n }
     );
   }
   disconnected() {
@@ -2968,7 +3079,8 @@ class Kn extends $e {
     this.init();
   }
 }
-class Ce extends Kn {
+const Jo = _t(se);
+class Ae extends se {
   constructor() {
     super(...arguments), this.defaultOptions = {
       triggerInteraction: "click",
@@ -2982,67 +3094,78 @@ class Ce extends Kn {
   }
   /* c8 ignore next 9 */
   render(t, n) {
-    return ce;
+    return ve;
   }
-  update(t, [n, i]) {
-    var l, a, c;
+  update(t, [n, o]) {
+    var i, s, l;
     this.options = {
       ...this.defaultOptions.overlayOptions,
-      ...i == null ? void 0 : i.overlayOptions
-    }, this.insertionOptions = i == null ? void 0 : i.insertionOptions, this.template = n, this.host = (l = t.options) == null ? void 0 : l.host;
-    let o = !1;
-    const s = (i == null ? void 0 : i.triggerInteraction) || this.defaultOptions.triggerInteraction, r = vt[(a = this.strategy) == null ? void 0 : a.type] !== s;
-    this.target !== t.element && (this.target = t.element, o = !0), (o || r) && ((c = this.strategy) == null || c.abort(), this.strategy = new xe[s](this.target, {
+      ...o == null ? void 0 : o.overlayOptions
+    }, this.insertionOptions = o == null ? void 0 : o.insertionOptions, this.template = n, this.host = (i = t.options) == null ? void 0 : i.host;
+    let r = !1;
+    const a = (o == null ? void 0 : o.triggerInteraction) || this.defaultOptions.triggerInteraction, c = nt[(s = this.strategy) == null ? void 0 : s.type] !== a;
+    this.target !== t.element && (this.target = t.element, r = !0), (r || c) && ((l = this.strategy) == null || l.abort(), this.strategy = new ie[a](this.target, {
       isPersistent: !0,
       handleOverlayReady: (h) => {
         this.listenerHost = this.overlay = h, this.init();
       }
-    })), this.strategy.open = (i == null ? void 0 : i.open) ?? !1;
+    })), this.strategy.open = (o == null ? void 0 : o.open) ?? !1;
   }
   handleSlottableRequest(t) {
-    var o, s;
+    var n, o;
     if (t.target !== t.currentTarget)
       return;
-    const n = t.data === Nt, i = {};
-    if (this.host && (i.host = this.host), he(
-      n ? void 0 : this.template(),
+    const i = t.data === St, s = {};
+    if (this.host && (s.host = this.host), ye(
+      i ? void 0 : this.template(),
       this.overlay,
-      i
-    ), n)
+      s
+    ), i)
       this.overlay.remove();
     else {
-      rt.applyOptions(this.overlay, {
+      J.applyOptions(this.overlay, {
         ...this.options,
         trigger: this.target
       });
-      const r = typeof ((o = this.insertionOptions) == null ? void 0 : o.el) == "function" ? this.insertionOptions.el() : ((s = this.insertionOptions) == null ? void 0 : s.el) || this.target, { where: l = "afterend" } = this.insertionOptions || {};
-      r.insertAdjacentElement(l, this.overlay);
+      const l = typeof ((n = this.insertionOptions) == null ? void 0 : n.el) == "function" ? this.insertionOptions.el() : ((o = this.insertionOptions) == null ? void 0 : o.el) || this.target, { where: r = "afterend" } = this.insertionOptions || {};
+      l.insertAdjacentElement(r, this.overlay);
     }
   }
 }
-const Yn = re(Ce);
-customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", Dt);
-customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", O);
-const Zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zo = _t(Ae);
+customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", wt);
+customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", C);
+const ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Overlay: Dt,
-  OverlayTrigger: O,
-  OverlayTriggerDirective: Ce,
-  VirtualTrigger: mt,
-  openOverlay: jn,
-  trigger: Yn
+  ClickController: te,
+  HoverController: ee,
+  InteractionController: bt,
+  InteractionTypes: nt,
+  LONGPRESS_INSTRUCTIONS: oe,
+  LongpressController: ne,
+  LuzmoAbstractOverlay: J,
+  LuzmoOverlay: wt,
+  LuzmoOverlayTrigger: C,
+  OverlayTriggerDirective: Ae,
+  PlacementController: Qt,
+  SlottableRequestDirective: se,
+  SlottableRequestEvent: we,
+  VirtualTrigger: ct,
+  guaranteedAllTransitionend: vt,
+  nextFrame: T,
+  noop: V,
+  openOverlay: Go,
+  overlayTimer: lt,
+  placementUpdatedSymbol: Re,
+  removeSlottableRequest: St,
+  slottableRequest: Jo,
+  trigger: Zo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Dt as O,
-  ze as S,
-  mt as V,
-  Fe as a,
-  jn as b,
-  O as c,
-  Ce as d,
-  st as e,
-  Zn as i,
-  Jt as o,
-  Nt as r,
-  Yn as t
+  St as a,
+  Ft as b,
+  Ue as d,
+  ln as i,
+  we as o,
+  re as p
 };