@viasat/beam-web-components 2.20.0 → 2.21.1

package/Tooltip/Tooltip.js

@@ -1,13 +1,13 @@
 import { unsafeCSS as xt, css as he, html as Xt, LitElement as qt } from "lit";
-import { property as b, state as ge } from "lit/decorators.js";
+import { property as v, state as ge } from "lit/decorators.js";
 import { createRef as zt, ref as Dt } from "lit/directives/ref.js";
-import bt from "clsx";
-import { h as ve, j as Tt, k as be, g as Gt } from "../chunks/classNames.Cq_tbDRp.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 { 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";
-const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,[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,[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, _ = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
+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, _ = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
   x: e,
   y: e
 }), Pe = {
@@ -174,7 +174,7 @@ const De = async (e, t, i) => {
   }), {
     x: f,
     y: p
-  } = Mt(a, n, c), d = n, m = {}, v = 0;
+  } = Mt(a, n, c), d = n, m = {}, b = 0;
   for (let g = 0; g < l.length; g++) {
     const {
       name: h,
@@ -204,7 +204,7 @@ const De = async (e, t, i) => {
         ...m[h],
         ...O
       }
-    }, x && v <= 50 && (v++, typeof x == "object" && (x.placement && (d = x.placement), x.rects && (a = x.rects === !0 ? await s.getElementRects({
+    }, x && b <= 50 && (b++, typeof x == "object" && (x.placement && (d = x.placement), x.rects && (a = x.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
@@ -237,7 +237,7 @@ async function ot(e, t) {
     elementContext: p = "floating",
     altBoundary: d = !1,
     padding: m = 0
-  } = Z(t, e), v = oe(m), h = l[d ? p === "floating" ? "reference" : "floating" : p], u = mt(await r.getClippingRect({
+  } = Z(t, e), b = oe(m), h = l[d ? p === "floating" ? "reference" : "floating" : p], u = mt(await r.getClippingRect({
     element: (i = await (r.isElement == null ? void 0 : r.isElement(h))) == null || i ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
     boundary: a,
     rootBoundary: f,
@@ -260,10 +260,10 @@ async function ot(e, t) {
     strategy: c
   }) : y);
   return {
-    top: (u.top - x.top + v.top) / O.y,
-    bottom: (x.bottom - u.bottom + v.bottom) / O.y,
-    left: (u.left - x.left + v.left) / O.x,
-    right: (x.right - u.right + v.right) / O.x
+    top: (u.top - x.top + b.top) / O.y,
+    bottom: (x.bottom - u.bottom + b.bottom) / O.y,
+    left: (u.left - x.left + b.left) / O.x,
+    right: (x.right - u.right + b.right) / O.x
   };
 }
 function Te(e, t, i) {
@@ -286,8 +286,8 @@ const ke = function(e) {
         alignment: p,
         allowedPlacements: d = Ft,
         autoAlignment: m = !0,
-        ...v
-      } = Z(e, t), g = p !== void 0 || d === Ft ? Te(p || null, m, d) : d, h = await ot(t, v), u = ((i = s.autoPlacement) == null ? void 0 : i.index) || 0, y = g[u];
+        ...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];
       if (y == null)
         return {};
       const w = ee(y, r, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
@@ -355,14 +355,14 @@ const ke = function(e) {
         crossAxis: p = !0,
         fallbackPlacements: d,
         fallbackStrategy: m = "bestFit",
-        fallbackAxisSideDirection: v = "none",
+        fallbackAxisSideDirection: b = "none",
         flipAlignment: g = !0,
         ...h
       } = 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 = v !== "none";
-      !d && D && x.push(..._e(l, g, v, O));
+      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";
+      !d && D && x.push(..._e(l, g, b, O));
       const P = [l, ...x], S = await ot(t, h), T = [];
       let C = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (f && T.push(S[u]), p) {
@@ -479,7 +479,7 @@ async function He(e, t) {
   let {
     mainAxis: d,
     crossAxis: m,
-    alignmentAxis: v
+    alignmentAxis: b
   } = typeof p == "number" ? {
     mainAxis: p,
     crossAxis: 0,
@@ -489,7 +489,7 @@ async function He(e, t) {
     crossAxis: p.crossAxis || 0,
     alignmentAxis: p.alignmentAxis
   };
-  return l && typeof v == "number" && (m = l === "end" ? v * -1 : v), c ? {
+  return l && typeof b == "number" && (m = l === "end" ? b * -1 : b), c ? {
     x: m * f,
     y: d * a
   } : {
@@ -548,19 +548,19 @@ const Fe = function(e) {
         x: i,
         y: n
       }, f = await ot(t, c), p = Q($(o)), d = Ct(p);
-      let m = a[d], v = a[p];
+      let m = a[d], b = a[p];
       if (r) {
         const h = d === "y" ? "top" : "left", u = d === "y" ? "bottom" : "right", y = m + f[h], w = m - f[u];
         m = yt(y, m, w);
       }
       if (s) {
-        const h = p === "y" ? "top" : "left", u = p === "y" ? "bottom" : "right", y = v + f[h], w = v - f[u];
-        v = yt(y, v, w);
+        const h = p === "y" ? "top" : "left", u = p === "y" ? "bottom" : "right", y = b + f[h], w = b - f[u];
+        b = yt(y, b, w);
       }
       const g = l.fn({
         ...t,
         [d]: m,
-        [p]: v
+        [p]: b
       });
       return {
         ...g,
@@ -591,16 +591,16 @@ const Fe = function(e) {
         },
         ...a
       } = Z(e, t), f = await ot(t, a), p = $(o), d = H(o), m = Q(o) === "y", {
-        width: v,
+        width: b,
         height: g
       } = r.floating;
       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 = v - f.left - f.right, O = q(g - f[h], y), x = q(v - f[u], w), D = !t.middlewareData.shift;
+      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 = _(f.left, 0), L = _(f.right, 0), j = _(f.top, 0), k = _(f.bottom, 0);
-        m ? S = v - 2 * (C !== 0 || L !== 0 ? C + L : _(f.left, f.right)) : P = g - 2 * (j !== 0 || k !== 0 ? j + k : _(f.top, f.bottom));
+        m ? S = b - 2 * (C !== 0 || L !== 0 ? C + L : _(f.left, f.right)) : P = g - 2 * (j !== 0 || k !== 0 ? j + k : _(f.top, f.bottom));
       }
       await c({
         ...t,
@@ -608,7 +608,7 @@ const Fe = function(e) {
         availableHeight: P
       });
       const T = await s.getDimensions(l.floating);
-      return v !== T.width || g !== T.height ? {
+      return b !== T.width || g !== T.height ? {
         reset: {
           rects: !0
         }
@@ -773,10 +773,10 @@ function tt(e, t, i, n) {
   let c = (o.left + l.x) / s.x, a = (o.top + l.y) / s.y, f = o.width / s.x, p = o.height / s.y;
   if (r) {
     const d = z(r), m = n && F(n) ? z(n) : n;
-    let v = d, g = wt(v);
-    for (; g && n && m !== v; ) {
+    let b = d, g = wt(b);
+    for (; g && n && m !== b; ) {
       const h = et(g), u = g.getBoundingClientRect(), y = M(g), w = u.left + (g.clientLeft + parseFloat(y.paddingLeft)) * h.x, O = u.top + (g.clientTop + parseFloat(y.paddingTop)) * h.y;
-      c *= h.x, a *= h.y, f *= h.x, p *= h.y, c += w, a += O, v = z(g), g = wt(v);
+      c *= h.x, a *= h.y, f *= h.x, p *= h.y, c += w, a += O, b = z(g), g = wt(b);
     }
   }
   return mt({
@@ -950,7 +950,7 @@ function Qe(e, t, i) {
     height: s.height
   };
 }
-function vt(e) {
+function bt(e) {
   return M(e).position === "static";
 }
 function Vt(e, t) {
@@ -968,16 +968,16 @@ function ae(e, t) {
   if (!V(e)) {
     let o = G(e);
     for (; o && !it(o); ) {
-      if (F(o) && !vt(o))
+      if (F(o) && !bt(o))
         return o;
       o = G(o);
     }
     return i;
   }
   let n = Vt(e, t);
-  for (; n && Ie(n) && vt(n); )
+  for (; n && Ie(n) && bt(n); )
     n = Vt(n, t);
-  return n && it(n) && vt(n) && !Et(n) ? i : n || Ne(e) || i;
+  return n && it(n) && bt(n) && !Et(n) ? i : n || Ne(e) || i;
 }
 const to = async function(e) {
   const t = this.getOffsetParent || ae, i = this.getDimensions, n = await i(e.floating);
@@ -1026,8 +1026,8 @@ function io(e, t) {
     } = a;
     if (l || t(), !d || !m)
       return;
-    const v = ct(p), g = ct(o.clientWidth - (f + d)), h = ct(o.clientHeight - (p + m)), u = ct(f), w = {
-      rootMargin: -v + "px " + -g + "px " + -h + "px " + -u + "px",
+    const b = ct(p), g = ct(o.clientWidth - (f + d)), h = ct(o.clientHeight - (p + m)), u = ct(f), w = {
+      rootMargin: -b + "px " + -g + "px " + -h + "px " + -u + "px",
       threshold: _(0, q(1, c)) || 1
     };
     let O = !0;
@@ -1078,17 +1078,17 @@ function no(e, t, i, n) {
       (w = m) == null || w.observe(t);
     })), i();
   }), a && !c && m.observe(a), m.observe(t));
-  let v, g = c ? tt(e) : null;
+  let b, g = c ? tt(e) : null;
   c && h();
   function h() {
     const u = tt(e);
-    g && !fe(g, u) && i(), g = u, v = requestAnimationFrame(h);
+    g && !fe(g, u) && i(), g = u, b = requestAnimationFrame(h);
   }
   return i(), () => {
     var u;
     f.forEach((y) => {
       o && y.removeEventListener("scroll", i), r && y.removeEventListener("resize", i);
-    }), p == null || p(), (u = m) == null || u.disconnect(), m = null, c && cancelAnimationFrame(v);
+    }), 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) => {
@@ -1116,10 +1116,10 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
     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), v = 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 ((Lt = s.getOffsetParent) == null ? void 0 : Lt.call(s, a));
+    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 ((Lt = s.getOffsetParent) == null ? void 0 : Lt.call(s, a));
     let S = P ? P[O] : 0;
     (!S || !await ((_t = s.isElement) == null ? void 0 : _t.call(s, P))) && (S = l.floating[O] || r.floating[g]);
-    const T = x / 2 - D / 2, C = S / 2 - h.width / 2 - 1, L = q(p[y], C), j = q(p[w], C), k = L, 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 ? L : 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 = vo({
+    const T = x / 2 - D / 2, C = S / 2 - h.width / 2 - 1, L = q(p[y], C), j = q(p[w], C), k = L, 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 ? L : 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({
       placement: B,
       arrowHeight: h.height,
       arrowWidth: h.width,
@@ -1131,7 +1131,7 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
     });
     return {
       [m]: d[m] + N,
-      [v]: d[v] + de,
+      [b]: d[b] + de,
       data: ue,
       reset: K
     };
@@ -1173,7 +1173,7 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
   } else
     s.push(...t.overrides);
   return n.hide || s.push(ho(n.options)), typeof t.overrides == "function" && (s = t.overrides(s)), r.middleware = s, r;
-}, vo = ({
+}, bo = ({
   placement: e,
   arrowHeight: t,
   arrowWidth: i,
@@ -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;
-}, bo = ".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}";
+}, 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}";
 class yo {
   constructor(t) {
     this.eventMap = /* @__PURE__ */ new Map(), this.elements = /* @__PURE__ */ new Map(), t.addController(this);
@@ -1479,7 +1479,7 @@ const xo = (e) => {
     }
   }
   return Yt([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "open"), Yt([
     ge()
   ], t.prototype, "_isOpen"), t;
@@ -1495,7 +1495,7 @@ const {
 } = Gt("floatingui"), Kt = {
   content: Ao,
   arrow: `${Oo}arrow`
-}, Eo = ve("popover"), Po = (e) => {
+}, Eo = be("popover"), Po = (e) => {
   const i = class i extends xo(e) {
     constructor() {
       super(), this.hideArrow = !1, this.shift = !0, this.autoHiding = !0, this.defaultOpen = !1, this.showDelay = 0, this.hideDelay = 0, this.popoverAPI = !0, this.disableAutoAria = !1, this.autoDescribedById = Oe(), this.openOnClick = !1, this.openOnHover = !1, this.openOnFocus = !1, this.initialRender = !0, this.contentRef = zt(), this.edgePadding = 0, this.shouldReturnFocus = !1, this.eventPrefix = "bm-floatingui", this.arrowRef = zt(), this.shouldUsePopoverAPI = !1, this.anchor = null, this.eventController = new yo(this), this.autoUpdateCleanup = null, this.closeController = new Ut(this), this.openController = new Ut(this), this.openContent = this.openContent.bind(this), this.mouseEnterHandler = this.mouseEnterHandler.bind(this), this.mouseLeaveHandler = this.mouseLeaveHandler.bind(this), this.closeContent = this.closeContent.bind(this), this.toggleContent = this.toggleContent.bind(this), this.contentSlotHandler = this.contentSlotHandler.bind(this), this.environmentClickListener = this.environmentClickListener.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.eventController.registerClickListener("anchor", this.toggleContent), this.eventController.registerHoverListener(
@@ -1658,7 +1658,7 @@ const {
     }
     updated(o) {
       if (super.updated(o), this.anchor && ["click", "hover", "focus"].forEach((f) => {
-        const p = `openOn${be(f)}`;
+        const p = `openOn${ve(f)}`;
         o.has(p) && (this[p] ? this.eventController.addEventListeners(f) : this.eventController.removeEventListeners(f));
       }), o.has("autoDescribedById") && !this.disableAutoAria && this.anchor)
         if (this.autoDescribedById)
@@ -1704,7 +1704,7 @@ const {
     }
   };
   i.styles = [
-    xt(bo),
+    xt(vo),
     he`
         :host {
           display: contents;
@@ -1713,39 +1713,39 @@ const {
   ];
   let t = i;
   return R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "hideArrow"), R([
-    b({ type: String })
+    v({ type: String })
   ], t.prototype, "placement"), R([
-    b({ type: Object })
+    v({ type: Object })
   ], t.prototype, "autoPlacement"), R([
-    b({ type: Object })
+    v({ type: Object })
   ], t.prototype, "flip"), R([
-    b({ type: Object })
+    v({ type: Object })
   ], t.prototype, "shift"), R([
-    b({ type: Object })
+    v({ type: Object })
   ], t.prototype, "autoHiding"), R([
-    b({ type: Object })
+    v({ type: Object })
   ], t.prototype, "middleware"), R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "defaultOpen"), R([
-    b({ type: Number })
+    v({ type: Number })
   ], t.prototype, "showDelay"), R([
-    b({ type: Number })
+    v({ type: Number })
   ], t.prototype, "hideDelay"), R([
-    b({ type: Boolean, converter: Jt })
+    v({ type: Boolean, converter: Jt })
   ], t.prototype, "popoverAPI"), R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "disableAutoAria"), R([
-    b({ type: String })
+    v({ type: String })
   ], t.prototype, "autoDescribedById"), R([
-    b()
+    v()
   ], t.prototype, "offset"), R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "openOnClick"), R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "openOnHover"), R([
-    b({ type: Boolean })
+    v({ type: Boolean })
   ], t.prototype, "openOnFocus"), t;
 };
 var Ro = Object.defineProperty, So = Object.getOwnPropertyDescriptor, Lo = Object.getPrototypeOf, _o = Reflect.get, E = (e, t, i, n) => {
@@ -1772,7 +1772,7 @@ let A = class extends Po(qt) {
         @slotchange=${this.contentSlotHandler}
         aria-hidden=${!this._isOpen}
         ${Dt(this.contentRef)}
-        class=${bt(
+        class=${vt(
       this.theme && we(this.theme),
       Kt.content,
       zo
@@ -1782,7 +1782,7 @@ let A = class extends Po(qt) {
       >
         <slot name="text"></slot>
         <span
-          class=${bt(Kt.arrow, `${me}arrow`)}
+          class=${vt(Kt.arrow, `${me}arrow`)}
           ${Dt(this.arrowRef)}
         >
         </span>
@@ -1794,52 +1794,52 @@ A.styles = [
   pe(A, A, "styles") ?? []
 ];
 E([
-  b({ type: String })
+  v({ type: String })
 ], A.prototype, "theme", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], A.prototype, "open", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], A.prototype, "hideArrow", 2);
 E([
-  b({ type: String })
+  v({ type: String })
 ], A.prototype, "placement", 2);
 E([
-  b({ type: Object })
+  v({ type: Object })
 ], A.prototype, "autoPlacement", 2);
 E([
-  b({ type: Object })
+  v({ type: Object })
 ], A.prototype, "flip", 2);
 E([
-  b({ type: Object })
+  v({ type: Object })
 ], A.prototype, "shift", 2);
 E([
-  b({ type: Object })
+  v({ type: Object })
 ], A.prototype, "autoHiding", 2);
 E([
-  b({ type: Object })
+  v({ type: Object })
 ], A.prototype, "middleware", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], A.prototype, "defaultOpen", 2);
 E([
-  b({ type: Number })
+  v({ type: Number })
 ], A.prototype, "showDelay", 2);
 E([
-  b({ type: Boolean, converter: Jt })
+  v({ type: Boolean, converter: Jt })
 ], A.prototype, "popoverAPI", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], A.prototype, "disableAutoAria", 2);
 E([
-  b({ type: String })
+  v({ type: String })
 ], A.prototype, "autoDescribedById", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], A.prototype, "disabled", 2);
 E([
-  b({ type: String })
+  v({ type: String })
 ], A.prototype, "triggerSize", 2);
 A = E([
   Zt("bm-tooltip")
@@ -1849,7 +1849,7 @@ let J = class extends qt {
     super(...arguments), this.size = "md", this.disabled = !1;
   }
   render() {
-    const e = `${me}icon-trigger`, t = bt(
+    const e = `${me}icon-trigger`, t = vt(
       e,
       this.size !== "none" && `${e}--${this.size}`,
       this.disabled && `${e}--disabled`
@@ -1864,10 +1864,10 @@ J.styles = [
   pe(J, J, "styles") ?? []
 ];
 E([
-  b({ type: String })
+  v({ type: String })
 ], J.prototype, "size", 2);
 E([
-  b({ type: Boolean })
+  v({ type: Boolean })
 ], J.prototype, "disabled", 2);
 J = E([
   Zt("bm-tooltip-icon-trigger")