@orangelogic/design-system 2.78.0 → 2.79.0

package/library/components/popup.js

@@ -1,17 +1,17 @@
-import { a as _e, i as Vt, r as ze, x as j } from "../chunks/lit-element.jLBm65_O.js";
+import { a as _e, i as Vt, r as ze, x as U } from "../chunks/lit-element.jLBm65_O.js";
 import { n as y, C as Be } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { r as Ie } from "../chunks/state.CSDxrqLd.js";
+import { r as Me } from "../chunks/state.CSDxrqLd.js";
 import { e as Ct } from "../chunks/query.BBf1UFkC.js";
-import { e as Me } from "../chunks/base.D76d76ww.js";
+import { e as He } from "../chunks/base.D76d76ww.js";
 import { e as ht } from "../chunks/class-map.BiVq-cVR.js";
-import { o as Dt } from "../chunks/if-defined.BRoBj_Rp.js";
+import { o as Lt } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as se } from "../chunks/style-map.llVFPd__.js";
-import { i as mt, p as ne, f as He, a as We } from "../chunks/browser.BHOCIF_A.js";
-import { c as ye } from "../chunks/component.styles.DMSLciL5.js";
+import { i as gt, p as ne, f as Ie, a as We } from "../chunks/browser.BHOCIF_A.js";
+import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
 import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
