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

package/components/{index-BRk42NQn.js → index-DUF6bALI.js}

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2024 Luzmo
+ * Copyright © 2025 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -17,13 +17,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-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";
+import { v as Ne, o as Be, I as ve, R as j, a as ye, z as w, d as be, w as we } from "./base-D76d76ww-BGkuhs54.js";
+import { _ as It, $ as qe, s as _e, n as ft } from "./directive-helpers-Cm6gitnu-CeYtlPO9.js";
+import { m as Ft, d as vt } from "./if-defined-DOaE2coe-CNT45Xcl.js";
+import { u as Bt, n as Mt, d as He, h as Ie } from "./element-resolution-FCUT-wql--7ctE626.js";
+import { t as yt } from "./index-BmshD32H.js";
+import { c as le, a as Me, w as Ue, C as We } from "./async-directive-BfcqVjDp-BCT-lA4F.js";
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
@@ -46,10 +45,10 @@ import { a as _e, w as Ie, C as Me } from "./async-directive-FGzMycjH-Bgeca09f.j
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const be = "important", We = " !" + be, re = _t(class extends Fe {
+const xe = "important", je = " !" + xe, ae = It(class extends qe {
   constructor(e) {
     var t;
-    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.");
+    if (super(e), e.type !== _e.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) => {
@@ -65,11 +64,11 @@ const be = "important", We = " !" + be, re = _t(class extends Fe {
       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;
+        const s = typeof i == "string" && i.endsWith(je);
+        o.includes("-") || s ? n.setProperty(o, s ? i.slice(0, -11) : i, s ? xe : "") : n[o] = i;
       }
     }
-    return De;
+    return Ne;
   }
 });
 /*! * Lucero - The design system for Luzmo.
@@ -89,7 +88,7 @@ const be = "important", We = " !" + be, re = _t(class extends Fe {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-class we extends Event {
+class Ee extends Event {
   constructor(t, n, o) {
     super("slottable-request", {
       bubbles: !1,
@@ -98,7 +97,7 @@ class we extends Event {
     }), this.name = t, this.data = n, this.slotName = o === void 0 ? t : `${t}.${o}`;
   }
 }
-const St = Symbol("remove-slottable-request");
+const Rt = Symbol("remove-slottable-request");
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
@@ -121,10 +120,10 @@ const St = Symbol("remove-slottable-request");
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ue(e) {
+function Ve(e) {
   return (t, n) => {
     const { slot: o, selector: i } = e ?? {}, s = "slot" + (o ? `[name=${o}]` : ":not([name])");
-    return qe(t, n, { get() {
+    return Be(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));
@@ -148,14 +147,14 @@ function Ue(e) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-function je(e, t, n = []) {
+function Ke(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 Ve = (e, t, {
+const Ge = (e, t, {
   position: n,
   prepareCallback: o
 } = { position: "beforeend" }) => {
@@ -174,12 +173,12 @@ const Ve = (e, t, {
     d && d !== h && d.replaceChild(r[l], h), t.insertAdjacentElement(n, h), l += s;
   } while (--i > 0);
   return function() {
-    return je(r, e, a);
+    return Ke(r, e, a);
   };
-}, Ke = 1e3, Xe = 1e3;
+}, Xe = 1e3, Je = 1e3;
 class Ye {
   constructor(t = {}) {
-    this.warmUpDelay = Ke, this.coolDownDelay = Xe, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
+    this.warmUpDelay = Xe, this.coolDownDelay = Je, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
   }
   openTimer(t) {
     if (this.cancelCooldownTimer(), !this.component || t !== this.component)
@@ -205,7 +204,7 @@ class Ye {
   }
 }
 const lt = new Ye(), V = () => {
-}, vt = (e, t, n) => {
+}, bt = (e, t, n) => {
   const o = new AbortController(), i = /* @__PURE__ */ new Map(), s = () => {
     o.abort(), n();
   };
@@ -235,10 +234,10 @@ const lt = new Ye(), V = () => {
     signal: o.signal
   }), t();
 };
-function T() {
+function k() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class J extends ge {
+class Y extends ve {
   constructor() {
     super(...arguments), this.dispose = V, this.offset = 0, this.willPreventClose = !1;
   }
@@ -314,10 +313,10 @@ class J extends ge {
     document.dispatchEvent(t);
   }
   static async open(t, n, o, i) {
-    await Promise.resolve().then(() => kt);
+    await Promise.resolve().then(() => Lt);
     const s = arguments.length === 2, l = o || t, r = new this();
     let a = !1;
-    const c = Ve([l], r, {
+    const c = Ge([l], r, {
       position: "beforeend",
       prepareCallback: (d) => {
         const p = d.slot;
@@ -334,7 +333,7 @@ class J extends ge {
       }), r.open = !1, r.dispose = V;
     }, !s && l && i) {
       const d = t, p = n, u = i;
-      return J.applyOptions(r, {
+      return Y.applyOptions(r, {
         ...u,
         delayed: u.delayed || l.hasAttribute("delayed"),
         trigger: u.virtualTrigger || d,
@@ -342,7 +341,7 @@ class J extends ge {
       }), d.after(r), await r.updateComplete, r.open = !0, r.dispose;
     }
     const h = n;
-    return r.append(l), J.applyOptions(r, {
+    return r.append(l), Y.applyOptions(r, {
       ...h,
       delayed: h.delayed || l.hasAttribute("delayed")
     }), r.updateComplete.then(() => {
@@ -353,10 +352,10 @@ class J extends ge {
     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;
   }
 }
-const Mt = (e) => e.querySelector(
-  ft
-), Wt = (e) => e.assignedElements().find((t) => t.matches(ft));
-class Ut extends Event {
+const Ut = (e) => e.querySelector(
+  yt
+), Wt = (e) => e.assignedElements().find((t) => t.matches(yt));
+class jt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -364,7 +363,7 @@ class Ut extends Event {
     }), this.currentState = "open", this.newState = "closed";
   }
 }
-class jt extends Event {
+class Vt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -372,7 +371,7 @@ class jt extends Event {
     }), this.currentState = "closed", this.newState = "open";
   }
 }
-class F extends Event {
+class D extends Event {
   constructor(t, n, {
     publish: o,
     interaction: i,
@@ -392,7 +391,7 @@ class ct {
     this.x = 0, this.y = 0, this.x = t, this.y = n;
   }
   updateBoundingClientRect(t, n) {
-    this.x = t, this.y = n, J.update();
+    this.x = t, this.y = n, Y.update();
   }
   getBoundingClientRect() {
     return {
@@ -410,11 +409,11 @@ class ct {
     };
   }
 }
-function Ge(e) {
+function Ze(e) {
   class t extends e {
     async manageDialogOpen() {
       const o = this.open;
-      if (await T(), await this.managePosition(), this.open !== o)
+      if (await k(), await this.managePosition(), this.open !== o)
         return;
       const i = await this.dialogMakeTransition(o);
       this.open === o && await this.dialogApplyFocus(o, i);
@@ -430,8 +429,8 @@ function Ge(e) {
         }
         if (a > 0)
           return;
-        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) => {
+        const c = o ? Vt : jt;
+        this.dispatchEvent(new c()), o && (r.matches(yt) && (i = r), i = i || Ut(r), i || r.querySelectorAll("slot").forEach((h) => {
           i || (i = Wt(h));
         }), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
       }, l = (r, a) => () => {
@@ -440,7 +439,7 @@ function Ge(e) {
         const c = o ? "luzmo-opened" : "luzmo-closed";
         if (a > 0) {
           r.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !1
             })
@@ -452,21 +451,21 @@ function Ge(e) {
         const h = async () => {
           const d = this.triggerElement instanceof ct;
           this.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: d
             })
           ), r.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !1
             })
           ), this.triggerElement && !d && this.triggerElement.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
+          ), this.state = o ? "opened" : "closed", this.returnFocus(), await k(), await k(), o === this.open && o === !1 && this.requestSlottable();
         };
         !o && this.dialogEl.open ? (this.dialogEl.addEventListener(
           "close",
@@ -477,7 +476,7 @@ function Ge(e) {
         ), this.dialogEl.close()) : h();
       };
       return this.elements.forEach((r, a) => {
-        vt(r, s(r, a), l(r, a));
+        bt(r, s(r, a), l(r, a));
       }), i;
     }
     dialogApplyFocus(o, i) {
@@ -486,7 +485,7 @@ function Ge(e) {
   }
   return t;
 }
-function Je(e) {
+function Qe(e) {
   class t extends e {
     async managePopoverOpen() {
       await this.managePosition();
@@ -508,10 +507,10 @@ function Je(e) {
       const s = (r, a) => () => {
         if (o === this.open) {
           if (r.open = o, a === 0) {
-            const c = o ? jt : Ut;
+            const c = o ? Vt : jt;
             this.dispatchEvent(new c());
           }
-          o !== !0 || (r.matches(ft) && (i = r), i = i || Mt(r), i) || r.querySelectorAll("slot").forEach((c) => {
+          o !== !0 || (r.matches(yt) && (i = r), i = i || Ut(r), i) || r.querySelectorAll("slot").forEach((c) => {
             i || (i = Wt(c));
           });
         }
@@ -520,33 +519,33 @@ function Je(e) {
           return;
         const c = o ? "luzmo-opened" : "luzmo-closed";
         if (r.dispatchEvent(
-          new F(c, this, {
+          new D(c, this, {
             interaction: this.type
           })
         ), a > 0)
           return;
         const h = this.triggerElement instanceof ct;
         this.dispatchEvent(
-          new F(c, this, {
+          new D(c, this, {
             interaction: this.type,
             publish: h
           })
         ), this.triggerElement && !h && this.triggerElement.dispatchEvent(
-          new F(c, this, {
+          new D(c, this, {
             interaction: this.type,
             publish: !0
           })
-        ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
+        ), this.state = o ? "opened" : "closed", this.returnFocus(), await k(), await k(), o === this.open && o === !1 && this.requestSlottable();
       };
       return this.elements.forEach((r, a) => {
-        vt(r, s(r, a), l(r, a));
+        bt(r, s(r, a), l(r, a));
       }), i;
     }
   }
   return t;
 }
-const Ze = CSS.supports("(overlay: auto)");
-function le(e) {
+const to = CSS.supports("(overlay: auto)");
+function ce(e) {
   let t = !1;
   try {
     t = e.matches(":popover-open");
@@ -559,7 +558,7 @@ function le(e) {
   }
   return t || n;
 }
-function Qe(e) {
+function eo(e) {
   class t extends e {
     async manageDelay(o) {
       if (o === !1 || o !== this.open) {
@@ -580,7 +579,7 @@ function Qe(e) {
       } = {}) => {
         s !== "open" && await this.placementController.resetOverlayPosition();
       };
-      if (!le(this.dialogEl)) {
+      if (!ce(this.dialogEl)) {
         i();
         return;
       }
@@ -602,7 +601,7 @@ function Qe(e) {
       o && this.open === o && !i && !s && this.isConnected && (this.dialogEl.showPopover(), this.managePosition());
     }
     async ensureOnDOM(o) {
-      await T(), Ze || await this.shouldHidePopover(o), this.shouldShowPopover(o), await T();
+      to || await this.shouldHidePopover(o), this.shouldShowPopover(o), await k();
     }
     makeTransition(o) {
       if (this.open !== o)
@@ -610,10 +609,10 @@ function Qe(e) {
       let i = null;
       const s = (r, a) => () => {
         if (r.open = o, a === 0) {
-          const c = o ? jt : Ut;
+          const c = o ? Vt : jt;
           this.dispatchEvent(new c());
         }
-        !o || (r.matches(ft) && (i = r), i = i || Mt(r), i) || r.querySelectorAll("slot").forEach((c) => {
+        !o || (r.matches(yt) && (i = r), i = i || Ut(r), i) || r.querySelectorAll("slot").forEach((c) => {
           i || (i = Wt(c));
         });
       }, l = (r, a) => () => {
@@ -622,7 +621,7 @@ function Qe(e) {
         const c = o ? "luzmo-opened" : "luzmo-closed";
         if (a > 0) {
           r.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !1
             })
@@ -632,28 +631,28 @@ function Qe(e) {
         const h = async () => {
           if (this.open !== o)
             return;
-          await T();
+          await k();
           const p = this.triggerElement instanceof ct;
           this.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: p
             })
           ), r.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !1
             })
           ), this.triggerElement && !p && this.triggerElement.dispatchEvent(
-            new F(c, this, {
+            new D(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = o ? "opened" : "closed", this.returnFocus(), await T(), await T(), o === this.open && o === !1 && this.requestSlottable();
+          ), this.state = o ? "opened" : "closed", this.returnFocus(), await k(), await k(), o === this.open && o === !1 && this.requestSlottable();
         };
         if (this.open !== o)
           return;
-        const d = le(this.dialogEl);
+        const d = ce(this.dialogEl);
         o !== !0 && d && this.isConnected ? (this.dialogEl.addEventListener(
           "beforetoggle",
           () => {
@@ -663,16 +662,28 @@ function Qe(e) {
         ), this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((r, a) => {
-        vt(r, s(r, a), l(r, a));
+        bt(r, s(r, a), l(r, a));
       }), i;
     }
   }
   return t;
 }
-const to = "showPopover" in document.createElement("div");
-class eo {
+const oo = "showPopover" in document.createElement("div");
+class no {
   constructor() {
-    this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
+    this.root = document.body, this.stack = [], this.handleScroll = (t) => {
+      t.target !== document && t.target !== document.documentElement && t.target !== document.body || this.stack.forEach((n) => {
+        n.open && (n.type === "auto" && n.triggerElement instanceof HTMLElement && n.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;
@@ -707,14 +718,20 @@ class eo {
         t.preventDefault();
         return;
       }
-      to || (n == null ? void 0 : n.type) !== "manual" && n && this.closeOverlay(n);
+      if ((n == null ? void 0 : n.type) === "manual") {
+        this.closeOverlay(n);
+        return;
+      }
+      oo || n && this.closeOverlay(n);
     }, 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 n = this.stack.indexOf(t);
@@ -781,15 +798,15 @@ class eo {
     this.closeOverlay(t);
   }
 }
-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) => ({
+const he = new no(), io = ':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, Tt = Math.round, zt = Math.floor, H = (e) => ({
   x: e,
   y: e
-}), no = {
+}), so = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, io = {
+}, ro = {
   start: "end",
   end: "start"
 };
@@ -805,32 +822,32 @@ function Q(e) {
 function dt(e) {
   return e.split("-")[1];
 }
-function xe(e) {
+function ze(e) {
   return e === "x" ? "y" : "x";
 }
-function Vt(e) {
+function Kt(e) {
   return e === "y" ? "height" : "width";
 }
-function et(e) {
+function ot(e) {
   return ["top", "bottom"].includes(Q(e)) ? "y" : "x";
 }
-function Kt(e) {
-  return xe(et(e));
+function Gt(e) {
+  return ze(ot(e));
 }
-function so(e, t, n) {
+function lo(e, t, n) {
   n === void 0 && (n = !1);
-  const o = dt(e), i = Kt(e), s = Vt(i);
+  const o = dt(e), i = Gt(e), s = Kt(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)];
+  return t.reference[s] > t.floating[s] && (l = kt(l)), [l, kt(l)];
 }
-function ro(e) {
-  const t = Pt(e);
-  return [Ht(e), t, Ht(t)];
+function ao(e) {
+  const t = kt(e);
+  return [_t(e), t, _t(t)];
 }
-function Ht(e) {
-  return e.replace(/start|end/g, (t) => io[t]);
+function _t(e) {
+  return e.replace(/start|end/g, (t) => ro[t]);
 }
-function lo(e, t, n) {
+function co(e, t, n) {
   const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -843,15 +860,15 @@ function lo(e, t, n) {
       return [];
   }
 }
-function ao(e, t, n, o) {
+function ho(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;
+  let s = co(Q(e), n === "start", o);
+  return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map(_t)))), s;
 }
-function Pt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => no[t]);
+function kt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => so[t]);
 }
-function co(e) {
+function uo(e) {
   return {
     top: 0,
     right: 0,
@@ -860,15 +877,15 @@ function co(e) {
     ...e
   };
 }
-function Ee(e) {
-  return typeof e != "number" ? co(e) : {
+function Ce(e) {
+  return typeof e != "number" ? uo(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Tt(e) {
+function St(e) {
   const {
     x: t,
     y: n,
@@ -886,12 +903,12 @@ function Tt(e) {
     y: n
   };
 }
-function ce(e, t, n) {
+function de(e, t, n) {
   let {
     reference: o,
     floating: i
   } = e;
-  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;
+  const s = ot(t), l = Gt(t), r = Kt(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":
@@ -934,7 +951,7 @@ function ce(e, t, n) {
   }
   return u;
 }
-const ho = async (e, t, n) => {
+const po = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -948,7 +965,7 @@ const ho = async (e, t, n) => {
   }), {
     x: h,
     y: d
-  } = ce(c, o, a), p = o, u = {}, m = 0;
+  } = de(c, o, a), p = o, u = {}, m = 0;
   for (let g = 0; g < r.length; g++) {
     const {
       name: f,
@@ -956,8 +973,8 @@ const ho = async (e, t, n) => {
     } = r[g], {
       x: y,
       y: b,
-      data: w,
-      reset: E
+      data: x,
+      reset: z
     } = await v({
       x: h,
       y: d,
@@ -976,16 +993,16 @@ const ho = async (e, t, n) => {
       ...u,
       [f]: {
         ...u[f],
-        ...w
+        ...x
       }
-    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (p = E.placement), E.rects && (c = E.rects === !0 ? await l.getElementRects({
+    }, z && m <= 50 && (m++, typeof z == "object" && (z.placement && (p = z.placement), z.rects && (c = z.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
       strategy: i
-    }) : E.rects), {
+    }) : z.rects), {
       x: h,
       y: d
-    } = ce(c, p, a)), g = -1);
+    } = de(c, p, a)), g = -1);
   }
   return {
     x: h,
@@ -1011,7 +1028,7 @@ async function Xt(e, t) {
     elementContext: d = "floating",
     altBoundary: p = !1,
     padding: u = 0
-  } = ht(t, e), m = Ee(u), g = r[p ? d === "floating" ? "reference" : "floating" : d], f = Tt(await s.getClippingRect({
+  } = ht(t, e), m = Ce(u), g = r[p ? d === "floating" ? "reference" : "floating" : d], f = St(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,
@@ -1027,20 +1044,20 @@ async function Xt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, w = Tt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, x = St(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: v,
     offsetParent: y,
     strategy: a
   }) : v);
   return {
-    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
+    top: (f.top - x.top + m.top) / b.y,
+    bottom: (x.bottom - f.bottom + m.bottom) / b.y,
+    left: (f.left - x.left + m.left) / b.x,
+    right: (x.right - f.right + m.right) / b.x
   };
 }
-const uo = (e) => ({
+const mo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1058,26 +1075,26 @@ const uo = (e) => ({
     } = ht(e, t) || {};
     if (c == null)
       return {};
-    const d = Ee(h), p = {
+    const d = Ce(h), p = {
       x: n,
       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;
+    }, u = Gt(i), m = Kt(u), g = await l.getDimensions(c), f = u === "y", v = f ? "top" : "left", y = f ? "bottom" : "right", b = f ? "clientHeight" : "clientWidth", x = s.reference[m] + s.reference[u] - p[u] - s.floating[m], z = p[u] - s.reference[u], S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    let A = S ? S[b] : 0;
+    (!A || !await (l.isElement == null ? void 0 : l.isElement(S))) && (A = r.floating[b] || s.floating[m]);
+    const U = x / 2 - z / 2, B = A / 2 - g[m] / 2 - 1, $ = Z(d[v], B), K = Z(d[y], B), q = $, G = A - g[m] - K, O = A / 2 - g[m] / 2 + U, it = qt(q, O, G), W = !a.arrow && dt(i) != null && O !== it && s.reference[m] / 2 - (O < q ? $ : K) - g[m] / 2 < 0, _ = W ? O < q ? O - q : O - G : 0;
     return {
       [u]: p[u] + _,
       data: {
         [u]: it,
         centerOffset: O - it - _,
-        ...j && {
+        ...W && {
           alignmentOffset: _
         }
       },
-      reset: j
+      reset: W
     };
   }
-}), po = function(e) {
+}), go = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1101,55 +1118,55 @@ const uo = (e) => ({
       } = ht(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      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]]);
+      const v = Q(i), y = ot(r), b = Q(r) === r, x = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), z = p || (b || !g ? [kt(r)] : ao(r)), S = m !== "none";
+      !p && S && z.push(...ho(r, g, m, x));
+      const A = [r, ...z], U = await Xt(t, f), B = [];
+      let $ = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (h && B.push(U[v]), d) {
+        const O = lo(i, l, x);
+        B.push(U[O[0]], U[O[1]]);
       }
-      if (D = [...D, {
+      if ($ = [...$, {
         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];
+        overflows: B
+      }], !B.every((O) => O <= 0)) {
+        var K, q;
+        const O = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, it = A[O];
         if (it)
           return {
             data: {
               index: O,
-              overflows: D
+              overflows: $
             },
             reset: {
               placement: it
             }
           };
-        let j = (B = D.filter((_) => _.overflows[0] <= 0).sort((_, Y) => _.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : B.placement;
-        if (!j)
+        let W = (q = $.filter((_) => _.overflows[0] <= 0).sort((_, X) => _.overflows[1] - X.overflows[1])[0]) == null ? void 0 : q.placement;
+        if (!W)
           switch (u) {
             case "bestFit": {
-              var X;
-              const _ = (X = D.filter((Y) => {
+              var G;
+              const _ = (G = $.filter((X) => {
                 if (S) {
-                  const G = et(Y.placement);
-                  return G === y || // Create a bias to the `y` side axis due to horizontal
+                  const J = ot(X.placement);
+                  return J === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  G === "y";
+                  J === "y";
                 }
                 return !0;
-              }).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 = _);
+              }).map((X) => [X.placement, X.overflows.filter((J) => J > 0).reduce((J, Fe) => J + Fe, 0)]).sort((X, J) => X[1] - J[1])[0]) == null ? void 0 : G[0];
+              _ && (W = _);
               break;
             }
             case "initialPlacement":
-              j = r;
+              W = r;
               break;
           }
-        if (i !== j)
+        if (i !== W)
           return {
             reset: {
-              placement: j
+              placement: W
             }
           };
       }
@@ -1157,12 +1174,12 @@ const uo = (e) => ({
     }
   };
 };
-async function mo(e, t) {
+async function fo(e, t) {
   const {
     placement: n,
     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);
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), l = Q(n), r = dt(n), a = ot(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, h = s && a ? -1 : 1, d = ht(t, e);
   let {
     mainAxis: p,
     crossAxis: u,
@@ -1184,7 +1201,7 @@ async function mo(e, t) {
     y: u * h
   };
 }
-const go = function(e) {
+const vo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1195,7 +1212,7 @@ const go = function(e) {
         y: s,
         placement: l,
         middlewareData: r
-      } = t, a = await mo(t, e);
+      } = t, a = await fo(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,
@@ -1206,7 +1223,7 @@ const go = function(e) {
       };
     }
   };
-}, fo = function(e) {
+}, yo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1234,7 +1251,7 @@ const go = function(e) {
       } = ht(e, t), c = {
         x: n,
         y: o
-      }, h = await Xt(t, a), d = et(Q(i)), p = xe(d);
+      }, h = await Xt(t, a), d = ot(Q(i)), p = ze(d);
       let u = c[p], m = c[d];
       if (s) {
         const f = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", y = u + h[f], b = u - h[v];
@@ -1262,7 +1279,7 @@ const go = function(e) {
       };
     }
   };
-}, vo = function(e) {
+}, bo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1277,25 +1294,25 @@ const go = function(e) {
         apply: a = () => {
         },
         ...c
-      } = ht(e, t), h = await Xt(t, c), d = Q(i), p = dt(i), u = et(i) === "y", {
+      } = ht(e, t), h = await Xt(t, c), d = Q(i), p = dt(i), u = ot(i) === "y", {
         width: m,
         height: g
       } = s.floating;
       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));
+      const y = g - h.top - h.bottom, b = m - h.left - h.right, x = Z(g - h[f], y), z = Z(m - h[v], b), S = !t.middlewareData.shift;
+      let A = x, U = z;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (U = b), (o = t.middlewareData.shift) != null && o.enabled.y && (A = y), S && !p) {
+        const $ = L(h.left, 0), K = L(h.right, 0), q = L(h.top, 0), G = L(h.bottom, 0);
+        u ? U = m - 2 * ($ !== 0 || K !== 0 ? $ + K : L(h.left, h.right)) : A = g - 2 * (q !== 0 || G !== 0 ? q + G : L(h.top, h.bottom));
       }
       await a({
         ...t,
         availableWidth: U,
-        availableHeight: $
+        availableHeight: A
       });
-      const H = await l.getDimensions(r.floating);
-      return m !== H.width || g !== H.height ? {
+      const B = await l.getDimensions(r.floating);
+      return m !== B.width || g !== B.height ? {
         reset: {
           rects: !0
         }
@@ -1303,45 +1320,45 @@ const go = function(e) {
     }
   };
 };
-function Lt() {
+function At() {
   return typeof window < "u";
 }
 function ut(e) {
-  return ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Oe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function R(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function W(e) {
+function M(e) {
   var t;
-  return (t = (ze(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Oe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ze(e) {
-  return Lt() ? e instanceof Node || e instanceof R(e).Node : !1;
+function Oe(e) {
+  return At() ? e instanceof Node || e instanceof R(e).Node : !1;
 }
-function N(e) {
-  return Lt() ? e instanceof Element || e instanceof R(e).Element : !1;
+function F(e) {
+  return At() ? e instanceof Element || e instanceof R(e).Element : !1;
 }
-function M(e) {
-  return Lt() ? e instanceof HTMLElement || e instanceof R(e).HTMLElement : !1;
+function I(e) {
+  return At() ? e instanceof HTMLElement || e instanceof R(e).HTMLElement : !1;
 }
-function he(e) {
-  return !Lt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof R(e).ShadowRoot;
+function ue(e) {
+  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof R(e).ShadowRoot;
 }
-function yt(e) {
+function wt(e) {
   const {
     overflow: t,
     overflowX: n,
     overflowY: o,
     display: i
-  } = q(e);
+  } = N(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
 }
-function yo(e) {
+function wo(e) {
   return ["table", "td", "th"].includes(ut(e));
 }
-function Rt(e) {
+function $t(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -1350,32 +1367,32 @@ function Rt(e) {
     }
   });
 }
-function Yt(e) {
-  const t = Gt(), n = N(e) ? q(e) : e;
+function Jt(e) {
+  const t = Yt(), n = F(e) ? N(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 bo(e) {
+function xo(e) {
   let t = tt(e);
-  for (; M(t) && !at(t); ) {
-    if (Yt(t))
+  for (; I(t) && !at(t); ) {
+    if (Jt(t))
       return t;
-    if (Rt(t))
+    if ($t(t))
       return null;
     t = tt(t);
   }
   return null;
 }
-function Gt() {
+function Yt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function at(e) {
   return ["html", "body", "#document"].includes(ut(e));
 }
-function q(e) {
+function N(e) {
   return R(e).getComputedStyle(e);
 }
-function At(e) {
-  return N(e) ? {
+function Dt(e) {
+  return F(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1390,124 +1407,124 @@ function tt(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    he(e) && e.host || // Fallback.
-    W(e)
+    ue(e) && e.host || // Fallback.
+    M(e)
   );
-  return he(t) ? t.host : t;
+  return ue(t) ? t.host : t;
 }
-function Ce(e) {
+function Pe(e) {
   const t = tt(e);
-  return at(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : M(t) && yt(t) ? t : Ce(t);
+  return at(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : I(t) && wt(t) ? t : Pe(t);
 }
-function pt(e, t, n) {
+function mt(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const i = Ce(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = R(i);
+  const i = Pe(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = R(i);
   if (s) {
-    const r = Bt(l);
-    return t.concat(l, l.visualViewport || [], yt(i) ? i : [], r && n ? pt(r) : []);
+    const r = Ht(l);
+    return t.concat(l, l.visualViewport || [], wt(i) ? i : [], r && n ? mt(r) : []);
   }
-  return t.concat(i, pt(i, [], n));
+  return t.concat(i, mt(i, [], n));
 }
-function Bt(e) {
+function Ht(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Oe(e) {
-  const t = q(e);
+function Te(e) {
+  const t = N(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;
+  const i = I(e), s = i ? e.offsetWidth : n, l = i ? e.offsetHeight : o, r = Tt(n) !== s || Tt(o) !== l;
   return r && (n = s, o = l), {
     width: n,
     height: o,
     $: r
   };
 }
-function Jt(e) {
-  return N(e) ? e : e.contextElement;
+function Zt(e) {
+  return F(e) ? e : e.contextElement;
 }
 function rt(e) {
-  const t = Jt(e);
-  if (!M(t))
-    return I(1);
+  const t = Zt(e);
+  if (!I(t))
+    return H(1);
   const n = t.getBoundingClientRect(), {
     width: o,
     height: i,
     $: s
-  } = Oe(t);
-  let l = (s ? Ot(n.width) : n.width) / o, r = (s ? Ot(n.height) : n.height) / i;
+  } = Te(t);
+  let l = (s ? Tt(n.width) : n.width) / o, r = (s ? Tt(n.height) : n.height) / i;
   return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: l,
     y: r
   };
 }
-const wo = /* @__PURE__ */ I(0);
-function Pe(e) {
+const Eo = /* @__PURE__ */ H(0);
+function ke(e) {
   const t = R(e);
-  return !Gt() || !t.visualViewport ? wo : {
+  return !Yt() || !t.visualViewport ? Eo : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function xo(e, t, n) {
+function zo(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== R(e) ? !1 : t;
 }
-function ot(e, t, n, o) {
+function nt(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  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);
+  const i = e.getBoundingClientRect(), s = Zt(e);
+  let l = H(1);
+  t && (o ? F(o) && (l = rt(o)) : l = rt(e));
+  const r = zo(s, n, o) ? ke(s) : H(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 p = R(s), u = o && N(o) ? R(o) : o;
-    let m = p, g = Bt(m);
+    const p = R(s), u = o && F(o) ? R(o) : o;
+    let m = p, g = Ht(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);
+      const f = rt(g), v = g.getBoundingClientRect(), y = N(g), b = v.left + (g.clientLeft + parseFloat(y.paddingLeft)) * f.x, x = v.top + (g.clientTop + parseFloat(y.paddingTop)) * f.y;
+      a *= f.x, c *= f.y, h *= f.x, d *= f.y, a += b, c += x, m = R(g), g = Ht(m);
     }
   }
-  return Tt({
+  return St({
     width: h,
     height: d,
     x: a,
     y: c
   });
 }
-function Zt(e, t) {
-  const n = At(e).scrollLeft;
-  return t ? t.left + n : ot(W(e)).left + n;
+function Qt(e, t) {
+  const n = Dt(e).scrollLeft;
+  return t ? t.left + n : nt(M(e)).left + n;
 }
-function Te(e, t, n) {
+function Se(e, t, n) {
   n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), i = o.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    Zt(e, o)
+    Qt(e, o)
   )), s = o.top + t.scrollTop;
   return {
     x: i,
     y: s
   };
 }
-function Eo(e) {
+function Co(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: o,
     strategy: i
   } = e;
-  const s = i === "fixed", l = W(o), r = t ? Rt(t.floating) : !1;
+  const s = i === "fixed", l = M(o), r = t ? $t(t.floating) : !1;
   if (o === l || r && s)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, 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 = H(1);
+  const h = H(0), d = I(o);
+  if ((d || !d && !s) && ((ut(o) !== "body" || wt(l)) && (a = Dt(o)), I(o))) {
+    const u = nt(o);
     c = rt(o), h.x = u.x + o.clientLeft, h.y = u.y + o.clientTop;
   }
-  const p = l && !d && !s ? Te(l, a, !0) : I(0);
+  const p = l && !d && !s ? Se(l, a, !0) : H(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
@@ -1515,26 +1532,26 @@ function Eo(e) {
     y: n.y * c.y - a.scrollTop * c.y + h.y + p.y
   };
 }
-function zo(e) {
+function Oo(e) {
   return Array.from(e.getClientRects());
 }
-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);
+function Po(e) {
+  const t = M(e), n = Dt(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 + Qt(e);
   const r = -n.scrollTop;
-  return q(o).direction === "rtl" && (l += L(t.clientWidth, o.clientWidth) - i), {
+  return N(o).direction === "rtl" && (l += L(t.clientWidth, o.clientWidth) - i), {
     width: i,
     height: s,
     x: l,
     y: r
   };
 }
-function Oo(e, t) {
-  const n = R(e), o = W(e), i = n.visualViewport;
+function To(e, t) {
+  const n = R(e), o = M(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();
+    const c = Yt();
     (!c || c && t === "fixed") && (r = i.offsetLeft, a = i.offsetTop);
   }
   return {
@@ -1544,8 +1561,8 @@ function Oo(e, t) {
     y: a
   };
 }
-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;
+function ko(e, t) {
+  const n = nt(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, s = I(e) ? rt(e) : H(1), l = e.clientWidth * s.x, r = e.clientHeight * s.y, a = i * s.x, c = o * s.y;
   return {
     width: l,
     height: r,
@@ -1553,16 +1570,16 @@ function Po(e, t) {
     y: c
   };
 }
-function de(e, t, n) {
+function pe(e, t, n) {
   let o;
   if (t === "viewport")
-    o = Oo(e, n);
+    o = To(e, n);
   else if (t === "document")
-    o = Co(W(e));
-  else if (N(t))
-    o = Po(t, n);
+    o = Po(M(e));
+  else if (F(t))
+    o = ko(t, n);
   else {
-    const i = Pe(e);
+    const i = ke(e);
     o = {
       x: t.x - i.x,
       y: t.y - i.y,
@@ -1570,36 +1587,36 @@ function de(e, t, n) {
       height: t.height
     };
   }
-  return Tt(o);
+  return St(o);
 }
-function ke(e, t) {
+function Le(e, t) {
   const n = tt(e);
-  return n === t || !N(n) || at(n) ? !1 : q(n).position === "fixed" || ke(n, t);
+  return n === t || !F(n) || at(n) ? !1 : N(n).position === "fixed" || Le(n, t);
 }
-function To(e, t) {
+function So(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = pt(e, [], !1).filter((r) => N(r) && ut(r) !== "body"), i = null;
-  const s = q(e).position === "fixed";
+  let o = mt(e, [], !1).filter((r) => F(r) && ut(r) !== "body"), i = null;
+  const s = N(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);
+  for (; F(l) && !at(l); ) {
+    const r = N(l), a = Jt(l);
+    !a && r.position === "fixed" && (i = null), (s ? !a && !i : !a && r.position === "static" && i && ["absolute", "fixed"].includes(i.position) || wt(l) && !a && Le(e, l)) ? o = o.filter((c) => c !== l) : i = r, l = tt(l);
   }
   return t.set(e, o), o;
 }
-function ko(e) {
+function Lo(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: i
   } = e;
-  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);
+  const s = [...n === "clippingAncestors" ? $t(t) ? [] : So(t, this._c) : [].concat(n), o], l = s[0], r = s.reduce((a, c) => {
+    const h = pe(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));
+  }, pe(t, l, i));
   return {
     width: r.right - r.left,
     height: r.bottom - r.top,
@@ -1607,29 +1624,29 @@ function ko(e) {
     y: r.top
   };
 }
-function So(e) {
+function Ro(e) {
   const {
     width: t,
     height: n
-  } = Oe(e);
+  } = Te(e);
   return {
     width: t,
     height: n
   };
 }
-function Lo(e, t, n) {
-  const o = M(t), i = W(t), s = n === "fixed", l = ot(e, !0, s, t);
+function Ao(e, t, n) {
+  const o = I(t), i = M(t), s = n === "fixed", l = nt(e, !0, s, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = I(0);
+  const a = H(0);
   if (o || !o && !s)
-    if ((ut(t) !== "body" || yt(i)) && (r = At(t)), o) {
-      const p = ot(t, !0, s, t);
+    if ((ut(t) !== "body" || wt(i)) && (r = Dt(t)), o) {
+      const p = nt(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;
+    } else i && (a.x = Qt(i));
+  const c = i && !o && !s ? Se(i, r) : H(0), h = l.left + r.scrollLeft - a.x - c.x, d = l.top + r.scrollTop - a.y - c.y;
   return {
     x: h,
     y: d,
@@ -1637,39 +1654,39 @@ function Lo(e, t, n) {
     height: l.height
   };
 }
-function Dt(e) {
-  return q(e).position === "static";
+function Nt(e) {
+  return N(e).position === "static";
 }
-function ue(e, t) {
-  if (!M(e) || q(e).position === "fixed")
+function me(e, t) {
+  if (!I(e) || N(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let n = e.offsetParent;
-  return W(e) === n && (n = n.ownerDocument.body), n;
+  return M(e) === n && (n = n.ownerDocument.body), n;
 }
-function Se(e, t) {
+function Re(e, t) {
   const n = R(e);
-  if (Rt(e))
+  if ($t(e))
     return n;
-  if (!M(e)) {
+  if (!I(e)) {
     let i = tt(e);
     for (; i && !at(i); ) {
-      if (N(i) && !Dt(i))
+      if (F(i) && !Nt(i))
         return i;
       i = tt(i);
     }
     return 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;
+  let o = me(e, t);
+  for (; o && wo(o) && Nt(o); )
+    o = me(o, t);
+  return o && at(o) && Nt(o) && !Jt(o) ? n : o || xo(e) || n;
 }
-const Ro = async function(e) {
-  const t = this.getOffsetParent || Se, n = this.getDimensions, o = await n(e.floating);
+const $o = async function(e) {
+  const t = this.getOffsetParent || Re, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: Lo(e.reference, await t(e.floating), e.strategy),
+    reference: Ao(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1678,27 +1695,27 @@ const Ro = async function(e) {
     }
   };
 };
-function Ao(e) {
-  return q(e).direction === "rtl";
-}
-const $o = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Eo,
-  getDocumentElement: W,
-  getClippingRect: ko,
-  getOffsetParent: Se,
-  getElementRects: Ro,
-  getClientRects: zo,
-  getDimensions: So,
+function Do(e) {
+  return N(e).direction === "rtl";
+}
+const Fo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Co,
+  getDocumentElement: M,
+  getClippingRect: Lo,
+  getOffsetParent: Re,
+  getElementRects: $o,
+  getClientRects: Oo,
+  getDimensions: Ro,
   getScale: rt,
-  isElement: N,
-  isRTL: Ao
+  isElement: F,
+  isRTL: Do
 };
-function Le(e, t) {
+function Ae(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Do(e, t) {
+function No(e, t) {
   let n = null, o;
-  const i = W(e);
+  const i = M(e);
   function s() {
     var r;
     clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
@@ -1713,13 +1730,13 @@ function Do(e, t) {
     } = c;
     if (r || t(), !p || !u)
       return;
-    const m = xt(d), g = xt(i.clientWidth - (h + p)), f = xt(i.clientHeight - (d + u)), v = xt(h), y = {
+    const m = zt(d), g = zt(i.clientWidth - (h + p)), f = zt(i.clientHeight - (d + u)), v = zt(h), y = {
       rootMargin: -m + "px " + -g + "px " + -f + "px " + -v + "px",
       threshold: L(0, Z(1, a)) || 1
     };
     let b = !0;
-    function w(E) {
-      const S = E[0].intersectionRatio;
+    function x(z) {
+      const S = z[0].intersectionRatio;
       if (S !== a) {
         if (!b)
           return l();
@@ -1727,22 +1744,22 @@ function Do(e, t) {
           l(!1, 1e-7);
         }, 1e3);
       }
-      S === 1 && !Le(c, e.getBoundingClientRect()) && l(), b = !1;
+      S === 1 && !Ae(c, e.getBoundingClientRect()) && l(), b = !1;
     }
     try {
-      n = new IntersectionObserver(w, {
+      n = new IntersectionObserver(x, {
         ...y,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(w, y);
+      n = new IntersectionObserver(x, y);
     }
     n.observe(e);
   }
   return l(!0), s;
 }
-function pe(e, t, n, o) {
+function ge(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -1750,13 +1767,13 @@ function pe(e, t, n, o) {
     elementResize: l = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = o, c = Jt(e), h = i || s ? [...c ? pt(c) : [], ...pt(t)] : [];
+  } = o, c = Zt(e), h = i || s ? [...c ? mt(c) : [], ...mt(t)] : [];
   h.forEach((v) => {
     i && v.addEventListener("scroll", n, {
       passive: !0
     }), s && v.addEventListener("resize", n);
   });
-  const d = c && r ? Do(c, n) : null;
+  const d = c && r ? No(c, n) : null;
   let p = -1, u = null;
   l && (u = new ResizeObserver((v) => {
     let [y] = v;
@@ -1765,11 +1782,11 @@ function pe(e, t, n, o) {
       (b = u) == null || b.observe(t);
     })), n();
   }), c && !a && u.observe(c), u.observe(t));
-  let m, g = a ? ot(e) : null;
+  let m, g = a ? nt(e) : null;
   a && f();
   function f() {
-    const v = ot(e);
-    g && !Le(g, v) && n(), g = v, m = requestAnimationFrame(f);
+    const v = nt(e);
+    g && !Ae(g, v) && n(), g = v, m = requestAnimationFrame(f);
   }
   return n(), () => {
     var v;
@@ -1778,26 +1795,26 @@ function pe(e, t, n, o) {
     }), d == null || d(), (v = u) == null || v.disconnect(), u = null, a && cancelAnimationFrame(m);
   };
 }
-const Fo = go, No = fo, me = po, qo = vo, Ho = uo, Bo = (e, t, n) => {
+const Bo = vo, qo = yo, fe = go, _o = bo, Ho = mo, Io = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
-    platform: $o,
+    platform: Fo,
     ...n
   }, s = {
     ...i.platform,
     _c: o
   };
-  return ho(e, t, {
+  return po(e, t, {
     ...i,
     platform: s
   });
 };
-function Et(e) {
+function Ct(e) {
   if (e === void 0)
     return 0;
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t;
 }
-const zt = 8, _o = 100, Io = (e) => ({
+const Ot = 8, Mo = 100, Uo = (e) => ({
   left: ["right", "bottom", "top"],
   "left-start": ["right-start", "bottom", "top"],
   "left-end": ["right-end", "bottom", "top"],
@@ -1810,8 +1827,8 @@ const zt = 8, _o = 100, Io = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
   "bottom-end": ["top-end", "left", "right"]
-})[e] ?? [e], Re = Symbol("placement updated");
-class Qt {
+})[e] ?? [e], $e = Symbol("placement updated");
+class te {
   /**
    * Creates an instance of the PlacementController.
    *
@@ -1839,7 +1856,7 @@ class Qt {
   placeOverlay(t = this.target, n = this.options) {
     if (this.target = t, this.options = n, !t || !n)
       return;
-    const o = pe(
+    const o = ge(
       n.trigger,
       t,
       this.closeForAncestorUpdate,
@@ -1848,7 +1865,7 @@ class Qt {
         elementResize: !1,
         layoutShift: !1
       }
-    ), i = pe(
+    ), i = ge(
       n.trigger,
       t,
       this.updatePlacement,
@@ -1883,23 +1900,23 @@ class Qt {
     var t, n;
     const { options: o, target: i } = this;
     await (document.fonts ? document.fonts.ready : Promise.resolve());
-    const s = o.trigger instanceof HTMLElement ? me() : me({
-      padding: zt,
-      fallbackPlacements: Io(o.placement)
+    const s = o.trigger instanceof HTMLElement ? fe() : fe({
+      padding: Ot,
+      fallbackPlacements: Uo(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({
+      Bo({
         mainAxis: l,
         crossAxis: r
       }),
-      No({ padding: zt }),
+      qo({ padding: Ot }),
       s,
-      qo({
-        padding: zt,
+      _o({
+        padding: Ot,
         apply: ({ availableWidth: m, availableHeight: g, rects: { floating: f } }) => {
           const v = Math.max(
-            _o,
+            Mo,
             Math.floor(g)
           ), y = f.height;
           this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || v <= y;
@@ -1913,10 +1930,10 @@ class Qt {
       ...a ? [
         Ho({
           element: a,
-          padding: o.tipPadding || zt
+          padding: o.tipPadding || Ot
         })
       ] : []
-    ], { x: h, y: d, placement: p, middlewareData: u } = await Bo(
+    ], { x: h, y: d, placement: p, middlewareData: u } = await Io(
       o.trigger,
       i,
       {
@@ -1928,7 +1945,7 @@ class Qt {
     if (Object.assign(i.style, {
       top: "0px",
       left: "0px",
-      translate: `${Et(h)}px ${Et(d)}px`
+      translate: `${Ct(h)}px ${Ct(d)}px`
     }), i.setAttribute("actual-placement", p), (n = this.host.elements) == null || n.forEach((m) => {
       this.originalPlacements.has(m) || this.originalPlacements.set(
         m,
@@ -1939,7 +1956,7 @@ class Qt {
       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`
+        translate: `${Ct(m)}px ${Ct(g)}px`
       });
     }
   }
@@ -1985,8 +2002,9 @@ class Qt {
     );
   }
 }
-var nt = /* @__PURE__ */ ((e) => (e[e.click = 0] = "click", e[e.hover = 1] = "hover", e[e.longpress = 2] = "longpress", e))(nt || {});
-class bt {
+var et = /* @__PURE__ */ ((e) => (e.click = "click", e.hover = "hover", e.longpress = "longpress", e))(et || {});
+const gt = Symbol("lastInteractionType"), pt = "remove-focus-ring-safari-hack";
+class xt {
   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;
   }
@@ -2003,13 +2021,13 @@ class bt {
   set open(t) {
     if (t !== this.open) {
       if (this.isLazilyOpen = t, this.overlay) {
-        this.overlay.open = t;
+        this.overlay.open = t, this.target[gt] = this.type;
         return;
       }
       t && (customElements.whenDefined("luzmo-overlay").then(async () => {
-        const { LuzmoOverlay: n } = await Promise.resolve().then(() => kt);
-        this.overlay = new n(), this.overlay.open = !0;
-      }), Promise.resolve().then(() => kt));
+        const { LuzmoOverlay: n } = await Promise.resolve().then(() => Lt);
+        this.overlay = new n(), this.overlay.open = !0, this.target[gt] = this.type;
+      }), Promise.resolve().then(() => Lt));
     }
   }
   get overlay() {
@@ -2042,9 +2060,9 @@ class bt {
     this.isPersistent || this.abort();
   }
 }
-class te extends bt {
+class ee extends xt {
   constructor() {
-    super(...arguments), this.type = nt.click, this.preventNextToggle = !1;
+    super(...arguments), this.type = et.click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -2065,16 +2083,25 @@ class te extends bt {
     );
   }
 }
-const Mo = 300;
-class ee extends bt {
+const Wo = 300;
+class oe extends xt {
   constructor() {
-    super(...arguments), this.type = nt.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = et.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 (le() && this.target[gt] === et.click) {
+        this.target.classList.add(pt);
+        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;
@@ -2098,7 +2125,7 @@ class ee extends bt {
     t === o ? this.prepareOverlayRelativeDescription() : t === n && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = Nt(
+    const t = Bt(
       this.target,
       "aria-describedby",
       [this.overlay.id]
@@ -2108,9 +2135,9 @@ class ee extends bt {
     };
   }
   prepareContentRelativeDescription() {
-    const t = [], n = this.overlay.elements.map((i) => (t.push(i.id), i.id || (i.id = `${this.overlay.tagName.toLowerCase()}-helper-${It()}`), i.id));
+    const t = [], n = this.overlay.elements.map((i) => (t.push(i.id), i.id || (i.id = `${this.overlay.tagName.toLowerCase()}-helper-${Mt()}`), i.id));
     this.elementIds = t;
-    const o = Nt(
+    const o = Bt(
       this.target,
       "aria-describedby",
       n
@@ -2126,13 +2153,15 @@ class ee extends bt {
     const t = this.target;
     this.focusedin && t.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
       this.open = !1;
-    }, Mo));
+    }, Wo));
   }
   init() {
     var t;
     (t = this.abortController) == null || t.abort(), this.abortController = new AbortController();
     const { signal: n } = this.abortController;
-    this.target.addEventListener("focusin", () => this.handleTargetFocusin(), {
+    this.target.addEventListener("keyup", (o) => this.handleKeyup(o), {
+      signal: n
+    }), this.target.addEventListener("focusin", () => this.handleTargetFocusin(), {
       signal: n
     }), this.target.addEventListener(
       "focusout",
@@ -2162,15 +2191,18 @@ class ee extends bt {
       { signal: t }
     );
   }
+  removeSafariFocusRingClass() {
+    le() && this.target.classList.contains(pt) && this.target.classList.remove(pt);
+  }
 }
-const Wo = 300, oe = {
+const jo = 300, ne = {
   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 ne extends bt {
+class ie extends xt {
   constructor() {
-    super(...arguments), this.type = nt.longpress, this.longpressState = null, this.releaseDescription = V, this.handlePointerup = () => {
+    super(...arguments), this.type = et.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));
     };
@@ -2192,7 +2224,7 @@ class ne extends bt {
           }
         })
       );
-    }, Wo));
+    }, jo));
   }
   handleKeydown(t) {
     const { code: n, altKey: o } = t;
@@ -2224,12 +2256,12 @@ class ne extends bt {
     )
       return;
     const n = document.createElement("div");
-    n.id = `longpress-describedby-descriptor-${It()}`;
-    const o = _e() || Ie() ? "touch" : "keyboard";
-    n.textContent = oe[o], n.slot = "longpress-describedby-descriptor";
+    n.id = `longpress-describedby-descriptor-${Mt()}`;
+    const o = Me() || Ue() ? "touch" : "keyboard";
+    n.textContent = ne[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(
+    const l = Bt(
       t,
       "aria-describedby",
       [n.id]
@@ -2262,21 +2294,21 @@ class ne extends bt {
     ));
   }
 }
-const ie = {
-  click: te,
-  longpress: ne,
-  hover: ee
+const se = {
+  click: ee,
+  longpress: ie,
+  hover: oe
 };
-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--)
+var Vo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, P = (e, t, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ko(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;
+  return o && i && Vo(t, n, i), i;
 };
-const Vo = "showPopover" in document.createElement("div");
-let Ct = Ge(J);
-Ct = Vo ? Qe(Ct) : Je(Ct);
+const Go = "showPopover" in document.createElement("div");
+let Pt = Ze(Y);
+Pt = Go ? eo(Pt) : Qe(Pt);
 var st;
-const z = (st = class extends Ct {
+const C = (st = class extends Pt {
   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 = (e) => {
       if (!e.relatedTarget)
@@ -2323,7 +2355,7 @@ const z = (st = class extends Ct {
    * @returns The `PlacementController` instance.
    */
   get placementController() {
-    return this._placementController || (this._placementController = new Qt(this)), this._placementController;
+    return this._placementController || (this._placementController = new te(this)), this._placementController;
   }
   get open() {
     return this._open;
@@ -2425,7 +2457,7 @@ const z = (st = class extends Ct {
   async managePopoverOpen() {
     super.managePopoverOpen();
     const e = this.open;
-    if (this.open !== e || (await this.manageDelay(e), this.open !== e) || (await this.ensureOnDOM(e), this.open !== e))
+    if (this.open !== e || (await this.manageDelay(e), this.open !== e) || (this.triggerInteraction === "longpress" && await k(), await this.ensureOnDOM(e), this.open !== e))
       return;
     const t = await this.makeTransition(e);
     this.open === e && await this.applyFocus(e, t);
@@ -2444,7 +2476,7 @@ const z = (st = class extends Ct {
    */
   async applyFocus(e, t) {
     if (!(this.receivesFocus === "false" || this.type === "hint")) {
-      if (await T(), await T(), e === this.open && !this.open) {
+      if (await k(), await k(), e === this.open && !this.open) {
         this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
         return;
       }
@@ -2489,13 +2521,13 @@ const z = (st = class extends Ct {
    * @returns A promise that resolves when the overlay has been fully managed.
    */
   async manageOpen(e) {
-    if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (ae.add(this), this.willPreventClose && (document.addEventListener(
+    if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (he.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))) : (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")) {
+    ), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (e && this.dispose(), he.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
@@ -2514,7 +2546,7 @@ const z = (st = class extends Ct {
    */
   bindEvents() {
     var e;
-    (e = this.strategy) == null || e.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new ie[this.triggerInteraction](
+    (e = this.strategy) == null || e.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new se[this.triggerInteraction](
       this.triggerElement,
       {
         overlay: this
@@ -2599,9 +2631,9 @@ const z = (st = class extends Ct {
    */
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new we(
+      new Ee(
         "overlay-content",
-        this.open ? {} : St
+        this.open ? {} : Rt
       )
     ), this.lastRequestSlottableState = this.open);
   }
@@ -2616,12 +2648,12 @@ const z = (st = class extends Ct {
    */
   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")) {
+    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${Mt()}`), 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;
-    e.has(Be) && (n = this.triggerElement, this.triggerElement = this.elementResolver.element), e.has("triggerElement") && (n = e.get("triggerElement")), n !== !1 && this.bindEvents();
+    e.has(Ie) && (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.
@@ -2645,7 +2677,7 @@ const z = (st = class extends Ct {
    * @returns The template result containing the slot element.
    */
   renderContent() {
-    return A` <slot @slotchange=${this.handleSlotchange}></slot> `;
+    return j` <slot @slotchange=${this.handleSlotchange}></slot> `;
   }
   /**
    * Generates a style map for the dialog element.
@@ -2671,14 +2703,14 @@ const z = (st = class extends Ct {
    * @returns The template result containing the dialog element.
    */
   renderDialog() {
-    return A`
+    return j`
       <dialog
         class="dialog"
         part="dialog"
-        placement=${$t(
+        placement=${Ft(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        style=${re(this.dialogStyleMap)}
+        style=${ae(this.dialogStyleMap)}
         @close=${this.handleBrowserClose}
         @cancel=${this.handleBrowserClose}
         @beforetoggle=${this.handleBeforetoggle}
@@ -2698,15 +2730,15 @@ const z = (st = class extends Ct {
    * @returns The template result containing the popover element.
    */
   renderPopover() {
-    return A`
+    return j`
       <div
         class="dialog"
         part="dialog"
-        placement=${$t(
+        placement=${Ft(
       this.requiresPositioning ? this.placement || "right" : void 0
     )}
-        popover=${$t(this.popoverValue)}
-        style=${re(this.dialogStyleMap)}
+        popover=${Ft(this.popoverValue)}
+        style=${ae(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
         ?is-visible=${this.state !== "closed"}
@@ -2726,7 +2758,7 @@ const z = (st = class extends Ct {
    */
   render() {
     const e = this.type === "modal" || this.type === "page";
-    return A`
+    return j`
       ${e ? this.renderDialog() : this.renderPopover()}
       <slot name="longpress-describedby-descriptor"></slot>
     `;
@@ -2754,78 +2786,80 @@ const z = (st = class extends Ct {
     var e;
     (e = this.strategy) == null || e.releaseDescription(), this.open = !1, super.disconnectedCallback();
   }
-}, st.styles = [fe(oo)], st.openCount = 1, st);
+}, st.styles = [ye(io)], st.openCount = 1, st);
 P([
-  x({ type: Boolean })
-], z.prototype, "delayed", 1);
+  w({ type: Boolean })
+], C.prototype, "delayed", 1);
 P([
-  gt(".dialog")
-], z.prototype, "dialogEl", 2);
+  vt(".dialog")
+], C.prototype, "dialogEl", 2);
 P([
-  x({ type: Boolean })
-], z.prototype, "disabled", 1);
+  w({ type: Boolean })
+], C.prototype, "disabled", 1);
 P([
-  Ue({
+  Ve({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
   })
-], z.prototype, "elements", 2);
+], C.prototype, "elements", 2);
 P([
-  x({ type: Number })
-], z.prototype, "offset", 2);
+  w({ type: Number })
+], C.prototype, "offset", 2);
 P([
-  x({ type: Boolean, reflect: !0 })
-], z.prototype, "open", 1);
+  w({ type: Boolean, reflect: !0 })
+], C.prototype, "open", 1);
 P([
-  x()
-], z.prototype, "placement", 2);
+  w()
+], C.prototype, "placement", 2);
 P([
-  x({ attribute: "receives-focus" })
-], z.prototype, "receivesFocus", 2);
+  w({ attribute: "receives-focus" })
+], C.prototype, "receivesFocus", 2);
 P([
-  gt("slot")
-], z.prototype, "slotEl", 2);
+  vt("slot")
+], C.prototype, "slotEl", 2);
 P([
-  mt()
-], z.prototype, "state", 1);
+  ft()
+], C.prototype, "state", 1);
 P([
-  x({ type: Number, attribute: "tip-padding" })
-], z.prototype, "tipPadding", 2);
+  w({ type: Number, attribute: "tip-padding" })
+], C.prototype, "tipPadding", 2);
 P([
-  x()
-], z.prototype, "trigger", 2);
+  w()
+], C.prototype, "trigger", 2);
 P([
-  x({ attribute: !1 })
-], z.prototype, "triggerElement", 2);
+  w({ attribute: !1 })
+], C.prototype, "triggerElement", 2);
 P([
-  x({ attribute: !1 })
-], z.prototype, "triggerInteraction", 2);
+  w({ attribute: !1 })
+], C.prototype, "triggerInteraction", 2);
 P([
-  x()
-], z.prototype, "type", 2);
-let wt = z;
-const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  w()
+], C.prototype, "type", 2);
+let Et = C;
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LuzmoOverlay: wt
-}, Symbol.toStringTag, { value: "Module" })), Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  LuzmoOverlay: Et
+}, Symbol.toStringTag, { value: "Module" })), an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  C: te,
-  H: ee,
-  I: nt,
-  L: J,
-  P: Qt,
+  C: ee,
+  H: oe,
+  I: et,
+  L: Y,
+  P: te,
+  S: pt,
   V: ct,
-  a: T,
-  b: bt,
-  c: oe,
-  d: ne,
-  e: wt,
-  f: kt,
-  g: vt,
+  a: k,
+  b: xt,
+  c: ne,
+  d: ie,
+  e: Et,
+  f: Lt,
+  g: bt,
+  l: gt,
   n: V,
   o: lt,
-  p: Re,
-  s: ie
+  p: $e,
+  s: se
 }, Symbol.toStringTag, { value: "Module" }));
 /*! * Lucero - The design system for Luzmo.
  * 
@@ -2844,25 +2878,25 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const Ko = () => {
+const Xo = () => {
   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);
+    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-disabled-color);--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-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #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) => {
+Xo();
+const Jo = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
+var Yo = Object.defineProperty, T = (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 C extends ge {
+class E extends ve {
   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 [fe(Xo)];
+    return [ye(Jo)];
   }
   getAssignedElementsFromSlot(t) {
     return t.assignedElements({ flatten: !0 });
@@ -2904,14 +2938,13 @@ class C extends ge {
     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 A`
+    return j`
       <slot name=${t} @slotchange=${this.handleSlotContent}></slot>
     `;
   }
   renderClickOverlay() {
-    Promise.resolve().then(() => Ft).then((n) => n.f);
-    const t = this.renderSlot("click-content");
-    return this.clickContent.length === 0 ? t : A`
+    var t;
+    const n = this.renderSlot("click-content"), o = j`
       <luzmo-overlay
         id="click-overlay"
         ?disabled=${this.disabled || this.clickContent.length === 0}
@@ -2924,14 +2957,14 @@ class C extends ge {
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${t}
+        ${n}
       </luzmo-overlay>
     `;
+    return (t = this.triggeredBy) != null && t.includes("click") ? o : this.clickContent.length === 0 ? n : o;
   }
   renderHoverOverlay() {
-    Promise.resolve().then(() => Ft).then((n) => n.f);
-    const t = this.renderSlot("hover-content");
-    return this.hoverContent.length === 0 ? t : A`
+    var t;
+    const n = this.renderSlot("hover-content"), o = j`
       <luzmo-overlay
         id="hover-overlay"
         ?open=${this.open === "hover" && this.hoverContent.length > 0}
@@ -2944,14 +2977,14 @@ class C extends ge {
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${t}
+        ${n}
       </luzmo-overlay>
     `;
+    return (t = this.triggeredBy) != null && t.includes("hover") ? o : this.hoverContent.length === 0 ? n : o;
   }
   renderLongpressOverlay() {
-    Promise.resolve().then(() => Ft).then((n) => n.f);
-    const t = this.renderSlot("longpress-content");
-    return this.longpressContent.length === 0 ? t : A`
+    var t;
+    const n = this.renderSlot("longpress-content"), o = j`
       <luzmo-overlay
         id="longpress-overlay"
         ?disabled=${this.disabled || this.longpressContent.length === 0}
@@ -2964,23 +2997,23 @@ class C extends ge {
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${t}
+        ${n}
       </luzmo-overlay>
       <slot name="longpress-describedby-descriptor"></slot>
     `;
+    return (t = this.triggeredBy) != null && t.includes("longpress") ? o : this.longpressContent.length === 0 ? n : o;
   }
   render() {
-    const t = this.content.split(" ");
-    return A`
+    return j`
       <slot
         id="trigger"
         name="trigger"
         @slotchange=${this.handleTriggerContent}
       ></slot>
       ${[
-      t.includes("click") ? this.renderClickOverlay() : A``,
-      t.includes("hover") ? this.renderHoverOverlay() : A``,
-      t.includes("longpress") ? this.renderLongpressOverlay() : A``
+      this.renderClickOverlay(),
+      this.renderHoverOverlay(),
+      this.renderLongpressOverlay()
     ]}
     `;
   }
@@ -2994,60 +3027,63 @@ class C extends ge {
     return await super.getUpdateComplete();
   }
 }
-k([
-  x()
-], C.prototype, "content");
-k([
-  x({ reflect: !0 })
-], C.prototype, "placement");
-k([
-  x()
-], C.prototype, "type");
-k([
-  x({ type: Number })
-], C.prototype, "offset");
-k([
-  x({ reflect: !0 })
-], C.prototype, "open");
-k([
-  x({ type: Boolean, reflect: !0 })
-], C.prototype, "disabled");
-k([
-  x({ attribute: "receives-focus" })
-], 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(
+T([
+  w()
+], E.prototype, "content");
+T([
+  w({ attribute: "triggered-by" })
+], E.prototype, "triggeredBy");
+T([
+  w({ reflect: !0 })
+], E.prototype, "placement");
+T([
+  w()
+], E.prototype, "type");
+T([
+  w({ type: Number })
+], E.prototype, "offset");
+T([
+  w({ reflect: !0 })
+], E.prototype, "open");
+T([
+  w({ type: Boolean, reflect: !0 })
+], E.prototype, "disabled");
+T([
+  w({ attribute: "receives-focus" })
+], E.prototype, "receivesFocus");
+T([
+  ft()
+], E.prototype, "clickContent");
+T([
+  ft()
+], E.prototype, "longpressContent");
+T([
+  ft()
+], E.prototype, "hoverContent");
+T([
+  ft()
+], E.prototype, "targetContent");
+T([
+  vt("#click-overlay", !0)
+], E.prototype, "clickOverlayElement");
+T([
+  vt("#longpress-overlay", !0)
+], E.prototype, "longpressOverlayElement");
+T([
+  vt("#hover-overlay", !0)
+], E.prototype, "hoverOverlayElement");
+function Zo(e, t, n, o) {
+  return Et.open(
     e,
     t,
     n,
     o
   );
 }
-class se extends Me {
+class re extends We {
   /* c8 ignore next 9 */
   render(t) {
-    return ve;
+    return be;
   }
   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();
@@ -3055,8 +3091,8 @@ class se extends Me {
   handleSlottableRequest(t) {
     if (t.target !== t.currentTarget)
       return;
-    const n = t.data === St;
-    ye(n ? void 0 : this.template(), this.target, {
+    const n = t.data === Rt;
+    we(n ? void 0 : this.template(), this.target, {
       renderBefore: this.renderBefore
     });
   }
@@ -3079,8 +3115,8 @@ class se extends Me {
     this.init();
   }
 }
-const Jo = _t(se);
-class Ae extends se {
+const Qo = It(re);
+class De extends re {
   constructor() {
     super(...arguments), this.defaultOptions = {
       triggerInteraction: "click",
@@ -3094,7 +3130,7 @@ class Ae extends se {
   }
   /* c8 ignore next 9 */
   render(t, n) {
-    return ve;
+    return be;
   }
   update(t, [n, o]) {
     var i, s, l;
@@ -3103,8 +3139,8 @@ class Ae extends se {
       ...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, {
+    const a = (o == null ? void 0 : o.triggerInteraction) || this.defaultOptions.triggerInteraction, c = et[(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 se[a](this.target, {
       isPersistent: !0,
       handleOverlayReady: (h) => {
         this.listenerHost = this.overlay = h, this.init();
@@ -3115,15 +3151,15 @@ class Ae extends se {
     var n, o;
     if (t.target !== t.currentTarget)
       return;
-    const i = t.data === St, s = {};
-    if (this.host && (s.host = this.host), ye(
+    const i = t.data === Rt, s = {};
+    if (this.host && (s.host = this.host), we(
       i ? void 0 : this.template(),
       this.overlay,
       s
     ), i)
       this.overlay.remove();
     else {
-      J.applyOptions(this.overlay, {
+      Y.applyOptions(this.overlay, {
         ...this.options,
         trigger: this.target
       });
@@ -3132,40 +3168,42 @@ class Ae extends se {
     }
   }
 }
-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({
+const tn = It(De);
+customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", Et);
+customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", E);
+const cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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,
+  ClickController: ee,
+  HoverController: oe,
+  InteractionController: xt,
+  InteractionTypes: et,
+  LONGPRESS_INSTRUCTIONS: ne,
+  LongpressController: ie,
+  LuzmoAbstractOverlay: Y,
+  LuzmoOverlay: Et,
+  LuzmoOverlayTrigger: E,
+  OverlayTriggerDirective: De,
+  PlacementController: te,
+  SAFARI_FOCUS_RING_CLASS: pt,
+  SlottableRequestDirective: re,
+  SlottableRequestEvent: Ee,
   VirtualTrigger: ct,
-  guaranteedAllTransitionend: vt,
-  nextFrame: T,
+  guaranteedAllTransitionend: bt,
+  lastInteractionType: gt,
+  nextFrame: k,
   noop: V,
-  openOverlay: Go,
+  openOverlay: Zo,
   overlayTimer: lt,
-  placementUpdatedSymbol: Re,
-  removeSlottableRequest: St,
-  slottableRequest: Jo,
-  trigger: Zo
+  placementUpdatedSymbol: $e,
+  removeSlottableRequest: Rt,
+  slottableRequest: Qo,
+  trigger: tn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  St as a,
-  Ft as b,
-  Ue as d,
-  ln as i,
-  we as o,
-  re as p
+  Rt as a,
+  an as b,
+  Ve as d,
+  cn as i,
+  Ee as o,
+  ae as p
 };