@orangelogic/design-system 4.9.0 → 4.10.0

package/library/components/popup.js

@@ -1,32 +1,32 @@
-import { a as ze, i as Vt, r as Be, x as U } from "../chunks/lit-element.jLBm65_O.js";
-import { n as g, C as Me } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { r as Ie } from "../chunks/state.CSDxrqLd.js";
-import { e as Ct } from "../chunks/query.BBf1UFkC.js";
-import { e as He } from "../chunks/base.D76d76ww.js";
+import { a as ze, i as jt, r as Be, x as W } from "../chunks/lit-element.jLBm65_O.js";
+import { n as m, C as Ie } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { r as Me } from "../chunks/state.CSDxrqLd.js";
+import { e as Pt } from "../chunks/query.BBf1UFkC.js";
+import { e as We } from "../chunks/base.D76d76ww.js";
 import { e as ht } from "../chunks/class-map.BiVq-cVR.js";
-import { o as Lt } from "../chunks/if-defined.BRoBj_Rp.js";
+import { o as $t } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as se } from "../chunks/style-map.llVFPd__.js";
-import { i as gt, p as ne, f as We, a as qe } from "../chunks/browser.BHOCIF_A.js";
+import { i as gt, p as ne, f as He, a as qe } from "../chunks/browser.BHOCIF_A.js";
 import { c as ye } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as Ve } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as je } from "../chunks/debounce.DaHuiSGU.js";
 import { L as Ue } from "../chunks/i18n.D5L6xAYT.js";
