@luzmo/lucero 0.0.38 → 0.0.39

package/components/{overlay-BBNyvs8F.js → overlay-DaOKAKMl.js}

@@ -15,26 +15,26 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as ue, r as pe, x as ht, n as z } from "./base-WsynuqaS.js";
-import { r as fe } from "./state-Deh-vKYE.js";
-import { e as te } from "./query-D_KR_GUc.js";
-import { o as me } from "./query-assigned-elements-DjfhL1cl.js";
-import { o as Ct } from "./if-defined-DOaE2coe.js";
-import { o as Ut } from "./style-map-IgqIKvlE.js";
-import { r as St } from "./random-id-ByCz1xaq.js";
-import { E as ge, e as ve } from "./element-resolution-FCUT-wql.js";
-import { u as lt } from "./focusable-selectors-B4YgbghQ.js";
-import { S as ye, r as we } from "./slottable-request-event-DggLA4Rx.js";
-import { c as Tt } from "./condition-attribute-with-id-Dv4lSRbe.js";
-import { c as be, j as xe } from "./platform-BM-uMWpX.js";
-function Ee(e, t, i = []) {
+import { a as me, r as ge, x as dt, n as z } from "./base-WsynuqaS.js";
+import { r as ve } from "./state-Deh-vKYE.js";
+import { e as ne } from "./query-D_KR_GUc.js";
+import { o as ye } from "./query-assigned-elements-DjfhL1cl.js";
+import { o as Pt } from "./if-defined-DOaE2coe.js";
+import { o as Kt } from "./style-map-IgqIKvlE.js";
+import { r as Ft } from "./random-id-ByCz1xaq.js";
+import { E as we, e as be } from "./element-resolution-FCUT-wql.js";
+import { u as ct } from "./focusable-selectors-B4YgbghQ.js";
+import { S as Ee, r as xe } from "./slottable-request-event-DggLA4Rx.js";
+import { c as At } from "./condition-attribute-with-id-Dv4lSRbe.js";
+import { f as Yt, c as Ce, j as Pe } from "./platform-BM-uMWpX.js";
+function Oe(e, t, i = []) {
   for (const [n, o] of t.entries()) {
     const s = e[n], r = s.parentElement || s.getRootNode();
     i[n] && i[n](o), r && r !== s && s.replaceWith(o), delete e[n];
   }
   return t;
 }
-const Pe = (e, t, {
+const Te = (e, t, {
   position: i,
   prepareCallback: n
 } = { position: "beforeend" }) => {
@@ -53,12 +53,12 @@ const Pe = (e, t, {
     d && d !== c && d.replaceChild(a[r], c), t.insertAdjacentElement(i, c), r += s;
   } while (--o > 0);
   return function() {
-    return Ee(a, e, l);
+    return Oe(a, e, l);
   };
-}, Ce = 1e3, Oe = 1e3;
-class Te {
+}, Ae = 1e3, Re = 1e3;
+class De {
   constructor(t = {}) {
-    this.warmUpDelay = Ce, this.coolDownDelay = Oe, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
+    this.warmUpDelay = Ae, this.coolDownDelay = Re, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
   }
   openTimer(t) {
     if (this.cancelCooldownTimer(), !this.component || t !== this.component)
@@ -83,8 +83,8 @@ class Te {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const mt = new Te(), J = () => {
-}, kt = (e, t, i) => {
+const gt = new De(), J = () => {
+}, zt = (e, t, i) => {
   const n = new AbortController(), o = /* @__PURE__ */ new Map(), s = () => {
     n.abort(), i();
   };
@@ -117,7 +117,7 @@ const mt = new Te(), J = () => {
 function R() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class rt extends ue {
+class rt extends me {
   constructor() {
     super(...arguments), this.dispose = J, this.offset = 0, this.willPreventClose = !1;
   }
@@ -193,10 +193,10 @@ class rt extends ue {
     document.dispatchEvent(t);
   }
   static async open(t, i, n, o) {
-    await Promise.resolve().then(() => Lt);
+    await Promise.resolve().then(() => kt);
     const s = arguments.length === 2, r = n || t, a = new this();
     let l = !1;
-    const h = Pe([r], a, {
+    const h = Te([r], a, {
       position: "beforeend",
       prepareCallback: (f) => {
         const u = f.slot;
@@ -232,10 +232,10 @@ class rt extends ue {
     t.delayed = !!i.delayed, t.receivesFocus = i.receivesFocus ?? "auto", t.triggerElement = i.trigger || null, t.type = i.type || "modal", t.offset = i.offset ?? 0, t.placement = i.placement, t.willPreventClose = !!i.notImmediatelyClosable;
   }
 }
-const Ft = (e) => e.querySelector(
-  lt
-), zt = (e) => e.assignedElements().find((i) => i.matches(lt));
-class Nt extends Event {
+const Nt = (e) => e.querySelector(
+  ct
+), _t = (e) => e.assignedElements().find((i) => i.matches(ct));
+class $t extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -243,7 +243,7 @@ class Nt extends Event {
     }), this.currentState = "open", this.newState = "closed";
   }
 }
-class _t extends Event {
+class Mt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -266,7 +266,7 @@ class S extends Event {
     };
   }
 }
-class wt {
+class bt {
   constructor(t, i) {
     this.x = 0, this.y = 0, this.x = t, this.y = i;
   }
@@ -289,7 +289,7 @@ class wt {
     };
   }
 }
-function Ae(e) {
+function Le(e) {
   class t extends e {
     async manageDialogOpen() {
       const n = this.open;
@@ -309,9 +309,9 @@ function Ae(e) {
         }
         if (l > 0)
           return;
-        const h = n ? _t : Nt;
-        this.dispatchEvent(new h()), n && (a.matches(lt) && (o = a), o = o || Ft(a), o || a.querySelectorAll("slot").forEach((d) => {
-          o || (o = zt(d));
+        const h = n ? Mt : $t;
+        this.dispatchEvent(new h()), n && (a.matches(ct) && (o = a), o = o || Nt(a), o || a.querySelectorAll("slot").forEach((d) => {
+          o || (o = _t(d));
         }), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
       }, r = (a, l) => () => {
         if (this.open !== n)
@@ -329,7 +329,7 @@ function Ae(e) {
         if (!this.isConnected || n !== this.open)
           return;
         const c = async () => {
-          const d = this.triggerElement instanceof wt;
+          const d = this.triggerElement instanceof bt;
           this.dispatchEvent(
             new S(h, this, {
               interaction: this.type,
@@ -356,7 +356,7 @@ function Ae(e) {
         ), this.dialogEl.close()) : c();
       };
       return this.elements.forEach((a, l) => {
-        kt(a, s(a, l), r(a, l));
+        zt(a, s(a, l), r(a, l));
       }), o;
     }
     dialogApplyFocus(n, o) {
@@ -365,17 +365,17 @@ function Ae(e) {
   }
   return t;
 }
-function Re(e) {
+function Se(e) {
   class t extends e {
     async managePopoverOpen() {
       await this.managePosition();
     }
     async manageDelay(n) {
       if (n === !1 || n !== this.open) {
-        mt.close(this);
+        gt.close(this);
         return;
       }
-      this.delayed && await mt.openTimer(this) && (this.open = !n);
+      this.delayed && await gt.openTimer(this) && (this.open = !n);
     }
     ensureOnDOM(n) {
       document.body.offsetHeight;
@@ -388,13 +388,13 @@ function Re(e) {
         if (n !== this.open)
           return;
         if (a.open = n, l === 0) {
-          const c = n ? _t : Nt;
+          const c = n ? Mt : $t;
           this.dispatchEvent(new c());
         }
-        if (n !== !0 || (a.matches(lt) && (o = a), o = o || Ft(a), o))
+        if (n !== !0 || (a.matches(ct) && (o = a), o = o || Nt(a), o))
           return;
         a.querySelectorAll("slot").forEach((c) => {
-          o || (o = zt(c));
+          o || (o = _t(c));
         });
       }, r = (a, l) => async () => {
         if (this.open !== n)
@@ -406,7 +406,7 @@ function Re(e) {
           })
         ), l > 0)
           return;
-        const c = this.triggerElement instanceof wt;
+        const c = this.triggerElement instanceof bt;
         this.dispatchEvent(
           new S(h, this, {
             interaction: this.type,
@@ -420,14 +420,14 @@ function Re(e) {
         ), this.state = n ? "opened" : "closed", this.returnFocus(), await R(), await R(), n === this.open && n === !1 && this.requestSlottable();
       };
       return this.elements.forEach((a, l) => {
-        kt(a, s(a, l), r(a, l));
+        zt(a, s(a, l), r(a, l));
       }), o;
     }
   }
   return t;
 }
-const De = CSS.supports("(overlay: auto)");
-function jt(e) {
+const ke = CSS.supports("(overlay: auto)");
+function Gt(e) {
   let t = !1;
   try {
     t = e.matches(":popover-open");
@@ -440,14 +440,14 @@ function jt(e) {
   }
   return t || i;
 }
-function Le(e) {
+function Fe(e) {
   class t extends e {
     async manageDelay(n) {
       if (n === !1 || n !== this.open) {
-        mt.close(this);
+        gt.close(this);
         return;
       }
-      this.delayed && await mt.openTimer(this) && (this.open = !n);
+      this.delayed && await gt.openTimer(this) && (this.open = !n);
     }
     /**
      * A popover should be hidden _after_ it is no longer on top-layer because
@@ -461,7 +461,7 @@ function Le(e) {
       } = {}) => {
         s !== "open" && await this.placementController.resetOverlayPosition();
       };
-      if (!jt(this.dialogEl)) {
+      if (!Gt(this.dialogEl)) {
         o();
         return;
       }
@@ -483,7 +483,7 @@ function Le(e) {
       n && this.open === n && !o && !s && this.isConnected && (this.dialogEl.showPopover(), this.managePosition());
     }
     async ensureOnDOM(n) {
-      await R(), De || await this.shouldHidePopover(n), this.shouldShowPopover(n), await R();
+      ke || await this.shouldHidePopover(n), this.shouldShowPopover(n), await R();
     }
     makeTransition(n) {
       if (this.open !== n)
@@ -491,13 +491,13 @@ function Le(e) {
       let o = null;
       const s = (a, l) => () => {
         if (a.open = n, l === 0) {
-          const c = n ? _t : Nt;
+          const c = n ? Mt : $t;
           this.dispatchEvent(new c());
         }
-        if (!n || (a.matches(lt) && (o = a), o = o || Ft(a), o))
+        if (!n || (a.matches(ct) && (o = a), o = o || Nt(a), o))
           return;
         a.querySelectorAll("slot").forEach((c) => {
-          o || (o = zt(c));
+          o || (o = _t(c));
         });
       }, r = (a, l) => () => {
         if (this.open !== n)
@@ -516,7 +516,7 @@ function Le(e) {
           if (this.open !== n)
             return;
           await R();
-          const f = this.triggerElement instanceof wt;
+          const f = this.triggerElement instanceof bt;
           this.dispatchEvent(
             new S(h, this, {
               interaction: this.type,
@@ -536,7 +536,7 @@ function Le(e) {
         };
         if (this.open !== n)
           return;
-        const d = jt(this.dialogEl);
+        const d = Gt(this.dialogEl);
         n !== !0 && d && this.isConnected ? (this.dialogEl.addEventListener(
           "beforetoggle",
           () => {
@@ -546,16 +546,28 @@ function Le(e) {
         ), this.dialogEl.hidePopover()) : c();
       };
       return this.elements.forEach((a, l) => {
-        kt(a, s(a, l), r(a, l));
+        zt(a, s(a, l), r(a, l));
       }), o;
     }
   }
   return t;
 }
-const Se = "showPopover" in document.createElement("div");
-class ke {
+const ze = "showPopover" in document.createElement("div");
+class Ne {
   constructor() {
-    this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
+    this.root = document.body, this.stack = [], this.handleScroll = (t) => {
+      this.stack.forEach((i) => {
+        i.open && (i.type === "auto" && i.triggerElement instanceof HTMLElement && i.triggerElement.closest(
+          "luzmo-picker, luzmo-select, luzmo-action-menu"
+        ) && t.stopPropagation(), document.dispatchEvent(
+          new CustomEvent("luzmo-update-overlays", {
+            bubbles: !0,
+            composed: !0,
+            cancelable: !0
+          })
+        ));
+      });
+    }, this.handlePointerdown = (t) => {
       this.pointerdownPath = t.composedPath(), this.lastOverlay = this.stack.at(-1);
     }, this.handlePointerup = () => {
       const t = this.pointerdownPath;
@@ -590,14 +602,20 @@ class ke {
         t.preventDefault();
         return;
       }
-      Se || (i == null ? void 0 : i.type) !== "manual" && i && this.closeOverlay(i);
+      if ((i == null ? void 0 : i.type) === "manual") {
+        this.closeOverlay(i);
+        return;
+      }
+      ze || i && this.closeOverlay(i);
     }, this.bindEvents();
   }
   get document() {
     return this.root.ownerDocument || document;
   }
   bindEvents() {
-    this.document.addEventListener("pointerdown", this.handlePointerdown), this.document.addEventListener("pointerup", this.handlePointerup), this.document.addEventListener("keydown", this.handleKeydown);
+    this.document.addEventListener("pointerdown", this.handlePointerdown), this.document.addEventListener("pointerup", this.handlePointerup), this.document.addEventListener("keydown", this.handleKeydown), this.document.addEventListener("scroll", this.handleScroll, {
+      capture: !0
+    });
   }
   closeOverlay(t) {
     const i = this.stack.indexOf(t);
@@ -664,56 +682,56 @@ class ke {
     this.closeOverlay(t);
   }
 }
-const Kt = new ke(), Fe = ':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))}}', Y = Math.min, T = Math.max, gt = Math.round, dt = Math.floor, M = (e) => ({
+const Xt = new Ne(), _e = ':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))}}', Y = Math.min, T = Math.max, vt = Math.round, ut = Math.floor, M = (e) => ({
   x: e,
   y: e
-}), ze = {
+}), $e = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ne = {
+}, Me = {
   start: "end",
   end: "start"
 };
-function At(e, t, i) {
+function Rt(e, t, i) {
   return T(e, Y(t, i));
 }
 function nt(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function X(e) {
+function G(e) {
   return e.split("-")[0];
 }
 function ot(e) {
   return e.split("-")[1];
 }
-function ee(e) {
+function oe(e) {
   return e === "x" ? "y" : "x";
 }
-function $t(e) {
+function Ht(e) {
   return e === "y" ? "height" : "width";
 }
 function Q(e) {
-  return ["top", "bottom"].includes(X(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(G(e)) ? "y" : "x";
 }
-function Mt(e) {
-  return ee(Q(e));
+function Wt(e) {
+  return oe(Q(e));
 }
-function _e(e, t, i) {
+function He(e, t, i) {
   i === void 0 && (i = !1);
-  const n = ot(e), o = Mt(e), s = $t(o);
+  const n = ot(e), o = Wt(e), s = Ht(o);
   let r = o === "x" ? n === (i ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (r = vt(r)), [r, vt(r)];
+  return t.reference[s] > t.floating[s] && (r = yt(r)), [r, yt(r)];
 }
-function $e(e) {
-  const t = vt(e);
-  return [Rt(e), t, Rt(t)];
+function We(e) {
+  const t = yt(e);
+  return [Dt(e), t, Dt(t)];
 }
-function Rt(e) {
-  return e.replace(/start|end/g, (t) => Ne[t]);
+function Dt(e) {
+  return e.replace(/start|end/g, (t) => Me[t]);
 }
-function Me(e, t, i) {
+function Ie(e, t, i) {
   const n = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -726,15 +744,15 @@ function Me(e, t, i) {
       return [];
   }
 }
-function He(e, t, i, n) {
+function Be(e, t, i, n) {
   const o = ot(e);
-  let s = Me(X(e), i === "start", n);
-  return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(Rt)))), s;
+  let s = Ie(G(e), i === "start", n);
+  return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(Dt)))), s;
 }
-function vt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => ze[t]);
+function yt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => $e[t]);
 }
-function Be(e) {
+function qe(e) {
   return {
     top: 0,
     right: 0,
@@ -743,15 +761,15 @@ function Be(e) {
     ...e
   };
 }
-function ie(e) {
-  return typeof e != "number" ? Be(e) : {
+function se(e) {
+  return typeof e != "number" ? qe(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function yt(e) {
+function wt(e) {
   const {
     x: t,
     y: i,
@@ -769,12 +787,12 @@ function yt(e) {
     y: i
   };
 }
-function Yt(e, t, i) {
+function Jt(e, t, i) {
   let {
     reference: n,
     floating: o
   } = e;
-  const s = Q(t), r = Mt(t), a = $t(r), l = X(t), h = s === "y", c = n.x + n.width / 2 - o.width / 2, d = n.y + n.height / 2 - o.height / 2, f = n[a] / 2 - o[a] / 2;
+  const s = Q(t), r = Wt(t), a = Ht(r), l = G(t), h = s === "y", c = n.x + n.width / 2 - o.width / 2, d = n.y + n.height / 2 - o.height / 2, f = n[a] / 2 - o[a] / 2;
   let u;
   switch (l) {
     case "top":
@@ -817,7 +835,7 @@ function Yt(e, t, i) {
   }
   return u;
 }
-const We = async (e, t, i) => {
+const Ve = async (e, t, i) => {
   const {
     placement: n = "bottom",
     strategy: o = "absolute",
@@ -831,7 +849,7 @@ const We = async (e, t, i) => {
   }), {
     x: c,
     y: d
-  } = Yt(h, n, l), f = n, u = {}, p = 0;
+  } = Jt(h, n, l), f = n, u = {}, p = 0;
   for (let m = 0; m < a.length; m++) {
     const {
       name: v,
@@ -839,7 +857,7 @@ const We = async (e, t, i) => {
     } = a[m], {
       x: y,
       y: w,
-      data: x,
+      data: E,
       reset: b
     } = await g({
       x: c,
@@ -859,7 +877,7 @@ const We = async (e, t, i) => {
       ...u,
       [v]: {
         ...u[v],
-        ...x
+        ...E
       }
     }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (f = b.placement), b.rects && (h = b.rects === !0 ? await r.getElementRects({
       reference: e,
@@ -868,7 +886,7 @@ const We = async (e, t, i) => {
     }) : b.rects), {
       x: c,
       y: d
-    } = Yt(h, f, l)), m = -1);
+    } = Jt(h, f, l)), m = -1);
   }
   return {
     x: c,
@@ -878,7 +896,7 @@ const We = async (e, t, i) => {
     middlewareData: u
   };
 };
-async function Ht(e, t) {
+async function It(e, t) {
   var i;
   t === void 0 && (t = {});
   const {
@@ -894,7 +912,7 @@ async function Ht(e, t) {
     elementContext: d = "floating",
     altBoundary: f = !1,
     padding: u = 0
-  } = nt(t, e), p = ie(u), v = a[f ? d === "floating" ? "reference" : "floating" : d], g = yt(await s.getClippingRect({
+  } = nt(t, e), p = se(u), v = a[f ? d === "floating" ? "reference" : "floating" : d], g = wt(await s.getClippingRect({
     element: (i = await (s.isElement == null ? void 0 : s.isElement(v))) == null || i ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: h,
     rootBoundary: c,
@@ -904,26 +922,26 @@ async function Ht(e, t) {
     y: o,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), x = await (s.isElement == null ? void 0 : s.isElement(w)) ? await (s.getScale == null ? void 0 : s.getScale(w)) || {
+  } : r.reference, w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), E = await (s.isElement == null ? void 0 : s.isElement(w)) ? await (s.getScale == null ? void 0 : s.getScale(w)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, b = yt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = wt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: y,
     offsetParent: w,
     strategy: l
   }) : y);
   return {
-    top: (g.top - b.top + p.top) / x.y,
-    bottom: (b.bottom - g.bottom + p.bottom) / x.y,
-    left: (g.left - b.left + p.left) / x.x,
-    right: (b.right - g.right + p.right) / x.x
+    top: (g.top - b.top + p.top) / E.y,
+    bottom: (b.bottom - g.bottom + p.bottom) / E.y,
+    left: (g.left - b.left + p.left) / E.x,
+    right: (b.right - g.right + p.right) / E.x
   };
 }
-const qe = (e) => ({
+const Ue = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -941,26 +959,26 @@ const qe = (e) => ({
     } = nt(e, t) || {};
     if (h == null)
       return {};
-    const d = ie(c), f = {
+    const d = se(c), f = {
       x: i,
       y: n
-    }, u = Mt(o), p = $t(u), m = await r.getDimensions(h), v = u === "y", g = v ? "top" : "left", y = v ? "bottom" : "right", w = v ? "clientHeight" : "clientWidth", x = s.reference[p] + s.reference[u] - f[u] - s.floating[p], b = f[u] - s.reference[u], D = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
-    let E = D ? D[w] : 0;
-    (!E || !await (r.isElement == null ? void 0 : r.isElement(D))) && (E = a.floating[w] || s.floating[p]);
-    const W = x / 2 - b / 2, N = E / 2 - m[p] / 2 - 1, L = Y(d[g], N), V = Y(d[y], N), _ = L, U = E - m[p] - V, C = E / 2 - m[p] / 2 + W, tt = At(_, C, U), q = !l.arrow && ot(o) != null && C !== tt && s.reference[p] / 2 - (C < _ ? L : V) - m[p] / 2 < 0, $ = q ? C < _ ? C - _ : C - U : 0;
+    }, u = Wt(o), p = Ht(u), m = await r.getDimensions(h), v = u === "y", g = v ? "top" : "left", y = v ? "bottom" : "right", w = v ? "clientHeight" : "clientWidth", E = s.reference[p] + s.reference[u] - f[u] - s.floating[p], b = f[u] - s.reference[u], D = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let x = D ? D[w] : 0;
+    (!x || !await (r.isElement == null ? void 0 : r.isElement(D))) && (x = a.floating[w] || s.floating[p]);
+    const I = E / 2 - b / 2, N = x / 2 - m[p] / 2 - 1, L = Y(d[g], N), V = Y(d[y], N), _ = L, U = x - m[p] - V, P = x / 2 - m[p] / 2 + I, tt = Rt(_, P, U), B = !l.arrow && ot(o) != null && P !== tt && s.reference[p] / 2 - (P < _ ? L : V) - m[p] / 2 < 0, $ = B ? P < _ ? P - _ : P - U : 0;
     return {
       [u]: f[u] + $,
       data: {
         [u]: tt,
-        centerOffset: C - tt - $,
-        ...q && {
+        centerOffset: P - tt - $,
+        ...B && {
           alignmentOffset: $
         }
       },
-      reset: q
+      reset: B
     };
   }
-}), Ie = function(e) {
+}), je = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -984,32 +1002,32 @@ const qe = (e) => ({
       } = nt(e, t);
       if ((i = s.arrow) != null && i.alignmentOffset)
         return {};
-      const g = X(o), y = Q(a), w = X(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = f || (w || !m ? [vt(a)] : $e(a)), D = p !== "none";
-      !f && D && b.push(...He(a, m, p, x));
-      const E = [a, ...b], W = await Ht(t, v), N = [];
+      const g = G(o), y = Q(a), w = G(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = f || (w || !m ? [yt(a)] : We(a)), D = p !== "none";
+      !f && D && b.push(...Be(a, m, p, E));
+      const x = [a, ...b], I = await It(t, v), N = [];
       let L = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (c && N.push(W[g]), d) {
-        const C = _e(o, r, x);
-        N.push(W[C[0]], W[C[1]]);
+      if (c && N.push(I[g]), d) {
+        const P = He(o, r, E);
+        N.push(I[P[0]], I[P[1]]);
       }
       if (L = [...L, {
         placement: o,
         overflows: N
-      }], !N.every((C) => C <= 0)) {
+      }], !N.every((P) => P <= 0)) {
         var V, _;
-        const C = (((V = s.flip) == null ? void 0 : V.index) || 0) + 1, tt = E[C];
+        const P = (((V = s.flip) == null ? void 0 : V.index) || 0) + 1, tt = x[P];
         if (tt)
           return {
             data: {
-              index: C,
+              index: P,
               overflows: L
             },
             reset: {
               placement: tt
             }
           };
-        let q = (_ = L.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : _.placement;
-        if (!q)
+        let B = (_ = L.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : _.placement;
+        if (!B)
           switch (u) {
             case "bestFit": {
               var U;
@@ -1021,18 +1039,18 @@ const qe = (e) => ({
                   K === "y";
                 }
                 return !0;
-              }).map((j) => [j.placement, j.overflows.filter((K) => K > 0).reduce((K, de) => K + de, 0)]).sort((j, K) => j[1] - K[1])[0]) == null ? void 0 : U[0];
-              $ && (q = $);
+              }).map((j) => [j.placement, j.overflows.filter((K) => K > 0).reduce((K, fe) => K + fe, 0)]).sort((j, K) => j[1] - K[1])[0]) == null ? void 0 : U[0];
+              $ && (B = $);
               break;
             }
             case "initialPlacement":
-              q = a;
+              B = a;
               break;
           }
-        if (o !== q)
+        if (o !== B)
           return {
             reset: {
-              placement: q
+              placement: B
             }
           };
       }
@@ -1040,12 +1058,12 @@ const qe = (e) => ({
     }
   };
 };
-async function Ve(e, t) {
+async function Ke(e, t) {
   const {
     placement: i,
     platform: n,
     elements: o
-  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), r = X(i), a = ot(i), l = Q(i) === "y", h = ["left", "top"].includes(r) ? -1 : 1, c = s && l ? -1 : 1, d = nt(t, e);
+  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), r = G(i), a = ot(i), l = Q(i) === "y", h = ["left", "top"].includes(r) ? -1 : 1, c = s && l ? -1 : 1, d = nt(t, e);
   let {
     mainAxis: f,
     crossAxis: u,
@@ -1067,7 +1085,7 @@ async function Ve(e, t) {
     y: u * c
   };
 }
-const Ue = function(e) {
+const Ye = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1078,7 +1096,7 @@ const Ue = function(e) {
         y: s,
         placement: r,
         middlewareData: a
-      } = t, l = await Ve(t, e);
+      } = t, l = await Ke(t, e);
       return r === ((i = a.offset) == null ? void 0 : i.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
         x: o + l.x,
         y: s + l.y,
@@ -1089,7 +1107,7 @@ const Ue = function(e) {
       };
     }
   };
-}, je = function(e) {
+}, Ge = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1117,15 +1135,15 @@ const Ue = function(e) {
       } = nt(e, t), h = {
         x: i,
         y: n
-      }, c = await Ht(t, l), d = Q(X(o)), f = ee(d);
+      }, c = await It(t, l), d = Q(G(o)), f = oe(d);
       let u = h[f], p = h[d];
       if (s) {
         const v = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", y = u + c[v], w = u - c[g];
-        u = At(y, u, w);
+        u = Rt(y, u, w);
       }
       if (r) {
         const v = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = p + c[v], w = p - c[g];
-        p = At(y, p, w);
+        p = Rt(y, p, w);
       }
       const m = a.fn({
         ...t,
@@ -1145,7 +1163,7 @@ const Ue = function(e) {
       };
     }
   };
-}, Ke = function(e) {
+}, Xe = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1160,22 +1178,22 @@ const Ue = function(e) {
         apply: l = () => {
         },
         ...h
-      } = nt(e, t), c = await Ht(t, h), d = X(o), f = ot(o), u = Q(o) === "y", {
+      } = nt(e, t), c = await It(t, h), d = G(o), f = ot(o), u = Q(o) === "y", {
         width: p,
         height: m
       } = s.floating;
       let v, g;
       d === "top" || d === "bottom" ? (v = d, g = f === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (g = d, v = f === "end" ? "top" : "bottom");
-      const y = m - c.top - c.bottom, w = p - c.left - c.right, x = Y(m - c[v], y), b = Y(p - c[g], w), D = !t.middlewareData.shift;
-      let E = x, W = b;
-      if ((i = t.middlewareData.shift) != null && i.enabled.x && (W = w), (n = t.middlewareData.shift) != null && n.enabled.y && (E = y), D && !f) {
+      const y = m - c.top - c.bottom, w = p - c.left - c.right, E = Y(m - c[v], y), b = Y(p - c[g], w), D = !t.middlewareData.shift;
+      let x = E, I = b;
+      if ((i = t.middlewareData.shift) != null && i.enabled.x && (I = w), (n = t.middlewareData.shift) != null && n.enabled.y && (x = y), D && !f) {
         const L = T(c.left, 0), V = T(c.right, 0), _ = T(c.top, 0), U = T(c.bottom, 0);
-        u ? W = p - 2 * (L !== 0 || V !== 0 ? L + V : T(c.left, c.right)) : E = m - 2 * (_ !== 0 || U !== 0 ? _ + U : T(c.top, c.bottom));
+        u ? I = p - 2 * (L !== 0 || V !== 0 ? L + V : T(c.left, c.right)) : x = m - 2 * (_ !== 0 || U !== 0 ? _ + U : T(c.top, c.bottom));
       }
       await l({
         ...t,
-        availableWidth: W,
-        availableHeight: E
+        availableWidth: I,
+        availableHeight: x
       });
       const N = await r.getDimensions(a.floating);
       return p !== N.width || m !== N.height ? {
@@ -1186,33 +1204,33 @@ const Ue = function(e) {
     }
   };
 };
-function bt() {
+function Et() {
   return typeof window < "u";
 }
 function st(e) {
-  return ne(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return re(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function A(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function B(e) {
+function W(e) {
   var t;
-  return (t = (ne(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (re(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ne(e) {
-  return bt() ? e instanceof Node || e instanceof A(e).Node : !1;
+function re(e) {
+  return Et() ? e instanceof Node || e instanceof A(e).Node : !1;
 }
 function k(e) {
-  return bt() ? e instanceof Element || e instanceof A(e).Element : !1;
+  return Et() ? e instanceof Element || e instanceof A(e).Element : !1;
 }
 function H(e) {
-  return bt() ? e instanceof HTMLElement || e instanceof A(e).HTMLElement : !1;
+  return Et() ? e instanceof HTMLElement || e instanceof A(e).HTMLElement : !1;
 }
-function Xt(e) {
-  return !bt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof A(e).ShadowRoot;
+function Qt(e) {
+  return !Et() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof A(e).ShadowRoot;
 }
-function ct(e) {
+function ht(e) {
   const {
     overflow: t,
     overflowX: i,
@@ -1221,7 +1239,7 @@ function ct(e) {
   } = F(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + n + i) && !["inline", "contents"].includes(o);
 }
-function Ye(e) {
+function Je(e) {
   return ["table", "td", "th"].includes(st(e));
 }
 function xt(e) {
@@ -1234,21 +1252,21 @@ function xt(e) {
   });
 }
 function Bt(e) {
-  const t = Wt(), i = k(e) ? F(e) : e;
+  const t = qt(), i = k(e) ? F(e) : e;
   return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => i[n] ? i[n] !== "none" : !1) || (i.containerType ? i.containerType !== "normal" : !1) || !t && (i.backdropFilter ? i.backdropFilter !== "none" : !1) || !t && (i.filter ? i.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (i.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (i.contain || "").includes(n));
 }
-function Xe(e) {
-  let t = G(e);
+function Qe(e) {
+  let t = X(e);
   for (; H(t) && !it(t); ) {
     if (Bt(t))
       return t;
     if (xt(t))
       return null;
-    t = G(t);
+    t = X(t);
   }
   return null;
 }
-function Wt() {
+function qt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function it(e) {
@@ -1257,7 +1275,7 @@ function it(e) {
 function F(e) {
   return A(e).getComputedStyle(e);
 }
-function Et(e) {
+function Ct(e) {
   return k(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1266,119 +1284,119 @@ function Et(e) {
     scrollTop: e.scrollY
   };
 }
-function G(e) {
+function X(e) {
   if (st(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.
-    Xt(e) && e.host || // Fallback.
-    B(e)
+    Qt(e) && e.host || // Fallback.
+    W(e)
   );
-  return Xt(t) ? t.host : t;
+  return Qt(t) ? t.host : t;
 }
-function oe(e) {
-  const t = G(e);
-  return it(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ct(t) ? t : oe(t);
+function ae(e) {
+  const t = X(e);
+  return it(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && ht(t) ? t : ae(t);
 }
 function at(e, t, i) {
   var n;
   t === void 0 && (t = []), i === void 0 && (i = !0);
-  const o = oe(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = A(o);
+  const o = ae(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = A(o);
   if (s) {
-    const a = Dt(r);
-    return t.concat(r, r.visualViewport || [], ct(o) ? o : [], a && i ? at(a) : []);
+    const a = Lt(r);
+    return t.concat(r, r.visualViewport || [], ht(o) ? o : [], a && i ? at(a) : []);
   }
   return t.concat(o, at(o, [], i));
 }
-function Dt(e) {
+function Lt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function se(e) {
+function le(e) {
   const t = F(e);
   let i = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const o = H(e), s = o ? e.offsetWidth : i, r = o ? e.offsetHeight : n, a = gt(i) !== s || gt(n) !== r;
+  const o = H(e), s = o ? e.offsetWidth : i, r = o ? e.offsetHeight : n, a = vt(i) !== s || vt(n) !== r;
   return a && (i = s, n = r), {
     width: i,
     height: n,
     $: a
   };
 }
-function qt(e) {
+function Vt(e) {
   return k(e) ? e : e.contextElement;
 }
 function et(e) {
-  const t = qt(e);
+  const t = Vt(e);
   if (!H(t))
     return M(1);
   const i = t.getBoundingClientRect(), {
     width: n,
     height: o,
     $: s
-  } = se(t);
-  let r = (s ? gt(i.width) : i.width) / n, a = (s ? gt(i.height) : i.height) / o;
+  } = le(t);
+  let r = (s ? vt(i.width) : i.width) / n, a = (s ? vt(i.height) : i.height) / o;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const Ge = /* @__PURE__ */ M(0);
-function re(e) {
+const Ze = /* @__PURE__ */ M(0);
+function ce(e) {
   const t = A(e);
-  return !Wt() || !t.visualViewport ? Ge : {
+  return !qt() || !t.visualViewport ? Ze : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Je(e, t, i) {
+function ti(e, t, i) {
   return t === void 0 && (t = !1), !i || t && i !== A(e) ? !1 : t;
 }
 function Z(e, t, i, n) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
-  const o = e.getBoundingClientRect(), s = qt(e);
+  const o = e.getBoundingClientRect(), s = Vt(e);
   let r = M(1);
   t && (n ? k(n) && (r = et(n)) : r = et(e));
-  const a = Je(s, i, n) ? re(s) : M(0);
+  const a = ti(s, i, n) ? ce(s) : M(0);
   let l = (o.left + a.x) / r.x, h = (o.top + a.y) / r.y, c = o.width / r.x, d = o.height / r.y;
   if (s) {
     const f = A(s), u = n && k(n) ? A(n) : n;
-    let p = f, m = Dt(p);
+    let p = f, m = Lt(p);
     for (; m && n && u !== p; ) {
-      const v = et(m), g = m.getBoundingClientRect(), y = F(m), w = g.left + (m.clientLeft + parseFloat(y.paddingLeft)) * v.x, x = g.top + (m.clientTop + parseFloat(y.paddingTop)) * v.y;
-      l *= v.x, h *= v.y, c *= v.x, d *= v.y, l += w, h += x, p = A(m), m = Dt(p);
+      const v = et(m), g = m.getBoundingClientRect(), y = F(m), w = g.left + (m.clientLeft + parseFloat(y.paddingLeft)) * v.x, E = g.top + (m.clientTop + parseFloat(y.paddingTop)) * v.y;
+      l *= v.x, h *= v.y, c *= v.x, d *= v.y, l += w, h += E, p = A(m), m = Lt(p);
     }
   }
-  return yt({
+  return wt({
     width: c,
     height: d,
     x: l,
     y: h
   });
 }
-function It(e, t) {
-  const i = Et(e).scrollLeft;
-  return t ? t.left + i : Z(B(e)).left + i;
+function Ut(e, t) {
+  const i = Ct(e).scrollLeft;
+  return t ? t.left + i : Z(W(e)).left + i;
 }
-function ae(e, t, i) {
+function he(e, t, i) {
   i === void 0 && (i = !1);
   const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - (i ? 0 : (
     // RTL <body> scrollbar.
-    It(e, n)
+    Ut(e, n)
   )), s = n.top + t.scrollTop;
   return {
     x: o,
     y: s
   };
 }
-function Qe(e) {
+function ei(e) {
   let {
     elements: t,
     rect: i,
     offsetParent: n,
     strategy: o
   } = e;
-  const s = o === "fixed", r = B(n), a = t ? xt(t.floating) : !1;
+  const s = o === "fixed", r = W(n), a = t ? xt(t.floating) : !1;
   if (n === r || a && s)
     return i;
   let l = {
@@ -1386,11 +1404,11 @@ function Qe(e) {
     scrollTop: 0
   }, h = M(1);
   const c = M(0), d = H(n);
-  if ((d || !d && !s) && ((st(n) !== "body" || ct(r)) && (l = Et(n)), H(n))) {
+  if ((d || !d && !s) && ((st(n) !== "body" || ht(r)) && (l = Ct(n)), H(n))) {
     const u = Z(n);
     h = et(n), c.x = u.x + n.clientLeft, c.y = u.y + n.clientTop;
   }
-  const f = r && !d && !s ? ae(r, l, !0) : M(0);
+  const f = r && !d && !s ? he(r, l, !0) : M(0);
   return {
     width: i.width * h.x,
     height: i.height * h.y,
@@ -1398,12 +1416,12 @@ function Qe(e) {
     y: i.y * h.y - l.scrollTop * h.y + c.y + f.y
   };
 }
-function Ze(e) {
+function ii(e) {
   return Array.from(e.getClientRects());
 }
-function ti(e) {
-  const t = B(e), i = Et(e), n = e.ownerDocument.body, o = T(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = T(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -i.scrollLeft + It(e);
+function ni(e) {
+  const t = W(e), i = Ct(e), n = e.ownerDocument.body, o = T(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = T(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let r = -i.scrollLeft + Ut(e);
   const a = -i.scrollTop;
   return F(n).direction === "rtl" && (r += T(t.clientWidth, n.clientWidth) - o), {
     width: o,
@@ -1412,12 +1430,12 @@ function ti(e) {
     y: a
   };
 }
-function ei(e, t) {
-  const i = A(e), n = B(e), o = i.visualViewport;
+function oi(e, t) {
+  const i = A(e), n = W(e), o = i.visualViewport;
   let s = n.clientWidth, r = n.clientHeight, a = 0, l = 0;
   if (o) {
     s = o.width, r = o.height;
-    const h = Wt();
+    const h = qt();
     (!h || h && t === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
   }
   return {
@@ -1427,7 +1445,7 @@ function ei(e, t) {
     y: l
   };
 }
-function ii(e, t) {
+function si(e, t) {
   const i = Z(e, !0, t === "fixed"), n = i.top + e.clientTop, o = i.left + e.clientLeft, s = H(e) ? et(e) : M(1), r = e.clientWidth * s.x, a = e.clientHeight * s.y, l = o * s.x, h = n * s.y;
   return {
     width: r,
@@ -1436,16 +1454,16 @@ function ii(e, t) {
     y: h
   };
 }
-function Gt(e, t, i) {
+function Zt(e, t, i) {
   let n;
   if (t === "viewport")
-    n = ei(e, i);
+    n = oi(e, i);
   else if (t === "document")
-    n = ti(B(e));
+    n = ni(W(e));
   else if (k(t))
-    n = ii(t, i);
+    n = si(t, i);
   else {
-    const o = re(e);
+    const o = ce(e);
     n = {
       x: t.x - o.x,
       y: t.y - o.y,
@@ -1453,36 +1471,36 @@ function Gt(e, t, i) {
       height: t.height
     };
   }
-  return yt(n);
+  return wt(n);
 }
-function le(e, t) {
-  const i = G(e);
-  return i === t || !k(i) || it(i) ? !1 : F(i).position === "fixed" || le(i, t);
+function de(e, t) {
+  const i = X(e);
+  return i === t || !k(i) || it(i) ? !1 : F(i).position === "fixed" || de(i, t);
 }
-function ni(e, t) {
+function ri(e, t) {
   const i = t.get(e);
   if (i)
     return i;
   let n = at(e, [], !1).filter((a) => k(a) && st(a) !== "body"), o = null;
   const s = F(e).position === "fixed";
-  let r = s ? G(e) : e;
+  let r = s ? X(e) : e;
   for (; k(r) && !it(r); ) {
     const a = F(r), l = Bt(r);
-    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || ct(r) && !l && le(e, r)) ? n = n.filter((c) => c !== r) : o = a, r = G(r);
+    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || ht(r) && !l && de(e, r)) ? n = n.filter((c) => c !== r) : o = a, r = X(r);
   }
   return t.set(e, n), n;
 }
-function oi(e) {
+function ai(e) {
   let {
     element: t,
     boundary: i,
     rootBoundary: n,
     strategy: o
   } = e;
-  const r = [...i === "clippingAncestors" ? xt(t) ? [] : ni(t, this._c) : [].concat(i), n], a = r[0], l = r.reduce((h, c) => {
-    const d = Gt(t, c, o);
+  const r = [...i === "clippingAncestors" ? xt(t) ? [] : ri(t, this._c) : [].concat(i), n], a = r[0], l = r.reduce((h, c) => {
+    const d = Zt(t, c, o);
     return h.top = T(d.top, h.top), h.right = Y(d.right, h.right), h.bottom = Y(d.bottom, h.bottom), h.left = T(d.left, h.left), h;
-  }, Gt(t, a, o));
+  }, Zt(t, a, o));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -1490,29 +1508,29 @@ function oi(e) {
     y: l.top
   };
 }
-function si(e) {
+function li(e) {
   const {
     width: t,
     height: i
-  } = se(e);
+  } = le(e);
   return {
     width: t,
     height: i
   };
 }
-function ri(e, t, i) {
-  const n = H(t), o = B(t), s = i === "fixed", r = Z(e, !0, s, t);
+function ci(e, t, i) {
+  const n = H(t), o = W(t), s = i === "fixed", r = Z(e, !0, s, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const l = M(0);
   if (n || !n && !s)
-    if ((st(t) !== "body" || ct(o)) && (a = Et(t)), n) {
+    if ((st(t) !== "body" || ht(o)) && (a = Ct(t)), n) {
       const f = Z(t, !0, s, t);
       l.x = f.x + t.clientLeft, l.y = f.y + t.clientTop;
-    } else o && (l.x = It(o));
-  const h = o && !n && !s ? ae(o, a) : M(0), c = r.left + a.scrollLeft - l.x - h.x, d = r.top + a.scrollTop - l.y - h.y;
+    } else o && (l.x = Ut(o));
+  const h = o && !n && !s ? he(o, a) : M(0), c = r.left + a.scrollLeft - l.x - h.x, d = r.top + a.scrollTop - l.y - h.y;
   return {
     x: c,
     y: d,
@@ -1523,36 +1541,36 @@ function ri(e, t, i) {
 function Ot(e) {
   return F(e).position === "static";
 }
-function Jt(e, t) {
+function te(e, t) {
   if (!H(e) || F(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let i = e.offsetParent;
-  return B(e) === i && (i = i.ownerDocument.body), i;
+  return W(e) === i && (i = i.ownerDocument.body), i;
 }
-function ce(e, t) {
+function ue(e, t) {
   const i = A(e);
   if (xt(e))
     return i;
   if (!H(e)) {
-    let o = G(e);
+    let o = X(e);
     for (; o && !it(o); ) {
       if (k(o) && !Ot(o))
         return o;
-      o = G(o);
+      o = X(o);
     }
     return i;
   }
-  let n = Jt(e, t);
-  for (; n && Ye(n) && Ot(n); )
-    n = Jt(n, t);
-  return n && it(n) && Ot(n) && !Bt(n) ? i : n || Xe(e) || i;
+  let n = te(e, t);
+  for (; n && Je(n) && Ot(n); )
+    n = te(n, t);
+  return n && it(n) && Ot(n) && !Bt(n) ? i : n || Qe(e) || i;
 }
-const ai = async function(e) {
-  const t = this.getOffsetParent || ce, i = this.getDimensions, n = await i(e.floating);
+const hi = async function(e) {
+  const t = this.getOffsetParent || ue, i = this.getDimensions, n = await i(e.floating);
   return {
-    reference: ri(e.reference, await t(e.floating), e.strategy),
+    reference: ci(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1561,27 +1579,27 @@ const ai = async function(e) {
     }
   };
 };
-function li(e) {
+function di(e) {
   return F(e).direction === "rtl";
 }
-const ci = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Qe,
-  getDocumentElement: B,
-  getClippingRect: oi,
-  getOffsetParent: ce,
-  getElementRects: ai,
-  getClientRects: Ze,
-  getDimensions: si,
+const ui = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ei,
+  getDocumentElement: W,
+  getClippingRect: ai,
+  getOffsetParent: ue,
+  getElementRects: hi,
+  getClientRects: ii,
+  getDimensions: li,
   getScale: et,
   isElement: k,
-  isRTL: li
+  isRTL: di
 };
-function he(e, t) {
+function pe(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function hi(e, t) {
+function pi(e, t) {
   let i = null, n;
-  const o = B(e);
+  const o = W(e);
   function s() {
     var a;
     clearTimeout(n), (a = i) == null || a.disconnect(), i = null;
@@ -1596,21 +1614,21 @@ function hi(e, t) {
     } = h;
     if (a || t(), !f || !u)
       return;
-    const p = dt(d), m = dt(o.clientWidth - (c + f)), v = dt(o.clientHeight - (d + u)), g = dt(c), w = {
+    const p = ut(d), m = ut(o.clientWidth - (c + f)), v = ut(o.clientHeight - (d + u)), g = ut(c), w = {
       rootMargin: -p + "px " + -m + "px " + -v + "px " + -g + "px",
       threshold: T(0, Y(1, l)) || 1
     };
-    let x = !0;
+    let E = !0;
     function b(D) {
-      const E = D[0].intersectionRatio;
-      if (E !== l) {
-        if (!x)
+      const x = D[0].intersectionRatio;
+      if (x !== l) {
+        if (!E)
           return r();
-        E ? r(!1, E) : n = setTimeout(() => {
+        x ? r(!1, x) : n = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      E === 1 && !he(h, e.getBoundingClientRect()) && r(), x = !1;
+      x === 1 && !pe(h, e.getBoundingClientRect()) && r(), E = !1;
     }
     try {
       i = new IntersectionObserver(b, {
@@ -1625,7 +1643,7 @@ function hi(e, t) {
   }
   return r(!0), s;
 }
-function Qt(e, t, i, n) {
+function ee(e, t, i, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: o = !0,
@@ -1633,13 +1651,13 @@ function Qt(e, t, i, n) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = n, h = qt(e), c = o || s ? [...h ? at(h) : [], ...at(t)] : [];
+  } = n, h = Vt(e), c = o || s ? [...h ? at(h) : [], ...at(t)] : [];
   c.forEach((g) => {
     o && g.addEventListener("scroll", i, {
       passive: !0
     }), s && g.addEventListener("resize", i);
   });
-  const d = h && a ? hi(h, i) : null;
+  const d = h && a ? pi(h, i) : null;
   let f = -1, u = null;
   r && (u = new ResizeObserver((g) => {
     let [y] = g;
@@ -1652,7 +1670,7 @@ function Qt(e, t, i, n) {
   l && v();
   function v() {
     const g = Z(e);
-    m && !he(m, g) && i(), m = g, p = requestAnimationFrame(v);
+    m && !pe(m, g) && i(), m = g, p = requestAnimationFrame(v);
   }
   return i(), () => {
     var g;
@@ -1661,26 +1679,26 @@ function Qt(e, t, i, n) {
     }), d == null || d(), (g = u) == null || g.disconnect(), u = null, l && cancelAnimationFrame(p);
   };
 }
-const di = Ue, ui = je, Zt = Ie, pi = Ke, fi = qe, mi = (e, t, i) => {
+const fi = Ye, mi = Ge, ie = je, gi = Xe, vi = Ue, yi = (e, t, i) => {
   const n = /* @__PURE__ */ new Map(), o = {
-    platform: ci,
+    platform: ui,
     ...i
   }, s = {
     ...o.platform,
     _c: n
   };
-  return We(e, t, {
+  return Ve(e, t, {
     ...o,
     platform: s
   });
 };
-function ut(e) {
+function pt(e) {
   if (e === void 0)
     return 0;
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t;
 }
-const pt = 8, gi = 100, vi = (e) => ({
+const ft = 8, wi = 100, bi = (e) => ({
   left: ["right", "bottom", "top"],
   "left-start": ["right-start", "bottom", "top"],
   "left-end": ["right-end", "bottom", "top"],
@@ -1693,8 +1711,8 @@ const pt = 8, gi = 100, vi = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
   "bottom-end": ["top-end", "left", "right"]
-})[e] ?? [e], qi = Symbol("placement updated");
-class yi {
+})[e] ?? [e], Ui = Symbol("placement updated");
+class Ei {
   /**
    * Creates an instance of the PlacementController.
    *
@@ -1722,7 +1740,7 @@ class yi {
   placeOverlay(t = this.target, i = this.options) {
     if (this.target = t, this.options = i, !t || !i)
       return;
-    const n = Qt(
+    const n = ee(
       i.trigger,
       t,
       this.closeForAncestorUpdate,
@@ -1731,7 +1749,7 @@ class yi {
         elementResize: !1,
         layoutShift: !1
       }
-    ), o = Qt(
+    ), o = ee(
       i.trigger,
       t,
       this.updatePlacement,
@@ -1766,23 +1784,23 @@ class yi {
     var f, u;
     const { options: t, target: i } = this;
     await (document.fonts ? document.fonts.ready : Promise.resolve());
-    const n = t.trigger instanceof HTMLElement ? Zt() : Zt({
-      padding: pt,
-      fallbackPlacements: vi(t.placement)
+    const n = t.trigger instanceof HTMLElement ? ie() : ie({
+      padding: ft,
+      fallbackPlacements: bi(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, a = [
-      di({
+      fi({
         mainAxis: o,
         crossAxis: s
       }),
-      ui({ padding: pt }),
+      mi({ padding: ft }),
       n,
-      pi({
-        padding: pt,
+      gi({
+        padding: ft,
         apply: ({ availableWidth: p, availableHeight: m, rects: { floating: v } }) => {
           const g = Math.max(
-            gi,
+            wi,
             Math.floor(m)
           ), y = v.height;
           this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || g <= y;
@@ -1794,12 +1812,12 @@ class yi {
         }
       }),
       ...r ? [
-        fi({
+        vi({
           element: r,
-          padding: t.tipPadding || pt
+          padding: t.tipPadding || ft
         })
       ] : []
-    ], { x: l, y: h, placement: c, middlewareData: d } = await mi(
+    ], { x: l, y: h, placement: c, middlewareData: d } = await yi(
       t.trigger,
       i,
       {
@@ -1811,7 +1829,7 @@ class yi {
     if (Object.assign(i.style, {
       top: "0px",
       left: "0px",
-      translate: `${ut(l)}px ${ut(h)}px`
+      translate: `${pt(l)}px ${pt(h)}px`
     }), i.setAttribute("actual-placement", c), (u = this.host.elements) == null || u.forEach((p) => {
       this.originalPlacements.has(p) || this.originalPlacements.set(
         p,
@@ -1822,7 +1840,7 @@ class yi {
       Object.assign(r.style, {
         top: c.startsWith("right") || c.startsWith("left") ? "0px" : "",
         left: c.startsWith("bottom") || c.startsWith("top") ? "0px" : "",
-        translate: `${ut(p)}px ${ut(m)}px`
+        translate: `${pt(p)}px ${pt(m)}px`
       });
     }
   }
@@ -1868,8 +1886,9 @@ class yi {
     );
   }
 }
-var Pt = /* @__PURE__ */ ((e) => (e[e.click = 0] = "click", e[e.hover = 1] = "hover", e[e.longpress = 2] = "longpress", e))(Pt || {});
-class Vt {
+var lt = /* @__PURE__ */ ((e) => (e.click = "click", e.hover = "hover", e.longpress = "longpress", e))(lt || {});
+const St = Symbol("lastInteractionType"), Tt = "remove-focus-ring-safari-hack";
+class jt {
   constructor(t, { overlay: i, isPersistent: n, handleOverlayReady: o }) {
     this.target = t, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!n, this.handleOverlayReady = o, this.isPersistent && this.init(), this.overlay = i;
   }
@@ -1886,13 +1905,13 @@ class Vt {
   set open(t) {
     if (t !== this.open) {
       if (this.isLazilyOpen = t, this.overlay) {
-        this.overlay.open = t;
+        this.overlay.open = t, this.target[St] = this.type;
         return;
       }
       t && (customElements.whenDefined("luzmo-overlay").then(async () => {
-        const { LuzmoOverlay: i } = await Promise.resolve().then(() => Lt);
-        this.overlay = new i(), this.overlay.open = !0;
-      }), Promise.resolve().then(() => Lt));
+        const { LuzmoOverlay: i } = await Promise.resolve().then(() => kt);
+        this.overlay = new i(), this.overlay.open = !0, this.target[St] = this.type;
+      }), Promise.resolve().then(() => kt));
     }
   }
   get overlay() {
@@ -1925,9 +1944,9 @@ class Vt {
     this.isPersistent || this.abort();
   }
 }
-class wi extends Vt {
+class xi extends jt {
   constructor() {
-    super(...arguments), this.type = Pt.click, this.preventNextToggle = !1;
+    super(...arguments), this.type = lt.click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -1948,16 +1967,25 @@ class wi extends Vt {
     );
   }
 }
-const bi = 300;
-class xi extends Vt {
+const Ci = 300;
+class Pi extends jt {
   constructor() {
-    super(...arguments), this.type = Pt.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = lt.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+  }
+  handleKeyup(t) {
+    (t.code === "Tab" || t.code === "Escape") && (this.open = !0, this.removeSafariFocusRingClass());
   }
   handleTargetFocusin() {
-    this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
+    if (this.target.matches(":focus-visible")) {
+      if (Yt() && this.target[St] === lt.click) {
+        this.target.classList.add(Tt);
+        return;
+      }
+      this.open = !0, this.focusedin = !0, this.removeSafariFocusRingClass();
+    }
   }
   handleTargetFocusout() {
-    this.focusedin = !1, !this.pointerentered && (this.open = !1);
+    this.removeSafariFocusRingClass(), this.focusedin = !1, !this.pointerentered && (this.open = !1);
   }
   handleTargetPointerenter() {
     var t;
@@ -1981,7 +2009,7 @@ class xi extends Vt {
     t === n ? this.prepareOverlayRelativeDescription() : t === i && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = Tt(
+    const t = At(
       this.target,
       "aria-describedby",
       [this.overlay.id]
@@ -1991,9 +2019,9 @@ class xi extends Vt {
     };
   }
   prepareContentRelativeDescription() {
-    const t = [], i = this.overlay.elements.map((o) => (t.push(o.id), o.id || (o.id = `${this.overlay.tagName.toLowerCase()}-helper-${St()}`), o.id));
+    const t = [], i = this.overlay.elements.map((o) => (t.push(o.id), o.id || (o.id = `${this.overlay.tagName.toLowerCase()}-helper-${Ft()}`), o.id));
     this.elementIds = t;
-    const n = Tt(
+    const n = At(
       this.target,
       "aria-describedby",
       i
@@ -2009,13 +2037,15 @@ class xi extends Vt {
     const t = this.target;
     this.focusedin && t.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
       this.open = !1;
-    }, bi));
+    }, Ci));
   }
   init() {
     var i;
     (i = this.abortController) == null || i.abort(), this.abortController = new AbortController();
     const { signal: t } = this.abortController;
-    this.target.addEventListener("focusin", () => this.handleTargetFocusin(), {
+    this.target.addEventListener("keyup", (n) => this.handleKeyup(n), {
+      signal: t
+    }), this.target.addEventListener("focusin", () => this.handleTargetFocusin(), {
       signal: t
     }), this.target.addEventListener(
       "focusout",
@@ -2045,15 +2075,18 @@ class xi extends Vt {
       { signal: t }
     );
   }
+  removeSafariFocusRingClass() {
+    Yt() && this.target.classList.contains(Tt) && this.target.classList.remove(Tt);
+  }
 }
-const Ei = 300, Pi = {
+const Oi = 300, Ti = {
   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 Ci extends Vt {
+class Ai extends jt {
   constructor() {
-    super(...arguments), this.type = Pt.longpress, this.longpressState = null, this.releaseDescription = J, this.handlePointerup = () => {
+    super(...arguments), this.type = lt.longpress, this.longpressState = null, this.releaseDescription = J, 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));
     };
@@ -2075,7 +2108,7 @@ class Ci extends Vt {
           }
         })
       );
-    }, Ei));
+    }, Oi));
   }
   handleKeydown(t) {
     const { code: i, altKey: n } = t;
@@ -2107,12 +2140,12 @@ class Ci extends Vt {
     )
       return;
     const i = document.createElement("div");
-    i.id = `longpress-describedby-descriptor-${St()}`;
-    const n = be() || xe() ? "touch" : "keyboard";
-    i.textContent = Pi[n], i.slot = "longpress-describedby-descriptor";
+    i.id = `longpress-describedby-descriptor-${Ft()}`;
+    const n = Ce() || Pe() ? "touch" : "keyboard";
+    i.textContent = Ti[n], i.slot = "longpress-describedby-descriptor";
     const o = t.getRootNode(), s = this.overlay.getRootNode();
     o === s ? this.overlay.append(i) : (i.hidden = !("host" in o), t.after(i));
-    const r = Tt(
+    const r = At(
       t,
       "aria-describedby",
       [i.id]
@@ -2145,21 +2178,21 @@ class Ci extends Vt {
     ));
   }
 }
-const Oi = {
-  click: wi,
-  longpress: Ci,
-  hover: xi
+const Ri = {
+  click: xi,
+  longpress: Ai,
+  hover: Pi
 };
-var Ti = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, O = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? Ai(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+var Di = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, O = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? Li(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
-  return n && o && Ti(t, i, o), o;
+  return n && o && Di(t, i, o), o;
 };
-const Ri = "showPopover" in document.createElement("div");
-let ft = Ae(rt);
-ft = Ri ? Le(ft) : Re(ft);
-var I;
-const P = (I = class extends ft {
+const Si = "showPopover" in document.createElement("div");
+let mt = Le(rt);
+mt = Si ? Fe(mt) : Se(mt);
+var q;
+const C = (q = class extends mt {
   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)
@@ -2169,7 +2202,8 @@ const P = (I = class extends ft {
         composed: !0
       });
       t.relatedTarget.addEventListener(i.type, (n) => {
-        n.composedPath().includes(this) || (this.open = !1);
+        const o = n.composedPath(), s = o.includes(this);
+        console.log("isWithinOverlay", t, n, s, o, this), s || (this.open = !1);
       }), t.relatedTarget.dispatchEvent(i);
     };
   }
@@ -2193,7 +2227,7 @@ const P = (I = class extends ft {
    * @returns `true` if the trigger element is not a virtual trigger, otherwise `false`.
    */
   get hasNonVirtualTrigger() {
-    return !!this.triggerElement && !(this.triggerElement instanceof wt);
+    return !!this.triggerElement && !(this.triggerElement instanceof bt);
   }
   /**
    * Provides an instance of the `PlacementController` for managing the positioning
@@ -2206,14 +2240,14 @@ const P = (I = class extends ft {
    * @returns The `PlacementController` instance.
    */
   get placementController() {
-    return this._placementController || (this._placementController = new yi(this)), this._placementController;
+    return this._placementController || (this._placementController = new Ei(this)), this._placementController;
   }
   get open() {
     return this._open;
   }
   set open(t) {
     var i;
-    t && this.disabled || t !== this.open && ((i = this.strategy) != null && i.activelyOpening && !t || (this._open = t, this.open && (I.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
+    t && this.disabled || t !== this.open && ((i = this.strategy) != null && i.activelyOpening && !t || (this._open = t, this.open && (q.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
   }
   get state() {
     return this._state;
@@ -2234,7 +2268,7 @@ const P = (I = class extends ft {
    * @returns The `ElementResolutionController` instance.
    */
   get elementResolver() {
-    return this._elementResolver || (this._elementResolver = new ge(this)), this._elementResolver;
+    return this._elementResolver || (this._elementResolver = new we(this)), this._elementResolver;
   }
   /**
    * Determines if the overlay uses a dialog.
@@ -2308,7 +2342,7 @@ const P = (I = class extends ft {
   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))
+    if (this.open !== t || (await this.manageDelay(t), this.open !== t) || (this.triggerInteraction === "longpress" && await R(), await this.ensureOnDOM(t), this.open !== t))
       return;
     const i = await this.makeTransition(t);
     this.open === t && await this.applyFocus(t, i);
@@ -2372,13 +2406,13 @@ const P = (I = class extends ft {
    * @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 ? (Kt.add(this), this.willPreventClose && (document.addEventListener(
+    if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (Xt.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(), Kt.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")) {
+    ), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (t && this.dispose(), Xt.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 i = this.getRootNode();
       this.open ? i.addEventListener("focusout", this.closeOnFocusOut, {
         capture: !0
@@ -2397,7 +2431,7 @@ const P = (I = class extends ft {
    */
   bindEvents() {
     var t;
-    (t = this.strategy) == null || t.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new Oi[this.triggerInteraction](
+    (t = this.strategy) == null || t.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new Ri[this.triggerInteraction](
       this.triggerElement,
       {
         overlay: this
@@ -2482,9 +2516,9 @@ const P = (I = class extends ft {
    */
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new ye(
+      new Ee(
         "overlay-content",
-        this.open ? {} : we
+        this.open ? {} : xe
       )
     ), this.lastRequestSlottableState = this.open);
   }
@@ -2499,12 +2533,12 @@ const P = (I = class extends ft {
    */
   willUpdate(t) {
     var n;
-    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${St()}`), t.has("open") && (this.hasUpdated || this.open) && this.manageOpen(t.get("open")), t.has("trigger")) {
+    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${Ft()}`), t.has("open") && (this.hasUpdated || this.open) && this.manageOpen(t.get("open")), t.has("trigger")) {
       const [o, s] = ((n = this.trigger) == null ? void 0 : n.split("@")) || [];
       this.elementResolver.selector = o ? `#${o}` : "", this.triggerInteraction = s;
     }
     let i = !1;
-    t.has(ve) && (i = this.triggerElement, this.triggerElement = this.elementResolver.element), t.has("triggerElement") && (i = t.get("triggerElement")), i !== !1 && this.bindEvents();
+    t.has(be) && (i = this.triggerElement, this.triggerElement = this.elementResolver.element), t.has("triggerElement") && (i = t.get("triggerElement")), i !== !1 && this.bindEvents();
   }
   /**
    * Lifecycle method called after the component updates.
@@ -2528,7 +2562,7 @@ const P = (I = class extends ft {
    * @returns The template result containing the slot element.
    */
   renderContent() {
-    return ht` <slot @slotchange=${this.handleSlotchange}></slot> `;
+    return dt` <slot @slotchange=${this.handleSlotchange}></slot> `;
   }
   /**
    * Generates a style map for the dialog element.
@@ -2541,7 +2575,7 @@ const P = (I = class extends ft {
    */
   get dialogStyleMap() {
     return {
-      "--luzmo-overlay-open-count": I.openCount.toString()
+      "--luzmo-overlay-open-count": q.openCount.toString()
     };
   }
   /**
@@ -2554,14 +2588,14 @@ const P = (I = class extends ft {
    * @returns The template result containing the dialog element.
    */
   renderDialog() {
-    return ht`
+    return dt`
       <dialog
         class="dialog"
         part="dialog"
-        placement=${Ct(
+        placement=${Pt(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        style=${Ut(this.dialogStyleMap)}
+        style=${Kt(this.dialogStyleMap)}
         @close=${this.handleBrowserClose}
         @cancel=${this.handleBrowserClose}
         @beforetoggle=${this.handleBeforetoggle}
@@ -2581,15 +2615,15 @@ const P = (I = class extends ft {
    * @returns The template result containing the popover element.
    */
   renderPopover() {
-    return ht`
+    return dt`
       <div
         class="dialog"
         part="dialog"
-        placement=${Ct(
+        placement=${Pt(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        popover=${Ct(this.popoverValue)}
-        style=${Ut(this.dialogStyleMap)}
+        popover=${Pt(this.popoverValue)}
+        style=${Kt(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
         ?is-visible=${this.state !== "closed"}
@@ -2609,7 +2643,7 @@ const P = (I = class extends ft {
    */
   render() {
     const t = this.type === "modal" || this.type === "page";
-    return ht`
+    return dt`
       ${t ? this.renderDialog() : this.renderPopover()}
       <slot name="longpress-describedby-descriptor"></slot>
     `;
@@ -2637,76 +2671,78 @@ const P = (I = class extends ft {
     var t;
     (t = this.strategy) == null || t.releaseDescription(), this.open = !1, super.disconnectedCallback();
   }
-}, I.styles = [pe(Fe)], I.openCount = 1, I);
+}, q.styles = [ge(_e)], q.openCount = 1, q);
 O([
   z({ type: Boolean })
-], P.prototype, "delayed", 1);
+], C.prototype, "delayed", 1);
 O([
-  te(".dialog")
-], P.prototype, "dialogEl", 2);
+  ne(".dialog")
+], C.prototype, "dialogEl", 2);
 O([
   z({ type: Boolean })
-], P.prototype, "disabled", 1);
+], C.prototype, "disabled", 1);
 O([
-  me({
+  ye({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
   })
-], P.prototype, "elements", 2);
+], C.prototype, "elements", 2);
 O([
   z({ type: Number })
-], P.prototype, "offset", 2);
+], C.prototype, "offset", 2);
 O([
   z({ type: Boolean, reflect: !0 })
-], P.prototype, "open", 1);
+], C.prototype, "open", 1);
 O([
   z()
-], P.prototype, "placement", 2);
+], C.prototype, "placement", 2);
 O([
   z({ attribute: "receives-focus" })
-], P.prototype, "receivesFocus", 2);
+], C.prototype, "receivesFocus", 2);
 O([
-  te("slot")
-], P.prototype, "slotEl", 2);
+  ne("slot")
+], C.prototype, "slotEl", 2);
 O([
-  fe()
-], P.prototype, "state", 1);
+  ve()
+], C.prototype, "state", 1);
 O([
   z({ type: Number, attribute: "tip-padding" })
-], P.prototype, "tipPadding", 2);
+], C.prototype, "tipPadding", 2);
 O([
   z()
-], P.prototype, "trigger", 2);
+], C.prototype, "trigger", 2);
 O([
   z({ attribute: !1 })
-], P.prototype, "triggerElement", 2);
+], C.prototype, "triggerElement", 2);
 O([
   z({ attribute: !1 })
-], P.prototype, "triggerInteraction", 2);
+], C.prototype, "triggerInteraction", 2);
 O([
   z()
-], P.prototype, "type", 2);
-let Di = P;
-const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], C.prototype, "type", 2);
+let ki = C;
+const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LuzmoOverlay: Di
+  LuzmoOverlay: ki
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  wi as C,
-  xi as H,
-  Pt as I,
+  xi as C,
+  Pi as H,
+  lt as I,
   rt as L,
-  yi as P,
-  wt as V,
+  Ei as P,
+  Tt as S,
+  bt as V,
   R as a,
-  Vt as b,
-  Pi as c,
-  Ci as d,
-  Di as e,
-  Lt as f,
-  kt as g,
+  jt as b,
+  Ti as c,
+  Ai as d,
+  ki as e,
+  kt as f,
+  zt as g,
+  St as l,
   J as n,
-  mt as o,
-  qi as p,
-  Oi as s
+  gt as o,
+  Ui as p,
+  Ri as s
 };