-import { L as Ue } from "../chunks/i18n.BUW7B9hr.js";
-import { n as je } from "../chunks/when.Dr1es41R.js";
+import { L as je } from "../chunks/i18n.BUW7B9hr.js";
+import { n as Ue } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -20,7 +20,7 @@ import { n as je } from "../chunks/when.Dr1es41R.js";
 function Ye(e) {
   return (t, o) => {
     const { slot: i, selector: s } = e ?? {}, r = "slot" + (i ? `[name=${i}]` : ":not([name])");
-    return Me(t, o, { get() {
+    return He(t, o, { get() {
       const n = this.renderRoot?.querySelector(r), a = n?.assignedElements(e) ?? [];
       return s === void 0 ? a : a.filter((l) => l.matches(s));
     } });
@@ -82,7 +82,7 @@ function Xe(e) {
 }
 class Ge extends Xe(_e) {
 }
-function Qe(e, t, o) {
+function Je(e, t, o) {
   const i = e.getAttribute(t);
   let s = i ? i.split(/\s+/) : [];
   s = s.filter(
@@ -92,9 +92,9 @@ function Qe(e, t, o) {
 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));
+  } : (r.push(...i), e.setAttribute(t, r.join(" ")), () => Je(e, t, i));
 }
-function Je(e, t) {
+function Qe(e, t) {
   customElements.get(e) || customElements.define(e, t);
 }
 function Ze(e, t, o = []) {
@@ -126,7 +126,7 @@ const ti = (e, t, {
     return Ze(a, e, l);
   };
 };
-function Ut() {
+function jt() {
   return Array.from(
     crypto.getRandomValues(new Uint8Array(4)),
     (e) => `0${(e & 255).toString(16)}`.slice(-2)
@@ -141,7 +141,7 @@ const ei = [
   "select",
   "textarea",
   "[tabindex]"
-], ae = ':not([tabindex="-1"])', ft = ei.join(`${ae}, `) + ae, jt = (e) => e.querySelector(
+], ae = ':not([tabindex="-1"])', ft = ei.join(`${ae}, `) + ae, Ut = (e) => e.querySelector(
   ft
 ), Yt = (e) => e.assignedElements().find(
   (o) => o.matches(ft)
@@ -420,7 +420,7 @@ class Gt extends Event {
     }), this.currentState = "open", this.newState = "closed";
   }
 }
-class Qt extends Event {
+class Jt extends Event {
   constructor() {
     super("beforetoggle", {
       bubbles: !1,
@@ -486,8 +486,8 @@ function pi(e) {
         }
         if (l > 0)
           return;
-        const c = i ? Qt : Gt;
-        this.dispatchEvent(new c()), i && (a.matches(ft) && (s = a), s = s || jt(a), s || a.querySelectorAll("slot").forEach((d) => {
+        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) => {
           s || (s = Yt(d));
         }), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
       }, n = (a, l) => () => {
@@ -565,10 +565,10 @@ function ui(e) {
         if (i !== this.open)
           return;
         if (a.open = i, l === 0) {
-          const h = i ? Qt : Gt;
+          const h = i ? Jt : Gt;
           this.dispatchEvent(new h());
         }
-        if (i !== !0 || (a.matches(ft) && (s = a), s = s || jt(a), s))
+        if (i !== !0 || (a.matches(ft) && (s = a), s = s || Ut(a), s))
           return;
         a.querySelectorAll("slot").forEach((h) => {
           s || (s = Yt(h));
@@ -617,7 +617,7 @@ 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);
@@ -666,15 +666,15 @@ function gi(e) {
       kt(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), mt() && k().then(() => {
+      super.firstUpdated(i), gt() && k().then(() => {
         this.dialogEl.showPopover();
       });
     }
     runConnectedCallback() {
-      mt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
+      gt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), mt() && document.removeEventListener(
+      super.disconnectedCallback(), gt() && document.removeEventListener(
         "fullscreenchange",
         this.handleFullscreenChange
       );
@@ -688,10 +688,10 @@ function gi(e) {
       let s = null;
       const r = (a, l) => () => {
         if (a.open = i, l === 0) {
-          const h = i ? Qt : Gt;
+          const h = i ? Jt : Gt;
           this.dispatchEvent(new h());
         }
-        if (!i || (a.matches(ft) && (s = a), s = s || jt(a), s))
+        if (!i || (a.matches(ft) && (s = a), s = s || Ut(a), s))
           return;
         a.querySelectorAll("slot").forEach((h) => {
           s || (s = Yt(h));
@@ -740,7 +740,7 @@ function gi(e) {
             h();
           },
           { once: !0 }
-        ), mt() || this.dialogEl.hidePopover()) : h();
+        ), gt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
         Xt(a, r(a, l), n(a, l));
@@ -749,7 +749,7 @@ function gi(e) {
   }
   return t;
 }
-const mi = "showPopover" in document.createElement("div");
+const gi = "showPopover" in document.createElement("div");
 class yi {
   constructor() {
     this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
@@ -784,7 +784,7 @@ class yi {
         t.preventDefault();
         return;
       }
-      mi || o?.type !== "manual" && o && this.closeOverlay(o);
+      gi || o?.type !== "manual" && o && this.closeOverlay(o);
     }, this.bindEvents();
   }
   get document() {
@@ -856,7 +856,7 @@ class yi {
     this.closeOverlay(t);
   }
 }
-const le = new yi(), vi = ["top", "right", "bottom", "left"], J = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, H = (e) => ({
+const le = new yi(), vi = ["top", "right", "bottom", "left"], Q = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, I = (e) => ({
   x: e,
   y: e
 }), bi = {
@@ -869,7 +869,7 @@ const le = new yi(), vi = ["top", "right", "bottom", "left"], J = Math.min, T =
   end: "start"
 };
 function _t(e, t, o) {
-  return T(e, J(t, o));
+  return T(e, Q(t, o));
 }
 function st(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -883,7 +883,7 @@ function at(e) {
 function be(e) {
   return e === "x" ? "y" : "x";
 }
-function Jt(e) {
+function Qt(e) {
   return e === "y" ? "height" : "width";
 }
 const xi = /* @__PURE__ */ new Set(["top", "bottom"]);
@@ -895,7 +895,7 @@ function Zt(e) {
 }
 function Ei(e, t, o) {
   o === void 0 && (o = !1);
-  const i = at(e), s = Zt(e), r = Jt(s);
+  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)];
 }
@@ -967,7 +967,7 @@ function de(e, t, o) {
     reference: i,
     floating: s
   } = e;
-  const r = Y(t), n = Zt(t), a = Jt(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;
+  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;
   switch (l) {
     case "top":
@@ -1025,11 +1025,11 @@ const Ti = async (e, t, o) => {
     x: h,
     y: d
   } = de(c, i, l), u = i, p = {}, f = 0;
-  for (let g = 0; g < a.length; g++) {
+  for (let m = 0; m < a.length; m++) {
     const {
-      name: m,
+      name: g,
       fn: v
-    } = a[g], {
+    } = a[m], {
       x,
       y: E,
       data: C,
@@ -1050,8 +1050,8 @@ const Ti = async (e, t, o) => {
     });
     h = x ?? h, d = E ?? d, p = {
       ...p,
-      [m]: {
-        ...p[m],
+      [g]: {
+        ...p[g],
         ...C
       }
     }, P && f <= 50 && (f++, typeof P == "object" && (P.placement && (u = P.placement), P.rects && (c = P.rects === !0 ? await n.getElementRects({
@@ -1061,7 +1061,7 @@ const Ti = async (e, t, o) => {
     }) : P.rects), {
       x: h,
       y: d
-    } = de(c, u, l)), g = -1);
+    } = de(c, u, l)), m = -1);
   }
   return {
     x: h,
@@ -1087,8 +1087,8 @@ async function pt(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = st(t, e), f = we(p), m = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(m))) == null || o ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+  } = st(t, e), f = we(p), g = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(g))) == null || o ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: h,
     strategy: l
@@ -1116,7 +1116,7 @@ async function pt(e, t) {
     right: (P.right - v.right + f.right) / C.x
   };
 }
-const Li = (e) => ({
+const Di = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1137,23 +1137,23 @@ const Li = (e) => ({
     const d = we(h), u = {
       x: o,
       y: i
-    }, p = Zt(s), f = Jt(p), g = await n.getDimensions(c), m = p === "y", v = m ? "top" : "left", x = m ? "bottom" : "right", E = m ? "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));
+    }, p = Zt(s), f = Qt(p), m = await n.getDimensions(c), g = p === "y", v = g ? "top" : "left", x = g ? "bottom" : "right", E = g ? "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, I = A / 2 - g[f] / 2 - 1, D = J(d[v], I), X = J(d[x], I), M = D, G = A - g[f] - X, R = A / 2 - g[f] / 2 + V, et = _t(M, R, G), U = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < M ? D : X) - g[f] / 2 < 0, F = U ? R < M ? R - M : R - G : 0;
+    const V = C / 2 - P / 2, M = A / 2 - m[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), H = L, G = A - m[f] - X, R = A / 2 - m[f] / 2 + V, et = _t(H, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < H ? L : X) - m[f] / 2 < 0, F = j ? R < H ? R - H : R - G : 0;
     return {
       [p]: u[p] + F,
       data: {
         [p]: et,
         centerOffset: R - et - F,
-        ...U && {
+        ...j && {
           alignmentOffset: F
         }
       },
-      reset: U
+      reset: j
     };
   }
-}), Di = function(e) {
+}), Li = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1172,62 +1172,62 @@ const Li = (e) => ({
         fallbackPlacements: u,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: g = !0,
-        ...m
+        flipAlignment: m = !0,
+        ...g
       } = st(e, t);
       if ((o = r.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 || !g ? [Et(a)] : Pi(a)), $ = f !== "none";
-      !u && $ && P.push(...Si(a, g, f, C));
-      const A = [a, ...P], V = await pt(t, m), I = [];
-      let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (h && I.push(V[v]), d) {
+      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)] : Pi(a)), $ = f !== "none";
+      !u && $ && P.push(...Si(a, m, f, C));
+      const A = [a, ...P], V = await pt(t, g), M = [];
+      let L = ((i = r.flip) == null ? void 0 : i.overflows) || [];
+      if (h && M.push(V[v]), d) {
         const R = Ei(s, n, C);
-        I.push(V[R[0]], V[R[1]]);
+        M.push(V[R[0]], V[R[1]]);
       }
-      if (D = [...D, {
+      if (L = [...L, {
         placement: s,
-        overflows: I
-      }], !I.every((R) => R <= 0)) {
-        var X, M;
+        overflows: M
+      }], !M.every((R) => R <= 0)) {
+        var X, H;
         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 the main axis.
-        D.every((N) => Y(N.placement) === x ? N.overflows[0] > 0 : !0)))
+        L.every((N) => Y(N.placement) === x ? N.overflows[0] > 0 : !0)))
           return {
             data: {
               index: R,
-              overflows: D
+              overflows: L
             },
             reset: {
               placement: et
             }
           };
-        let U = (M = D.filter((F) => F.overflows[0] <= 0).sort((F, N) => F.overflows[1] - N.overflows[1])[0]) == null ? void 0 : M.placement;
-        if (!U)
+        let j = (H = L.filter((F) => F.overflows[0] <= 0).sort((F, N) => F.overflows[1] - N.overflows[1])[0]) == null ? void 0 : H.placement;
+        if (!j)
           switch (p) {
             case "bestFit": {
               var G;
-              const F = (G = D.filter((N) => {
+              const F = (G = L.filter((N) => {
                 if ($) {
-                  const Q = Y(N.placement);
-                  return Q === x || // Create a bias to the `y` side axis due to horizontal
+                  const J = Y(N.placement);
+                  return J === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  Q === "y";
+                  J === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((Q) => Q > 0).reduce((Q, Ne) => Q + Ne, 0)]).sort((N, Q) => N[1] - Q[1])[0]) == null ? void 0 : G[0];
-              F && (U = F);
+              }).map((N) => [N.placement, N.overflows.filter((J) => J > 0).reduce((J, Ne) => J + Ne, 0)]).sort((N, J) => N[1] - J[1])[0]) == null ? void 0 : G[0];
+              F && (j = F);
               break;
             }
             case "initialPlacement":
-              U = a;
+              j = a;
               break;
           }
-        if (s !== U)
+        if (s !== j)
           return {
             reset: {
-              placement: U
+              placement: j
             }
           };
       }
@@ -1350,11 +1350,11 @@ const Ni = function(e) {
         mainAxis: r = !0,
         crossAxis: n = !1,
         limiter: a = {
-          fn: (m) => {
+          fn: (g) => {
             let {
               x: v,
               y: x
-            } = m;
+            } = g;
             return {
               x: v,
               y: x
@@ -1368,23 +1368,23 @@ const Ni = function(e) {
       }, h = await pt(t, l), d = Y(Z(s)), u = be(d);
       let p = c[u], f = c[d];
       if (r) {
-        const m = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[m], E = p - h[v];
+        const g = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[g], E = p - h[v];
         p = _t(x, p, E);
       }
       if (n) {
-        const m = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[m], E = f - h[v];
+        const g = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[g], E = f - h[v];
         f = _t(x, f, E);
       }
-      const g = a.fn({
+      const m = a.fn({
         ...t,
         [u]: p,
         [d]: f
       });
       return {
-        ...g,
+        ...m,
         data: {
-          x: g.x - o,
-          y: g.y - i,
+          x: m.x - o,
+          y: m.y - i,
           enabled: {
             [u]: r,
             [d]: n
@@ -1410,23 +1410,23 @@ const Ni = function(e) {
         ...c
       } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
         width: f,
-        height: g
+        height: m
       } = r.floating;
-      let m, v;
-      d === "top" || d === "bottom" ? (m = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, m = u === "end" ? "top" : "bottom");
-      const x = g - h.top - h.bottom, E = f - h.left - h.right, C = J(g - h[m], x), P = J(f - h[v], E), $ = !t.middlewareData.shift;
+      let g, v;
+      d === "top" || d === "bottom" ? (g = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, g = u === "end" ? "top" : "bottom");
+      const x = m - h.top - h.bottom, E = f - h.left - h.right, C = Q(m - h[g], 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 D = T(h.left, 0), X = T(h.right, 0), M = T(h.top, 0), G = T(h.bottom, 0);
-        p ? V = f - 2 * (D !== 0 || X !== 0 ? D + X : T(h.left, h.right)) : A = g - 2 * (M !== 0 || G !== 0 ? M + G : T(h.top, h.bottom));
+        const L = T(h.left, 0), X = T(h.right, 0), H = 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 * (H !== 0 || G !== 0 ? H + G : T(h.top, h.bottom));
       }
       await l({
         ...t,
         availableWidth: V,
         availableHeight: A
       });
-      const I = await n.getDimensions(a.floating);
-      return f !== I.width || g !== I.height ? {
+      const M = await n.getDimensions(a.floating);
+      return f !== M.width || m !== M.height ? {
         reset: {
           rects: !0
         }
@@ -1440,7 +1440,7 @@ function At() {
 function lt(e) {
   return xe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function L(e) {
+function D(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -1449,19 +1449,19 @@ function q(e) {
   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 L(e).Node : !1;
+  return At() ? e instanceof Node || e instanceof D(e).Node : !1;
 }
 function z(e) {
-  return At() ? e instanceof Element || e instanceof L(e).Element : !1;
+  return At() ? e instanceof Element || e instanceof D(e).Element : !1;
 }
 function W(e) {
-  return At() ? e instanceof HTMLElement || e instanceof L(e).HTMLElement : !1;
+  return At() ? e instanceof HTMLElement || e instanceof D(e).HTMLElement : !1;
 }
 function fe(e) {
-  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof L(e).ShadowRoot;
+  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
 const Bi = /* @__PURE__ */ new Set(["inline", "contents"]);
-function gt(e) {
+function mt(e) {
   const {
     overflow: t,
     overflowX: o,
@@ -1470,13 +1470,13 @@ function gt(e) {
   } = B(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !Bi.has(s);
 }
-const Ii = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Mi(e) {
-  return Ii.has(lt(e));
+const Mi = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Hi(e) {
+  return Mi.has(lt(e));
 }
-const Hi = [":popover-open", ":modal"];
+const Ii = [":popover-open", ":modal"];
 function St(e) {
-  return Hi.some((t) => {
+  return Ii.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -1489,7 +1489,7 @@ function Rt(e) {
   const t = te(), o = z(e) ? B(e) : e;
   return Wi.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) || qi.some((i) => (o.willChange || "").includes(i)) || Vi.some((i) => (o.contain || "").includes(i));
 }
-function Ui(e) {
+function ji(e) {
   let t = tt(e);
   for (; W(t) && !rt(t); ) {
     if (Rt(t))
@@ -1503,12 +1503,12 @@ function Ui(e) {
 function te() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const ji = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Ui = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function rt(e) {
-  return ji.has(lt(e));
+  return Ui.has(lt(e));
 }
 function B(e) {
-  return L(e).getComputedStyle(e);
+  return D(e).getComputedStyle(e);
 }
 function Tt(e) {
   return z(e) ? {
@@ -1533,15 +1533,15 @@ function tt(e) {
 }
 function Ee(e) {
   const t = tt(e);
-  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && gt(t) ? t : Ee(t);
+  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && mt(t) ? t : Ee(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 = L(s);
+  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 || [], gt(s) ? s : [], a && o ? ut(a) : []);
+    return t.concat(n, n.visualViewport || [], mt(s) ? s : [], a && o ? ut(a) : []);
   }
   return t.concat(s, ut(s, [], o));
 }
@@ -1564,7 +1564,7 @@ function ee(e) {
 function nt(e) {
   const t = ee(e);
   if (!W(t))
-    return H(1);
+    return I(1);
   const o = t.getBoundingClientRect(), {
     width: i,
     height: s,
@@ -1576,30 +1576,30 @@ function nt(e) {
     y: a
   };
 }
-const Yi = /* @__PURE__ */ H(0);
+const Yi = /* @__PURE__ */ I(0);
 function Ce(e) {
-  const t = L(e);
+  const t = D(e);
   return !te() || !t.visualViewport ? Yi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Ki(e, t, o) {
-  return t === void 0 && (t = !1), !o || t && o !== L(e) ? !1 : t;
+  return t === void 0 && (t = !1), !o || t && o !== D(e) ? !1 : t;
 }
 function ot(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);
+  let n = I(1);
   t && (i ? z(i) && (n = nt(i)) : n = nt(e));
-  const a = Ki(r, o, i) ? Ce(r) : H(0);
+  const a = Ki(r, o, i) ? Ce(r) : I(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 = L(r), p = i && z(i) ? L(i) : i;
-    let f = u, g = Bt(f);
-    for (; g && i && p !== f; ) {
-      const m = nt(g), v = g.getBoundingClientRect(), x = B(g), E = v.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, C = v.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
-      l *= m.x, c *= m.y, h *= m.x, d *= m.y, l += E, c += C, f = L(g), g = Bt(f);
+    const u = D(r), p = i && z(i) ? D(i) : i;
+    let f = u, m = Bt(f);
+    for (; m && i && p !== f; ) {
+      const g = nt(m), v = m.getBoundingClientRect(), x = B(m), E = v.left + (m.clientLeft + parseFloat(x.paddingLeft)) * g.x, C = v.top + (m.clientTop + parseFloat(x.paddingTop)) * g.y;
+      l *= g.x, c *= g.y, h *= g.x, d *= g.y, l += E, c += C, f = D(m), m = Bt(f);
     }
   }
   return Pt({
@@ -1637,13 +1637,13 @@ function Xi(e) {
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = H(1);
-  const h = H(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = Tt(i)), W(i))) {
+  }, c = I(1);
+  const h = I(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;
   }
-  const u = n && !d && !r ? Oe(n, l, !0) : H(0);
+  const u = n && !d && !r ? Oe(n, l, !0) : I(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
@@ -1654,7 +1654,7 @@ function Xi(e) {
 function Gi(e) {
   return Array.from(e.getClientRects());
 }
-function Qi(e) {
+function Ji(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;
@@ -1665,8 +1665,8 @@ function Qi(e) {
     y: a
   };
 }
-function Ji(e, t) {
-  const o = L(e), i = q(e), s = o.visualViewport;
+function Qi(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;
@@ -1682,7 +1682,7 @@ function Ji(e, t) {
 }
 const Zi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function to(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;
+  const o = ot(e, !0, t === "fixed"), i = o.top + e.clientTop, s = o.left + e.clientLeft, r = W(e) ? nt(e) : I(1), n = e.clientWidth * r.x, a = e.clientHeight * r.y, l = s * r.x, c = i * r.y;
   return {
     width: n,
     height: a,
@@ -1690,12 +1690,12 @@ function to(e, t) {
     y: c
   };
 }
-function ge(e, t, o) {
+function me(e, t, o) {
   let i;
   if (t === "viewport")
-    i = Ji(e, o);
+    i = Qi(e, o);
   else if (t === "document")
-    i = Qi(q(e));
+    i = Ji(q(e));
   else if (z(t))
     i = to(t, o);
   else {
@@ -1722,7 +1722,7 @@ function eo(e, t) {
   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 && Zi.has(s.position) || gt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
+    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && Zi.has(s.position) || mt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
   }
   return t.set(e, i), i;
 }
@@ -1734,9 +1734,9 @@ function io(e) {
     strategy: s
   } = e;
   const n = [...o === "clippingAncestors" ? St(t) ? [] : eo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
-    const d = ge(t, h, s);
-    return c.top = T(d.top, c.top), c.right = J(d.right, c.right), c.bottom = J(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
-  }, ge(t, a, s));
+    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));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -1760,17 +1760,17 @@ function so(e, t, o) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = H(0);
+  const l = I(0);
   function c() {
     l.x = ie(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || gt(s)) && (a = Tt(t)), i) {
+    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 h = s && !i && !r ? Oe(s, a) : I(0), d = n.left + a.scrollLeft - l.x - h.x, u = n.top + a.scrollTop - l.y - h.y;
   return {
     x: d,
     y: u,
@@ -1781,7 +1781,7 @@ function so(e, t, o) {
 function $t(e) {
   return B(e).position === "static";
 }
-function me(e, t) {
+function ge(e, t) {
   if (!W(e) || B(e).position === "fixed")
     return null;
   if (t)
@@ -1790,7 +1790,7 @@ function me(e, t) {
   return q(e) === o && (o = o.ownerDocument.body), o;
 }
 function Se(e, t) {
-  const o = L(e);
+  const o = D(e);
   if (St(e))
     return o;
   if (!W(e)) {
@@ -1802,10 +1802,10 @@ function Se(e, t) {
     }
     return o;
   }
-  let i = me(e, t);
-  for (; i && Mi(i) && $t(i); )
-    i = me(i, t);
-  return i && rt(i) && $t(i) && !Rt(i) ? o : i || Ui(e) || 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 || ji(e) || o;
 }
 const no = async function(e) {
   const t = this.getOffsetParent || Se, o = this.getDimensions, i = await o(e.floating);
@@ -1822,7 +1822,7 @@ const no = async function(e) {
 function ro(e) {
   return B(e).direction === "rtl";
 }
-const It = {
+const Mt = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Xi,
   getDocumentElement: q,
   getClippingRect: io,
@@ -1854,9 +1854,9 @@ function ao(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    const f = yt(d), g = yt(s.clientWidth - (h + u)), m = yt(s.clientHeight - (d + p)), v = yt(h), E = {
-      rootMargin: -f + "px " + -g + "px " + -m + "px " + -v + "px",
-      threshold: T(0, J(1, l)) || 1
+    const f = yt(d), m = yt(s.clientWidth - (h + u)), g = yt(s.clientHeight - (d + p)), v = yt(h), E = {
+      rootMargin: -f + "px " + -m + "px " + -g + "px " + -v + "px",
+      threshold: T(0, Q(1, l)) || 1
     };
     let C = !0;
     function P($) {
@@ -1883,7 +1883,7 @@ function ao(e, t) {
   }
   return n(!0), r;
 }
-function Mt(e, t, o, i) {
+function Ht(e, t, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: s = !0,
@@ -1906,11 +1906,11 @@ function Mt(e, t, o, i) {
       (E = p) == null || E.observe(t);
     })), o();
   }), c && !l && p.observe(c), p.observe(t));
-  let f, g = l ? ot(e) : null;
-  l && m();
-  function m() {
+  let f, m = l ? ot(e) : null;
+  l && g();
+  function g() {
     const v = ot(e);
-    g && !Re(g, v) && o(), g = v, f = requestAnimationFrame(m);
+    m && !Re(m, v) && o(), m = v, f = requestAnimationFrame(g);
   }
   return o(), () => {
     var v;
@@ -1919,9 +1919,9 @@ function Mt(e, t, o, i) {
     }), d?.(), (v = p) == null || v.disconnect(), p = null, l && cancelAnimationFrame(f);
   };
 }
-const Ht = Ni, Te = _i, Wt = Di, qt = zi, lo = ki, Le = Li, De = (e, t, o) => {
+const It = Ni, Te = _i, Wt = Li, qt = zi, lo = ki, De = Di, Le = (e, t, o) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: It,
+    platform: Mt,
     ...o
   }, r = {
     ...s.platform,
@@ -1965,7 +1965,7 @@ class po {
   async placeOverlay(t = this.target, o = this.options) {
     if (this.target = t, this.options = o, !t || !o)
       return;
-    const i = Mt(
+    const i = Ht(
       o.trigger,
       t,
       this.closeForAncestorUpdate,
@@ -1974,7 +1974,7 @@ class po {
         elementResize: !1,
         layoutShift: !1
       }
-    ), s = Mt(
+    ), s = Ht(
       o.trigger,
       t,
       this.updatePlacement,
@@ -2004,7 +2004,7 @@ class po {
     }), [s = 0, r = 0] = Array.isArray(t?.offset) ? t.offset : [t.offset, 0], n = this.host.elements.find(
       (u) => u.tipElement
     )?.tipElement, a = [
-      Ht({
+      It({
         crossAxis: r,
         mainAxis: s
       }),
@@ -2012,12 +2012,12 @@ class po {
       i,
       qt({
         apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
-          const g = Math.max(
+          const m = Math.max(
             co,
             Math.floor(u)
-          ), m = f.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || m, this.isConstrained = m < this.initialHeight || g <= m;
-          const v = this.isConstrained ? `${g}px` : "";
+          ), g = f.height;
+          this.initialHeight = this.isConstrained && this.initialHeight || g, this.isConstrained = g < this.initialHeight || m <= g;
+          const v = this.isConstrained ? `${m}px` : "";
           Object.assign(o.style, {
             maxHeight: v,
             maxWidth: `${Math.floor(p)}px`
@@ -2026,12 +2026,12 @@ class po {
         padding: bt
       }),
       ...n ? [
-        Le({
+        De({
           element: n,
           padding: t.tipPadding || bt
         })
       ] : []
-    ], { middlewareData: l, placement: c, x: h, y: d } = await De(
+    ], { middlewareData: l, placement: c, x: h, y: d } = await Le(
       t.trigger,
       o,
       {
@@ -2074,7 +2074,7 @@ class po {
     );
   }
 }
-var Lt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Lt || {});
+var Dt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Dt || {});
 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;
@@ -2136,7 +2136,7 @@ const uo = 300, ke = {
 };
 class fo extends oe {
   constructor() {
-    super(...arguments), this.type = Lt.LongPress, this.longpressState = null, this.releaseDescription = it, this.handlePointerup = () => {
+    super(...arguments), this.type = Dt.LongPress, this.longpressState = null, this.releaseDescription = it, 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));
     };
   }
@@ -2189,7 +2189,7 @@ class fo extends oe {
     )
       return;
     const o = document.createElement("div");
-    o.id = `longpress-describedby-descriptor-${Ut()}`;
+    o.id = `longpress-describedby-descriptor-${jt()}`;
     const i = ri() || ai() ? "touch" : "keyboard";
     o.textContent = ke[i], o.slot = "longpress-describedby-descriptor";
     const s = t.getRootNode(), r = this.overlay.getRootNode();
@@ -2226,203 +2226,8 @@ class fo extends oe {
     ));
   }
 }
-const go = Vt`
-  /*
-Copyright 2022 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-  :host {
-    display: contents;
-    pointer-events: none;
-
-    /**
-     * Duplicate --spectrum-overlay-animation-distance, which is out of scope.
-     * Currently is is statically '--cx-spacing-medium' across a number of places
-     * so that is leveraged here as the default.
-     **/
-
-    --swc-overlay-animation-distance: var(--cx-spacing-medium);
-  }
-
-  .dialog {
-    margin: 0;
-    border: 0;
-    background: none;
-    padding: 0;
-    display: flex;
-    position: fixed;
-    overflow: visible;
-    opacity: 1 !important;
-    box-sizing: border-box;
-    max-height: calc(100vh - 16px);
-    max-height: calc(100dvh - 16px);
-    max-width: calc(100vw - 16px);
-    height: auto;
-    inset: auto;
-    top: 0;
-    left: 0;
-
-    --cx-overlay-open: true;
-  }
-
-  .dialog:focus {
-    outline: none;
-  }
-
-  :host(:not([open])) .dialog {
-    --cx-overlay-open: false;
-  }
-
-  .dialog::backdrop {
-    display: none;
-  }
-
-  .dialog::before {
-    position: absolute;
-    inset: -999em;
-    content: '';
-    pointer-events: auto !important;
-  }
-
-  .dialog:not(.not-immediately-closable)::before {
-    display: none;
-  }
-
-  .dialog > div {
-    width: 100%;
-  }
-
-  ::slotted(*) {
-    pointer-events: auto;
-    visibility: visible !important;
-  }
-
-  .dialog.defer-slotted-visibility > slot::slotted(*) {
-    /**
-     * filter:opacity(0) paints the whole subtree as one group — descendants cannot opt out
-     * with visibility:visible (unlike visibility:hidden on an ancestor).
-     */
-    filter: opacity(0);
-    pointer-events: none;
-    visibility: hidden !important;
-    translate: -200vw -200vh;
-  }
-
-  .dialog.defer-slotted-visibility.defer-slotted-opened > slot::slotted(*) {
-    filter: none;
-    pointer-events: auto;
-    visibility: visible !important;
-    translate: none;
-  }
-
-  /**
- * Offset the transition displacement from the trigger edge by
- * padding the equivelent distance off of the opposite edge.
- *
- * <HACK>
- * Prepare for Context Menus with [popover] by adding margin/border
- * that _should_ still be under the pointer when 'pointerup' is dispatched.
- * </HACK>
- **/
-  .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;
-  }
-
-  /* stylelint-disable */
-  @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, 0.13s),
-        translate 0s,
-        display var(--cx-transition-fast, 0.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 mo extends Event {
+const mo = 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 go extends Event {
   constructor(t, o, i) {
     super("slottable-request", {
       bubbles: !1,
@@ -2434,7 +2239,7 @@ class mo extends Event {
 const yo = Symbol("remove-slottable-request");
 class vo extends oe {
   constructor() {
-    super(...arguments), this.type = Lt.Click, this.preventNextToggle = !1;
+    super(...arguments), this.type = Dt.Click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -2457,7 +2262,7 @@ class vo extends oe {
 const bo = 300;
 class wo extends oe {
   constructor() {
-    super(...arguments), this.type = Lt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = Dt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
   handleTargetFocusin() {
     this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
@@ -2496,7 +2301,7 @@ class wo extends oe {
     };
   }
   prepareContentRelativeDescription() {
-    const t = [], o = this.overlay.elements.map((s) => (t.push(s.id), s.id || (s.id = `${this.overlay.tagName.toLowerCase()}-helper-${Ut()}`), s.id));
+    const t = [], o = this.overlay.elements.map((s) => (t.push(s.id), s.id || (s.id = `${this.overlay.tagName.toLowerCase()}-helper-${jt()}`), s.id));
     this.elementIds = t;
     const i = Nt(
       this.target,
@@ -2562,7 +2367,7 @@ var Eo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, S = (e, t,
 };
 const Co = "showPopover" in document.createElement("div");
 let ct = pi(dt);
-Co ? ct = gi(ct) : ct = ui(ct);
+Co ? ct = mi(ct) : ct = ui(ct);
 var K;
 const O = (K = class extends ct {
   constructor() {
@@ -2723,14 +2528,14 @@ const O = (K = class extends ct {
   }
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new mo(
+      new go(
         "overlay-content",
         this.open ? {} : yo
       )
     ), this.lastRequestSlottableState = this.open);
   }
   willUpdate(t) {
-    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")) {
+    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")) {
       const [i, s] = this.trigger?.split("@") || [];
       this.elementResolver.selector = i ? `#${i}` : "", this.triggerInteraction = s;
     }
@@ -2741,7 +2546,7 @@ 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 j` <slot @slotchange=${this.handleSlotchange}></slot> `;
+    return U`<slot @slotchange=${this.handleSlotchange}></slot>`;
   }
   get dialogStyleMap() {
     return {
@@ -2756,55 +2561,27 @@ const O = (K = class extends ct {
     this.open = !1;
   }
   renderDialog() {
-    return j`
-      <dialog
-        class=${ht({
+    return U`<dialog class=${ht({
       "defer-slotted-opened": this.deferSlottedOpened,
       "defer-slotted-visibility": this.deferSlottedVisibility,
       dialog: !0
-    })}
-        part="dialog"
-        placement=${Dt(
+    })} part="dialog" placement=${Lt(
       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>
-    `;
+    )} style=${se(this.dialogStyleMap)} @close=${this.handleBrowserClose} @cancel=${this.handleBrowserClose} @beforetoggle=${this.handleBeforetoggle} ?is-visible=${this.state !== "closed"}>${this.renderContent()}</dialog>`;
   }
   renderPopover() {
-    return j`
-      <div
-        class=${ht({
+    return U`<div class=${ht({
       "defer-slotted-opened": this.deferSlottedOpened,
       "defer-slotted-visibility": this.deferSlottedVisibility,
       dialog: !0
-    })}
-        part="dialog"
-        placement=${Dt(
+    })} part="dialog" placement=${Lt(
       this.requiresPosition ? this.placement || "right" : void 0
-    )}
-        popover=${Dt(this.popoverValue)}
-        style=${se(this.dialogStyleMap)}
-        @beforetoggle=${this.handleBeforetoggle}
-        @close=${this.handleBrowserClose}
-        ?is-visible=${this.state !== "closed"}
-      >
-        ${this.renderContent()}
-      </div>
-    `;
+    )} popover=${Lt(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 j`
-      ${t ? this.renderDialog() : this.renderPopover()}
-      <slot name="longpress-describedby-descriptor"></slot>
-    `;
+    return U`
+      ${t ? this.renderDialog() : this.renderPopover()}<slot name="longpress-describedby-descriptor"></slot>`;
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("close", this.handleClose), this.hasUpdated && this.bindEvents();
@@ -2815,7 +2592,7 @@ const O = (K = class extends ct {
 }, K.styles = [
   ye,
   Vt`
-      ${ze(go)}
+      ${ze(mo)}
     `
 ], K.openCount = 1, K);
 S([
@@ -2853,7 +2630,7 @@ S([
   Ct("slot")
 ], O.prototype, "slotEl", 2);
 S([
-  Ie()
+  Me()
 ], O.prototype, "state", 1);
 S([
   y({ attribute: "tip-padding", type: Number })
@@ -2876,7 +2653,7 @@ const Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LONGPRESS_INSTRUCTIONS: ke,
   Overlay: $e
 }, Symbol.toStringTag, { value: "Module" }));
-Je("cx-overlay", $e);
+Qe("cx-overlay", $e);
 const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2896,88 +2673,13 @@ function So(e) {
   }
   return null;
 }
-const Ro = Vt`
-  :host {
-    --arrow-color: var(--cx-color-neutral-1000);
-    --arrow-size: 6px;
-
-    /*
-     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
-     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
-     */
-    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
-    --arrow-padding-offset: calc(
-      var(--arrow-size-diagonal) - var(--arrow-size)
-    );
-
-    display: contents;
-    /**
-     * Reset -webkit-overflow-scrolling style to fix issue with popup being hidden on mobile devices.
-     * See https://link.orangelogic.com/Tasks/293FXQ
-     */
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .popup {
-    position: absolute;
-    isolation: isolate;
-    max-width: var(--auto-size-available-width, none);
-    max-height: var(--auto-size-available-height, none);
-  }
-
-  .popup--use-size-middleware {
-    /*
-     * Prevent update loops when using the size middleware.
-     * https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
-     */
-    width: max-content;
-  }
-
-  .popup--fixed, .popup--overlay {
-    position: fixed;
-    z-index: var(--cx-z-index-dialog);
-  }
-
-  .popup:not(.popup--active) {
-    display: none;
-  }
-
-  .popup__arrow {
-    position: absolute;
-    width: calc(var(--arrow-size-diagonal) * 2);
-    height: calc(var(--arrow-size-diagonal) * 2);
-    rotate: 45deg;
-    background: var(--arrow-color);
-    z-index: -1;
-  }
-
-  /* Hover bridge */
-  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
-    display: none;
-  }
-
-  .popup-hover-bridge {
-    position: fixed;
-    z-index: calc(var(--cx-z-index-dropdown) - 1);
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    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)
-    );
-  }
-`;
-var To = 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--)
+const Ro = 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}.popup:not(.popup--active){display:none}.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){display:none}.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 To = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, w = (e, t, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Do(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 && To(t, o, s), s;
 };
-function Do(e) {
+function Lo(e) {
   if (e == null || typeof e != "object")
     return !1;
   const t = "contextElement" in e ? e.contextElement.ownerDocument.defaultView : null;
@@ -2985,7 +2687,7 @@ function Do(e) {
 }
 let b = class extends Be {
   constructor() {
-    super(...arguments), this.localize = new Ue(this), this.active = !1, this.placement = "top", this.strategy = "absolute", 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.localize = new je(this), this.active = !1, this.placement = "top", this.strategy = "absolute", 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;
@@ -3017,7 +2719,7 @@ let b = class extends Be {
   }
   connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !ne)) {
-      const e = He(this);
+      const e = Ie(this);
       e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);
     }
   }
@@ -3033,7 +2735,7 @@ let b = class extends Be {
     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 || Do(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
+    } else this.anchor instanceof Element || Lo(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(
@@ -3041,7 +2743,7 @@ let b = class extends Be {
     )), this.anchorEl && this.start();
   }
   start() {
-    !this.anchorEl || !this.isConnected || (this.cleanup = Mt(this.anchorEl, this.popup, () => {
+    !this.anchorEl || !this.isConnected || (this.cleanup = Ht(this.anchorEl, this.popup, () => {
       this.reposition();
     }));
   }
@@ -3056,9 +2758,9 @@ let b = class extends Be {
       return;
     const e = [
       // The offset middleware goes first
-      this.placement === "center" ? Ht(
+      this.placement === "center" ? It(
         ({ rects: t }) => -t.reference.height / 2 - t.floating.height / 2
-      ) : Ht({ crossAxis: this.skidding, mainAxis: this.distance })
+      ) : It({ crossAxis: this.skidding, mainAxis: this.distance })
     ];
     if (this.sync ? e.push(
       qt({
@@ -3108,7 +2810,7 @@ let b = class extends Be {
     } else
       this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height");
     this.arrow && e.push(
-      Le({
+      De({
         element: this.arrowEl,
         padding: this.arrowPadding
       })
@@ -3117,12 +2819,12 @@ let b = class extends Be {
         boundary: this.hideBoundary,
         strategy: this.hideBoundaryStrategy
       })
-    ), De(this.anchorEl, this.popup, {
+    ), Le(this.anchorEl, this.popup, {
       middleware: e,
       placement: this.placement === "center" ? "bottom" : this.placement,
       platform: {
-        ...It,
-        getOffsetParent: (t) => this.strategy === "absolute" ? It.getOffsetParent(t, Ao) : this.strategy === "overlay" && ne ? window : We(t) || window
+        ...Mt,
+        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, Ao) : this.strategy === "overlay" && ne ? window : We(t) || window
       },
       strategy: ["overlay", "fixed"].includes(this.strategy) ? "fixed" : "absolute"
     }).then(({ middlewareData: t, placement: o, x: i, y: s }) => {
@@ -3170,62 +2872,26 @@ let b = class extends Be {
     });
   }
   render() {
-    const e = j`<cx-overlay
-      ?open=${this.active}
-      defer-slotted-visibility
-      placement="bottom"
-      type="manual"
-      @cx-opened=${this.handleOverlayOpened}
-    >
-      <div
-        part="popup"
-        class=${ht({
+    const e = U`<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 ? j`<div
-              part="arrow"
-              class="popup__arrow"
-              role="presentation"
-            ></div>` : ""}
-      </div>
-    </cx-overlay>`;
-    return j`
-      <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
-
-      <span
-        part="hover-bridge"
-        class=${ht({
+    })}><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({
       "popup-hover-bridge": !0,
       "popup-hover-bridge--visible": this.hoverBridge && this.active
-    })}
-      ></span>
-
-      ${je(
+    })}></span>${Ue(
       this.strategy === "overlay",
       () => e,
-      () => j`<div
-            part="popup"
-            class=${ht({
+      () => U`<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 ? j`<div
-                  part="arrow"
-                  class="popup__arrow"
-                  role="presentation"
-                ></div>` : ""}
-          </div>`
+      })}><slot></slot>${this.arrow ? U`<div part="arrow" class="popup__arrow" role="presentation"></div>` : ""}</div>`
     )}
     `;
   }