-import { n as Ye } from "../chunks/when.Dr1es41R.js";
+import { n as Xe } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ke(e) {
+function Ye(e) {
   return (t, o) => {
-    const { slot: i, selector: s } = e ?? {}, r = "slot" + (i ? `[name=${i}]` : ":not([name])");
-    return He(t, o, { get() {
-      const n = this.renderRoot?.querySelector(r), a = n?.assignedElements(e) ?? [];
+    const { slot: i, selector: s } = e ?? {}, n = "slot" + (i ? `[name=${i}]` : ":not([name])");
+    return We(t, o, { get() {
+      const r = this.renderRoot?.querySelector(n), a = r?.assignedElements(e) ?? [];
       return s === void 0 ? a : a.filter((l) => l.matches(s));
     } });
   };
 }
-const re = /* @__PURE__ */ new Set(), Xe = (e) => e?.startManagingContentDirection !== void 0 || e?.tagName === "SP-THEME";
+const re = /* @__PURE__ */ new Set(), Ke = (e) => e?.startManagingContentDirection !== void 0 || e?.tagName === "SP-THEME";
 function Ge(e) {
   class t extends e {
     /**
@@ -36,14 +36,14 @@ function Ge(e) {
       return this.dir === "ltr";
     }
     hasVisibleFocusInTree() {
-      const s = ((r = document) => {
-        let n = r.activeElement;
-        for (; n?.shadowRoot && n.shadowRoot.activeElement; )
-          n = n.shadowRoot.activeElement;
-        const a = n ? [n] : [];
-        for (; n; ) {
-          const l = n.assignedSlot || n.parentElement || n.getRootNode()?.host;
-          l && a.push(l), n = l;
+      const s = ((n = document) => {
+        let r = n.activeElement;
+        for (; r?.shadowRoot && r.shadowRoot.activeElement; )
+          r = r.shadowRoot.activeElement;
+        const a = r ? [r] : [];
+        for (; r; ) {
+          const l = r.assignedSlot || r.parentElement || r.getRootNode()?.host;
+          l && a.push(l), r = l;
         }
         return a;
       })(this.getRootNode())[0];
@@ -58,7 +58,7 @@ function Ge(e) {
     connectedCallback() {
       if (!this.hasAttribute("dir")) {
         let i = this.assignedSlot || this.parentNode;
-        for (; i && i !== document.documentElement && !Xe(i); )
+        for (; i && i !== document.documentElement && !Ke(i); )
           i = i.assignedSlot || // step into the shadow DOM of the parent of a slotted node
           i.parentNode || // DOM Element detected
           i.host;
@@ -86,21 +86,21 @@ function Qe(e, t, o) {
   const i = e.getAttribute(t);
   let s = i ? i.split(/\s+/) : [];
   s = s.filter(
-    (r) => !o.find((n) => r === n)
+    (n) => !o.find((r) => n === r)
   ), s.length ? e.setAttribute(t, s.join(" ")) : e.removeAttribute(t);
 }
-function Nt(e, t, o) {
-  const i = Array.isArray(o) ? o : [o], s = e.getAttribute(t), r = s ? s.split(/\s+/) : [];
-  return i.every((a) => r.indexOf(a) > -1) ? () => {
-  } : (r.push(...i), e.setAttribute(t, r.join(" ")), () => Qe(e, t, i));
+function zt(e, t, o) {
+  const i = Array.isArray(o) ? o : [o], s = e.getAttribute(t), n = s ? s.split(/\s+/) : [];
+  return i.every((a) => n.indexOf(a) > -1) ? () => {
+  } : (n.push(...i), e.setAttribute(t, n.join(" ")), () => Qe(e, t, i));
 }
 function Ze(e, t) {
   customElements.get(e) || customElements.define(e, t);
 }
 function ti(e, t, o = []) {
   for (let i = 0; i < t.length; ++i) {
-    const s = t[i], r = e[i], n = r.parentElement || r.getRootNode();
-    o[i] && o[i](s), n && n !== r && n.replaceChild(s, r), delete e[i];
+    const s = t[i], n = e[i], r = n.parentElement || n.getRootNode();
+    o[i] && o[i](s), r && r !== n && r.replaceChild(s, n), delete e[i];
   }
   return t;
 }
@@ -111,22 +111,22 @@ const ei = (e, t, {
   let { length: s } = e;
   if (s === 0)
     return () => e;
-  let r = 1, n = 0;
-  (o === "afterbegin" || o === "afterend") && (r = -1, n = s - 1);
+  let n = 1, r = 0;
+  (o === "afterbegin" || o === "afterend") && (n = -1, r = s - 1);
   const a = new Array(s), l = new Array(s), c = document.createComment(
     "placeholder for reparented element"
   );
   do {
-    const h = e[n];
-    i && (l[n] = i(h)), a[n] = c.cloneNode();
+    const h = e[r];
+    i && (l[r] = i(h)), a[r] = c.cloneNode();
     const d = h.parentElement || h.getRootNode();
-    d && d !== h && d.replaceChild(a[n], h), t.insertAdjacentElement(o, h), n += r;
+    d && d !== h && d.replaceChild(a[r], h), t.insertAdjacentElement(o, h), r += n;
   } while (--s > 0);
   return function() {
     return ti(a, e, l);
   };
 };
-function jt() {
+function Ut() {
   return Array.from(
     crypto.getRandomValues(new Uint8Array(4)),
     (e) => `0${(e & 255).toString(16)}`.slice(-2)
@@ -141,7 +141,7 @@ const ii = [
   "select",
   "textarea",
   "[tabindex]"
-], ae = ':not([tabindex="-1"])', ft = ii.join(`${ae}, `) + ae, Ut = (e) => e.querySelector(
+], ae = ':not([tabindex="-1"])', ft = ii.join(`${ae}, `) + ae, Xt = (e) => e.querySelector(
   ft
 ), Yt = (e) => e.assignedElements().find(
   (o) => o.matches(ft)
@@ -196,28 +196,28 @@ class di {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const wt = new di(), it = () => {
-}, Xt = (e, t, o) => {
-  const i = new AbortController(), s = /* @__PURE__ */ new Map(), r = () => {
+const bt = new di(), Z = () => {
+}, Gt = (e, t, o) => {
+  const i = new AbortController(), s = /* @__PURE__ */ new Map(), n = () => {
     i.abort(), o();
   };
-  let n, a;
+  let r, a;
   const l = requestAnimationFrame(() => {
-    n = requestAnimationFrame(() => {
+    r = requestAnimationFrame(() => {
       a = requestAnimationFrame(() => {
-        r();
+        n();
       });
     });
   }), c = (d) => {
     d.target === e && (s.set(
       d.propertyName,
       s.get(d.propertyName) - 1
-    ), s.get(d.propertyName) || s.delete(d.propertyName), s.size === 0 && r());
+    ), s.get(d.propertyName) || s.delete(d.propertyName), s.size === 0 && n());
   }, h = (d) => {
     d.target === e && (s.has(d.propertyName) || s.set(d.propertyName, 0), s.set(
       d.propertyName,
       s.get(d.propertyName) + 1
-    ), cancelAnimationFrame(l), cancelAnimationFrame(n), cancelAnimationFrame(a));
+    ), cancelAnimationFrame(l), cancelAnimationFrame(r), cancelAnimationFrame(a));
   };
   e.addEventListener("transitionrun", h, {
     signal: i.signal
@@ -227,12 +227,12 @@ const wt = new di(), it = () => {
     signal: i.signal
   }), t();
 };
-function k() {
+function L() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
 class dt extends Je {
   constructor() {
-    super(...arguments), this.dispose = it, this.offset = 0, this.willPreventClose = !1;
+    super(...arguments), this.dispose = Z, this.offset = 0, this.willPreventClose = !1;
   }
   async applyFocus(t, o) {
   }
@@ -308,38 +308,38 @@ class dt extends Je {
     document.dispatchEvent(t);
   }
   static async open(t, o, i, s) {
-    await Promise.resolve().then(() => Fe);
-    const r = arguments.length === 2, n = i || t, a = new this();
+    await Promise.resolve().then(() => _e);
+    const n = arguments.length === 2, r = i || t, a = new this();
     let l = !1;
     a.dispose = () => {
       a.addEventListener("cx-closed", () => {
         l || (c(), l = !0), requestAnimationFrame(() => {
           a.remove();
         });
-      }), a.open = !1, a.dispose = it;
+      }), a.open = !1, a.dispose = Z;
     };
-    const c = ei([n], a, {
+    const c = ei([r], a, {
       position: "beforeend",
-      prepareCallback: (u) => {
-        const p = u.slot;
-        return u.removeAttribute("slot"), () => {
-          u.slot = p;
+      prepareCallback: (p) => {
+        const u = p.slot;
+        return p.removeAttribute("slot"), () => {
+          p.slot = u;
         };
       }
     });
-    if (!r && n && s) {
-      const u = t, p = o, f = s;
+    if (!n && r && s) {
+      const p = t, u = o, f = s;
       return dt.applyOptions(a, {
         ...f,
-        delayed: f.delayed || n.hasAttribute("delayed"),
-        trigger: f.virtualTrigger || u,
-        type: p === "modal" ? "modal" : p === "hover" ? "hint" : "auto"
-      }), u.insertAdjacentElement("afterend", a), await a.updateComplete, a.open = !0, a.dispose;
+        delayed: f.delayed || r.hasAttribute("delayed"),
+        trigger: f.virtualTrigger || p,
+        type: u === "modal" ? "modal" : u === "hover" ? "hint" : "auto"
+      }), p.insertAdjacentElement("afterend", a), await a.updateComplete, a.open = !0, a.dispose;
     }
     const d = o;
-    return a.append(n), dt.applyOptions(a, {
+    return a.append(r), dt.applyOptions(a, {
       ...d,
-      delayed: d.delayed || n.hasAttribute("delayed")
+      delayed: d.delayed || r.hasAttribute("delayed")
     }), a.updateComplete.then(() => {
       a.open = !0;
     }), a;
@@ -353,17 +353,17 @@ class pi {
   constructor(t, { selector: o } = { selector: "" }) {
     this._element = null, this._selector = "", this.mutationCallback = (i) => {
       let s = !1;
-      i.forEach((r) => {
+      i.forEach((n) => {
         if (!s) {
-          if (r.type === "childList") {
-            const n = this.element && [...r.removedNodes].includes(this.element), a = !!this.selector && [...r.addedNodes].some(
+          if (n.type === "childList") {
+            const r = this.element && [...n.removedNodes].includes(this.element), a = !!this.selector && [...n.addedNodes].some(
               this.elementIsSelected
             );
-            s = s || n || a;
+            s = s || r || a;
           }
-          if (r.type === "attributes") {
-            const n = r.target === this.element, a = !!this.selector && this.elementIsSelected(r.target);
-            s = s || n || a;
+          if (n.type === "attributes") {
+            const r = n.target === this.element, a = !!this.selector && this.elementIsSelected(n.target);
+            s = s || r || a;
           }
         }
       }), s && this.resolveElement();
@@ -412,7 +412,7 @@ class pi {
     this.element = null;
   }
 }
-class Gt extends Event {
+class Jt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -420,7 +420,7 @@ class Gt extends Event {
     }), this.currentState = "open", this.newState = "closed";
   }
 }
-class Jt extends Event {
+class Qt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -428,22 +428,22 @@ class Jt extends Event {
     }), this.currentState = "closed", this.newState = "open";
   }
 }
-class _ extends Event {
+class F extends Event {
   constructor(t, o, {
     interaction: i,
     publish: s,
-    reason: r
+    reason: n
   }) {
     super(t, {
       bubbles: s,
       composed: s
     }), this.overlay = o, this.detail = {
       interaction: i,
-      reason: r
+      reason: n
     };
   }
 }
-class Ot {
+class Ct {
   constructor(t, o) {
     this.x = 0, this.y = 0, this.x = t, this.y = o;
   }
@@ -477,7 +477,7 @@ function ui(e) {
     }
     async dialogMakeTransition(i) {
       let s = null;
-      const r = (a, l) => async () => {
+      const n = (a, l) => async () => {
         if (a.open = i, !i) {
           const h = () => {
             a.removeEventListener("close", h);
@@ -486,17 +486,17 @@ function ui(e) {
         }
         if (l > 0)
           return;
-        const c = i ? Jt : Gt;
-        this.dispatchEvent(new c()), i && (a.matches(ft) && (s = a), s = s || Ut(a), s || a.querySelectorAll("slot").forEach((d) => {
+        const c = i ? Qt : Jt;
+        this.dispatchEvent(new c()), i && (a.matches(ft) && (s = a), s = s || Xt(a), s || a.querySelectorAll("slot").forEach((d) => {
           s || (s = Yt(d));
         }), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
-      }, n = (a, l) => () => {
+      }, r = (a, l) => () => {
         if (this.open !== i)
           return;
         const c = i ? "cx-opened" : "cx-closed";
         if (l > 0) {
           a.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
@@ -506,23 +506,23 @@ function ui(e) {
         if (!this.isConnected || i !== this.open)
           return;
         const h = async () => {
-          const d = this.triggerElement instanceof Ot;
+          const d = this.triggerElement instanceof Ct;
           this.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: d
             })
           ), a.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
           ), this.triggerElement && !d && this.triggerElement.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = i ? "opened" : "closed", this.returnFocus(), await k(), await k(), i === this.open && i === !1 && this.requestSlottable();
+          ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
         };
         !i && this.dialogEl.open ? (this.dialogEl.addEventListener(
           "close",
@@ -533,7 +533,7 @@ function ui(e) {
         ), this.dialogEl.close()) : h();
       };
       return this.elements.forEach((a, l) => {
-        Xt(a, r(a, l), n(a, l));
+        Gt(a, n(a, l), r(a, l));
       }), s;
     }
     async dialogApplyFocus(i, s) {
@@ -549,10 +549,10 @@ function fi(e) {
     }
     async manageDelay(i) {
       if (i === !1 || i !== this.open) {
-        wt.close(this);
+        bt.close(this);
         return;
       }
-      this.delayed && await wt.openTimer(this) && (this.open = !i);
+      this.delayed && await bt.openTimer(this) && (this.open = !i);
     }
     async ensureOnDOM(i) {
       document.body.offsetHeight;
@@ -561,49 +561,49 @@ function fi(e) {
       if (this.open !== i)
         return null;
       let s = null;
-      const r = (a, l) => () => {
+      const n = (a, l) => () => {
         if (i !== this.open)
           return;
         if (a.open = i, l === 0) {
-          const h = i ? Jt : Gt;
+          const h = i ? Qt : Jt;
           this.dispatchEvent(new h());
         }
-        if (i !== !0 || (a.matches(ft) && (s = a), s = s || Ut(a), s))
+        if (i !== !0 || (a.matches(ft) && (s = a), s = s || Xt(a), s))
           return;
         a.querySelectorAll("slot").forEach((h) => {
           s || (s = Yt(h));
         });
-      }, n = (a, l) => async () => {
+      }, r = (a, l) => async () => {
         if (this.open !== i)
           return;
         const c = i ? "cx-opened" : "cx-closed";
         if (a.dispatchEvent(
-          new _(c, this, {
+          new F(c, this, {
             interaction: this.type
           })
         ), l > 0)
           return;
-        const h = this.triggerElement instanceof Ot;
+        const h = this.triggerElement instanceof Ct;
         this.dispatchEvent(
-          new _(c, this, {
+          new F(c, this, {
             interaction: this.type,
             publish: h
           })
         ), this.triggerElement && !h && this.triggerElement.dispatchEvent(
-          new _(c, this, {
+          new F(c, this, {
             interaction: this.type,
             publish: !0
           })
-        ), this.state = i ? "opened" : "closed", this.returnFocus(), await k(), await k(), i === this.open && i === !1 && this.requestSlottable();
+        ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
       };
       return this.elements.forEach((a, l) => {
-        Xt(a, r(a, l), n(a, l));
+        Gt(a, n(a, l), r(a, l));
       }), s;
     }
   }
   return t;
 }
-const mi = CSS.supports("(overlay: auto)");
+const gi = CSS.supports("(overlay: auto)");
 function kt(e) {
   let t = !1;
   try {
@@ -617,17 +617,17 @@ function kt(e) {
   }
   return t || o;
 }
-function gi(e) {
+function mi(e) {
   class t extends e {
     constructor(...i) {
       super(...i), this.handleFullscreenChange = this.handleFullscreenChange.bind(this);
     }
     async manageDelay(i) {
       if (i === !1 || i !== this.open) {
-        wt.close(this);
+        bt.close(this);
         return;
       }
-      this.delayed && await wt.openTimer(this) && (this.open = !i);
+      this.delayed && await bt.openTimer(this) && (this.open = !i);
     }
     /**
      * A popover should be hidden _after_ it is no longer on top-layer because
@@ -637,9 +637,9 @@ function gi(e) {
       if (i && this.open !== i)
         return;
       const s = async ({
-        newState: r
+        newState: n
       } = {}) => {
-        r !== "open" && await this.placementController.resetOverlayPosition();
+        n !== "open" && await this.placementController.resetOverlayPosition();
       };
       if (!kt(this.dialogEl)) {
         s();
@@ -655,18 +655,18 @@ function gi(e) {
         s = this.dialogEl.matches(":popover-open");
       } catch {
       }
-      let r = !1;
+      let n = !1;
       try {
-        r = this.dialogEl.matches(":open");
+        n = this.dialogEl.matches(":open");
       } catch {
       }
-      i && this.open === i && !s && !r && this.isConnected && (this.dialogEl.showPopover(), await this.managePosition());
+      i && this.open === i && !s && !n && this.isConnected && (this.dialogEl.showPopover(), await this.managePosition());
     }
     handleFullscreenChange() {
       kt(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), gt() && k().then(() => {
+      super.firstUpdated(i), gt() && L().then(() => {
         this.dialogEl.showPopover();
       });
     }
@@ -680,29 +680,29 @@ function gi(e) {
       );
     }
     async ensureOnDOM(i) {
-      await k(), mi || await this.shouldHidePopover(i), await this.shouldShowPopover(i), await k();
+      await L(), gi || await this.shouldHidePopover(i), await this.shouldShowPopover(i), await L();
     }
     async makeTransition(i) {
       if (this.open !== i)
         return null;
       let s = null;
-      const r = (a, l) => () => {
+      const n = (a, l) => () => {
         if (a.open = i, l === 0) {
-          const h = i ? Jt : Gt;
+          const h = i ? Qt : Jt;
           this.dispatchEvent(new h());
         }
-        if (!i || (a.matches(ft) && (s = a), s = s || Ut(a), s))
+        if (!i || (a.matches(ft) && (s = a), s = s || Xt(a), s))
           return;
         a.querySelectorAll("slot").forEach((h) => {
           s || (s = Yt(h));
         });
-      }, n = (a, l) => async () => {
+      }, r = (a, l) => async () => {
         if (this.open !== i)
           return;
         const c = i ? "cx-opened" : "cx-closed";
         if (l > 0) {
           a.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
@@ -712,24 +712,24 @@ function gi(e) {
         const h = async () => {
           if (this.open !== i)
             return;
-          await k();
-          const u = this.triggerElement instanceof Ot;
+          await L();
+          const p = this.triggerElement instanceof Ct;
           this.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
-              publish: u
+              publish: p
             })
           ), a.dispatchEvent(
-            new _(c, this, {
+            new F(c, this, {
               interaction: this.type,
               publish: !1
             })
-          ), this.triggerElement && !u && this.triggerElement.dispatchEvent(
-            new _(c, this, {
+          ), this.triggerElement && !p && this.triggerElement.dispatchEvent(
+            new F(c, this, {
               interaction: this.type,
               publish: !0
             })
-          ), this.state = i ? "opened" : "closed", this.returnFocus(), await k(), await k(), i === this.open && i === !1 && this.requestSlottable();
+          ), this.state = i ? "opened" : "closed", this.returnFocus(), await L(), await L(), i === this.open && i === !1 && this.requestSlottable();
         };
         if (this.open !== i)
           return;
@@ -743,7 +743,7 @@ function gi(e) {
         ), gt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
-        Xt(a, r(a, l), n(a, l));
+        Gt(a, n(a, l), r(a, l));
       }), s;
     }
   }
@@ -758,20 +758,20 @@ class vi {
       const t = this.pointerdownPath;
       if (this.pointerdownPath = void 0, !this.stack.length || !t?.length)
         return;
-      const o = this.stack.length - 1, i = this.stack.filter((s, r) => !t.find(
+      const o = this.stack.length - 1, i = this.stack.filter((s, n) => !t.find(
         (a) => (
           // The Overlay is in the stack
           a === s || // The Overlay trigger is in the stack and the Overlay is a "hint"
           a === s?.triggerElement && s?.type === "hint" || // The last Overlay in the stack is not the last Overlay at `pointerdown` time and has a
           // `triggerInteraction` of "longpress", meaning it was opened by this poitner interaction
-          r === o && s !== this.lastOverlay && s.triggerInteraction === "longpress"
+          n === o && s !== this.lastOverlay && s.triggerInteraction === "longpress"
         )
       ) && !s.shouldPreventClose() && s.type !== "manual");
       i.reverse(), i.forEach((s) => {
         this.closeOverlay(s);
-        let r = s.parentOverlayToForceClose;
-        for (; r; )
-          this.closeOverlay(r), r = r.parentOverlayToForceClose;
+        let n = s.parentOverlayToForceClose;
+        for (; n; )
+          this.closeOverlay(n), n = n.parentOverlayToForceClose;
       });
     }, this.handleBeforetoggle = (t) => {
       const { newState: o, target: i } = t;
@@ -830,9 +830,9 @@ class vi {
       t.addEventListener(
         o,
         (s) => {
-          const r = s.composedPath();
-          this.stack.forEach((n) => {
-            !r.find((l) => l === n) && n.type !== "manual" && this.closeOverlay(n);
+          const n = s.composedPath();
+          this.stack.forEach((r) => {
+            !n.find((l) => l === r) && r.type !== "manual" && this.closeOverlay(r);
           });
         },
         { once: !0 }
@@ -856,7 +856,7 @@ class vi {
     this.closeOverlay(t);
   }
 }
-const le = new vi(), bi = ["top", "right", "bottom", "left"], Q = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, H = (e) => ({
+const le = new vi(), bi = ["top", "right", "bottom", "left"], Y = Math.min, V = Math.max, wt = Math.round, mt = Math.floor, j = (e) => ({
   x: e,
   y: e
 }), wi = {
@@ -864,87 +864,85 @@ const le = new vi(), bi = ["top", "right", "bottom", "left"], Q = Math.min, T =
   right: "left",
   bottom: "top",
   top: "bottom"
-}, xi = {
-  start: "end",
-  end: "start"
 };
-function _t(e, t, o) {
-  return T(e, Q(t, o));
+function be(e, t, o) {
+  return V(e, Y(t, o));
 }
-function st(e, t) {
+function ot(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Z(e) {
+function tt(e) {
   return e.split("-")[0];
 }
-function at(e) {
+function nt(e) {
   return e.split("-")[1];
 }
-function be(e) {
+function we(e) {
   return e === "x" ? "y" : "x";
 }
-function Qt(e) {
+function Zt(e) {
   return e === "y" ? "height" : "width";
 }
-const Ei = /* @__PURE__ */ new Set(["top", "bottom"]);
-function Y(e) {
-  return Ei.has(Z(e)) ? "y" : "x";
+function H(e) {
+  const t = e[0];
+  return t === "t" || t === "b" ? "y" : "x";
 }
-function Zt(e) {
-  return be(Y(e));
+function te(e) {
+  return we(H(e));
 }
-function Pi(e, t, o) {
+function Ei(e, t, o) {
   o === void 0 && (o = !1);
-  const i = at(e), s = Zt(e), r = Qt(s);
-  let n = s === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (n = Et(n)), [n, Et(n)];
+  const i = nt(e), s = te(e), n = Zt(s);
+  let r = s === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
+  return t.reference[n] > t.floating[n] && (r = Et(r)), [r, Et(r)];
 }
-function Ci(e) {
+function xi(e) {
   const t = Et(e);
-  return [zt(e), t, zt(t)];
+  return [Bt(e), t, Bt(t)];
 }
-function zt(e) {
-  return e.replace(/start|end/g, (t) => xi[t]);
+function Bt(e) {
+  return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-const ce = ["left", "right"], he = ["right", "left"], Oi = ["top", "bottom"], Ai = ["bottom", "top"];
-function Si(e, t, o) {
+const ce = ["left", "right"], he = ["right", "left"], Pi = ["top", "bottom"], Ci = ["bottom", "top"];
+function Oi(e, t, o) {
   switch (e) {
     case "top":
     case "bottom":
       return o ? t ? he : ce : t ? ce : he;
     case "left":
     case "right":
-      return t ? Oi : Ai;
+      return t ? Pi : Ci;
     default:
       return [];
   }
 }
-function Ri(e, t, o, i) {
-  const s = at(e);
-  let r = Si(Z(e), o === "start", i);
-  return s && (r = r.map((n) => n + "-" + s), t && (r = r.concat(r.map(zt)))), r;
+function Ai(e, t, o, i) {
+  const s = nt(e);
+  let n = Oi(tt(e), o === "start", i);
+  return s && (n = n.map((r) => r + "-" + s), t && (n = n.concat(n.map(Bt)))), n;
 }
 function Et(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => wi[t]);
+  const t = tt(e);
+  return wi[t] + e.slice(t.length);
 }
-function Ti(e) {
+function Ri(e) {
+  var t, o, i, s;
   return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
+    top: (t = e.top) != null ? t : 0,
+    right: (o = e.right) != null ? o : 0,
+    bottom: (i = e.bottom) != null ? i : 0,
+    left: (s = e.left) != null ? s : 0
   };
 }
-function we(e) {
-  return typeof e != "number" ? Ti(e) : {
+function Ee(e) {
+  return typeof e != "number" ? Ri(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Pt(e) {
+function xt(e) {
   const {
     x: t,
     y: o,
@@ -967,156 +965,149 @@ function de(e, t, o) {
     reference: i,
     floating: s
   } = e;
-  const r = Y(t), n = Zt(t), a = Qt(n), l = Z(t), c = r === "y", h = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
-  let p;
+  const n = H(t), r = te(t), a = Zt(r), l = tt(t), c = n === "y", h = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, p = i[a] / 2 - s[a] / 2;
+  let u;
   switch (l) {
     case "top":
-      p = {
+      u = {
         x: h,
         y: i.y - s.height
       };
       break;
     case "bottom":
-      p = {
+      u = {
         x: h,
         y: i.y + i.height
       };
       break;
     case "right":
-      p = {
+      u = {
         x: i.x + i.width,
         y: d
       };
       break;
     case "left":
-      p = {
+      u = {
         x: i.x - s.width,
         y: d
       };
       break;
     default:
-      p = {
+      u = {
         x: i.x,
         y: i.y
       };
   }
-  switch (at(t)) {
-    case "start":
-      p[n] -= u * (o && c ? -1 : 1);
-      break;
-    case "end":
-      p[n] += u * (o && c ? -1 : 1);
-      break;
-  }
-  return p;
+  const f = nt(t);
+  return f && (u[r] += p * (f === "end" ? 1 : -1) * (o && c ? -1 : 1)), u;
+}
+async function Si(e, t) {
+  var o;
+  t === void 0 && (t = {});
+  const {
+    x: i,
+    y: s,
+    platform: n,
+    rects: r,
+    elements: a,
+    strategy: l
+  } = e, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: h = "viewport",
+    elementContext: d = "floating",
+    altBoundary: p = !1,
+    padding: u = 0
+  } = ot(t, e), f = Ee(u), y = a[p ? d === "floating" ? "reference" : "floating" : d], v = xt(await n.getClippingRect({
+    element: (o = await (n.isElement == null ? void 0 : n.isElement(y))) == null || o ? y : y.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(a.floating)),
+    boundary: c,
+    rootBoundary: h,
+    strategy: l
+  })), E = d === "floating" ? {
+    x: i,
+    y: s,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, x = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(a.floating)), P = await (n.isElement == null ? void 0 : n.isElement(x)) && await (n.getScale == null ? void 0 : n.getScale(x)) || {
+    x: 1,
+    y: 1
+  }, S = xt(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: E,
+    offsetParent: x,
+    strategy: l
+  }) : E);
+  return {
+    top: (v.top - S.top + f.top) / P.y,
+    bottom: (S.bottom - v.bottom + f.bottom) / P.y,
+    left: (v.left - S.left + f.left) / P.x,
+    right: (S.right - v.right + f.right) / P.x
+  };
 }
-const Di = async (e, t, o) => {
+const Ti = 50, Di = async (e, t, o) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
-    middleware: r = [],
-    platform: n
-  } = o, a = r.filter(Boolean), l = await (n.isRTL == null ? void 0 : n.isRTL(t));
-  let c = await n.getElementRects({
+    middleware: n = [],
+    platform: r
+  } = o, a = r.detectOverflow ? r : {
+    ...r,
+    detectOverflow: Si
+  }, l = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let c = await r.getElementRects({
     reference: e,
     floating: t,
     strategy: s
   }), {
     x: h,
     y: d
-  } = de(c, i, l), u = i, p = {}, f = 0;
-  for (let m = 0; m < a.length; m++) {
+  } = de(c, i, l), p = i, u = 0;
+  const f = {};
+  for (let g = 0; g < n.length; g++) {
+    const y = n[g];
+    if (!y)
+      continue;
     const {
-      name: y,
-      fn: v
-    } = a[m], {
+      name: v,
+      fn: E
+    } = y, {
       x,
-      y: E,
-      data: C,
-      reset: P
-    } = await v({
+      y: P,
+      data: S,
+      reset: C
+    } = await E({
       x: h,
       y: d,
       initialPlacement: i,
-      placement: u,
+      placement: p,
       strategy: s,
-      middlewareData: p,
+      middlewareData: f,
       rects: c,
-      platform: n,
+      platform: a,
       elements: {
         reference: e,
         floating: t
       }
     });
-    h = x ?? h, d = E ?? d, p = {
-      ...p,
-      [y]: {
-        ...p[y],
-        ...C
-      }
-    }, P && f <= 50 && (f++, typeof P == "object" && (P.placement && (u = P.placement), P.rects && (c = P.rects === !0 ? await n.getElementRects({
+    h = x ?? h, d = P ?? d, f[v] = {
+      ...f[v],
+      ...S
+    }, C && u < Ti && (u++, typeof C == "object" && (C.placement && (p = C.placement), C.rects && (c = C.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: s
-    }) : P.rects), {
+    }) : C.rects), {
       x: h,
       y: d
-    } = de(c, u, l)), m = -1);
+    } = de(c, p, l)), g = -1);
   }
   return {
     x: h,
     y: d,
-    placement: u,
+    placement: p,
     strategy: s,
-    middlewareData: p
+    middlewareData: f
   };
-};
-async function pt(e, t) {
-  var o;
-  t === void 0 && (t = {});
-  const {
-    x: i,
-    y: s,
-    platform: r,
-    rects: n,
-    elements: a,
-    strategy: l
-  } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: h = "viewport",
-    elementContext: d = "floating",
-    altBoundary: u = !1,
-    padding: p = 0
-  } = st(t, e), f = we(p), y = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(y))) == null || o ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
-    boundary: c,
-    rootBoundary: h,
-    strategy: l
-  })), x = d === "floating" ? {
-    x: i,
-    y: s,
-    width: n.floating.width,
-    height: n.floating.height
-  } : n.reference, E = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), C = await (r.isElement == null ? void 0 : r.isElement(E)) ? await (r.getScale == null ? void 0 : r.getScale(E)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, P = Pt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
-    rect: x,
-    offsetParent: E,
-    strategy: l
-  }) : x);
-  return {
-    top: (v.top - P.top + f.top) / C.y,
-    bottom: (P.bottom - v.bottom + f.bottom) / C.y,
-    left: (v.left - P.left + f.left) / C.x,
-    right: (P.right - v.right + f.right) / C.x
-  };
-}
-const Li = (e) => ({
+}, Li = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1124,36 +1115,36 @@ const Li = (e) => ({
       x: o,
       y: i,
       placement: s,
-      rects: r,
-      platform: n,
+      rects: n,
+      platform: r,
       elements: a,
       middlewareData: l
     } = t, {
       element: c,
       padding: h = 0
-    } = st(e, t) || {};
+    } = ot(e, t) || {};
     if (c == null)
       return {};
-    const d = we(h), u = {
+    const d = Ee(h), p = {
       x: o,
       y: i
-    }, p = Zt(s), f = Qt(p), m = await n.getDimensions(c), y = p === "y", v = y ? "top" : "left", x = y ? "bottom" : "right", E = y ? "clientHeight" : "clientWidth", C = r.reference[f] + r.reference[p] - u[p] - r.floating[f], P = u[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let A = $ ? $[E] : 0;
-    (!A || !await (n.isElement == null ? void 0 : n.isElement($))) && (A = a.floating[E] || r.floating[f]);
-    const V = C / 2 - P / 2, M = A / 2 - m[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), I = L, G = A - m[f] - X, R = A / 2 - m[f] / 2 + V, et = _t(I, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < I ? L : X) - m[f] / 2 < 0, F = j ? R < I ? R - I : R - G : 0;
+    }, u = te(s), f = Zt(u), g = await r.getDimensions(c), y = u === "y", v = y ? "top" : "left", E = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", P = n.reference[f] + n.reference[u] - p[u] - n.floating[f], S = p[u] - n.reference[u], C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let T = C ? C[x] : 0;
+    (!T || !await (r.isElement == null ? void 0 : r.isElement(C))) && (T = a.floating[x] || n.floating[f]);
+    const $ = P / 2 - S / 2, N = T / 2 - g[f] / 2 - 1, A = Y(d[v], N), at = Y(d[E], N), lt = T - g[f] - at, z = T / 2 - g[f] / 2 + $, k = be(A, z, lt), G = !l.arrow && nt(s) != null && z !== k && n.reference[f] / 2 - (z < A ? A : at) - g[f] / 2 < 0, M = G ? z < A ? z - A : z - lt : 0;
     return {
-      [p]: u[p] + F,
+      [u]: p[u] + M,
       data: {
-        [p]: et,
-        centerOffset: R - et - F,
-        ...j && {
-          alignmentOffset: F
+        [u]: k,
+        centerOffset: z - k - M,
+        ...G && {
+          alignmentOffset: M
         }
       },
-      reset: j
+      reset: G
     };
   }
-}), ki = function(e) {
+}), $i = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1161,73 +1152,73 @@ const Li = (e) => ({
       var o, i;
       const {
         placement: s,
-        middlewareData: r,
-        rects: n,
+        middlewareData: n,
+        rects: r,
         initialPlacement: a,
         platform: l,
         elements: c
       } = t, {
         mainAxis: h = !0,
         crossAxis: d = !0,
-        fallbackPlacements: u,
-        fallbackStrategy: p = "bestFit",
+        fallbackPlacements: p,
+        fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: m = !0,
+        flipAlignment: g = !0,
         ...y
-      } = st(e, t);
-      if ((o = r.arrow) != null && o.alignmentOffset)
+      } = ot(e, t);
+      if ((o = n.arrow) != null && o.alignmentOffset)
         return {};
-      const v = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !m ? [Et(a)] : Ci(a)), $ = f !== "none";
-      !u && $ && P.push(...Ri(a, m, f, C));
-      const A = [a, ...P], V = await pt(t, y), M = [];
-      let L = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (h && M.push(V[v]), d) {
-        const R = Pi(s, n, C);
-        M.push(V[R[0]], V[R[1]]);
+      const v = tt(s), E = H(a), x = tt(a) === a, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), S = p || (x || !g ? [Et(a)] : xi(a)), C = f !== "none";
+      !p && C && S.push(...Ai(a, g, f, P));
+      const T = [a, ...S], $ = await l.detectOverflow(t, y), N = [];
+      let A = ((i = n.flip) == null ? void 0 : i.overflows) || [];
+      if (h && N.push($[v]), d) {
+        const k = Ei(s, r, P);
+        N.push($[k[0]], $[k[1]]);
       }
-      if (L = [...L, {
+      if (A = [...A, {
         placement: s,
-        overflows: M
-      }], !M.every((R) => R <= 0)) {
-        var X, I;
-        const R = (((X = r.flip) == null ? void 0 : X.index) || 0) + 1, et = A[R];
-        if (et && (!(d === "alignment" ? x !== Y(et) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: N
+      }], !N.every((k) => k <= 0)) {
+        var at, lt;
+        const k = (((at = n.flip) == null ? void 0 : at.index) || 0) + 1, G = T[k];
+        if (G && (!(d === "alignment" ? E !== H(G) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        L.every((N) => Y(N.placement) === x ? N.overflows[0] > 0 : !0)))
+        A.every((_) => H(_.placement) === E ? _.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: R,
-              overflows: L
+              index: k,
+              overflows: A
             },
             reset: {
-              placement: et
+              placement: G
             }
           };
-        let j = (I = L.filter((F) => F.overflows[0] <= 0).sort((F, N) => F.overflows[1] - N.overflows[1])[0]) == null ? void 0 : I.placement;
-        if (!j)
-          switch (p) {
+        let M = (lt = A.filter((J) => J.overflows[0] <= 0).sort((J, _) => J.overflows[1] - _.overflows[1])[0]) == null ? void 0 : lt.placement;
+        if (!M)
+          switch (u) {
             case "bestFit": {
-              var G;
-              const F = (G = L.filter((N) => {
-                if ($) {
-                  const J = Y(N.placement);
-                  return J === x || // Create a bias to the `y` side axis due to horizontal
+              var z;
+              const J = (z = A.filter((_) => {
+                if (C) {
+                  const X = H(_.placement);
+                  return X === E || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  J === "y";
+                  X === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((J) => J > 0).reduce((J, _e) => J + _e, 0)]).sort((N, J) => N[1] - J[1])[0]) == null ? void 0 : G[0];
-              F && (j = F);
+              }).map((_) => [_.placement, _.overflows.filter((X) => X > 0).reduce((X, Ne) => X + Ne, 0)]).sort((_, X) => _[1] - X[1])[0]) == null ? void 0 : z[0];
+              J && (M = J);
               break;
             }
             case "initialPlacement":
-              j = a;
+              M = a;
               break;
           }
-        if (s !== j)
+        if (s !== M)
           return {
             reset: {
-              placement: j
+              placement: M
             }
           };
       }
@@ -1246,39 +1237,40 @@ function pe(e, t) {
 function ue(e) {
   return bi.some((t) => e[t] >= 0);
 }
-const $i = function(e) {
+const ki = function(e) {
   return e === void 0 && (e = {}), {
     name: "hide",
     options: e,
     async fn(t) {
       const {
-        rects: o
+        rects: o,
+        platform: i
       } = t, {
-        strategy: i = "referenceHidden",
-        ...s
-      } = st(e, t);
-      switch (i) {
+        strategy: s = "referenceHidden",
+        ...n
+      } = ot(e, t);
+      switch (s) {
         case "referenceHidden": {
-          const r = await pt(t, {
-            ...s,
+          const r = await i.detectOverflow(t, {
+            ...n,
             elementContext: "reference"
-          }), n = pe(r, o.reference);
+          }), a = pe(r, o.reference);
           return {
             data: {
-              referenceHiddenOffsets: n,
-              referenceHidden: ue(n)
+              referenceHiddenOffsets: a,
+              referenceHidden: ue(a)
             }
           };
         }
         case "escaped": {
-          const r = await pt(t, {
-            ...s,
+          const r = await i.detectOverflow(t, {
+            ...n,
             altBoundary: !0
-          }), n = pe(r, o.floating);
+          }), a = pe(r, o.floating);
           return {
             data: {
-              escapedOffsets: n,
-              escaped: ue(n)
+              escapedOffsets: a,
+              escaped: ue(a)
             }
           };
         }
@@ -1287,16 +1279,16 @@ const $i = function(e) {
       }
     }
   };
-}, Fi = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ni(e, t) {
+}, _i = /* @__PURE__ */ new Set(["left", "top"]);
+async function Fi(e, t) {
   const {
     placement: o,
     platform: i,
     elements: s
-  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), n = Z(o), a = at(o), l = Y(o) === "y", c = Fi.has(n) ? -1 : 1, h = r && l ? -1 : 1, d = st(t, e);
+  } = e, n = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = tt(o), a = nt(o), l = H(o) === "y", c = _i.has(r) ? -1 : 1, h = n && l ? -1 : 1, d = ot(t, e);
   let {
-    mainAxis: u,
-    crossAxis: p,
+    mainAxis: p,
+    crossAxis: u,
     alignmentAxis: f
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -1307,15 +1299,15 @@ async function Ni(e, t) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return a && typeof f == "number" && (p = a === "end" ? f * -1 : f), l ? {
-    x: p * h,
-    y: u * c
+  return a && typeof f == "number" && (u = a === "end" ? f * -1 : f), l ? {
+    x: u * h,
+    y: p * c
   } : {
-    x: u * c,
-    y: p * h
+    x: p * c,
+    y: u * h
   };
 }
-const _i = function(e) {
+const Ni = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1323,16 +1315,16 @@ const _i = function(e) {
       var o, i;
       const {
         x: s,
-        y: r,
-        placement: n,
+        y: n,
+        placement: r,
         middlewareData: a
-      } = t, l = await Ni(t, e);
-      return n === ((o = a.offset) == null ? void 0 : o.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
+      } = t, l = await Fi(t, e);
+      return r === ((o = a.offset) == null ? void 0 : o.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
-        y: r + l.y,
+        y: n + l.y,
         data: {
           ...l,
-          placement: n
+          placement: r
         }
       };
     }
@@ -1345,49 +1337,44 @@ const _i = function(e) {
       const {
         x: o,
         y: i,
-        placement: s
+        placement: s,
+        platform: n
       } = t, {
         mainAxis: r = !0,
-        crossAxis: n = !1,
-        limiter: a = {
-          fn: (y) => {
+        crossAxis: a = !1,
+        limiter: l = {
+          fn: (E) => {
             let {
-              x: v,
-              y: x
-            } = y;
+              x,
+              y: P
+            } = E;
             return {
-              x: v,
-              y: x
+              x,
+              y: P
             };
           }
         },
-        ...l
-      } = st(e, t), c = {
+        ...c
+      } = ot(e, t), h = {
         x: o,
         y: i
-      }, h = await pt(t, l), d = Y(Z(s)), u = be(d);
-      let p = c[u], f = c[d];
-      if (r) {
-        const y = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[y], E = p - h[v];
-        p = _t(x, p, E);
-      }
-      if (n) {
-        const y = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[y], E = f - h[v];
-        f = _t(x, f, E);
-      }
-      const m = a.fn({
+      }, d = await n.detectOverflow(t, c), p = H(s), u = we(p);
+      let f = h[u], g = h[p];
+      const y = (E, x) => be(x + d[E === "y" ? "top" : "left"], x, x - d[E === "y" ? "bottom" : "right"]);
+      r && (f = y(u, f)), a && (g = y(p, g));
+      const v = l.fn({
         ...t,
-        [u]: p,
-        [d]: f
+        [u]: f,
+        [p]: g
       });
       return {
-        ...m,
+        ...v,
         data: {
-          x: m.x - o,
-          y: m.y - i,
+          x: v.x - o,
+          y: v.y - i,
           enabled: {
             [u]: r,
-            [d]: n
+            [p]: a
           }
         }
       };
@@ -1398,35 +1385,30 @@ const _i = function(e) {
     name: "size",
     options: e,
     async fn(t) {
-      var o, i;
       const {
-        placement: s,
-        rects: r,
-        platform: n,
-        elements: a
+        placement: o,
+        rects: i,
+        platform: s,
+        elements: n
       } = t, {
-        apply: l = () => {
+        apply: r = () => {
         },
-        ...c
-      } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
-        width: f,
-        height: m
-      } = r.floating;
-      let y, v;
-      d === "top" || d === "bottom" ? (y = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, y = u === "end" ? "top" : "bottom");
-      const x = m - h.top - h.bottom, E = f - h.left - h.right, C = Q(m - h[y], x), P = Q(f - h[v], E), $ = !t.middlewareData.shift;
-      let A = C, V = P;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (V = E), (i = t.middlewareData.shift) != null && i.enabled.y && (A = x), $ && !u) {
-        const L = T(h.left, 0), X = T(h.right, 0), I = T(h.top, 0), G = T(h.bottom, 0);
-        p ? V = f - 2 * (L !== 0 || X !== 0 ? L + X : T(h.left, h.right)) : A = m - 2 * (I !== 0 || G !== 0 ? I + G : T(h.top, h.bottom));
-      }
-      await l({
+        ...a
+      } = ot(e, t), l = await s.detectOverflow(t, a), c = tt(o), h = nt(o), d = H(o) === "y", {
+        width: p,
+        height: u
+      } = i.floating;
+      let f, g;
+      c === "top" || c === "bottom" ? (f = c, g = h === (await (s.isRTL == null ? void 0 : s.isRTL(n.floating)) ? "start" : "end") ? "left" : "right") : (g = c, f = h === "end" ? "top" : "bottom");
+      const y = u - l.top - l.bottom, v = p - l.left - l.right, E = Y(u - l[f], y), x = Y(p - l[g], v), P = t.middlewareData.shift, S = !P;
+      let C = E, T = x;
+      P != null && P.enabled.x && (T = v), P != null && P.enabled.y && (C = y), S && !h && (d ? T = p - 2 * V(l.left, l.right) : C = u - 2 * V(l.top, l.bottom)), await r({
         ...t,
-        availableWidth: V,
-        availableHeight: A
+        availableWidth: T,
+        availableHeight: C
       });
-      const M = await n.getDimensions(a.floating);
-      return f !== M.width || m !== M.height ? {
+      const $ = await s.getDimensions(n.floating);
+      return p !== $.width || u !== $.height ? {
         reset: {
           rects: !0
         }
@@ -1434,84 +1416,84 @@ const _i = function(e) {
     }
   };
 };
-function At() {
+function Ot() {
   return typeof window < "u";
 }
-function lt(e) {
+function rt(e) {
   return xe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function D(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function q(e) {
+function U(e) {
   var t;
   return (t = (xe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function xe(e) {
-  return At() ? e instanceof Node || e instanceof D(e).Node : !1;
+  return Ot() ? e instanceof Node || e instanceof D(e).Node : !1;
 }
-function z(e) {
-  return At() ? e instanceof Element || e instanceof D(e).Element : !1;
+function B(e) {
+  return Ot() ? e instanceof Element || e instanceof D(e).Element : !1;
 }
-function W(e) {
-  return At() ? e instanceof HTMLElement || e instanceof D(e).HTMLElement : !1;
+function K(e) {
+  return Ot() ? e instanceof HTMLElement || e instanceof D(e).HTMLElement : !1;
 }
 function fe(e) {
-  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
+  return !Ot() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
-const Mi = /* @__PURE__ */ new Set(["inline", "contents"]);
-function mt(e) {
+function At(e) {
   const {
     overflow: t,
     overflowX: o,
     overflowY: i,
     display: s
-  } = B(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !Mi.has(s);
+  } = I(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && s !== "inline" && s !== "contents";
 }
-const Ii = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Hi(e) {
-  return Ii.has(lt(e));
+function Ii(e) {
+  return /^(table|td|th)$/.test(rt(e));
 }
-const Wi = [":popover-open", ":modal"];
-function St(e) {
-  return Wi.some((t) => {
-    try {
-      return e.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-const qi = ["transform", "translate", "scale", "rotate", "perspective"], Vi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ji = ["paint", "layout", "strict", "content"];
 function Rt(e) {
-  const t = te(), o = z(e) ? B(e) : e;
-  return qi.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || Vi.some((i) => (o.willChange || "").includes(i)) || ji.some((i) => (o.contain || "").includes(i));
+  try {
+    if (e.matches(":popover-open"))
+      return !0;
+  } catch {
+  }
+  try {
+    return e.matches(":modal");
+  } catch {
+    return !1;
+  }
 }
-function Ui(e) {
-  let t = tt(e);
-  for (; W(t) && !rt(t); ) {
-    if (Rt(t))
-      return t;
+const Mi = /transform|translate|scale|rotate|perspective|filter/, Wi = /paint|layout|strict|content/, Q = (e) => !!e && e !== "none";
+let _t;
+function St(e) {
+  const t = B(e) ? I(e) : e;
+  return Q(t.transform) || Q(t.translate) || Q(t.scale) || Q(t.rotate) || Q(t.perspective) || !ee() && (Q(t.backdropFilter) || Q(t.filter)) || Mi.test(t.willChange || "") || Wi.test(t.contain || "");
+}
+function Hi(e) {
+  let t = et(e);
+  for (; K(t) && !pt(t); ) {
     if (St(t))
+      return t;
+    if (Rt(t))
       return null;
-    t = tt(t);
+    t = et(t);
   }
   return null;
 }
-function te() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+function ee() {
+  return _t == null && (_t = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), _t;
 }
-const Yi = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function rt(e) {
-  return Yi.has(lt(e));
+function pt(e) {
+  return /^(html|body|#document)$/.test(rt(e));
 }
-function B(e) {
+function I(e) {
   return D(e).getComputedStyle(e);
 }
 function Tt(e) {
-  return z(e) ? {
+  return B(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1519,187 +1501,187 @@ function Tt(e) {
     scrollTop: e.scrollY
   };
 }
-function tt(e) {
-  if (lt(e) === "html")
+function et(e) {
+  if (rt(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     fe(e) && e.host || // Fallback.
-    q(e)
+    U(e)
   );
   return fe(t) ? t.host : t;
 }
-function Ee(e) {
-  const t = tt(e);
-  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && mt(t) ? t : Ee(t);
+function Pe(e) {
+  const t = et(e);
+  return pt(t) ? (e.ownerDocument || e).body : K(t) && At(t) ? t : Pe(t);
 }
 function ut(e, t, o) {
   var i;
   t === void 0 && (t = []), o === void 0 && (o = !0);
-  const s = Ee(e), r = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = D(s);
-  if (r) {
-    const a = Bt(n);
-    return t.concat(n, n.visualViewport || [], mt(s) ? s : [], a && o ? ut(a) : []);
-  }
-  return t.concat(s, ut(s, [], o));
-}
-function Bt(e) {
+  const s = Pe(e), n = s === ((i = e.ownerDocument) == null ? void 0 : i.body), r = D(s);
+  if (n) {
+    const a = It(r);
+    return t.concat(r, r.visualViewport || [], At(s) ? s : [], a && o ? ut(a) : []);
+  } else
+    return t.concat(s, ut(s, [], o));
+}
+function It(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Pe(e) {
-  const t = B(e);
+function Ce(e) {
+  const t = I(e);
   let o = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = W(e), r = s ? e.offsetWidth : o, n = s ? e.offsetHeight : i, a = xt(o) !== r || xt(i) !== n;
-  return a && (o = r, i = n), {
+  const s = K(e), n = s ? e.offsetWidth : o, r = s ? e.offsetHeight : i, a = wt(o) !== n || wt(i) !== r;
+  return a && (o = n, i = r), {
     width: o,
     height: i,
     $: a
   };
 }
-function ee(e) {
-  return z(e) ? e : e.contextElement;
+function ie(e) {
+  return B(e) ? e : e.contextElement;
 }
-function nt(e) {
-  const t = ee(e);
-  if (!W(t))
-    return H(1);
+function st(e) {
+  const t = ie(e);
+  if (!K(t))
+    return j(1);
   const o = t.getBoundingClientRect(), {
     width: i,
     height: s,
-    $: r
-  } = Pe(t);
-  let n = (r ? xt(o.width) : o.width) / i, a = (r ? xt(o.height) : o.height) / s;
-  return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
-    x: n,
+    $: n
+  } = Ce(t);
+  let r = (n ? wt(o.width) : o.width) / i, a = (n ? wt(o.height) : o.height) / s;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: r,
     y: a
   };
 }
-const Ki = /* @__PURE__ */ H(0);
-function Ce(e) {
+const qi = /* @__PURE__ */ j(0);
+function Oe(e) {
   const t = D(e);
-  return !te() || !t.visualViewport ? Ki : {
+  return !ee() || !t.visualViewport ? qi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Xi(e, t, o) {
-  return t === void 0 && (t = !1), !o || t && o !== D(e) ? !1 : t;
+function Vi(e, t, o) {
+  return t === void 0 && (t = !1), !!o && t && o === D(e);
 }
-function ot(e, t, o, i) {
+function it(e, t, o, i) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
-  const s = e.getBoundingClientRect(), r = ee(e);
-  let n = H(1);
-  t && (i ? z(i) && (n = nt(i)) : n = nt(e));
-  const a = Xi(r, o, i) ? Ce(r) : H(0);
-  let l = (s.left + a.x) / n.x, c = (s.top + a.y) / n.y, h = s.width / n.x, d = s.height / n.y;
-  if (r) {
-    const u = D(r), p = i && z(i) ? D(i) : i;
-    let f = u, m = Bt(f);
-    for (; m && i && p !== f; ) {
-      const y = nt(m), v = m.getBoundingClientRect(), x = B(m), E = v.left + (m.clientLeft + parseFloat(x.paddingLeft)) * y.x, C = v.top + (m.clientTop + parseFloat(x.paddingTop)) * y.y;
-      l *= y.x, c *= y.y, h *= y.x, d *= y.y, l += E, c += C, f = D(m), m = Bt(f);
+  const s = e.getBoundingClientRect(), n = ie(e);
+  let r = j(1);
+  t && (i ? B(i) && (r = st(i)) : r = st(e));
+  const a = Vi(n, o, i) ? Oe(n) : j(0);
+  let l = (s.left + a.x) / r.x, c = (s.top + a.y) / r.y, h = s.width / r.x, d = s.height / r.y;
+  if (n && i) {
+    const p = D(n), u = B(i) ? D(i) : i;
+    let f = p, g = It(f);
+    for (; g && u !== f; ) {
+      const y = st(g), v = g.getBoundingClientRect(), E = I(g), x = v.left + (g.clientLeft + parseFloat(E.paddingLeft)) * y.x, P = v.top + (g.clientTop + parseFloat(E.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, h *= y.x, d *= y.y, l += x, c += P, f = D(g), g = It(f);
     }
   }
-  return Pt({
+  return xt({
     width: h,
     height: d,
     x: l,
     y: c
   });
 }
-function ie(e, t) {
+function Dt(e, t) {
   const o = Tt(e).scrollLeft;
-  return t ? t.left + o : ot(q(e)).left + o;
+  return t ? t.left + o : it(U(e)).left + o;
 }
-function Oe(e, t, o) {
-  o === void 0 && (o = !1);
-  const i = e.getBoundingClientRect(), s = i.left + t.scrollLeft - (o ? 0 : (
-    // RTL <body> scrollbar.
-    ie(e, i)
-  )), r = i.top + t.scrollTop;
+function Ae(e, t) {
+  const o = e.getBoundingClientRect(), i = o.left + t.scrollLeft - Dt(e, o), s = o.top + t.scrollTop;
   return {
-    x: s,
-    y: r
+    x: i,
+    y: s
   };
 }
-function Gi(e) {
+function ji(e) {
   let {
     elements: t,
     rect: o,
     offsetParent: i,
     strategy: s
   } = e;
-  const r = s === "fixed", n = q(i), a = t ? St(t.floating) : !1;
-  if (i === n || a && r)
+  const n = s === "fixed", r = U(i), a = t ? Rt(t.floating) : !1;
+  if (i === r || a && n)
     return o;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = H(1);
-  const h = H(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || mt(n)) && (l = Tt(i)), W(i))) {
-    const p = ot(i);
-    c = nt(i), h.x = p.x + i.clientLeft, h.y = p.y + i.clientTop;
+  }, c = j(1);
+  const h = j(0), d = K(i);
+  if ((d || !n) && ((rt(i) !== "body" || At(r)) && (l = Tt(i)), d)) {
+    const u = it(i);
+    c = st(i), h.x = u.x + i.clientLeft, h.y = u.y + i.clientTop;
   }
-  const u = n && !d && !r ? Oe(n, l, !0) : H(0);
+  const p = r && !d && !n ? Ae(r, l) : j(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
-    x: o.x * c.x - l.scrollLeft * c.x + h.x + u.x,
-    y: o.y * c.y - l.scrollTop * c.y + h.y + u.y
+    x: o.x * c.x - l.scrollLeft * c.x + h.x + p.x,
+    y: o.y * c.y - l.scrollTop * c.y + h.y + p.y
   };
 }
-function Ji(e) {
-  return Array.from(e.getClientRects());
+function Ui(e) {
+  return e.getClientRects ? Array.from(e.getClientRects()) : [];
 }
-function Qi(e) {
-  const t = q(e), o = Tt(e), i = e.ownerDocument.body, s = T(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = T(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let n = -o.scrollLeft + ie(e);
-  const a = -o.scrollTop;
-  return B(i).direction === "rtl" && (n += T(t.clientWidth, i.clientWidth) - s), {
-    width: s,
-    height: r,
+function Xi(e) {
+  const t = Tt(e), o = e.ownerDocument.body, i = V(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = V(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let n = -t.scrollLeft + Dt(e);
+  const r = -t.scrollTop;
+  return I(o).direction === "rtl" && (n += V(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
     x: n,
-    y: a
+    y: r
   };
 }
-function Zi(e, t) {
-  const o = D(e), i = q(e), s = o.visualViewport;
-  let r = i.clientWidth, n = i.clientHeight, a = 0, l = 0;
-  if (s) {
-    r = s.width, n = s.height;
-    const c = te();
-    (!c || c && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
+const Yi = 25;
+function Ki(e, t, o) {
+  o === void 0 && (o = "viewport");
+  const i = o === "layoutViewport", s = D(e), n = U(e), r = s.visualViewport;
+  let a = n.clientWidth, l = n.clientHeight, c = 0, h = 0;
+  if (r) {
+    const p = !ee() || t === "fixed";
+    i ? p || (c = -r.offsetLeft, h = -r.offsetTop) : (a = r.width, l = r.height, p && (c = r.offsetLeft, h = r.offsetTop));
+  }
+  if (Dt(n) <= 0) {
+    const p = n.ownerDocument, u = p.body, f = getComputedStyle(u), g = p.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, y = Math.abs(n.clientWidth - u.clientWidth - g), v = getComputedStyle(n).scrollbarGutter === "stable both-edges" ? y / 2 : y;
+    v <= Yi && (a -= v);
   }
   return {
-    width: r,
-    height: n,
-    x: a,
-    y: l
+    width: a,
+    height: l,
+    x: c,
+    y: h
   };
 }
-const to = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function eo(e, t) {
-  const o = ot(e, !0, t === "fixed"), i = o.top + e.clientTop, s = o.left + e.clientLeft, r = W(e) ? nt(e) : H(1), n = e.clientWidth * r.x, a = e.clientHeight * r.y, l = s * r.x, c = i * r.y;
+function Gi(e, t) {
+  const o = it(e, !0, t === "fixed"), i = o.top + e.clientTop, s = o.left + e.clientLeft, n = st(e), r = e.clientWidth * n.x, a = e.clientHeight * n.y, l = s * n.x, c = i * n.y;
   return {
-    width: n,
+    width: r,
     height: a,
     x: l,
     y: c
   };
 }
-function me(e, t, o) {
+function ge(e, t, o) {
   let i;
-  if (t === "viewport")
-    i = Zi(e, o);
+  if (t === "viewport" || t === "layoutViewport")
+    i = Ki(e, o, t);
   else if (t === "document")
-    i = Qi(q(e));
-  else if (z(t))
-    i = eo(t, o);
+    i = Xi(U(e));
+  else if (B(t))
+    i = Gi(t, o);
   else {
-    const s = Ce(e);
+    const s = Oe(e);
     i = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -1707,110 +1689,104 @@ function me(e, t, o) {
       height: t.height
     };
   }
-  return Pt(i);
+  return xt(i);
 }
-function Ae(e, t) {
-  const o = tt(e);
-  return o === t || !z(o) || rt(o) ? !1 : B(o).position === "fixed" || Ae(o, t);
-}
-function io(e, t) {
+function Ji(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let i = ut(e, [], !1).filter((a) => z(a) && lt(a) !== "body"), s = null;
-  const r = B(e).position === "fixed";
-  let n = r ? tt(e) : e;
-  for (; z(n) && !rt(n); ) {
-    const a = B(n), l = Rt(n);
-    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && to.has(s.position) || mt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
+  let i = ut(e, [], !1).filter((a) => B(a) && rt(a) !== "body"), s = null;
+  const n = I(e).position === "fixed";
+  let r = n ? et(e) : e;
+  for (; B(r) && !pt(r); ) {
+    const a = I(r), l = St(r), c = s ? s.position : n ? "fixed" : "";
+    !l && (c === "fixed" || c === "absolute" && a.position === "static") ? i = i.filter((d) => d !== r) : s = a, r = et(r);
   }
   return t.set(e, i), i;
 }
-function oo(e) {
+function Qi(e) {
   let {
     element: t,
     boundary: o,
     rootBoundary: i,
     strategy: s
   } = e;
-  const n = [...o === "clippingAncestors" ? St(t) ? [] : io(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
-    const d = me(t, h, s);
-    return c.top = T(d.top, c.top), c.right = Q(d.right, c.right), c.bottom = Q(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
-  }, me(t, a, s));
+  const r = [...o === "clippingAncestors" ? Rt(t) ? [] : Ji(t, this._c) : [].concat(o), i], a = ge(t, r[0], s);
+  let l = a.top, c = a.right, h = a.bottom, d = a.left;
+  for (let p = 1; p < r.length; p++) {
+    const u = ge(t, r[p], s);
+    l = V(u.top, l), c = Y(u.right, c), h = Y(u.bottom, h), d = V(u.left, d);
+  }
   return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
+    width: c - d,
+    height: h - l,
+    x: d,
+    y: l
   };
 }
-function so(e) {
+function Zi(e) {
   const {
     width: t,
     height: o
-  } = Pe(e);
+  } = Ce(e);
   return {
     width: t,
     height: o
   };
 }
-function no(e, t, o) {
-  const i = W(t), s = q(t), r = o === "fixed", n = ot(e, !0, r, t);
+function to(e, t, o) {
+  const i = K(t), s = U(t), n = o === "fixed", r = it(e, !0, n, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = H(0);
-  function c() {
-    l.x = ie(s);
-  }
-  if (i || !i && !r)
-    if ((lt(t) !== "body" || mt(s)) && (a = Tt(t)), i) {
-      const p = ot(t, !0, r, t);
-      l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
-    } else s && c();
-  r && !i && s && c();
-  const h = s && !i && !r ? Oe(s, a) : H(0), d = n.left + a.scrollLeft - l.x - h.x, u = n.top + a.scrollTop - l.y - h.y;
+  const l = j(0);
+  if ((i || !n) && ((rt(t) !== "body" || At(s)) && (a = Tt(t)), i)) {
+    const p = it(t, !0, n, t);
+    l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
+  }
+  !i && s && (l.x = Dt(s));
+  const c = s && !i && !n ? Ae(s, a) : j(0), h = r.left + a.scrollLeft - l.x - c.x, d = r.top + a.scrollTop - l.y - c.y;
   return {
-    x: d,
-    y: u,
-    width: n.width,
-    height: n.height
+    x: h,
+    y: d,
+    width: r.width,
+    height: r.height
   };
 }
-function $t(e) {
-  return B(e).position === "static";
+function Ft(e) {
+  return I(e).position === "static";
 }
-function ge(e, t) {
-  if (!W(e) || B(e).position === "fixed")
+function me(e, t) {
+  if (!K(e) || I(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let o = e.offsetParent;
-  return q(e) === o && (o = o.ownerDocument.body), o;
+  return U(e) === o && (o = o.ownerDocument.body), o;
 }
-function Se(e, t) {
+function Re(e, t) {
   const o = D(e);
-  if (St(e))
+  if (Rt(e))
     return o;
-  if (!W(e)) {
-    let s = tt(e);
-    for (; s && !rt(s); ) {
-      if (z(s) && !$t(s))
+  if (!K(e)) {
+    let s = et(e);
+    for (; s && !pt(s); ) {
+      if (B(s) && !Ft(s))
         return s;
-      s = tt(s);
+      s = et(s);
     }
     return o;
   }
-  let i = ge(e, t);
-  for (; i && Hi(i) && $t(i); )
-    i = ge(i, t);
-  return i && rt(i) && $t(i) && !Rt(i) ? o : i || Ui(e) || o;
+  let i = me(e, t);
+  for (; i && Ii(i) && Ft(i); )
+    i = me(i, t);
+  return i && pt(i) && Ft(i) && !St(i) ? o : i || Hi(e) || o;
 }
-const ro = async function(e) {
-  const t = this.getOffsetParent || Se, o = this.getDimensions, i = await o(e.floating);
+const eo = async function(e) {
+  const t = this.getOffsetParent || Re, o = this.getDimensions, i = await o(e.floating);
   return {
-    reference: no(e.reference, await t(e.floating), e.strategy),
+    reference: to(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1819,126 +1795,127 @@ const ro = async function(e) {
     }
   };
 };
-function ao(e) {
-  return B(e).direction === "rtl";
+function io(e) {
+  return I(e).direction === "rtl";
 }
 const Mt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Gi,
-  getDocumentElement: q,
-  getClippingRect: oo,
-  getOffsetParent: Se,
-  getElementRects: ro,
-  getClientRects: Ji,
-  getDimensions: so,
-  getScale: nt,
-  isElement: z,
-  isRTL: ao
+  convertOffsetParentRelativeRectToViewportRelativeRect: ji,
+  getDocumentElement: U,
+  getClippingRect: Qi,
+  getOffsetParent: Re,
+  getElementRects: eo,
+  getClientRects: Ui,
+  getDimensions: Zi,
+  getScale: st,
+  isElement: B,
+  isRTL: io
 };
-function Re(e, t) {
+function Se(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function lo(e, t) {
-  let o = null, i;
-  const s = q(e);
+function oo(e, t, o) {
+  let i = null, s;
+  const n = U(e);
   function r() {
-    var a;
-    clearTimeout(i), (a = o) == null || a.disconnect(), o = null;
-  }
-  function n(a, l) {
-    a === void 0 && (a = !1), l === void 0 && (l = 1), r();
-    const c = e.getBoundingClientRect(), {
-      left: h,
-      top: d,
-      width: u,
-      height: p
-    } = c;
-    if (a || t(), !u || !p)
+    var h;
+    clearTimeout(s), (h = i) == null || h.disconnect(), i = null;
+  }
+  function a(h, d) {
+    h === void 0 && (h = !1), d === void 0 && (d = 1), r();
+    const p = e.getBoundingClientRect(), {
+      left: u,
+      top: f,
+      width: g,
+      height: y
+    } = p;
+    if (h || t(), !g || !y)
       return;
-    const f = yt(d), m = yt(s.clientWidth - (h + u)), y = yt(s.clientHeight - (d + p)), v = yt(h), E = {
-      rootMargin: -f + "px " + -m + "px " + -y + "px " + -v + "px",
-      threshold: T(0, Q(1, l)) || 1
+    const v = mt(f), E = mt(n.clientWidth - (u + g)), x = mt(n.clientHeight - (f + y)), P = mt(u), C = {
+      rootMargin: -v + "px " + -E + "px " + -x + "px " + -P + "px",
+      threshold: V(0, Y(1, d)) || 1
     };
-    let C = !0;
-    function P($) {
-      const A = $[0].intersectionRatio;
-      if (A !== l) {
-        if (!C)
-          return n();
-        A ? n(!1, A) : i = setTimeout(() => {
-          n(!1, 1e-7);
+    let T = !0;
+    function $(N) {
+      const A = N[0].intersectionRatio;
+      if (!Se(p, e.getBoundingClientRect()))
+        return a();
+      if (A !== d) {
+        if (!T)
+          return a();
+        A ? a(!1, A) : s = setTimeout(() => {
+          a(!1, 1e-7);
         }, 1e3);
       }
-      A === 1 && !Re(c, e.getBoundingClientRect()) && n(), C = !1;
+      T = !1;
     }
     try {
-      o = new IntersectionObserver(P, {
-        ...E,
+      i = new IntersectionObserver($, {
+        ...C,
         // Handle <iframe>s
-        root: s.ownerDocument
+        root: n.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(P, E);
+      i = new IntersectionObserver($, C);
     }
-    o.observe(e);
+    i.observe(e);
   }
-  return n(!0), r;
+  const l = D(e), c = () => a(o);
+  return l.addEventListener("resize", c), a(!0), () => {
+    l.removeEventListener("resize", c), r();
+  };
 }
-function It(e, t, o, i) {
+function Wt(e, t, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: s = !0,
-    ancestorResize: r = !0,
-    elementResize: n = typeof ResizeObserver == "function",
+    ancestorResize: n = !0,
+    elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = ee(e), h = s || r ? [...c ? ut(c) : [], ...ut(t)] : [];
+  } = i, c = ie(e), h = s || n ? [...c ? ut(c) : [], ...t ? ut(t) : []] : [];
   h.forEach((v) => {
-    s && v.addEventListener("scroll", o, {
-      passive: !0
-    }), r && v.addEventListener("resize", o);
+    s && v.addEventListener("scroll", o), n && v.addEventListener("resize", o);
   });
-  const d = c && a ? lo(c, o) : null;
-  let u = -1, p = null;
-  n && (p = new ResizeObserver((v) => {
-    let [x] = v;
-    x && x.target === c && p && (p.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
-      var E;
-      (E = p) == null || E.observe(t);
+  const d = c && a ? oo(c, o, n) : null;
+  let p = -1, u = null;
+  r && (u = new ResizeObserver((v) => {
+    let [E] = v;
+    E && E.target === c && u && t && (u.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var x;
+      (x = u) == null || x.observe(t);
     })), o();
-  }), c && !l && p.observe(c), p.observe(t));
-  let f, m = l ? ot(e) : null;
+  }), c && !l && u.observe(c), t && u.observe(t));
+  let f, g = l ? it(e) : null;
   l && y();
   function y() {
-    const v = ot(e);
-    m && !Re(m, v) && o(), m = v, f = requestAnimationFrame(y);
+    const v = it(e);
+    g && !Se(g, v) && o(), g = v, f = requestAnimationFrame(y);
   }
   return o(), () => {
     var v;
-    h.forEach((x) => {
-      s && x.removeEventListener("scroll", o), r && x.removeEventListener("resize", o);
-    }), d?.(), (v = p) == null || v.disconnect(), p = null, l && cancelAnimationFrame(f);
+    h.forEach((E) => {
+      s && E.removeEventListener("scroll", o), n && E.removeEventListener("resize", o);
+    }), d?.(), (v = u) == null || v.disconnect(), u = null, l && cancelAnimationFrame(f);
   };
 }
-const Ht = _i, Te = zi, Wt = ki, qt = Bi, co = $i, De = Li, Le = (e, t, o) => {
-  const i = /* @__PURE__ */ new Map(), s = {
-    platform: Mt,
-    ...o
-  }, r = {
+const Ht = Ni, Te = zi, qt = $i, Vt = Bi, so = ki, De = Li, Le = (e, t, o) => {
+  const i = /* @__PURE__ */ new Map(), s = o ?? {}, n = {
+    ...Mt,
     ...s.platform,
     _c: i
   };
   return Di(e, t, {
     ...s,
-    platform: r
+    platform: n
   });
 };
-function vt(e) {
+function yt(e) {
   if (typeof e > "u")
     return 0;
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t || -1e4;
 }
-const bt = 8, ho = 100, po = (e) => ({
+const vt = 8, no = 100, ro = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-end": ["top-end", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
@@ -1952,7 +1929,7 @@ const bt = 8, ho = 100, po = (e) => ({
   "top-end": ["bottom-end", "left", "right"],
   "top-start": ["bottom-start", "left", "right"]
 })[e] ?? [e];
-class uo {
+class ao {
   constructor(t) {
     this.originalPlacements = /* @__PURE__ */ new WeakMap(), this.allowPlacementUpdate = !1, this.closeForAncestorUpdate = () => {
       !this.allowPlacementUpdate && this.options.type !== "modal" && this.cleanup && this.target.dispatchEvent(new Event("close", { bubbles: !0 })), this.allowPlacementUpdate = !1;
@@ -1965,7 +1942,7 @@ class uo {
   async placeOverlay(t = this.target, o = this.options) {
     if (this.target = t, this.options = o, !t || !o)
       return;
-    const i = It(
+    const i = Wt(
       o.trigger,
       t,
       this.closeForAncestorUpdate,
@@ -1974,7 +1951,7 @@ class uo {
         elementResize: !1,
         layoutShift: !1
       }
-    ), s = It(
+    ), s = Wt(
       o.trigger,
       t,
       this.updatePlacement,
@@ -1983,12 +1960,12 @@ class uo {
       }
     );
     this.cleanup = () => {
-      this.host.elements?.forEach((r) => {
-        r.addEventListener(
+      this.host.elements?.forEach((n) => {
+        n.addEventListener(
           "cx-closed",
           () => {
-            const n = this.originalPlacements.get(r);
-            n && r.setAttribute("placement", n), this.originalPlacements.delete(r);
+            const r = this.originalPlacements.get(n);
+            r && n.setAttribute("placement", r), this.originalPlacements.delete(n);
           },
           { once: !0 }
         );
@@ -1998,37 +1975,37 @@ class uo {
   async computePlacement() {
     const { options: t, target: o } = this;
     await (document.fonts ? document.fonts.ready : Promise.resolve());
-    const i = t.trigger instanceof HTMLElement ? Wt() : Wt({
-      fallbackPlacements: po(t.placement),
-      padding: bt
-    }), [s = 0, r = 0] = Array.isArray(t?.offset) ? t.offset : [t.offset, 0], n = this.host.elements.find(
-      (u) => u.tipElement
+    const i = t.trigger instanceof HTMLElement ? qt() : qt({
+      fallbackPlacements: ro(t.placement),
+      padding: vt
+    }), [s = 0, n = 0] = Array.isArray(t?.offset) ? t.offset : [t.offset, 0], r = this.host.elements.find(
+      (p) => p.tipElement
     )?.tipElement, a = [
       Ht({
-        crossAxis: r,
+        crossAxis: n,
         mainAxis: s
       }),
-      Te({ padding: bt }),
+      Te({ padding: vt }),
       i,
-      qt({
-        apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
-          const m = Math.max(
-            ho,
-            Math.floor(u)
+      Vt({
+        apply: ({ availableHeight: p, availableWidth: u, rects: { floating: f } }) => {
+          const g = Math.max(
+            no,
+            Math.floor(p)
           ), y = f.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || m <= y;
-          const v = this.isConstrained ? `${m}px` : "";
+          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || g <= y;
+          const v = this.isConstrained ? `${g}px` : "";
           Object.assign(o.style, {
             maxHeight: v,
-            maxWidth: `${Math.floor(p)}px`
+            maxWidth: `${Math.floor(u)}px`
           });
         },
-        padding: bt
+        padding: vt
       }),
-      ...n ? [
+      ...r ? [
         De({
-          element: n,
-          padding: t.tipPadding || bt
+          element: r,
+          padding: t.tipPadding || vt
         })
       ] : []
     ], { middlewareData: l, placement: c, x: h, y: d } = await Le(
@@ -2043,18 +2020,18 @@ class uo {
     if (Object.assign(o.style, {
       left: "0px",
       top: "0px",
-      translate: `${vt(h)}px ${vt(d)}px`
-    }), o.setAttribute("actual-placement", c), this.host.elements?.forEach((u) => {
-      this.originalPlacements.has(u) || this.originalPlacements.set(
-        u,
-        u.getAttribute("placement")
-      ), u.setAttribute("placement", c);
-    }), n && l.arrow) {
-      const { x: u, y: p } = l.arrow;
-      Object.assign(n.style, {
+      translate: `${yt(h)}px ${yt(d)}px`
+    }), o.setAttribute("actual-placement", c), this.host.elements?.forEach((p) => {
+      this.originalPlacements.has(p) || this.originalPlacements.set(
+        p,
+        p.getAttribute("placement")
+      ), p.setAttribute("placement", c);
+    }), r && l.arrow) {
+      const { x: p, y: u } = l.arrow;
+      Object.assign(r.style, {
         left: c.startsWith("bottom") || c.startsWith("top") ? "0px" : "",
         top: c.startsWith("right") || c.startsWith("left") ? "0px" : "",
-        translate: `${vt(u)}px ${vt(p)}px`
+        translate: `${yt(p)}px ${yt(u)}px`
       });
     }
   }
@@ -2074,7 +2051,7 @@ class uo {
     );
   }
 }
-var Dt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Dt || {});
+var Lt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Lt || {});
 class oe {
   constructor(t, { handleOverlayReady: o, isPersistent: i, overlay: s }) {
     this.target = t, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!i, this.handleOverlayReady = o, this.isPersistent && this.init(), this.overlay = s;
@@ -2095,9 +2072,9 @@ class oe {
         return;
       }
       t && (customElements.whenDefined("cx-overlay").then(async () => {
-        const { Overlay: o } = await Promise.resolve().then(() => Ao);
+        const { Overlay: o } = await Promise.resolve().then(() => Eo);
         this.overlay = new o(), this.overlay.open = !0;
-      }), Promise.resolve().then(() => Fe));
+      }), Promise.resolve().then(() => _e));
     }
   }
   get overlay() {
@@ -2129,14 +2106,14 @@ class oe {
     this.isPersistent || this.abort();
   }
 }
-const fo = 300, ke = {
+const lo = 300, $e = {
   keyboard: "Press Space or Alt+Down Arrow for additional options",
   mouse: "Click and hold for additional options",
   touch: "Double tap and long press for additional options"
 };
-class mo extends oe {
+class co extends oe {
   constructor() {
-    super(...arguments), this.type = Dt.LongPress, this.longpressState = null, this.releaseDescription = it, this.handlePointerup = () => {
+    super(...arguments), this.type = Lt.LongPress, this.longpressState = null, this.releaseDescription = Z, this.handlePointerup = () => {
       clearTimeout(this.timeout), this.target && (this.longpressState = this.overlay?.state === "opening" ? "pressed" : null, document.removeEventListener("pointerup", this.handlePointerup), document.removeEventListener("pointercancel", this.handlePointerup));
     };
   }
@@ -2157,7 +2134,7 @@ class mo extends oe {
           }
         })
       );
-    }, fo));
+    }, lo));
   }
   handleKeydown(t) {
     const { altKey: o, code: i } = t;
@@ -2184,23 +2161,23 @@ class mo extends oe {
   prepareDescription(t) {
     if (
       // do not reapply until target is recycled
-      this.releaseDescription !== it || // require "longpress content" to apply relationship
+      this.releaseDescription !== Z || // require "longpress content" to apply relationship
       !this.overlay.elements.length
     )
       return;
     const o = document.createElement("div");
-    o.id = `longpress-describedby-descriptor-${jt()}`;
+    o.id = `longpress-describedby-descriptor-${Ut()}`;
     const i = ai() || li() ? "touch" : "keyboard";
-    o.textContent = ke[i], o.slot = "longpress-describedby-descriptor";
-    const s = t.getRootNode(), r = this.overlay.getRootNode();
-    s === r ? this.overlay.append(o) : (o.hidden = !("host" in s), t.insertAdjacentElement("afterend", o));
-    const n = Nt(
+    o.textContent = $e[i], o.slot = "longpress-describedby-descriptor";
+    const s = t.getRootNode(), n = this.overlay.getRootNode();
+    s === n ? this.overlay.append(o) : (o.hidden = !("host" in s), t.insertAdjacentElement("afterend", o));
+    const r = zt(
       t,
       "aria-describedby",
       [o.id]
     );
     this.releaseDescription = () => {
-      n(), o.remove(), this.releaseDescription = it;
+      r(), o.remove(), this.releaseDescription = Z;
     };
   }
   shouldCompleteOpen() {
@@ -2226,8 +2203,8 @@ class mo extends oe {
     ));
   }
 }
-const go = Vt`:host{pointer-events:none;--swc-overlay-animation-distance:var(--cx-spacing-medium);display:contents}.dialog{box-sizing:border-box;--cx-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:focus{outline:none}:host(:not([open])) .dialog{--cx-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}.dialog.defer-slotted-visibility>slot::slotted(*){filter:opacity(0);pointer-events:none;translate:-200vw -200vh;visibility:hidden!important}.dialog.defer-slotted-visibility.defer-slotted-opened>slot::slotted(*){filter:none;pointer-events:auto;translate:none;visibility:visible!important}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1}}@supports (overlay:auto){.dialog{transition:all var(--cx-transition-fast,.13s), translate 0s, display var(--cx-transition-fast,.13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}}`;
-class yo extends Event {
+const ho = jt`:host{pointer-events:none;--swc-overlay-animation-distance:var(--cx-spacing-medium);display:contents}.dialog{box-sizing:border-box;--cx-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:focus{outline:none}:host(:not([open])) .dialog{--cx-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}.dialog.defer-slotted-visibility>slot::slotted(*){filter:opacity(0);pointer-events:none;translate:-200vw -200vh;visibility:hidden!important}.dialog.defer-slotted-visibility.defer-slotted-opened>slot::slotted(*){filter:none;pointer-events:auto;translate:none;visibility:visible!important}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1}}@supports (overlay:auto){.dialog{transition:all var(--cx-transition-fast,.13s), translate 0s, display var(--cx-transition-fast,.13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}}`;
+class po extends Event {
   constructor(t, o, i) {
     super("slottable-request", {
       bubbles: !1,
@@ -2236,10 +2213,10 @@ class yo extends Event {
     }), this.name = t, this.data = o, this.slotName = i !== void 0 ? `${t}.${i}` : t;
   }
 }
-const vo = Symbol("remove-slottable-request");
-class bo extends oe {
+const uo = Symbol("remove-slottable-request");
+class fo extends oe {
   constructor() {
-    super(...arguments), this.type = Dt.Click, this.preventNextToggle = !1;
+    super(...arguments), this.type = Lt.Click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -2259,10 +2236,10 @@ class bo extends oe {
     );
   }
 }
-const wo = 300;
-class xo extends oe {
+const go = 300;
+class mo extends oe {
   constructor() {
-    super(...arguments), this.type = Dt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = Lt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
   handleTargetFocusin() {
     this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
@@ -2291,27 +2268,27 @@ class xo extends oe {
     t === i ? this.prepareOverlayRelativeDescription() : t === o && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = Nt(
+    const t = zt(
       this.target,
       "aria-describedby",
       [this.overlay.id]
     );
     this.releaseDescription = () => {
-      t(), this.releaseDescription = it;
+      t(), this.releaseDescription = Z;
     };
   }
   prepareContentRelativeDescription() {
-    const t = [], o = this.overlay.elements.map((s) => (t.push(s.id), s.id || (s.id = `${this.overlay.tagName.toLowerCase()}-helper-${jt()}`), s.id));
+    const t = [], o = this.overlay.elements.map((s) => (t.push(s.id), s.id || (s.id = `${this.overlay.tagName.toLowerCase()}-helper-${Ut()}`), s.id));
     this.elementIds = t;
-    const i = Nt(
+    const i = zt(
       this.target,
       "aria-describedby",
       o
     );
     this.releaseDescription = () => {
-      i(), this.overlay.elements.map((s, r) => {
-        s.id = this.elementIds[r];
-      }), this.releaseDescription = it;
+      i(), this.overlay.elements.map((s, n) => {
+        s.id = this.elementIds[n];
+      }), this.releaseDescription = Z;
     };
   }
   doPointerleave() {
@@ -2319,7 +2296,7 @@ class xo extends oe {
     const t = this.target;
     this.focusedin && t.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
       this.open = !1;
-    }, wo));
+    }, go));
   }
   init() {
     this.abortController?.abort(), this.abortController = new AbortController();
@@ -2355,21 +2332,21 @@ class xo extends oe {
     );
   }
 }
-const Eo = {
-  click: bo,
-  hover: xo,
-  longpress: mo
+const yo = {
+  click: fo,
+  hover: mo,
+  longpress: co
 };
-var Po = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, S = (e, t, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? Co(t, o) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (s = (i ? n(t, o, s) : n(s)) || s);
-  return i && s && Po(t, o, s), s;
+var vo = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, R = (e, t, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? bo(t, o) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (s = (i ? r(t, o, s) : r(s)) || s);
+  return i && s && vo(t, o, s), s;
 };
-const Oo = "showPopover" in document.createElement("div");
+const wo = "showPopover" in document.createElement("div");
 let ct = ui(dt);
-Oo ? ct = gi(ct) : ct = fi(ct);
-var K;
-const O = (K = class extends ct {
+wo ? ct = mi(ct) : ct = fi(ct);
+var q;
+const O = (q = class extends ct {
   constructor() {
     super(), this._delayed = !1, this.deferSlottedVisibility = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (t) => {
       if (!t.relatedTarget)
@@ -2396,16 +2373,16 @@ const O = (K = class extends ct {
     this._disabled = t, t ? (this.strategy?.abort(), this.wasOpen = this.open, this.open = !1) : (this.bindEvents(), this.open = this.open || this.wasOpen, this.wasOpen = !1);
   }
   get hasNonVirtualTrigger() {
-    return !!this.triggerElement && !(this.triggerElement instanceof Ot);
+    return !!this.triggerElement && !(this.triggerElement instanceof Ct);
   }
   get placementController() {
-    return this._placementController || (this._placementController = new uo(this)), this._placementController;
+    return this._placementController || (this._placementController = new ao(this)), this._placementController;
   }
   get open() {
     return this._open;
   }
   set open(t) {
-    t && this.disabled || t !== this.open && (this.strategy?.activelyOpening && !t || (this._open = t, this.open && (K.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
+    t && this.disabled || t !== this.open && (this.strategy?.activelyOpening && !t || (this._open = t, this.open && (q.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
   }
   get state() {
     return this._state;
@@ -2459,7 +2436,7 @@ const O = (K = class extends ct {
   }
   async applyFocus(t, o) {
     if (!(this.receivesFocus === "false" || this.type === "hint")) {
-      if (await k(), await k(), t === this.open && !this.open) {
+      if (await L(), await L(), t === this.open && !this.open) {
         this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
         return;
       }
@@ -2499,7 +2476,7 @@ const O = (K = class extends ct {
     }
   }
   bindEvents() {
-    this.strategy?.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new Eo[this.triggerInteraction](
+    this.strategy?.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new yo[this.triggerInteraction](
       this.triggerElement,
       {
         overlay: this
@@ -2528,14 +2505,14 @@ const O = (K = class extends ct {
   }
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new yo(
+      new po(
         "overlay-content",
-        this.open ? {} : vo
+        this.open ? {} : uo
       )
     ), this.lastRequestSlottableState = this.open);
   }
   willUpdate(t) {
-    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${jt()}`), t.has("open") && (this.hasUpdated || this.open) && this.manageOpen(t.get("open")), t.has("trigger")) {
+    if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${Ut()}`), t.has("open") && (this.hasUpdated || this.open) && this.manageOpen(t.get("open")), t.has("trigger")) {
       const [i, s] = this.trigger?.split("@") || [];
       this.elementResolver.selector = i ? `#${i}` : "", this.triggerInteraction = s;
     }
@@ -2546,11 +2523,11 @@ const O = (K = class extends ct {
     super.updated(t), t.has("placement") && (this.placement ? this.dialogEl.setAttribute("actual-placement", this.placement) : this.dialogEl.removeAttribute("actual-placement"), this.open && typeof t.get("placement") < "u" && this.placementController.resetOverlayPosition()), t.has("state") && this.state === "closed" && typeof t.get("state") < "u" && this.placementController.clearOverlayPosition();
   }
   renderContent() {
-    return U`<slot @slotchange=${this.handleSlotchange}></slot>`;
+    return W`<slot @slotchange=${this.handleSlotchange}></slot>`;
   }
   get dialogStyleMap() {
     return {
-      "--swc-overlay-open-count": K.openCount.toString()
+      "--swc-overlay-open-count": q.openCount.toString()
     };
   }
   /** Reveal deferred slotted content only after the overlay reaches the opened state. */
@@ -2561,26 +2538,26 @@ const O = (K = class extends ct {
     this.open = !1;
   }
   renderDialog() {
-    return U`<dialog class=${ht({
+    return W`<dialog class=${ht({
       "defer-slotted-opened": this.deferSlottedOpened,
       "defer-slotted-visibility": this.deferSlottedVisibility,
       dialog: !0
-    })} part="dialog" placement=${Lt(
+    })} part="dialog" placement=${$t(
       this.requiresPosition ? this.placement || "right" : void 0
     )} style=${se(this.dialogStyleMap)} @close=${this.handleBrowserClose} @cancel=${this.handleBrowserClose} @beforetoggle=${this.handleBeforetoggle} ?is-visible=${this.state !== "closed"}>${this.renderContent()}</dialog>`;
   }
   renderPopover() {
-    return U`<div class=${ht({
+    return W`<div class=${ht({
       "defer-slotted-opened": this.deferSlottedOpened,
       "defer-slotted-visibility": this.deferSlottedVisibility,
       dialog: !0
-    })} part="dialog" placement=${Lt(
+    })} part="dialog" placement=${$t(
       this.requiresPosition ? this.placement || "right" : void 0
-    )} popover=${Lt(this.popoverValue)} style=${se(this.dialogStyleMap)} @beforetoggle=${this.handleBeforetoggle} @close=${this.handleBrowserClose} ?is-visible=${this.state !== "closed"}>${this.renderContent()}</div>`;
+    )} popover=${$t(this.popoverValue)} style=${se(this.dialogStyleMap)} @beforetoggle=${this.handleBeforetoggle} @close=${this.handleBrowserClose} ?is-visible=${this.state !== "closed"}>${this.renderContent()}</div>`;
   }
   render() {
     const t = this.type === "modal" || this.type === "page";
-    return U`
+    return W`
       ${t ? this.renderDialog() : this.renderPopover()}<slot name="longpress-describedby-descriptor"></slot>`;
   }
   connectedCallback() {
@@ -2589,110 +2566,110 @@ const O = (K = class extends ct {
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("close", this.handleClose), this.strategy?.releaseDescription(), this.open = !1;
   }
-}, K.styles = [
+}, q.styles = [
   ye,
-  Vt`
-      ${Be(go)}
+  jt`
+      ${Be(ho)}
     `
-], K.openCount = 1, K);
-S([
-  g({ type: Boolean })
+], q.openCount = 1, q);
+R([
+  m({ type: Boolean })
 ], O.prototype, "delayed", 1);
-S([
-  g({ attribute: "defer-slotted-visibility", type: Boolean })
+R([
+  m({ attribute: "defer-slotted-visibility", type: Boolean })
 ], O.prototype, "deferSlottedVisibility", 2);
-S([
-  Ct(".dialog")
+R([
+  Pt(".dialog")
 ], O.prototype, "dialogEl", 2);
-S([
-  g({ type: Boolean })
+R([
+  m({ type: Boolean })
 ], O.prototype, "disabled", 1);
-S([
-  Ke({
+R([
+  Ye({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
     // gather only elements slotted into the default slot
   })
 ], O.prototype, "elements", 2);
-S([
-  g({ type: Number })
+R([
+  m({ type: Number })
 ], O.prototype, "offset", 2);
-S([
-  g({ reflect: !0, type: Boolean })
+R([
+  m({ reflect: !0, type: Boolean })
 ], O.prototype, "open", 1);
-S([
-  g()
+R([
+  m()
 ], O.prototype, "placement", 2);
-S([
-  g({ attribute: "receives-focus" })
+R([
+  m({ attribute: "receives-focus" })
 ], O.prototype, "receivesFocus", 2);
-S([
-  Ct("slot")
+R([
+  Pt("slot")
 ], O.prototype, "slotEl", 2);
-S([
-  Ie()
+R([
+  Me()
 ], O.prototype, "state", 1);
-S([
-  g({ attribute: "tip-padding", type: Number })
+R([
+  m({ attribute: "tip-padding", type: Number })
 ], O.prototype, "tipPadding", 2);
-S([
-  g()
+R([
+  m()
 ], O.prototype, "trigger", 2);
-S([
-  g({ attribute: "trigger-element" })
+R([
+  m({ attribute: "trigger-element" })
 ], O.prototype, "triggerElement", 2);
-S([
-  g({ attribute: "trigger-interaction" })
+R([
+  m({ attribute: "trigger-interaction" })
 ], O.prototype, "triggerInteraction", 2);
-S([
-  g()
+R([
+  m()
 ], O.prototype, "type", 2);
-let $e = O;
-const Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let ke = O;
+const Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LONGPRESS_INSTRUCTIONS: ke,
-  Overlay: $e
+  LONGPRESS_INSTRUCTIONS: $e,
+  Overlay: ke
 }, Symbol.toStringTag, { value: "Module" }));
-Ze("cx-overlay", $e);
-const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+Ze("cx-overlay", ke);
+const _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-var Ne = /* @__PURE__ */ ((e) => (e.Display = "display", e.Visibility = "visibility", e))(Ne || {});
-function So(e) {
-  return Ro(e);
+var Fe = /* @__PURE__ */ ((e) => (e.Display = "display", e.Visibility = "visibility", e))(Fe || {});
+function xo(e) {
+  return Po(e);
 }
-function Ft(e) {
+function Nt(e) {
   return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
 }
-function Ro(e) {
-  for (let t = e; t; t = Ft(t)) if (t instanceof Element && getComputedStyle(t).display === "none") return null;
-  for (let t = Ft(e); t; t = Ft(t)) {
+function Po(e) {
+  for (let t = e; t; t = Nt(t)) if (t instanceof Element && getComputedStyle(t).display === "none") return null;
+  for (let t = Nt(e); t; t = Nt(t)) {
     if (!(t instanceof Element)) continue;
     const o = getComputedStyle(t);
-    if (o.display !== "contents" && (o.position !== "static" || Rt(o) || t.tagName === "BODY"))
+    if (o.display !== "contents" && (o.position !== "static" || St(o) || t.tagName === "BODY"))
       return t;
   }
   return null;
 }
-const To = Vt`:host{--arrow-color:var(--cx-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * .7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));-webkit-overflow-scrolling:auto;display:contents}.popup{isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none);position:absolute}.popup--use-size-middleware{width:max-content}.popup--fixed,.popup--overlay{z-index:var(--cx-z-index-dialog);position:fixed}:host(:not([toggle=visibility])) .popup:not(.popup--active){display:none}:host([toggle=visibility]) .popup:not(.popup--active){visibility:hidden}.popup__arrow{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color);z-index:-1;position:absolute;rotate:45deg}.popup-hover-bridge:not(.popup-hover-bridge--visible){visibility:hidden}.popup-hover-bridge{z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0), var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0), var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0), var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0));position:fixed;inset:0}`;
-var Do = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, w = (e, t, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? Lo(t, o) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (s = (i ? n(t, o, s) : n(s)) || s);
-  return i && s && Do(t, o, s), s;
+const Co = jt`:host{--arrow-color:var(--cx-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * .7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));-webkit-overflow-scrolling:auto;display:contents}.popup{isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none);position:absolute}.popup--use-size-middleware{width:max-content}.popup--fixed,.popup--overlay{z-index:var(--cx-z-index-dialog);position:fixed}:host(:not([toggle=visibility])) .popup:not(.popup--active){display:none}:host([toggle=visibility]) .popup:not(.popup--active){visibility:hidden}.popup__arrow{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color);z-index:-1;position:absolute;rotate:45deg}.popup-hover-bridge:not(.popup-hover-bridge--visible){visibility:hidden}.popup-hover-bridge{z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0), var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0), var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0), var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0));position:fixed;inset:0}`;
+var Oo = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, w = (e, t, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ao(t, o) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (s = (i ? r(t, o, s) : r(s)) || s);
+  return i && s && Oo(t, o, s), s;
 };
-function ko(e) {
+function Ro(e) {
   if (e == null || typeof e != "object")
     return !1;
   const t = "contextElement" in e ? e.contextElement.ownerDocument.defaultView : null;
   return "getBoundingClientRect" in e && ("contextElement" in e ? e.contextElement instanceof (t?.Element ?? Element) : !0);
 }
-let b = class extends Me {
+let b = class extends Ie {
   constructor() {
-    super(...arguments), this.isTornDown = !1, this.localize = new Ue(this), this.active = !1, this.placement = "top", this.strategy = "absolute", this.toggle = Ne.Display, this.distance = 0, this.skidding = 0, this.arrow = !1, this.arrowPlacement = "anchor", this.arrowPadding = 10, this.flip = !1, this.hide = !1, this.hideBoundaryStrategy = "escaped", this.flipFallbackPlacements = "", this.flipFallbackStrategy = "best-fit", this.flipPadding = 0, this.shift = !1, this.shiftPadding = 0, this.autoSizePadding = 0, this.hoverBridge = !1, this.autoWidthFactor = 1, this.updateHoverBridge = () => {
+    super(...arguments), this.isTornDown = !1, this.localize = new Ue(this), this.active = !1, this.placement = "top", this.strategy = "absolute", this.toggle = Fe.Display, this.distance = 0, this.skidding = 0, this.arrow = !1, this.arrowPlacement = "anchor", this.arrowPadding = 10, this.flip = !1, this.hide = !1, this.hideBoundaryStrategy = "escaped", this.flipFallbackPlacements = "", this.flipFallbackStrategy = "best-fit", this.flipPadding = 0, this.shift = !1, this.shiftPadding = 0, this.autoSizePadding = 0, this.hoverBridge = !1, this.autoWidthFactor = 1, this.updateHoverBridge = () => {
       if (this.hoverBridge && this.anchorEl) {
         const e = this.anchorEl.getBoundingClientRect(), t = this.popup.getBoundingClientRect(), o = this.placement.includes("top") || this.placement.includes("bottom") || this.placement === "center";
-        let i = 0, s = 0, r = 0, n = 0, a = 0, l = 0, c = 0, h = 0;
-        o ? e.top < t.top ? (i = e.left, s = e.bottom, r = e.right, n = e.bottom, a = t.left, l = t.top, c = t.right, h = t.top) : (i = t.left, s = t.bottom, r = t.right, n = t.bottom, a = e.left, l = e.top, c = e.right, h = e.top) : e.left < t.left ? (i = e.right, s = e.top, r = t.left, n = t.top, a = e.right, l = e.bottom, c = t.left, h = t.bottom) : (i = t.right, s = t.top, r = e.left, n = e.top, a = t.right, l = t.bottom, c = e.left, h = e.bottom), this.style.setProperty("--hover-bridge-top-left-x", `${i}px`), this.style.setProperty("--hover-bridge-top-left-y", `${s}px`), this.style.setProperty("--hover-bridge-top-right-x", `${r}px`), this.style.setProperty("--hover-bridge-top-right-y", `${n}px`), this.style.setProperty(
+        let i = 0, s = 0, n = 0, r = 0, a = 0, l = 0, c = 0, h = 0;
+        o ? e.top < t.top ? (i = e.left, s = e.bottom, n = e.right, r = e.bottom, a = t.left, l = t.top, c = t.right, h = t.top) : (i = t.left, s = t.bottom, n = t.right, r = t.bottom, a = e.left, l = e.top, c = e.right, h = e.top) : e.left < t.left ? (i = e.right, s = e.top, n = t.left, r = t.top, a = e.right, l = e.bottom, c = t.left, h = t.bottom) : (i = t.right, s = t.top, n = e.left, r = e.top, a = t.right, l = t.bottom, c = e.left, h = e.bottom), this.style.setProperty("--hover-bridge-top-left-x", `${i}px`), this.style.setProperty("--hover-bridge-top-left-y", `${s}px`), this.style.setProperty("--hover-bridge-top-right-x", `${n}px`), this.style.setProperty("--hover-bridge-top-right-y", `${r}px`), this.style.setProperty(
           "--hover-bridge-bottom-left-x",
           `${a}px`
         ), this.style.setProperty(
@@ -2723,7 +2700,7 @@ let b = class extends Me {
   }
   connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !ne)) {
-      const e = We(this);
+      const e = He(this);
       e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);
     }
   }
@@ -2739,7 +2716,7 @@ let b = class extends Me {
     if (await this.stop(), this.anchor && typeof this.anchor == "string") {
       const e = this.getRootNode();
       this.anchorEl = e.getElementById(this.anchor);
-    } else this.anchor instanceof Element || ko(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
+    } else this.anchor instanceof Element || Ro(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
     this.anchorEl instanceof HTMLSlotElement && (this.anchorEl = this.anchorEl.assignedElements({
       flatten: !0
     })[0]), this.anchorEl instanceof Element && this.anchorEl.tagName.toLowerCase() === "cx-dialog" && (this.anchorEl = this.anchorEl?.shadowRoot?.querySelector(
@@ -2747,7 +2724,7 @@ let b = class extends Me {
     )), this.anchorEl && this.start();
   }
   start() {
-    !this.anchorEl || !this.isConnected || this.isTornDown || (this.stopImmediate(), this.cleanup = It(this.anchorEl, this.popup, () => {
+    !this.anchorEl || !this.isConnected || this.isTornDown || (this.stopImmediate(), this.cleanup = Wt(this.anchorEl, this.popup, () => {
       this.reposition();
     }), (this.isTornDown || !this.isConnected) && this.stopImmediate());
   }
@@ -2770,14 +2747,14 @@ let b = class extends Me {
       ) : Ht({ crossAxis: this.skidding, mainAxis: this.distance })
     ];
     this.sync ? e.push(
-      qt({
+      Vt({
         apply: ({ rects: t }) => {
           const o = this.sync === "width" || this.sync === "both", i = this.sync === "height" || this.sync === "both", s = this.syncElement ? this.syncElement.getBoundingClientRect() : t.reference;
           this.popup.style.width = o ? `${s.width}px` : "", this.popup.style.height = i ? `${s.height}px` : "";
         }
       })
     ) : (this.popup.style.width = "", this.popup.style.height = ""), this.flip && e.push(
-      Wt({
+      qt({
         boundary: this.flipBoundary,
         // @ts-expect-error - We're converting a string attribute to an array here
         fallbackPlacements: this.flipFallbackPlacements,
@@ -2790,7 +2767,7 @@ let b = class extends Me {
         padding: this.shiftPadding
       })
     ), this.autoSize ? e.push(
-      qt({
+      Vt({
         apply: ({ availableHeight: t, availableWidth: o }) => {
           this.autoSize === "vertical" || this.autoSize === "both" ? this.style.setProperty(
             "--auto-size-available-height",
@@ -2809,7 +2786,7 @@ let b = class extends Me {
         padding: this.arrowPadding
       })
     ), this.hide && e.push(
-      co({
+      so({
         boundary: this.hideBoundary,
         strategy: this.hideBoundaryStrategy
       })
@@ -2818,19 +2795,19 @@ let b = class extends Me {
       placement: this.placement === "center" ? "bottom" : this.placement,
       platform: {
         ...Mt,
-        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, So) : this.strategy === "overlay" && ne ? window : qe(t) || window
+        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, xo) : this.strategy === "overlay" && ne ? window : qe(t) || window
       },
       strategy: ["overlay", "fixed"].includes(this.strategy) ? "fixed" : "absolute"
     }).then(({ middlewareData: t, placement: o, x: i, y: s }) => {
-      const r = this.localize.dir() === "rtl", n = {
+      const n = this.localize.dir() === "rtl", r = {
         bottom: "top",
         left: "right",
         right: "left",
         top: "bottom"
       }[o.split("-")[0]];
       if (this.setAttribute("data-current-placement", o), this.anchorEl === document.body && this.placement === "center") {
-        const a = window.innerWidth, l = window.innerHeight, c = this.popup.offsetWidth, h = this.popup.offsetHeight, d = (a - c) / 2, u = (l - h) / 2;
-        Object.assign(this.popup.style, { left: `${d}px`, top: `${u}px` });
+        const a = window.innerWidth, l = window.innerHeight, c = this.popup.offsetWidth, h = this.popup.offsetHeight, d = (a - c) / 2, p = (l - h) / 2;
+        Object.assign(this.popup.style, { left: `${d}px`, top: `${p}px` });
       } else
         Object.assign(this.popup.style, {
           left: `${i}px`,
@@ -2838,21 +2815,21 @@ let b = class extends Me {
         });
       if (this.arrow) {
         const a = t.arrow.x, l = t.arrow.y;
-        let c = "", h = "", d = "", u = "";
+        let c = "", h = "", d = "", p = "";
         if (this.arrowPlacement === "start") {
-          const p = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-          c = typeof l == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "", h = r ? p : "", u = r ? "" : p;
+          const u = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
+          c = typeof l == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "", h = n ? u : "", p = n ? "" : u;
         } else if (this.arrowPlacement === "end") {
-          const p = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-          h = r ? "" : p, u = r ? p : "", d = typeof l == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
-        } else this.arrowPlacement === "center" ? (u = typeof a == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "", c = typeof l == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "") : (u = typeof a == "number" ? `${a}px` : "", c = typeof l == "number" ? `${l}px` : "");
+          const u = typeof a == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
+          h = n ? "" : u, p = n ? u : "", d = typeof l == "number" ? `calc(${this.arrowPadding}px - var(--arrow-padding-offset))` : "";
+        } else this.arrowPlacement === "center" ? (p = typeof a == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "", c = typeof l == "number" ? "calc(50% - var(--arrow-size-diagonal))" : "") : (p = typeof a == "number" ? `${a}px` : "", c = typeof l == "number" ? `${l}px` : "");
         Object.assign(this.arrowEl.style, {
           bottom: d,
-          left: u,
+          left: p,
           right: h,
           top: c
         }), this.arrowEl.style.setProperty(
-          n,
+          r,
           "calc(var(--arrow-size-diagonal) * -1)"
         );
       }
@@ -2866,81 +2843,81 @@ let b = class extends Me {
     });
   }
   render() {
-    const e = U`<cx-overlay ?open=${this.active} defer-slotted-visibility placement="bottom" type="manual" @cx-opened=${this.handleOverlayOpened}><div part="popup" class=${ht({
+    const e = W`<cx-overlay ?open=${this.active} defer-slotted-visibility placement="bottom" type="manual" @cx-opened=${this.handleOverlayOpened}><div part="popup" class=${ht({
       popup: !0,
       "popup--active": this.active,
       "popup--has-arrow": this.arrow,
       "popup--overlay": !0,
       "popup--use-size-middleware": this.isSizeMiddleWareUsed
-    })}><slot></slot>${this.arrow ? U`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}</div></cx-overlay>`;
-    return U`<slot name="anchor" @slotchange=${this.handleAnchorChange}></slot><span part="hover-bridge" class=${ht({
+    })}><slot></slot>${this.arrow ? W`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}</div></cx-overlay>`;
+    return W`<slot name="anchor" @slotchange=${this.handleAnchorChange}></slot><span part="hover-bridge" class=${ht({
       "popup-hover-bridge": !0,
       "popup-hover-bridge--visible": this.hoverBridge && this.active
-    })}></span>${Ye(
+    })}></span>${Xe(
       this.strategy === "overlay",
       () => e,
-      () => U`<div part="popup" class=${ht({
+      () => W`<div part="popup" class=${ht({
         popup: !0,
         "popup--active": this.active,
         "popup--fixed": this.strategy === "fixed",
         "popup--has-arrow": this.arrow,
         "popup--use-size-middleware": this.isSizeMiddleWareUsed
-      })}><slot></slot>${this.arrow ? U`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}</div>`
+      })}><slot></slot>${this.arrow ? W`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}</div>`
     )}
     `;
   }
 };
-b.styles = [ye, To];
+b.styles = [ye, Co];
 w([
-  Ct(".popup")
+  Pt(".popup")
 ], b.prototype, "popup", 2);
 w([
-  Ct(".popup__arrow")
+  Pt(".popup__arrow")
 ], b.prototype, "arrowEl", 2);
 w([
-  g()
+  m()
 ], b.prototype, "anchor", 2);
 w([
-  g({ reflect: !0, type: Boolean })
+  m({ reflect: !0, type: Boolean })
 ], b.prototype, "active", 2);
 w([
-  g({ reflect: !0 })
+  m({ reflect: !0 })
 ], b.prototype, "placement", 2);
 w([
-  g({ reflect: !0 })
+  m({ reflect: !0 })
 ], b.prototype, "strategy", 2);
 w([
-  g({ reflect: !0, type: String })
+  m({ reflect: !0, type: String })
 ], b.prototype, "toggle", 2);
 w([
-  g({ type: Number })
+  m({ type: Number })
 ], b.prototype, "distance", 2);
 w([
-  g({ type: Number })
+  m({ type: Number })
 ], b.prototype, "skidding", 2);
 w([
-  g({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "arrow", 2);
 w([
-  g({ attribute: "arrow-placement" })
+  m({ attribute: "arrow-placement" })
 ], b.prototype, "arrowPlacement", 2);
 w([
-  g({ attribute: "arrow-padding", type: Number })
+  m({ attribute: "arrow-padding", type: Number })
 ], b.prototype, "arrowPadding", 2);
 w([
-  g({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "flip", 2);
 w([
-  g({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "hide", 2);
 w([
-  g({ attribute: "hide-boundary", type: Object })
+  m({ attribute: "hide-boundary", type: Object })
 ], b.prototype, "hideBoundary", 2);
 w([
-  g({ attribute: "hide-boundary-strategy" })
+  m({ attribute: "hide-boundary-strategy" })
 ], b.prototype, "hideBoundaryStrategy", 2);
 w([
-  g({
+  m({
     attribute: "flip-fallback-placements",
     converter: {
       fromAttribute: (e) => e.split(" ").map((t) => t.trim()).filter((t) => t !== ""),
@@ -2949,43 +2926,43 @@ w([
   })
 ], b.prototype, "flipFallbackPlacements", 2);
 w([
-  g({ attribute: "flip-fallback-strategy" })
+  m({ attribute: "flip-fallback-strategy" })
 ], b.prototype, "flipFallbackStrategy", 2);
 w([
-  g({ attribute: "flip-boundary", type: Object })
+  m({ attribute: "flip-boundary", type: Object })
 ], b.prototype, "flipBoundary", 2);
 w([
-  g({ attribute: "flip-padding", type: Number })
+  m({ attribute: "flip-padding", type: Number })
 ], b.prototype, "flipPadding", 2);
 w([
-  g({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "shift", 2);
 w([
-  g({ attribute: "shift-boundary", type: Object })
+  m({ attribute: "shift-boundary", type: Object })
 ], b.prototype, "shiftBoundary", 2);
 w([
-  g({ attribute: "shift-padding", type: Number })
+  m({ attribute: "shift-padding", type: Number })
 ], b.prototype, "shiftPadding", 2);
 w([
-  g({ attribute: "auto-size" })
+  m({ attribute: "auto-size" })
 ], b.prototype, "autoSize", 2);
 w([
-  g()
+  m()
 ], b.prototype, "sync", 2);
 w([
-  g({ attribute: "sync-element" })
+  m({ attribute: "sync-element" })
 ], b.prototype, "syncElement", 2);
 w([
-  g({ attribute: "auto-size-boundary", type: Object })
+  m({ attribute: "auto-size-boundary", type: Object })
 ], b.prototype, "autoSizeBoundary", 2);
 w([
-  g({ attribute: "auto-size-padding", type: Number })
+  m({ attribute: "auto-size-padding", type: Number })
 ], b.prototype, "autoSizePadding", 2);
 w([
-  g({ attribute: "hover-bridge", type: Boolean })
+  m({ attribute: "hover-bridge", type: Boolean })
 ], b.prototype, "hoverBridge", 2);
 w([
-  g({ attribute: "auto-width-factor" })
+  m({ attribute: "auto-width-factor" })
 ], b.prototype, "autoWidthFactor", 2);
 w([
   je(200)