@viasat/beam-web-components 2.36.0 → 2.37.0

package/Tooltip/Tooltip.js

@@ -2,11 +2,11 @@ import { unsafeCSS as xt, css as he, html as Xt, LitElement as qt } from "lit";
 import { property as v, state as ge } from "lit/decorators.js";
 import { createRef as zt, ref as Dt } from "lit/directives/ref.js";
 import vt from "clsx";
-import { h as be, j as Tt, k as ve, g as Gt } from "../chunks/classNames.Cq_tbDRp.js";
+import { h as be, j as kt, k as ve, g as Gt } from "../chunks/classNames.Cq_tbDRp.js";
 import { p as ye, t as we } from "../chunks/constants.jOWREYQE.js";
 import { e as xe, f as Ce } from "../chunks/tokens.CTW8Tt94.js";
 import { c as Zt } from "../chunks/register-custom-element.DHGKOhmA.js";
-import { c as Oe, d as kt, m as $t, r as Ae, h as Ee, e as Jt, f as Bt } from "../chunks/helpers.AwJwaZvv.js";
+import { c as Oe, d as Tt, m as $t, r as Ae, h as Ee, e as Jt, f as Bt } from "../chunks/helpers.AwJwaZvv.js";
 const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}.bm-tooltip__icon-trigger{border:none;background:none;padding:0;margin:0;display:flex;cursor:pointer;color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-tooltip{z-index:999;background-color:var(--bm-comp-tooltip-color-bg);border-radius:var(--bm-comp-tooltip-radius);max-width:var(--bm-comp-tooltip-size-width);padding:var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);color:var(--bm-comp-tooltip-color-text);font:var(--bm-comp-tooltip-typo-body);offset:var(--bm-comp-tooltip-space-offset);transition-property:opacity}.bm-tooltip[data-status=open]{transition-duration:0s}.bm-tooltip[data-status=close]{transition-duration:.2s}.bm-tooltip[data-status=initial],.bm-tooltip[data-status=close]{opacity:0}.bm-tooltip__arrow{offset:var(--bm-comp-tooltip-space-arrow);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');mask-size:cover;mask-position:center;mask-repeat:no-repeat;scale:1.05;width:var(--bm-comp-tooltip-size-arrow-width);height:var(--bm-comp-tooltip-size-arrow-height);background-color:var(--bm-comp-tooltip-color-bg)}.bm-tooltip__icon-trigger svg{background:none;border:none}.bm-tooltip__icon-trigger:focus-visible{border-radius:var(--bm-sem-radius-round);outline-offset:0px;outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-tooltip__icon-trigger--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:inherit}.bm-tooltip__icon-trigger--xs{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--xs svg{height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--sm{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--sm svg{height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--md{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--md svg{height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--lg{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--lg svg{height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--xl{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}.bm-tooltip__icon-trigger--xl svg{height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}`, te = ["top", "right", "bottom", "left"], Ht = ["start", "end"], Ft = /* @__PURE__ */ te.reduce((e, t) => e.concat(t, t + "-" + Ht[0], t + "-" + Ht[1]), []), q = Math.min, L = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
   x: e,
   y: e
@@ -15,7 +15,7 @@ const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Re = {
+}, _e = {
   start: "end",
   end: "start"
 };
@@ -49,14 +49,14 @@ function ee(e, t, i) {
   let s = o === "x" ? n === (i ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (s = st(s)), [s, st(s)];
 }
-function Se(e) {
+function Re(e) {
   const t = st(e);
   return [pt(e), t, pt(t)];
 }
 function pt(e) {
-  return e.replace(/start|end/g, (t) => Re[t]);
+  return e.replace(/start|end/g, (t) => _e[t]);
 }
-function _e(e, t, i) {
+function Se(e, t, i) {
   const n = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -71,7 +71,7 @@ function _e(e, t, i) {
 }
 function Le(e, t, i, n) {
   const o = H(e);
-  let r = _e($(e), i === "start", n);
+  let r = Se($(e), i === "start", n);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(pt)))), r;
 }
 function st(e) {
@@ -266,10 +266,10 @@ async function ot(e, t) {
     right: (x.right - u.right + b.right) / O.x
   };
 }
-function Te(e, t, i) {
+function ke(e, t, i) {
   return (e ? [...i.filter((o) => H(o) === e), ...i.filter((o) => H(o) !== e)] : i.filter((o) => $(o) === o)).filter((o) => e ? H(o) === e || (t ? pt(o) !== o : !1) : !0);
 }
-const ke = function(e) {
+const Te = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -287,7 +287,7 @@ const ke = function(e) {
         allowedPlacements: d = Ft,
         autoAlignment: m = !0,
         ...b
-      } = Z(e, t), g = p !== void 0 || d === Ft ? Te(p || null, m, d) : d, h = await ot(t, b), u = ((i = s.autoPlacement) == null ? void 0 : i.index) || 0, y = g[u];
+      } = Z(e, t), g = p !== void 0 || d === Ft ? ke(p || null, m, d) : d, h = await ot(t, b), u = ((i = s.autoPlacement) == null ? void 0 : i.index) || 0, y = g[u];
       if (y == null)
         return {};
       const w = ee(y, r, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
@@ -312,27 +312,27 @@ const ke = function(e) {
           }
         };
       const P = x.map((C) => {
-        const _ = H(C.placement);
-        return [C.placement, _ && f ? (
+        const S = H(C.placement);
+        return [C.placement, S && f ? (
           // Check along the mainAxis and main crossAxis side.
-          C.overflows.slice(0, 2).reduce((j, k) => j + k, 0)
+          C.overflows.slice(0, 2).reduce((j, T) => j + T, 0)
         ) : (
           // Check only the mainAxis.
           C.overflows[0]
         ), C.overflows];
-      }).sort((C, _) => C[1] - _[1]), T = ((o = P.filter((C) => C[2].slice(
+      }).sort((C, S) => C[1] - S[1]), k = ((o = P.filter((C) => C[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         H(C[0]) ? 2 : 3
-      ).every((_) => _ <= 0))[0]) == null ? void 0 : o[0]) || P[0][0];
-      return T !== l ? {
+      ).every((S) => S <= 0))[0]) == null ? void 0 : o[0]) || P[0][0];
+      return k !== l ? {
         data: {
           index: u + 1,
           overflows: x
         },
         reset: {
-          placement: T
+          placement: k
         }
       } : {};
     }
@@ -361,20 +361,20 @@ const ke = function(e) {
       } = Z(e, t);
       if ((i = r.arrow) != null && i.alignmentOffset)
         return {};
-      const u = $(o), y = Q(l), w = $(l) === l, O = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = d || (w || !g ? [st(l)] : Se(l)), D = b !== "none";
+      const u = $(o), y = Q(l), w = $(l) === l, O = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = d || (w || !g ? [st(l)] : Re(l)), D = b !== "none";
       !d && D && x.push(...Le(l, g, b, O));
-      const P = [l, ...x], S = await ot(t, h), T = [];
+      const P = [l, ...x], R = await ot(t, h), k = [];
       let C = ((n = r.flip) == null ? void 0 : n.overflows) || [];
-      if (f && T.push(S[u]), p) {
+      if (f && k.push(R[u]), p) {
         const I = ee(o, s, O);
-        T.push(S[I[0]], S[I[1]]);
+        k.push(R[I[0]], R[I[1]]);
       }
       if (C = [...C, {
         placement: o,
-        overflows: T
-      }], !T.every((I) => I <= 0)) {
-        var _, j;
-        const I = (((_ = r.flip) == null ? void 0 : _.index) || 0) + 1, Y = P[I];
+        overflows: k
+      }], !k.every((I) => I <= 0)) {
+        var S, j;
+        const I = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, Y = P[I];
         if (Y)
           return {
             data: {
@@ -389,8 +389,8 @@ const ke = function(e) {
         if (!X)
           switch (m) {
             case "bestFit": {
-              var k;
-              const K = (k = C.filter((N) => {
+              var T;
+              const K = (T = C.filter((N) => {
                 if (D) {
                   const B = Q(N.placement);
                   return B === y || // Create a bias to the `y` side axis due to horizontal
@@ -398,7 +398,7 @@ const ke = function(e) {
                   B === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((B) => B > 0).reduce((B, gt) => B + gt, 0)]).sort((N, B) => N[1] - B[1])[0]) == null ? void 0 : k[0];
+              }).map((N) => [N.placement, N.overflows.filter((B) => B > 0).reduce((B, gt) => B + gt, 0)]).sort((N, B) => N[1] - B[1])[0]) == null ? void 0 : T[0];
               K && (X = K);
               break;
             }
@@ -597,18 +597,18 @@ const Fe = function(e) {
       let h, u;
       p === "top" || p === "bottom" ? (h = p, u = d === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (u = p, h = d === "end" ? "top" : "bottom");
       const y = g - f.top - f.bottom, w = b - f.left - f.right, O = q(g - f[h], y), x = q(b - f[u], w), D = !t.middlewareData.shift;
-      let P = O, S = x;
-      if ((i = t.middlewareData.shift) != null && i.enabled.x && (S = w), (n = t.middlewareData.shift) != null && n.enabled.y && (P = y), D && !d) {
-        const C = L(f.left, 0), _ = L(f.right, 0), j = L(f.top, 0), k = L(f.bottom, 0);
-        m ? S = b - 2 * (C !== 0 || _ !== 0 ? C + _ : L(f.left, f.right)) : P = g - 2 * (j !== 0 || k !== 0 ? j + k : L(f.top, f.bottom));
+      let P = O, R = x;
+      if ((i = t.middlewareData.shift) != null && i.enabled.x && (R = w), (n = t.middlewareData.shift) != null && n.enabled.y && (P = y), D && !d) {
+        const C = L(f.left, 0), S = L(f.right, 0), j = L(f.top, 0), T = L(f.bottom, 0);
+        m ? R = b - 2 * (C !== 0 || S !== 0 ? C + S : L(f.left, f.right)) : P = g - 2 * (j !== 0 || T !== 0 ? j + T : L(f.top, f.bottom));
       }
       await c({
         ...t,
-        availableWidth: S,
+        availableWidth: R,
         availableHeight: P
       });
-      const T = await s.getDimensions(l.floating);
-      return b !== T.width || g !== T.height ? {
+      const k = await s.getDimensions(l.floating);
+      return b !== k.width || g !== k.height ? {
         reset: {
           rects: !0
         }
@@ -735,11 +735,11 @@ function se(e) {
     $: l
   };
 }
-function Rt(e) {
+function _t(e) {
   return F(e) ? e : e.contextElement;
 }
 function et(e) {
-  const t = Rt(e);
+  const t = _t(e);
   if (!V(t))
     return W(1);
   const i = t.getBoundingClientRect(), {
@@ -766,7 +766,7 @@ function Ve(e, t, i) {
 }
 function tt(e, t, i, n) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
-  const o = e.getBoundingClientRect(), r = Rt(e);
+  const o = e.getBoundingClientRect(), r = _t(e);
   let s = W(1);
   t && (n ? F(n) && (s = et(n)) : s = et(e));
   const l = Ve(r, i, n) ? re(r) : W(0);
@@ -786,7 +786,7 @@ function tt(e, t, i, n) {
     y: a
   });
 }
-function St(e, t) {
+function Rt(e, t) {
   const i = ht(e).scrollLeft;
   return t ? t.left + i : tt(U(e)).left + i;
 }
@@ -794,7 +794,7 @@ function le(e, t, i) {
   i === void 0 && (i = !1);
   const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - (i ? 0 : (
     // RTL <body> scrollbar.
-    St(e, n)
+    Rt(e, n)
   )), r = n.top + t.scrollTop;
   return {
     x: o,
@@ -833,7 +833,7 @@ function Ye(e) {
 }
 function Ke(e) {
   const t = U(e), i = ht(e), n = e.ownerDocument.body, o = L(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), r = L(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let s = -i.scrollLeft + St(e);
+  let s = -i.scrollLeft + Rt(e);
   const l = -i.scrollTop;
   return M(n).direction === "rtl" && (s += L(t.clientWidth, n.clientWidth) - o), {
     width: o,
@@ -941,7 +941,7 @@ function Qe(e, t, i) {
     if ((nt(t) !== "body" || lt(o)) && (l = ht(t)), n) {
       const d = tt(t, !0, r, t);
       c.x = d.x + t.clientLeft, c.y = d.y + t.clientTop;
-    } else o && (c.x = St(o));
+    } else o && (c.x = Rt(o));
   const a = o && !n && !r ? le(o, l) : W(0), f = s.left + l.scrollLeft - c.x - a.x, p = s.top + l.scrollTop - c.y - a.y;
   return {
     x: f,
@@ -1063,7 +1063,7 @@ function no(e, t, i, n) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = n, a = Rt(e), f = o || r ? [...a ? rt(a) : [], ...rt(t)] : [];
+  } = n, a = _t(e), f = o || r ? [...a ? rt(a) : [], ...rt(t)] : [];
   f.forEach((u) => {
     o && u.addEventListener("scroll", i, {
       passive: !0
@@ -1091,7 +1091,7 @@ function no(e, t, i, n) {
     }), p == null || p(), (u = m) == null || u.disconnect(), m = null, c && cancelAnimationFrame(b);
   };
 }
-const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
+const so = Fe, ro = Te, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
   const n = /* @__PURE__ */ new Map(), o = {
     platform: oo,
     ...i
@@ -1112,14 +1112,14 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
   name: "arrowStyles",
   options: e,
   async fn(t) {
-    var _t, Lt;
+    var St, Lt;
     const { x: i, y: n, placement: o, rects: r, platform: s, elements: l, middlewareData: c } = t, { element: a, padding: f = 0 } = Z(e, t) || {};
     if (a == null)
       return {};
-    const p = oe(f), d = { x: i, y: n }, m = At(o), b = Ct(m), g = Ot(m), h = await s.getDimensions(a), u = m === "y", y = u ? "top" : "left", w = u ? "bottom" : "right", O = u ? "clientHeight" : "clientWidth", x = r.reference[g] + r.reference[m] - d[m] - r.floating[g], D = d[m] - r.reference[m], P = await ((_t = s.getOffsetParent) == null ? void 0 : _t.call(s, a));
-    let S = P ? P[O] : 0;
-    (!S || !await ((Lt = s.isElement) == null ? void 0 : Lt.call(s, P))) && (S = l.floating[O] || r.floating[g]);
-    const T = x / 2 - D / 2, C = S / 2 - h.width / 2 - 1, _ = q(p[y], C), j = q(p[w], C), k = _, I = S - h.width - j, Y = S / 2 - h.width / 2 + T, X = yt(k, Y, I), K = !c.arrow && H(o) != null && Y !== X && r.reference[g] / 2 - (Y < k ? _ : j) - h.width / 2 < 0, N = K ? Y < k ? Y - k : Y - I : 0, B = $(o), gt = ["top", "left"].includes(B) ? -1 : 1, de = h.height * gt, ue = bo({
+    const p = oe(f), d = { x: i, y: n }, m = At(o), b = Ct(m), g = Ot(m), h = await s.getDimensions(a), u = m === "y", y = u ? "top" : "left", w = u ? "bottom" : "right", O = u ? "clientHeight" : "clientWidth", x = r.reference[g] + r.reference[m] - d[m] - r.floating[g], D = d[m] - r.reference[m], P = await ((St = s.getOffsetParent) == null ? void 0 : St.call(s, a));
+    let R = P ? P[O] : 0;
+    (!R || !await ((Lt = s.isElement) == null ? void 0 : Lt.call(s, P))) && (R = l.floating[O] || r.floating[g]);
+    const k = x / 2 - D / 2, C = R / 2 - h.width / 2 - 1, S = q(p[y], C), j = q(p[w], C), T = S, I = R - h.width - j, Y = R / 2 - h.width / 2 + k, X = yt(T, Y, I), K = !c.arrow && H(o) != null && Y !== X && r.reference[g] / 2 - (Y < T ? S : j) - h.width / 2 < 0, N = K ? Y < T ? Y - T : Y - I : 0, B = $(o), gt = ["top", "left"].includes(B) ? -1 : 1, de = h.height * gt, ue = bo({
       placement: B,
       arrowHeight: h.height,
       arrowWidth: h.width,
@@ -1259,7 +1259,7 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
   f.left = n != null ? `${n}px` : "", f.top = o != null ? `${o}px` : "";
   const p = st(r);
   return f[p] = a, f;
-}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}.bm-floatingui__overlay:has(.bm-panel--contained){position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:clip!important}";
+}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}.bm-floatingui__overlay:has(.bm-dialog){background-color:transparent;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion: reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:clip!important}";
 class yo {
   constructor(t) {
     this.eventMap = /* @__PURE__ */ new Map(), this.elements = /* @__PURE__ */ new Map(), t.addController(this);
@@ -1484,7 +1484,7 @@ const xo = (e) => {
     ge()
   ], t.prototype, "_isOpen"), t;
 };
-var Co = Object.defineProperty, R = (e, t, i, n) => {
+var Co = Object.defineProperty, _ = (e, t, i, n) => {
   for (var o = void 0, r = e.length - 1, s; r >= 0; r--)
     (s = e[r]) && (o = s(t, i, o) || o);
   return o && Co(t, i, o), o;
@@ -1644,13 +1644,13 @@ const {
     contentSlotHandler(o) {
       if (this.disableAutoAria)
         return;
-      const { child: r } = kt("bm-floatingui", "content", o);
+      const { child: r } = Tt("bm-floatingui", "content", o);
       r.setAttribute("id", this.autoDescribedById);
     }
     environmentClickListener(o) {
       if (!this._isOpen || this.open)
         return;
-      const r = Tt(o, this.anchor), s = Tt(o, this.contentRef.value);
+      const r = kt(o, this.anchor), s = kt(o, this.contentRef.value);
       r || s || this.closeContent(!0);
     }
     willUpdate(o) {
@@ -1692,7 +1692,7 @@ const {
       this.openController.cancelSchedule(), this.closeContent(!0);
     }
     anchorSlotHandler(o) {
-      const { child: r } = kt("bm-floatingui", "anchor", o);
+      const { child: r } = Tt("bm-floatingui", "anchor", o);
       this.anchor = r, this.eventController.registerElement("anchor", r, {
         hover: this.openOnHover,
         click: this.openOnClick,
@@ -1712,47 +1712,47 @@ const {
       `
   ];
   let t = i;
-  return R([
+  return _([
     v({ type: Boolean })
-  ], t.prototype, "hideArrow"), R([
+  ], t.prototype, "hideArrow"), _([
     v({ type: String })
-  ], t.prototype, "placement"), R([
+  ], t.prototype, "placement"), _([
     v({ type: Object })
-  ], t.prototype, "autoPlacement"), R([
+  ], t.prototype, "autoPlacement"), _([
     v({ type: Object })
-  ], t.prototype, "flip"), R([
+  ], t.prototype, "flip"), _([
     v({ type: Object })
-  ], t.prototype, "shift"), R([
+  ], t.prototype, "shift"), _([
     v({ type: Object })
-  ], t.prototype, "autoHiding"), R([
+  ], t.prototype, "autoHiding"), _([
     v({ type: Object })
-  ], t.prototype, "middleware"), R([
+  ], t.prototype, "middleware"), _([
     v({ type: Boolean })
-  ], t.prototype, "defaultOpen"), R([
+  ], t.prototype, "defaultOpen"), _([
     v({ type: Number })
-  ], t.prototype, "showDelay"), R([
+  ], t.prototype, "showDelay"), _([
     v({ type: Number })
-  ], t.prototype, "hideDelay"), R([
+  ], t.prototype, "hideDelay"), _([
     v({ type: Boolean, converter: Jt })
-  ], t.prototype, "popoverAPI"), R([
+  ], t.prototype, "popoverAPI"), _([
     v({ type: Boolean })
-  ], t.prototype, "disableAutoAria"), R([
+  ], t.prototype, "disableAutoAria"), _([
     v({ type: String })
-  ], t.prototype, "autoDescribedById"), R([
+  ], t.prototype, "autoDescribedById"), _([
     v()
-  ], t.prototype, "offset"), R([
+  ], t.prototype, "offset"), _([
     v({ type: Boolean })
-  ], t.prototype, "openOnClick"), R([
+  ], t.prototype, "openOnClick"), _([
     v({ type: Boolean })
-  ], t.prototype, "openOnHover"), R([
+  ], t.prototype, "openOnHover"), _([
     v({ type: Boolean })
   ], t.prototype, "openOnFocus"), t;
 };
-var Ro = Object.defineProperty, So = Object.getOwnPropertyDescriptor, _o = Object.getPrototypeOf, Lo = Reflect.get, E = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? So(t, i) : t, r = e.length - 1, s; r >= 0; r--)
+var _o = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, So = Object.getPrototypeOf, Lo = Reflect.get, E = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ro(t, i) : t, r = e.length - 1, s; r >= 0; r--)
     (s = e[r]) && (o = (n ? s(t, i, o) : s(o)) || o);
-  return n && o && Ro(t, i, o), o;
-}, pe = (e, t, i) => Lo(_o(e), i, t);
+  return n && o && _o(t, i, o), o;
+}, pe = (e, t, i) => Lo(So(e), i, t);
 const { subElementClassPrefix: me, baseClassNamePrefix: zo } = Gt("tooltip");
 let A = class extends Po(qt) {
   constructor() {