@viasat/beam-react 2.10.1 → 2.10.2

package/chunks/{FloatingUI.context.2kPXcTvi.js → FloatingUI.context.DtJA57si.js}

@@ -1,41 +1,41 @@
 import h from "react";
-import { offset as G, autoPlacement as H, shift as J, flip as K, hide as Q } from "@floating-ui/dom";
-import { useFloatingNodeId as V, useFloating as Z, autoUpdate as w } from "@floating-ui/react";
-import { useConfigurableInteractions as tt } from "../lib/FloatingUI/FloatingUI.interactions.es.js";
-const N = Math.min, et = Math.max, nt = {
+import { offset as Y, size as k, autoPlacement as q, flip as J, shift as K, hide as Q } from "@floating-ui/dom";
+import { useFloatingNodeId as Z, useFloating as w, autoUpdate as tt } from "@floating-ui/react";
+import { useConfigurableInteractions as et } from "../lib/FloatingUI/FloatingUI.interactions.es.js";
+const _ = Math.min, nt = Math.max, ot = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function ot(t, e, i) {
-  return et(t, N(e, i));
+function st(t, e, i) {
+  return nt(t, _(e, i));
 }
-function st(t, e) {
+function it(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function T(t) {
+function G(t) {
   return t.split("-")[0];
 }
-function it(t) {
+function ct(t) {
   return t.split("-")[1];
 }
-function k(t) {
+function W(t) {
   return t === "x" ? "y" : "x";
 }
-function ct(t) {
-  return t === "y" ? "height" : "width";
-}
 function rt(t) {
-  return ["top", "bottom"].includes(T(t)) ? "y" : "x";
+  return t === "y" ? "height" : "width";
 }
 function lt(t) {
-  return k(rt(t));
+  return ["top", "bottom"].includes(G(t)) ? "y" : "x";
 }
 function ft(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => nt[e]);
+  return W(lt(t));
 }
 function ut(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ot[e]);
+}
+function at(t) {
   return {
     top: 0,
     right: 0,
@@ -44,53 +44,53 @@ function ut(t) {
     ...t
   };
 }
-function at(t) {
-  return typeof t != "number" ? ut(t) : {
+function pt(t) {
+  return typeof t != "number" ? at(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-const Pt = (t) => {
+const dt = 16, At = (t) => {
   var e;
   return {
     visibility: (e = t.hide) != null && e.referenceHidden ? "hidden" : "visible"
   };
-}, dt = (t) => ({
+}, gt = (t) => ({
   name: "arrowStyles",
   options: t,
   async fn(e) {
-    var Y, _;
-    const { x: i, y: c, placement: l, rects: s, platform: n, elements: a, middlewareData: P } = e, { element: d, padding: p = 0 } = st(t, e) || {};
-    if (d == null)
+    var T, V;
+    const { x: i, y: c, placement: l, rects: s, platform: n, elements: d, middlewareData: g } = e, { element: u, padding: a = 0 } = it(t, e) || {};
+    if (u == null)
       return {};
-    const y = at(p), m = { x: i, y: c }, r = lt(l), A = k(r), x = ct(r), u = await n.getDimensions(d), o = r === "y", U = o ? "top" : "left", D = o ? "bottom" : "right", M = o ? "clientHeight" : "clientWidth", j = s.reference[x] + s.reference[r] - m[r] - s.floating[x], X = m[r] - s.reference[r], I = await ((Y = n.getOffsetParent) == null ? void 0 : Y.call(n, d));
-    let g = I ? I[M] : 0;
-    (!g || !await ((_ = n.isElement) == null ? void 0 : _.call(n, I))) && (g = a.floating[M] || s.floating[x]);
-    const z = j / 2 - X / 2, C = g / 2 - u.width / 2 - 1, v = N(y[U], C), $ = N(y[D], C), S = v, b = g - u.width - $, f = g / 2 - u.width / 2 + z, O = ot(S, f, b), B = !P.arrow && it(l) != null && f !== O && s.reference[x] / 2 - (f < S ? v : $) - u.width / 2 < 0, F = B ? f < S ? f - S : f - b : 0, E = T(l), R = ["top", "left"].includes(E) ? -1 : 1, W = u.height * R, q = gt({
-      placement: E,
-      arrowHeight: u.height,
-      arrowWidth: u.width,
+    const A = pt(a), m = { x: i, y: c }, r = ft(l), C = W(r), x = rt(r), p = await n.getDimensions(u), I = r === "y", o = I ? "top" : "left", U = I ? "bottom" : "right", $ = I ? "clientHeight" : "clientWidth", L = s.reference[x] + s.reference[r] - m[r] - s.floating[x], j = m[r] - s.reference[r], D = await ((T = n.getOffsetParent) == null ? void 0 : T.call(n, u));
+    let b = D ? D[$] : 0;
+    (!b || !await ((V = n.isElement) == null ? void 0 : V.call(n, D))) && (b = d.floating[$] || s.floating[x]);
+    const M = L / 2 - j / 2, v = b / 2 - p.width / 2 - 1, F = _(A[o], v), E = _(A[U], v), O = F, z = b - p.width - E, f = b / 2 - p.width / 2 + M, P = st(O, f, z), y = !g.arrow && ct(l) != null && f !== P && s.reference[x] / 2 - (f < O ? F : E) - p.width / 2 < 0, N = y ? f < O ? f - O : f - z : 0, S = G(l), X = ["top", "left"].includes(S) ? -1 : 1, B = p.height * X, H = mt({
+      placement: S,
+      arrowHeight: p.height,
+      arrowWidth: p.width,
       // pass arrow middleware
-      [r]: O
+      [r]: P
       // for posterity, this is what the floating-ui arrow middleware returns
       // centerOffset: center - offset - alignmentOffset,
       // ...(shouldAddOffset && { alignmentOffset }),
     });
     return {
-      [r]: m[r] + F,
-      [A]: m[A] + W,
-      data: q,
-      reset: B
+      [r]: m[r] + N,
+      [C]: m[C] + B,
+      data: H,
+      reset: y
     };
   }
-}), L = (t, e, i, c) => {
+}), R = (t, e, i, c) => {
   if (c) {
     const l = c === !0 ? i() : i(c);
     t[e](l);
   }
-}, pt = ({
+}, ht = ({
   baseConfig: t,
   middleware: e,
   offset: i,
@@ -100,25 +100,36 @@ const Pt = (t) => {
   const s = { ...t, placement: l };
   let n = [];
   if (typeof e.overrides != "object") {
-    n.push(G(i));
-    let a = e.flip ?? !0;
-    e.autoPlacement && (a = !1), L(
+    n.push(Y(i));
+    let d = e.flip ?? !0;
+    if (e.autoPlacement && (d = !1), R(
       n,
       "unshift",
-      H,
+      q,
       e.autoPlacement
-    ), L(n, "push", J, e.shift ?? !0), L(n, "unshift", K, a), L(n, "push", Q, e.hide ?? !0);
+    ), R(n, "unshift", J, d), e.size) {
+      const g = e.size === !0 ? {
+        padding: dt,
+        apply({ availableHeight: u, elements: a }) {
+          Object.assign(a.floating.style, {
+            maxHeight: `${u}px`
+          });
+        }
+      } : e.size;
+      n.push(k(g));
+    }
+    R(n, "push", K, e.shift ?? !0), R(n, "push", Q, e.hide ?? !0);
   } else
     n.push(...e.overrides);
-  return c.hide || n.push(dt(c.options)), typeof e.overrides == "function" && (n = e.overrides(n)), s.middleware = n, s;
-}, gt = ({
+  return c.hide || n.push(gt(c.options)), typeof e.overrides == "function" && (n = e.overrides(n)), s.middleware = n, s;
+}, mt = ({
   placement: t,
   arrowHeight: e,
   arrowWidth: i,
   x: c,
   y: l
 }) => {
-  const s = T(t), n = i / 2 - e, a = {
+  const s = G(t), n = i / 2 - e, d = {
     /* since the default orientation is pointing down, we don't need to rotate the arrow
     if the tooltip is on top of the reference element
      */
@@ -146,7 +157,7 @@ const Pt = (t) => {
          */
     left: `rotate(-90deg) translateX(${-n}px)`,
     right: `rotate(90deg) translateX(${n}px)`
-  }[s], P = -i / 2 - e, d = {
+  }[s], g = -i / 2 - e, u = {
     /*
      * If the tooltip is at the top of the anchor, place the arrow at the bottom of
      * the tooltip with bottom: 0. The bottom of the arrow will be flush with the bottom
@@ -188,16 +199,16 @@ const Pt = (t) => {
      * |   ..                                   |     | *
      * |                                        |     |/
      */
-    left: `${P}px`,
+    left: `${g}px`,
     // similarly for the right side
-    right: `${P}px`
-  }[s], p = {
-    transform: a
+    right: `${g}px`
+  }[s], a = {
+    transform: d
   };
-  p.left = c != null ? `${c}px` : "", p.top = l != null ? `${l}px` : "";
-  const y = ft(s);
-  return p[y] = d, p;
-}, yt = ({
+  a.left = c != null ? `${c}px` : "", a.top = l != null ? `${l}px` : "";
+  const A = ut(s);
+  return a[A] = u, a;
+}, It = ({
   defaultOpen: t = !1,
   open: e,
   placement: i = "top",
@@ -206,44 +217,46 @@ const Pt = (t) => {
   onOpenChange: l,
   openOnClick: s,
   openOnHover: n,
-  openOnFocus: a,
-  openOnSelected: P,
-  focusConfiguration: d,
-  listNavigation: p,
-  typeahead: y,
+  openOnFocus: d,
+  openOnSelected: g,
+  focusConfiguration: u,
+  listNavigation: a,
+  typeahead: A,
   // Floating UI Middlewares
   middleware: m,
   autoPlacement: r,
-  flip: A = !0,
+  flip: C = !0,
   shift: x = !0,
-  autoHiding: u,
+  autoHiding: p,
+  size: I,
   // Floating UI Arrow
   arrow: o,
   transitionConfig: U,
-  portalled: D,
-  role: M,
+  portalled: $,
+  role: L,
   rootContext: j
 }) => {
-  const [X, I] = h.useState(t), [g, z] = h.useState(), [C, v] = h.useState(), [$, S] = h.useState(null), b = e ?? X, f = l ?? I, O = V(), B = h.useMemo(() => ({
-    ...pt({
+  const [D, b] = h.useState(t), [M, v] = h.useState(), [F, E] = h.useState(), [O, z] = h.useState(null), f = e ?? D, P = l ?? b, y = Z(), N = h.useMemo(() => ({
+    ...ht({
       baseConfig: {
-        open: b,
-        onOpenChange: f,
-        whileElementsMounted: w,
-        nodeId: O,
+        open: f,
+        onOpenChange: P,
+        whileElementsMounted: tt,
+        nodeId: y,
         rootContext: j
       },
       middleware: {
         overrides: m,
         autoPlacement: r,
-        flip: A,
+        flip: C,
         shift: x,
-        hide: u
+        hide: p,
+        size: I
       },
       arrow: {
         hide: (o == null ? void 0 : o.hide) ?? !1,
         options: {
-          element: $ || null,
+          element: O || null,
           padding: o == null ? void 0 : o.edgePadding
         }
       },
@@ -251,70 +264,71 @@ const Pt = (t) => {
       offset: c ?? 0
     })
   }), [
-    O,
-    b,
+    y,
     f,
+    P,
     m,
     r,
-    A,
+    C,
     x,
-    u,
+    p,
+    I,
     o == null ? void 0 : o.hide,
     o == null ? void 0 : o.edgePadding,
-    $,
+    O,
     i,
     c,
     j
-  ]), F = Z(B), E = F.context, R = tt({
-    context: E,
+  ]), S = w(N), X = S.context, B = et({
+    context: X,
     openOnClick: s,
     openOnHover: n,
-    openOnFocus: a,
-    openOnSelected: P,
-    role: M,
-    listNavigation: p,
-    typeahead: y
+    openOnFocus: d,
+    openOnSelected: g,
+    role: L,
+    listNavigation: a,
+    typeahead: A
   });
   return h.useMemo(
     () => ({
-      open: b,
-      setOpen: f,
-      ...R,
-      ...F,
-      portalled: D,
-      focusConfiguration: d,
+      open: f,
+      setOpen: P,
+      ...B,
+      ...S,
+      portalled: $,
+      focusConfiguration: u,
       transitionConfig: U,
-      labelId: g,
-      descriptionId: C,
+      labelId: M,
+      descriptionId: F,
       arrow: o,
-      setLabelId: z,
-      setDescriptionId: v,
-      setArrowEl: S,
-      nodeId: O
+      setLabelId: v,
+      setDescriptionId: E,
+      setArrowEl: z,
+      nodeId: y
     }),
     [
-      b,
       f,
-      R,
-      F,
-      D,
-      d,
+      P,
+      B,
+      S,
+      $,
+      u,
       U,
-      g,
-      C,
+      M,
+      F,
       o,
-      O
+      y
     ]
   );
-}, ht = h.createContext(null), St = () => {
-  const t = h.useContext(ht);
+}, xt = h.createContext(null), St = () => {
+  const t = h.useContext(xt);
   if (t == null)
     throw new Error("FloatingUI components must be wrapped in <FloatingUI />");
   return t;
 };
 export {
-  ht as B,
+  xt as B,
   St as a,
-  yt as u,
-  Pt as v
+  It as u,
+  At as v
 };

package/chunks/FloatingUI.context.Du9g2lSg.js

@@ -0,0 +1 @@
+"use strict";const h=require("react"),F=require("@floating-ui/dom"),X=require("@floating-ui/react"),J=require("../lib/FloatingUI/FloatingUI.interactions.cjs.js"),G=Math.min,K=Math.max,Q={left:"right",right:"left",bottom:"top",top:"bottom"};function Z(t,e,i){return K(t,G(e,i))}function w(t,e){return typeof t=="function"?t(e):t}function T(t){return t.split("-")[0]}function tt(t){return t.split("-")[1]}function Y(t){return t==="x"?"y":"x"}function et(t){return t==="y"?"height":"width"}function nt(t){return["top","bottom"].includes(T(t))?"y":"x"}function ot(t){return Y(nt(t))}function st(t){return t.replace(/left|right|bottom|top/g,e=>Q[e])}function it(t){return{top:0,right:0,bottom:0,left:0,...t}}function ct(t){return typeof t!="number"?it(t):{top:t,right:t,bottom:t,left:t}}const lt=16,rt=t=>{var e;return{visibility:(e=t.hide)!=null&&e.referenceHidden?"hidden":"visible"}},ut=t=>({name:"arrowStyles",options:t,async fn(e){var V,W;const{x:i,y:c,placement:r,rects:s,platform:n,elements:g,middlewareData:p}=e,{element:f,padding:a=0}=w(t,e)||{};if(f==null)return{};const y=ct(a),m={x:i,y:c},l=ot(r),U=Y(l),x=et(l),d=await n.getDimensions(f),A=l==="y",o=A?"top":"left",j=A?"bottom":"right",C=A?"clientHeight":"clientWidth",_=s.reference[x]+s.reference[l]-m[l]-s.floating[x],B=m[l]-s.reference[l],$=await((V=n.getOffsetParent)==null?void 0:V.call(n,f));let b=$?$[C]:0;(!b||!await((W=n.isElement)==null?void 0:W.call(n,$)))&&(b=g.floating[C]||s.floating[x]);const M=_/2-B/2,v=b/2-d.width/2-1,D=G(y[o],v),E=G(y[j],v),O=D,z=b-d.width-E,u=b/2-d.width/2+M,P=Z(O,u,z),I=!p.arrow&&tt(r)!=null&&u!==P&&s.reference[x]/2-(u<O?D:E)-d.width/2<0,H=I?u<O?u-O:u-z:0,S=T(r),L=["top","left"].includes(S)?-1:1,q=d.height*L,N=at({placement:S,arrowHeight:d.height,arrowWidth:d.width,[l]:P});return{[l]:m[l]+H,[U]:m[U]+q,data:N,reset:I}}}),R=(t,e,i,c)=>{if(c){const r=c===!0?i():i(c);t[e](r)}},ft=({baseConfig:t,middleware:e,offset:i,arrow:c,placement:r="top"})=>{const s={...t,placement:r};let n=[];if(typeof e.overrides!="object"){n.push(F.offset(i));let g=e.flip??!0;if(e.autoPlacement&&(g=!1),R(n,"unshift",F.autoPlacement,e.autoPlacement),R(n,"unshift",F.flip,g),e.size){const p=e.size===!0?{padding:lt,apply({availableHeight:f,elements:a}){Object.assign(a.floating.style,{maxHeight:`${f}px`})}}:e.size;n.push(F.size(p))}R(n,"push",F.shift,e.shift??!0),R(n,"push",F.hide,e.hide??!0)}else n.push(...e.overrides);return c.hide||n.push(ut(c.options)),typeof e.overrides=="function"&&(n=e.overrides(n)),s.middleware=n,s},at=({placement:t,arrowHeight:e,arrowWidth:i,x:c,y:r})=>{const s=T(t),n=i/2-e,g={top:"rotate(0deg)",bottom:"rotate(180deg)",left:`rotate(-90deg) translateX(${-n}px)`,right:`rotate(90deg) translateX(${n}px)`}[s],p=-i/2-e,f={top:`${-e}px`,bottom:`${-e*2}px`,left:`${p}px`,right:`${p}px`}[s],a={transform:g};a.left=c!=null?`${c}px`:"",a.top=r!=null?`${r}px`:"";const y=st(s);return a[y]=f,a},dt=({defaultOpen:t=!1,open:e,placement:i="top",offset:c,onOpenChange:r,openOnClick:s,openOnHover:n,openOnFocus:g,openOnSelected:p,focusConfiguration:f,listNavigation:a,typeahead:y,middleware:m,autoPlacement:l,flip:U=!0,shift:x=!0,autoHiding:d,size:A,arrow:o,transitionConfig:j,portalled:C,role:_,rootContext:B})=>{const[$,b]=h.useState(t),[M,v]=h.useState(),[D,E]=h.useState(),[O,z]=h.useState(null),u=e??$,P=r??b,I=X.useFloatingNodeId(),H=h.useMemo(()=>{const N={open:u,onOpenChange:P,whileElementsMounted:X.autoUpdate,nodeId:I,rootContext:B};return{...ft({baseConfig:N,middleware:{overrides:m,autoPlacement:l,flip:U,shift:x,hide:d,size:A},arrow:{hide:(o==null?void 0:o.hide)??!1,options:{element:O||null,padding:o==null?void 0:o.edgePadding}},placement:i,offset:c??0})}},[I,u,P,m,l,U,x,d,A,o==null?void 0:o.hide,o==null?void 0:o.edgePadding,O,i,c,B]),S=X.useFloating(H),L=S.context,q=J.useConfigurableInteractions({context:L,openOnClick:s,openOnHover:n,openOnFocus:g,openOnSelected:p,role:_,listNavigation:a,typeahead:y});return h.useMemo(()=>({open:u,setOpen:P,...q,...S,portalled:C,focusConfiguration:f,transitionConfig:j,labelId:M,descriptionId:D,arrow:o,setLabelId:v,setDescriptionId:E,setArrowEl:z,nodeId:I}),[u,P,q,S,C,f,j,M,D,o,I])},k=h.createContext(null),gt=()=>{const t=h.useContext(k);if(t==null)throw new Error("FloatingUI components must be wrapped in <FloatingUI />");return t};exports.BmFloatingUIContext=k;exports.useBmFloatingUI=dt;exports.useBmFloatingUIContext=gt;exports.visibilityHandler=rt;

package/lib/Dialog/Dialog.Header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("clsx"),x=require("react"),q=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),y=require("../../chunks/ErrorOutline.Cb78OesH.js"),E=require("../../chunks/InfoOutline.Gr8gkm5N.js"),I=require("../../chunks/WarningOutlined.BPePPeyt.js"),u=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const i=require("../../chunks/dialog.module.COfowyPc.js"),$=require("../Tooltip/Tooltip.cjs.js"),B=require("../CloseButton/CloseButton.cjs.js"),O=require("../../chunks/FloatingUI.context.BULqADss.js"),S=require("./Dialog.context.cjs.js"),c={positive:"Success",warning:"Warning",negative:"Error",information:"Information"},k=({icon:t,appearance:l,iconAriaLabel:s})=>{const o=x.useMemo(()=>({positive:e.jsx(q.SvgCheckCircleOutline,{role:"img","aria-label":s||c.positive}),warning:e.jsx(I.SvgWarningOutlined,{role:"img","aria-label":s||c.warning}),negative:e.jsx(y.SvgErrorOutline,{role:"img","aria-label":s||c.negative}),information:e.jsx(E.SvgInfoOutline,{role:"img","aria-label":s||c.information})}),[s]),{subElementClassPrefix:r}=u.getBEMClassNames("dialog__header"),a=m(i.styles[`${r}icon`],l&&i.styles[`${r}icon--${l}`]);return!t&&!l?null:e.jsx("div",{className:a,children:t||(l?o[l]:null)})},w=({ariaLabel:t="Close dialog"})=>{const{subElementClassPrefix:l}=u.getBEMClassNames("dialog__header"),{setOpen:s}=O.useBmFloatingUIContext(),o=x.useCallback(r=>{s==null||s(!1,r,"click")},[s]);return e.jsx("div",{className:i.styles[`${l}close-trigger`],children:e.jsx($.Tooltip,{text:t,children:e.jsx(B.CloseButton,{"aria-label":t,size:"lg",onClick:o})})})},C=({children:t,className:l,dismissible:s=!0,appearance:o,closeButtonAriaLabel:r="Close dialog",heading:a,description:g,icon:f,iconAriaLabel:h,divider:d=!0,disableDividerOnOverflow:j=!1,...v})=>{const{baseClassNamePrefix:_,subElementClassPrefix:n}=u.getBEMClassNames("dialog__header"),{overflowing:N}=S.useDialogContext(),b=d===!0||d===!1&&!j&&N;return e.jsxs("div",{className:m(i.styles[_],l),...v,children:[e.jsxs("div",{className:i.styles[`${n}row`],children:[e.jsx(k,{icon:f,appearance:o,iconAriaLabel:h}),a&&e.jsx("h2",{className:i.styles[`${n}heading`],children:a}),s&&e.jsx(w,{ariaLabel:r})]}),g&&e.jsx("p",{className:i.styles[`${n}description`],children:g}),t&&e.jsx("div",{className:i.styles[`${n}children`],children:t}),b&&e.jsx("hr",{"aria-hidden":"true",className:i.styles[`${n}divider`]})]})};C.displayName="Dialog.Header";exports.Header=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("clsx"),x=require("react"),q=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),y=require("../../chunks/ErrorOutline.Cb78OesH.js"),E=require("../../chunks/InfoOutline.Gr8gkm5N.js"),I=require("../../chunks/WarningOutlined.BPePPeyt.js"),u=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const i=require("../../chunks/dialog.module.COfowyPc.js"),$=require("../Tooltip/Tooltip.cjs.js"),B=require("../CloseButton/CloseButton.cjs.js"),O=require("../../chunks/FloatingUI.context.Du9g2lSg.js"),S=require("./Dialog.context.cjs.js"),c={positive:"Success",warning:"Warning",negative:"Error",information:"Information"},k=({icon:t,appearance:l,iconAriaLabel:s})=>{const o=x.useMemo(()=>({positive:e.jsx(q.SvgCheckCircleOutline,{role:"img","aria-label":s||c.positive}),warning:e.jsx(I.SvgWarningOutlined,{role:"img","aria-label":s||c.warning}),negative:e.jsx(y.SvgErrorOutline,{role:"img","aria-label":s||c.negative}),information:e.jsx(E.SvgInfoOutline,{role:"img","aria-label":s||c.information})}),[s]),{subElementClassPrefix:r}=u.getBEMClassNames("dialog__header"),a=m(i.styles[`${r}icon`],l&&i.styles[`${r}icon--${l}`]);return!t&&!l?null:e.jsx("div",{className:a,children:t||(l?o[l]:null)})},w=({ariaLabel:t="Close dialog"})=>{const{subElementClassPrefix:l}=u.getBEMClassNames("dialog__header"),{setOpen:s}=O.useBmFloatingUIContext(),o=x.useCallback(r=>{s==null||s(!1,r,"click")},[s]);return e.jsx("div",{className:i.styles[`${l}close-trigger`],children:e.jsx($.Tooltip,{text:t,children:e.jsx(B.CloseButton,{"aria-label":t,size:"lg",onClick:o})})})},C=({children:t,className:l,dismissible:s=!0,appearance:o,closeButtonAriaLabel:r="Close dialog",heading:a,description:g,icon:f,iconAriaLabel:h,divider:d=!0,disableDividerOnOverflow:j=!1,...v})=>{const{baseClassNamePrefix:_,subElementClassPrefix:n}=u.getBEMClassNames("dialog__header"),{overflowing:N}=S.useDialogContext(),b=d===!0||d===!1&&!j&&N;return e.jsxs("div",{className:m(i.styles[_],l),...v,children:[e.jsxs("div",{className:i.styles[`${n}row`],children:[e.jsx(k,{icon:f,appearance:o,iconAriaLabel:h}),a&&e.jsx("h2",{className:i.styles[`${n}heading`],children:a}),s&&e.jsx(w,{ariaLabel:r})]}),g&&e.jsx("p",{className:i.styles[`${n}description`],children:g}),t&&e.jsx("div",{className:i.styles[`${n}children`],children:t}),b&&e.jsx("hr",{"aria-hidden":"true",className:i.styles[`${n}divider`]})]})};C.displayName="Dialog.Header";exports.Header=C;

package/lib/Dialog/Dialog.Header.es.js

@@ -10,7 +10,7 @@ import "../../chunks/constants.CKKGf1-i.js";
 import { s as r } from "../../chunks/dialog.module.D6BI3ubv.js";
 import { Tooltip as k } from "../Tooltip/Tooltip.es.js";
 import { CloseButton as B } from "../CloseButton/CloseButton.es.js";
-import { a as P } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { a as P } from "../../chunks/FloatingUI.context.DtJA57si.js";
 import { useDialogContext as D } from "./Dialog.context.es.js";
 const m = {
   positive: "Success",

package/lib/Dialog/Dialog.Trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("../../chunks/FloatingUI.context.BULqADss.js");const l=require("../FloatingUI/FloatingUI.trigger.cjs.js"),t=require("../FloatingUI/FloatingUI.trigger.close.cjs.js");require("../FloatingUI/FloatingUI.content.cjs.js");require("react");const g=({children:e,...r})=>i.jsx(l.Trigger,{...r,children:e});g.displayName="Dialog.Trigger";const o=({children:e,...r})=>i.jsx(t.CloseTrigger,{...r,children:e});o.displayName="Dialog.CloseTrigger";exports.CloseTrigger=o;exports.Trigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("../../chunks/FloatingUI.context.Du9g2lSg.js");const l=require("../FloatingUI/FloatingUI.trigger.cjs.js"),t=require("../FloatingUI/FloatingUI.trigger.close.cjs.js");require("../FloatingUI/FloatingUI.content.cjs.js");require("react");const g=({children:e,...r})=>i.jsx(l.Trigger,{...r,children:e});g.displayName="Dialog.Trigger";const o=({children:e,...r})=>i.jsx(t.CloseTrigger,{...r,children:e});o.displayName="Dialog.CloseTrigger";exports.CloseTrigger=o;exports.Trigger=g;

package/lib/Dialog/Dialog.Trigger.es.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import "../../chunks/FloatingUI.context.DtJA57si.js";
 import { Trigger as o } from "../FloatingUI/FloatingUI.trigger.es.js";
 import { CloseTrigger as e } from "../FloatingUI/FloatingUI.trigger.close.es.js";
 import "../FloatingUI/FloatingUI.content.es.js";

package/lib/Dialog/Dialog.d.ts

@@ -3,7 +3,7 @@ import { FloatingPortalProps, UseFloatingOptions, UseRoleProps } from '@floating
 import { ThemeTypes } from '@viasat/beam-shared/utils';
 import { DialogSize } from '@viasat/beam-shared/components/dialog';
 import { FloatingUIProps } from '../FloatingUI/FloatingUI.context';
-export interface DialogProps extends Omit<FloatingUIProps, 'arrow' | 'offset' | 'autoHiding' | 'autoPlacement' | 'flip' | 'listNavigation' | 'middleware' | 'openOnClick' | 'openOnFocus' | 'openOnHover' | 'placement' | 'rootContext' | 'shift' | 'transitionConfig' | 'typeahead'> {
+export interface DialogProps extends Omit<FloatingUIProps, 'arrow' | 'offset' | 'autoHiding' | 'autoPlacement' | 'flip' | 'listNavigation' | 'middleware' | 'openOnClick' | 'openOnFocus' | 'openOnHover' | 'placement' | 'rootContext' | 'shift' | 'size' | 'transitionConfig' | 'typeahead'> {
     /**
      * Specify the theme of the Dialog. By default it inherits the theme from the parent
      */

package/lib/FloatingUI/FloatingUI.content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.BULqADss.js"),f=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const b=require("clsx"),d=require("../../chunks/floatingui.module.D3Aw_aYe.js"),w=require("../Box/Box.cjs.js"),N=require("./FloatingUI.arrow.cjs.js");function S({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean"?{}:e;return a.jsx(i.FloatingPortal,{...t,children:o})}function v({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean",r=e==="transparent",{baseClassNamePrefix:l,classModifierPrefix:c}=m.getBEMClassNames("floatingui__overlay"),u={className:b(d.floatinguiStyles[l],r&&d.floatinguiStyles[`${c}transparent`]),lockScroll:!0},s=t||r?u:{...u,...e};return a.jsx(i.FloatingOverlay,{...s,children:o})}function B({children:o,context:e,props:t}){const r=f.useMemo(()=>({context:e,...typeof t=="boolean"?{}:t}),[e,t]);return t?a.jsx(i.FloatingFocusManager,{...r,children:o}):o}const y=f.forwardRef(({children:o,className:e,style:t,overlay:r,skipFloatingStyles:l=!1,...c},u)=>{const{context:s,nodeId:C,arrow:g,...n}=x.useBmFloatingUIContext(),P=i.useMergeRefs([n.refs.setFloating,u]),{isMounted:_,status:j}=i.useTransitionStatus(s,n.transitionConfig),{baseClassNamePrefix:F}=m.getBEMClassNames("floatingui"),q=l?e:b(d.floatinguiStyles[F],e),I=f.useMemo(()=>({...l?{}:s.floatingStyles,...x.visibilityHandler(s.middlewareData),...t}),[s.floatingStyles,s.middlewareData,l,t]);return _?a.jsx(i.FloatingNode,{id:C,children:a.jsx(S,{props:n.portalled,children:a.jsx(v,{props:r,children:a.jsx(B,{context:s,props:n.focusConfiguration,children:a.jsxs(w.Box,{"data-status":j,ref:P,style:I,className:q,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(c),children:[o,g&&a.jsx(N.Arrow,{options:g,middleware:n.middlewareData,ref:M=>n.setArrowEl(M)})]})})})})}):null});exports.Content=y;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.Du9g2lSg.js"),f=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const b=require("clsx"),d=require("../../chunks/floatingui.module.D3Aw_aYe.js"),w=require("../Box/Box.cjs.js"),N=require("./FloatingUI.arrow.cjs.js");function S({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean"?{}:e;return a.jsx(i.FloatingPortal,{...t,children:o})}function v({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean",r=e==="transparent",{baseClassNamePrefix:l,classModifierPrefix:c}=m.getBEMClassNames("floatingui__overlay"),u={className:b(d.floatinguiStyles[l],r&&d.floatinguiStyles[`${c}transparent`]),lockScroll:!0},s=t||r?u:{...u,...e};return a.jsx(i.FloatingOverlay,{...s,children:o})}function B({children:o,context:e,props:t}){const r=f.useMemo(()=>({context:e,...typeof t=="boolean"?{}:t}),[e,t]);return t?a.jsx(i.FloatingFocusManager,{...r,children:o}):o}const y=f.forwardRef(({children:o,className:e,style:t,overlay:r,skipFloatingStyles:l=!1,...c},u)=>{const{context:s,nodeId:C,arrow:g,...n}=x.useBmFloatingUIContext(),P=i.useMergeRefs([n.refs.setFloating,u]),{isMounted:_,status:j}=i.useTransitionStatus(s,n.transitionConfig),{baseClassNamePrefix:F}=m.getBEMClassNames("floatingui"),q=l?e:b(d.floatinguiStyles[F],e),I=f.useMemo(()=>({...l?{}:s.floatingStyles,...x.visibilityHandler(s.middlewareData),...t}),[s.floatingStyles,s.middlewareData,l,t]);return _?a.jsx(i.FloatingNode,{id:C,children:a.jsx(S,{props:n.portalled,children:a.jsx(v,{props:r,children:a.jsx(B,{context:s,props:n.focusConfiguration,children:a.jsxs(w.Box,{"data-status":j,ref:P,style:I,className:q,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(c),children:[o,g&&a.jsx(N.Arrow,{options:g,middleware:n.middlewareData,ref:M=>n.setArrowEl(M)})]})})})})}):null});exports.Content=y;exports.default=y;

package/lib/FloatingUI/FloatingUI.content.es.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { a as v, v as I } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { a as v, v as I } from "../../chunks/FloatingUI.context.DtJA57si.js";
 import c, { useMemo as N } from "react";
 import { useMergeRefs as B, useTransitionStatus as R, FloatingNode as S, FloatingPortal as D, FloatingOverlay as O, FloatingFocusManager as U } from "@floating-ui/react";
 import { g as u } from "../../chunks/classNames.BTJmrO_L.js";
@@ -60,7 +60,6 @@ const V = c.forwardRef(
     ), { baseClassNamePrefix: y } = u("floatingui"), C = s ? t : g(d[y], t), w = N(
       () => ({
         ...s ? {} : r.floatingStyles,
-        // Use floatingStyles for non-dialog content
         ...I(r.middlewareData),
         ...e
       }),

package/lib/FloatingUI/FloatingUI.context.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const t=require("../../chunks/FloatingUI.context.BULqADss.js");require("@floating-ui/react");require("./FloatingUI.interactions.cjs.js");exports.BmFloatingUIContext=t.BmFloatingUIContext;exports.useBmFloatingUI=t.useBmFloatingUI;exports.useBmFloatingUIContext=t.useBmFloatingUIContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const t=require("../../chunks/FloatingUI.context.Du9g2lSg.js");require("@floating-ui/react");require("./FloatingUI.interactions.cjs.js");exports.BmFloatingUIContext=t.BmFloatingUIContext;exports.useBmFloatingUI=t.useBmFloatingUI;exports.useBmFloatingUIContext=t.useBmFloatingUIContext;

package/lib/FloatingUI/FloatingUI.context.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { MiddlewareModifier } from '@viasat/beam-shared/components/floatingui';
-import { Placement, AutoPlacementOptions, FlipOptions, ShiftOptions, HideOptions, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, FloatingPortalProps, UseTransitionStylesProps, UseFloatingOptions, UseRoleProps, FloatingRootContext, UseListNavigationProps, UseTypeaheadProps } from '@floating-ui/react';
+import { Placement, AutoPlacementOptions, FlipOptions, ShiftOptions, HideOptions, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, FloatingPortalProps, UseTransitionStylesProps, UseFloatingOptions, UseRoleProps, FloatingRootContext, UseListNavigationProps, UseTypeaheadProps, SizeOptions } from '@floating-ui/react';
 import { FocusManagerProps } from '../FloatingUI/FloatingUI.content';
 import { ArrowOptions } from '../FloatingUI/FloatingUI.arrow';
 import { UseSelectedProps } from './useSelected';
@@ -36,6 +36,11 @@ export interface FloatingUIProps {
      *  [HideOptions](https://floating-ui.com/docs/hide#options)
      */
     autoHiding?: boolean | HideOptions;
+    /**
+     * Constrain the floating element's size to fit within available space.
+     * [SizeOptions](https://floating-ui.com/docs/size#options)
+     */
+    size?: boolean | SizeOptions;
     /**
      * Middleware functions to modify the behavior of the floating element
      */
@@ -116,7 +121,7 @@ export interface FloatingUIProps {
      */
     typeahead?: UseTypeaheadProps;
 }
-export declare const useBmFloatingUI: ({ defaultOpen, open: controlledOpen, placement, offset: _offset, onOpenChange: setControlledOpen, openOnClick, openOnHover, openOnFocus, openOnSelected, focusConfiguration, listNavigation, typeahead, middleware, autoPlacement, flip, shift, autoHiding, arrow, transitionConfig, portalled, role, rootContext, }: FloatingUIProps) => {
+export declare const useBmFloatingUI: ({ defaultOpen, open: controlledOpen, placement, offset: _offset, onOpenChange: setControlledOpen, openOnClick, openOnHover, openOnFocus, openOnSelected, focusConfiguration, listNavigation, typeahead, middleware, autoPlacement, flip, shift, autoHiding, size, arrow, transitionConfig, portalled, role, rootContext, }: FloatingUIProps) => {
     portalled: boolean | FloatingPortalProps | undefined;
     focusConfiguration: boolean | FocusManagerProps | undefined;
     transitionConfig: UseTransitionStylesProps | undefined;

package/lib/FloatingUI/FloatingUI.context.es.js

@@ -1,5 +1,5 @@
 import "react";
-import { B as e, u as n, a as r } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { B as e, u as n, a as r } from "../../chunks/FloatingUI.context.DtJA57si.js";
 import "@floating-ui/react";
 import "./FloatingUI.interactions.es.js";
 export {

package/lib/FloatingUI/FloatingUI.root.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../chunks/FloatingUI.context.BULqADss.js");function e({children:o,...i}){const n=t.useBmFloatingUI({...i});return l.jsx(t.BmFloatingUIContext.Provider,{value:n,children:o})}exports.FloatingUIRoot=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../chunks/FloatingUI.context.Du9g2lSg.js");function e({children:o,...i}){const n=t.useBmFloatingUI({...i});return l.jsx(t.BmFloatingUIContext.Provider,{value:n,children:o})}exports.FloatingUIRoot=e;exports.default=e;

package/lib/FloatingUI/FloatingUI.root.es.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { u as n, B as r } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { u as n, B as r } from "../../chunks/FloatingUI.context.DtJA57si.js";
 function m({
   children: o,
   ...t

package/lib/FloatingUI/FloatingUI.trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("../../chunks/FloatingUI.context.BULqADss.js"),l=require("@floating-ui/react"),g=require("../../utils/functions.cjs.js"),n=({children:t,...s})=>{try{const r=u.useBmFloatingUIContext(),e=o.useMemo(()=>g.ensureSingularRef(t),[t]),c=l.useMergeRefs([r.refs.setReference,e.props.ref??e.ref]),i=r.getReferenceProps({...s,...e.props,ref:c});return o.cloneElement(e,i)}catch{throw new Error("Expected a single child element with a ref for the FloatingUI trigger")}};exports.Trigger=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("../../chunks/FloatingUI.context.Du9g2lSg.js"),l=require("@floating-ui/react"),g=require("../../utils/functions.cjs.js"),n=({children:t,...s})=>{try{const r=u.useBmFloatingUIContext(),e=o.useMemo(()=>g.ensureSingularRef(t),[t]),c=l.useMergeRefs([r.refs.setReference,e.props.ref??e.ref]),i=r.getReferenceProps({...s,...e.props,ref:c});return o.cloneElement(e,i)}catch{throw new Error("Expected a single child element with a ref for the FloatingUI trigger")}};exports.Trigger=n;exports.default=n;

package/lib/FloatingUI/FloatingUI.trigger.close.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/functions.cjs.js"),m=require("../../chunks/FloatingUI.context.BULqADss.js"),g=({children:l,...n})=>{const{setOpen:s}=m.useBmFloatingUIContext(),e=o.useMemo(()=>d.ensureSingularRef(l),[l]),r=o.useCallback(t=>{s==null||s(!1,t,"click")},[s]),c=o.useCallback(t=>{var i,u;r(t),(u=(i=e.props).onClick)==null||u.call(i,t)},[r,e.props]),C=o.useMemo(()=>({...n,...e.props,onClick:c}),[c,n,e.props]);return a.jsx(a.Fragment,{children:o.cloneElement(e,C)})};exports.CloseTrigger=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/functions.cjs.js"),m=require("../../chunks/FloatingUI.context.Du9g2lSg.js"),g=({children:l,...n})=>{const{setOpen:s}=m.useBmFloatingUIContext(),e=o.useMemo(()=>d.ensureSingularRef(l),[l]),r=o.useCallback(t=>{s==null||s(!1,t,"click")},[s]),c=o.useCallback(t=>{var i,u;r(t),(u=(i=e.props).onClick)==null||u.call(i,t)},[r,e.props]),C=o.useMemo(()=>({...n,...e.props,onClick:c}),[c,n,e.props]);return a.jsx(a.Fragment,{children:o.cloneElement(e,C)})};exports.CloseTrigger=g;exports.default=g;

package/lib/FloatingUI/FloatingUI.trigger.close.es.js

@@ -1,7 +1,7 @@
 import { jsx as f, Fragment as u } from "react/jsx-runtime";
 import { useMemo as a, useCallback as m, cloneElement as C } from "react";
 import { ensureSingularRef as d } from "../../utils/functions.es.js";
-import { a as g } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { a as g } from "../../chunks/FloatingUI.context.DtJA57si.js";
 const b = ({ children: e, ...l }) => {
   const { setOpen: r } = g(), o = a(() => d(e), [e]), n = m(
     (s) => {

package/lib/FloatingUI/FloatingUI.trigger.es.js

@@ -1,5 +1,5 @@
 import f, { useMemo as c } from "react";
-import { a } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { a } from "../../chunks/FloatingUI.context.DtJA57si.js";
 import { useMergeRefs as i } from "@floating-ui/react";
 import { ensureSingularRef as m } from "../../utils/functions.es.js";
 const h = ({ children: r, ...o }) => {

package/lib/Menu/ActionListContextWrapper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../ActionList/ActionList.context.cjs.js"),r=require("../../chunks/FloatingUI.context.BULqADss.js"),s=({children:t,...e})=>{const{getItemProps:o}=r.useBmFloatingUIContext();return i.jsx(n.ActionListContextProvider,{getItemProps:o,...e,children:t})};exports.ActionListContextWrapper=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../ActionList/ActionList.context.cjs.js"),r=require("../../chunks/FloatingUI.context.Du9g2lSg.js"),s=({children:t,...e})=>{const{getItemProps:o}=r.useBmFloatingUIContext();return i.jsx(n.ActionListContextProvider,{getItemProps:o,...e,children:t})};exports.ActionListContextWrapper=s;

package/lib/Menu/ActionListContextWrapper.es.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { ActionListContextProvider as i } from "../ActionList/ActionList.context.es.js";
-import { a as n } from "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import { a as n } from "../../chunks/FloatingUI.context.DtJA57si.js";
 const x = ({
   children: t,
   ...o

package/lib/Menu/Menu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),T=require("../Popover/Popover.cjs.js"),C=require("./Menu.context.cjs.js"),k=require("./Menu.PopoverContent.cjs.js"),F=require("./Menu.Trigger.cjs.js"),j=require("@floating-ui/react"),w=require("./ActionListContextWrapper.cjs.js"),H=require("../ActionList/ActionList.context.cjs.js"),N="12rem",r=({children:O,open:M,onOpenChange:x,maxHeight:d,minWidth:f,maxWidth:m,...o})=>{const e=C.useMenuContext(),[b,g]=t.useState(null),v=t.useRef([]),h=t.useRef([]),n=e===void 0,s=!n,[y,A]=t.useState(o.defaultOpen??!1),P=M??y,i=x??A,_=t.useCallback(l=>{i(!1,l,"click"),e==null||e.close()},[i,e]),p=t.useCallback(l=>{e==null||e.open(l),i(!0)},[i,e]),c=t.useMemo(()=>({parentMenuContext:e,minWidth:f??(e==null?void 0:e.minWidth)??N,maxWidth:m??(e==null?void 0:e.maxWidth),maxHeight:d??(e==null?void 0:e.maxHeight),close:_,open:p}),[_,d,m,f,p,e]),q=t.useCallback((l,u,L)=>{u!=="checkbox"&&u!=="radio"&&u!=="flyout"&&c.close(L)},[c]),I=t.useMemo(()=>[r],[]),R=H.useActionListContext();return a.jsx(C.MenuContext.Provider,{value:c,children:a.jsx(T.Popover,{open:P,onOpenChange:i,placement:n?"bottom-start":"right-start",openOnClick:n,openOnHover:{enabled:s,mouseOnly:!0,move:s,handleClose:j.safePolygon({blockPointerEvents:!0})},openOnFocus:s,flip:!0,hideArrow:!0,portalled:o.portalled??!0,autoHiding:!1,...o,focusConfiguration:{modal:!1,initialFocus:s?-1:0,returnFocus:n,restoreFocus:n,order:["content","reference"],...o.focusConfiguration},listNavigation:{enabled:!0,listRef:v,activeIndex:b,onNavigate:g,loop:!0,focusItemOnHover:!1,focusItemOnOpen:!0,openOnArrowKeyDown:!0,nested:s,...o.listNavigation},typeahead:{enabled:!0,listRef:h,activeIndex:b,onMatch:g,...o.typeahead},role:{enabled:!0,role:"menu",...o.role},children:a.jsx(w.ActionListContextWrapper,{elementsRef:v,labelsRef:h,itemsFocusable:!1,onItemClick:q,insideMenu:!0,allowChildrenTypes:I,parentContext:R,children:O})})})};r.Trigger=F.MenuTrigger;r.PopoverContent=k.MenuPopoverContent;exports.Menu=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),t=require("react"),k=require("../Popover/Popover.cjs.js"),C=require("./Menu.context.cjs.js"),F=require("./Menu.PopoverContent.cjs.js"),j=require("./Menu.Trigger.cjs.js"),w=require("@floating-ui/react"),N=require("./ActionListContextWrapper.cjs.js"),W=require("../ActionList/ActionList.context.cjs.js"),H="12rem",r=({children:O,open:M,onOpenChange:x,maxHeight:c,minWidth:f,maxWidth:b,size:y,...o})=>{const e=C.useMenuContext(),[m,v]=t.useState(null),g=t.useRef([]),_=t.useRef([]),n=e===void 0,s=!n,[A,P]=t.useState(o.defaultOpen??!1),q=M??A,i=x??P,h=t.useCallback(l=>{i(!1,l,"click"),e==null||e.close()},[i,e]),p=t.useCallback(l=>{e==null||e.open(l),i(!0)},[i,e]),u=t.useMemo(()=>({parentMenuContext:e,minWidth:f??(e==null?void 0:e.minWidth)??H,maxWidth:b??(e==null?void 0:e.maxWidth),maxHeight:c??(e==null?void 0:e.maxHeight),close:h,open:p}),[h,c,b,f,p,e]),I=t.useCallback((l,a,T)=>{a!=="checkbox"&&a!=="radio"&&a!=="flyout"&&u.close(T)},[u]),R=t.useMemo(()=>[r],[]),L=W.useActionListContext();return d.jsx(C.MenuContext.Provider,{value:u,children:d.jsx(k.Popover,{open:q,onOpenChange:i,placement:n?"bottom-start":"right-start",openOnClick:n,openOnHover:{enabled:s,mouseOnly:!0,move:s,handleClose:w.safePolygon({blockPointerEvents:!0})},openOnFocus:s,size:y??!c,flip:!0,hideArrow:!0,portalled:o.portalled??!0,autoHiding:!1,...o,focusConfiguration:{modal:!1,initialFocus:s?-1:0,returnFocus:n,restoreFocus:n,order:["content","reference"],...o.focusConfiguration},listNavigation:{enabled:!0,listRef:g,activeIndex:m,onNavigate:v,loop:!0,focusItemOnHover:!1,focusItemOnOpen:!0,openOnArrowKeyDown:!0,nested:s,...o.listNavigation},typeahead:{enabled:!0,listRef:_,activeIndex:m,onMatch:v,...o.typeahead},role:{enabled:!0,role:"menu",...o.role},children:d.jsx(N.ActionListContextWrapper,{elementsRef:g,labelsRef:_,itemsFocusable:!1,onItemClick:I,insideMenu:!0,allowChildrenTypes:R,parentContext:L,children:O})})})};r.Trigger=j.MenuTrigger;r.PopoverContent=F.MenuPopoverContent;exports.Menu=r;

package/lib/Menu/Menu.d.ts

@@ -33,7 +33,7 @@ export interface MenuProps extends Omit<PopoverProps, 'listNavigation'> {
     listNavigation?: Partial<PopoverProps['listNavigation']>;
 }
 export declare const Menu: {
-    ({ children, open, onOpenChange, maxHeight, minWidth, maxWidth, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, open, onOpenChange, maxHeight, minWidth, maxWidth, size: sizeProp, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
     Trigger: ({ children, ...props }: import('./Menu.Trigger').MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
     PopoverContent: ({ children, style, className: _className, ...props }: import('./Menu.PopoverContent').MenuPopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 };

package/lib/Menu/Menu.es.js

@@ -1,52 +1,53 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as b, useRef as I, useCallback as a, useMemo as y } from "react";
-import { Popover as N } from "../Popover/Popover.es.js";
-import { useMenuContext as M, MenuContext as W } from "./Menu.context.es.js";
-import { MenuPopoverContent as D } from "./Menu.PopoverContent.es.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useState as b, useRef as I, useCallback as u, useMemo as y } from "react";
+import { Popover as M } from "../Popover/Popover.es.js";
+import { useMenuContext as W, MenuContext as D } from "./Menu.context.es.js";
+import { MenuPopoverContent as z } from "./Menu.PopoverContent.es.js";
 import { MenuTrigger as E } from "./Menu.Trigger.es.js";
 import { safePolygon as _ } from "@floating-ui/react";
 import { ActionListContextWrapper as j } from "./ActionListContextWrapper.es.js";
 import { useActionListContext as K } from "../ActionList/ActionList.context.es.js";
-const S = "12rem", u = ({
+const S = "12rem", m = ({
   children: A,
-  open: x,
-  onOpenChange: F,
-  maxHeight: m,
+  open: F,
+  onOpenChange: P,
+  maxHeight: r,
   minWidth: f,
   maxWidth: d,
+  size: R,
   ...o
 }) => {
-  const e = M(), [p, h] = b(null), g = I([]), v = I([]), t = e === void 0, n = !t, [P, R] = b(o.defaultOpen ?? !1), T = x ?? P, i = F ?? R, O = a(
-    (s) => {
-      i(!1, s, "click"), e == null || e.close();
+  const e = W(), [p, h] = b(null), v = I([]), g = I([]), t = e === void 0, n = !t, [T, k] = b(o.defaultOpen ?? !1), w = F ?? T, s = P ?? k, O = u(
+    (i) => {
+      s(!1, i, "click"), e == null || e.close();
     },
-    [i, e]
-  ), C = a(
-    (s) => {
-      e == null || e.open(s), i(!0);
+    [s, e]
+  ), C = u(
+    (i) => {
+      e == null || e.open(i), s(!0);
     },
-    [i, e]
-  ), r = y(
+    [s, e]
+  ), l = y(
     () => ({
       parentMenuContext: e,
       minWidth: f ?? (e == null ? void 0 : e.minWidth) ?? S,
       maxWidth: d ?? (e == null ? void 0 : e.maxWidth),
-      maxHeight: m ?? (e == null ? void 0 : e.maxHeight),
+      maxHeight: r ?? (e == null ? void 0 : e.maxHeight),
       close: O,
       open: C
     }),
-    [O, m, d, f, C, e]
-  ), k = a(
-    (s, l, L) => {
-      l !== "checkbox" && l !== "radio" && l !== "flyout" && r.close(L);
+    [O, r, d, f, C, e]
+  ), x = u(
+    (i, c, H) => {
+      c !== "checkbox" && c !== "radio" && c !== "flyout" && l.close(H);
     },
-    [r]
-  ), w = y(() => [u], []), H = K();
-  return /* @__PURE__ */ c(W.Provider, { value: r, children: /* @__PURE__ */ c(
-    N,
+    [l]
+  ), L = y(() => [m], []), N = K();
+  return /* @__PURE__ */ a(D.Provider, { value: l, children: /* @__PURE__ */ a(
+    M,
     {
-      open: T,
-      onOpenChange: i,
+      open: w,
+      onOpenChange: s,
       placement: t ? "bottom-start" : "right-start",
       openOnClick: t,
       openOnHover: {
@@ -58,6 +59,7 @@ const S = "12rem", u = ({
         })
       },
       openOnFocus: n,
+      size: R ?? !r,
       flip: !0,
       hideArrow: !0,
       portalled: o.portalled ?? !0,
@@ -73,7 +75,7 @@ const S = "12rem", u = ({
       },
       listNavigation: {
         enabled: !0,
-        listRef: g,
+        listRef: v,
         activeIndex: p,
         onNavigate: h,
         loop: !0,
@@ -85,7 +87,7 @@ const S = "12rem", u = ({
       },
       typeahead: {
         enabled: !0,
-        listRef: v,
+        listRef: g,
         activeIndex: p,
         onMatch: h,
         ...o.typeahead
@@ -95,24 +97,24 @@ const S = "12rem", u = ({
         role: "menu",
         ...o.role
       },
-      children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ a(
         j,
         {
-          elementsRef: g,
-          labelsRef: v,
+          elementsRef: v,
+          labelsRef: g,
           itemsFocusable: !1,
-          onItemClick: k,
+          onItemClick: x,
           insideMenu: !0,
-          allowChildrenTypes: w,
-          parentContext: H,
+          allowChildrenTypes: L,
+          parentContext: N,
           children: A
         }
       )
     }
   ) });
 };
-u.Trigger = E;
-u.PopoverContent = D;
+m.Trigger = E;
+m.PopoverContent = z;
 export {
-  u as Menu
+  m as Menu
 };

package/lib/Popover/Popover.content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("clsx"),l=require("../../chunks/popover.module.Dum8SaSU.js"),p=require("../../chunks/classNames.DAeKwerT.js"),t=require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/FloatingUI.context.BULqADss.js");require("react");require("@floating-ui/react");const m=require("../FloatingUI/FloatingUI.content.cjs.js"),q=require("./Popover.context.cjs.js");function o({children:r,className:n,...s}){const{theme:e,appearance:i}=q.usePopoverContext(),{baseClassNamePrefix:a}=p.getBEMClassNames("popover");return c.jsx(m.Content,{className:u(e&&t.themeClassName(e),l.popoverStyles[a],i==="inverse"&&t.BEAM_INVERSE,n),...s,children:r})}o.displayName="Popover.Content";exports.Content=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("clsx"),l=require("../../chunks/popover.module.Dum8SaSU.js"),p=require("../../chunks/classNames.DAeKwerT.js"),t=require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/FloatingUI.context.Du9g2lSg.js");require("react");require("@floating-ui/react");const m=require("../FloatingUI/FloatingUI.content.cjs.js"),q=require("./Popover.context.cjs.js");function o({children:r,className:n,...s}){const{theme:e,appearance:i}=q.usePopoverContext(),{baseClassNamePrefix:a}=p.getBEMClassNames("popover");return c.jsx(m.Content,{className:u(e&&t.themeClassName(e),l.popoverStyles[a],i==="inverse"&&t.BEAM_INVERSE,n),...s,children:r})}o.displayName="Popover.Content";exports.Content=o;

package/lib/Popover/Popover.content.es.js

@@ -3,7 +3,7 @@ import a from "clsx";
 import { p as n } from "../../chunks/popover.module.C6KFea25.js";
 import { g as i } from "../../chunks/classNames.BTJmrO_L.js";
 import { t as f, c as C } from "../../chunks/constants.CKKGf1-i.js";
-import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import "../../chunks/FloatingUI.context.DtJA57si.js";
 import "react";
 import "@floating-ui/react";
 import { Content as c } from "../FloatingUI/FloatingUI.content.es.js";

package/lib/Popover/Popover.d.ts

@@ -4,7 +4,7 @@ import { Trigger, CloseTrigger } from './Popover.trigger';
 import { FloatingUIProps } from '../FloatingUI/FloatingUI.context';
 import { Spacing, ThemeTypes } from '@viasat/beam-shared/utils';
 import { MiddlewareModifier } from '@viasat/beam-shared/components/floatingui';
-import { Placement, AutoPlacementOptions, FlipOptions, ShiftOptions, HideOptions, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, FloatingPortalProps, UseFloatingOptions, UseRoleProps } from '@floating-ui/react';
+import { Placement, AutoPlacementOptions, FlipOptions, ShiftOptions, HideOptions, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, FloatingPortalProps, UseFloatingOptions, UseRoleProps, SizeOptions } from '@floating-ui/react';
 import { FocusManagerProps } from '../FloatingUI/FloatingUI.content';
 export interface PopoverProps extends Omit<FloatingUIProps, 'arrow' | 'offset'> {
     /**
@@ -57,6 +57,11 @@ export interface PopoverProps extends Omit<FloatingUIProps, 'arrow' | 'offset'>
      *  <a href="https://floating-ui.com/docs/hide#options" target="_blank" rel="noopener noreferrer">HideOptions</a>
      */
     autoHiding?: boolean | HideOptions;
+    /**
+     * Constrain the floating element's size to fit within available space.
+     * <a href="https://floating-ui.com/docs/size#options" target="_blank" rel="noopener noreferrer">SizeOptions</a>
+     */
+    size?: boolean | SizeOptions;
     /**
      * Middleware functions to modify the behavior of the floating element
      */

package/lib/Popover/Popover.trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("../../chunks/FloatingUI.context.BULqADss.js");const t=require("../FloatingUI/FloatingUI.trigger.cjs.js"),s=require("../FloatingUI/FloatingUI.trigger.close.cjs.js");require("../FloatingUI/FloatingUI.content.cjs.js");require("react");const g=({children:e,...r})=>i.jsx(t.Trigger,{...r,children:e});g.displayName="Popover.Trigger";const o=({children:e,...r})=>i.jsx(s.CloseTrigger,{...r,children:e});o.displayName="Popover.CloseTrigger";exports.CloseTrigger=o;exports.Trigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("../../chunks/FloatingUI.context.Du9g2lSg.js");const t=require("../FloatingUI/FloatingUI.trigger.cjs.js"),s=require("../FloatingUI/FloatingUI.trigger.close.cjs.js");require("../FloatingUI/FloatingUI.content.cjs.js");require("react");const g=({children:e,...r})=>i.jsx(t.Trigger,{...r,children:e});g.displayName="Popover.Trigger";const o=({children:e,...r})=>i.jsx(s.CloseTrigger,{...r,children:e});o.displayName="Popover.CloseTrigger";exports.CloseTrigger=o;exports.Trigger=g;

package/lib/Popover/Popover.trigger.es.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import "../../chunks/FloatingUI.context.DtJA57si.js";
 import { Trigger as g } from "../FloatingUI/FloatingUI.trigger.es.js";
 import { CloseTrigger as i } from "../FloatingUI/FloatingUI.trigger.close.es.js";
 import "../FloatingUI/FloatingUI.content.es.js";

package/lib/Tooltip/Tooltip.cjs.js

@@ -1 +1 @@
-var N=require("../../assets/Tooltip.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),d=require("../FloatingUI/FloatingUI.trigger.cjs.js");require("../../chunks/FloatingUI.context.BULqADss.js");const w=require("../FloatingUI/FloatingUI.content.cjs.js"),p=require("../../chunks/tokens.Bc11gmpN.js"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("../../utils/hooks/index.cjs.js"),x=require("clsx"),b=require("../../chunks/CSSLookup.DESAWWRT.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-tooltip__icon-trigger":"bm-tooltip__icon-trigger","bm-tooltip":"bm-tooltip","bm-tooltip__arrow":"bm-tooltip__arrow","bm-tooltip__icon-trigger--disabled":"bm-tooltip__icon-trigger--disabled","bm-tooltip__icon-trigger--xs":"bm-tooltip__icon-trigger--xs","bm-tooltip__icon-trigger--sm":"bm-tooltip__icon-trigger--sm","bm-tooltip__icon-trigger--md":"bm-tooltip__icon-trigger--md","bm-tooltip__icon-trigger--lg":"bm-tooltip__icon-trigger--lg","bm-tooltip__icon-trigger--xl":"bm-tooltip__icon-trigger--xl"},{baseClassNamePrefix:I,subElementClassPrefix:_}=j.getBEMClassNames("tooltip");function f({children:e,portalled:r=!1,text:i,disabled:t,showDelay:a,role:c,...n}){const s=u.useCSSLookup(p.bmCompTooltipSpaceArrow),m=u.useCSSLookup(p.bmCompTooltipSpaceOffset),C=g.useMemo(()=>({edgePadding:b.parseSizeString(s),className:l[`${_}arrow`],hide:!1}),[s]),T=t?{}:{openOnHover:{restMs:a},openOnFocus:!0,openOnSelected:!0},q=c||{enabled:!0,role:"tooltip"};return o.jsxs(h.FloatingUIRoot,{...T,arrow:C,offset:b.parseSizeString(m),portalled:r,transitionConfig:{duration:{open:0,close:200}},role:q,...n,children:[o.jsx(S.Provider,{value:{disabled:t},children:o.jsx(d.Trigger,{children:e})}),o.jsx(F,{theme:n.theme,children:i})]})}const S=g.createContext({disabled:!1}),k=g.forwardRef(({children:e,size:r="md",type:i="button",className:t,...a},c)=>{const{disabled:n}=g.useContext(S),s=`${_}icon-trigger`,m=x(l[`${s}--${r}`],l[s],n&&l[`${_}icon-trigger--disabled`],t);return o.jsx(d.Trigger,{children:o.jsx("button",{ref:c,type:i,disabled:n,className:m,...a,"aria-label":"tooltip trigger",children:e})})});function F({children:e,theme:r,className:i,...t}){return o.jsx(w.Content,{className:x(r,l[I],i),...t,children:e})}exports.Tooltip=f;exports.TooltipIconTrigger=k;exports.default=f;
+var N=require("../../assets/Tooltip.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),d=require("../FloatingUI/FloatingUI.trigger.cjs.js");require("../../chunks/FloatingUI.context.Du9g2lSg.js");const w=require("../FloatingUI/FloatingUI.content.cjs.js"),p=require("../../chunks/tokens.Bc11gmpN.js"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("../../utils/hooks/index.cjs.js"),x=require("clsx"),b=require("../../chunks/CSSLookup.DESAWWRT.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-tooltip__icon-trigger":"bm-tooltip__icon-trigger","bm-tooltip":"bm-tooltip","bm-tooltip__arrow":"bm-tooltip__arrow","bm-tooltip__icon-trigger--disabled":"bm-tooltip__icon-trigger--disabled","bm-tooltip__icon-trigger--xs":"bm-tooltip__icon-trigger--xs","bm-tooltip__icon-trigger--sm":"bm-tooltip__icon-trigger--sm","bm-tooltip__icon-trigger--md":"bm-tooltip__icon-trigger--md","bm-tooltip__icon-trigger--lg":"bm-tooltip__icon-trigger--lg","bm-tooltip__icon-trigger--xl":"bm-tooltip__icon-trigger--xl"},{baseClassNamePrefix:I,subElementClassPrefix:_}=j.getBEMClassNames("tooltip");function f({children:e,portalled:r=!1,text:i,disabled:t,showDelay:a,role:c,...n}){const s=u.useCSSLookup(p.bmCompTooltipSpaceArrow),m=u.useCSSLookup(p.bmCompTooltipSpaceOffset),C=g.useMemo(()=>({edgePadding:b.parseSizeString(s),className:l[`${_}arrow`],hide:!1}),[s]),T=t?{}:{openOnHover:{restMs:a},openOnFocus:!0,openOnSelected:!0},q=c||{enabled:!0,role:"tooltip"};return o.jsxs(h.FloatingUIRoot,{...T,arrow:C,offset:b.parseSizeString(m),portalled:r,transitionConfig:{duration:{open:0,close:200}},role:q,...n,children:[o.jsx(S.Provider,{value:{disabled:t},children:o.jsx(d.Trigger,{children:e})}),o.jsx(F,{theme:n.theme,children:i})]})}const S=g.createContext({disabled:!1}),k=g.forwardRef(({children:e,size:r="md",type:i="button",className:t,...a},c)=>{const{disabled:n}=g.useContext(S),s=`${_}icon-trigger`,m=x(l[`${s}--${r}`],l[s],n&&l[`${_}icon-trigger--disabled`],t);return o.jsx(d.Trigger,{children:o.jsx("button",{ref:c,type:i,disabled:n,className:m,...a,"aria-label":"tooltip trigger",children:e})})});function F({children:e,theme:r,className:i,...t}){return o.jsx(w.Content,{className:x(r,l[I],i),...t,children:e})}exports.Tooltip=f;exports.TooltipIconTrigger=k;exports.default=f;

package/lib/Tooltip/Tooltip.es.js

@@ -3,7 +3,7 @@ import { jsx as t, jsxs as w } from "react/jsx-runtime";
 import { createContext as h, forwardRef as T, useContext as S, useMemo as N } from "react";
 import { FloatingUIRoot as P } from "../FloatingUI/FloatingUI.root.es.js";
 import { Trigger as _ } from "../FloatingUI/FloatingUI.trigger.es.js";
-import "../../chunks/FloatingUI.context.2kPXcTvi.js";
+import "../../chunks/FloatingUI.context.DtJA57si.js";
 import { Content as k } from "../FloatingUI/FloatingUI.content.es.js";
 import { j as v, k as O } from "../../chunks/tokens.BD_71qmL.js";
 import { g as $ } from "../../chunks/classNames.BTJmrO_L.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.10.1",
-    "@viasat/beam-shared": "2.10.1",
-    "@viasat/beam-styles": "2.10.1",
-    "@viasat/beam-tokens": "2.10.1",
-    "@viasat/beam-icons": "2.10.1",
+    "@viasat/beam-fonts": "2.10.2",
+    "@viasat/beam-shared": "2.10.2",
+    "@viasat/beam-styles": "2.10.2",
+    "@viasat/beam-tokens": "2.10.2",
+    "@viasat/beam-icons": "2.10.2",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/FloatingUI.context.BULqADss.js

@@ -1 +0,0 @@
-"use strict";const h=require("react"),$=require("@floating-ui/dom"),H=require("@floating-ui/react"),K=require("../lib/FloatingUI/FloatingUI.interactions.cjs.js"),N=Math.min,Q=Math.max,V={left:"right",right:"left",bottom:"top",top:"bottom"};function Z(t,e,i){return Q(t,N(e,i))}function w(t,e){return typeof t=="function"?t(e):t}function T(t){return t.split("-")[0]}function tt(t){return t.split("-")[1]}function k(t){return t==="x"?"y":"x"}function et(t){return t==="y"?"height":"width"}function nt(t){return["top","bottom"].includes(T(t))?"y":"x"}function ot(t){return k(nt(t))}function st(t){return t.replace(/left|right|bottom|top/g,e=>V[e])}function it(t){return{top:0,right:0,bottom:0,left:0,...t}}function ct(t){return typeof t!="number"?it(t):{top:t,right:t,bottom:t,left:t}}const lt=t=>{var e;return{visibility:(e=t.hide)!=null&&e.referenceHidden?"hidden":"visible"}},rt=t=>({name:"arrowStyles",options:t,async fn(e){var W,Y;const{x:i,y:c,placement:r,rects:s,platform:n,elements:a,middlewareData:O}=e,{element:d,padding:g=0}=w(t,e)||{};if(d==null)return{};const P=ct(g),m={x:i,y:c},l=ot(r),S=k(l),x=et(l),f=await n.getDimensions(d),o=l==="y",B=o?"top":"left",D=o?"bottom":"right",M=o?"clientHeight":"clientWidth",j=s.reference[x]+s.reference[l]-m[l]-s.floating[x],X=m[l]-s.reference[l],A=await((W=n.getOffsetParent)==null?void 0:W.call(n,d));let p=A?A[M]:0;(!p||!await((Y=n.isElement)==null?void 0:Y.call(n,A)))&&(p=a.floating[M]||s.floating[x]);const _=j/2-X/2,F=p/2-f.width/2-1,v=N(P[B],F),U=N(P[D],F),y=v,b=p-f.width-U,u=p/2-f.width/2+_,I=Z(y,u,b),E=!O.arrow&&tt(r)!=null&&u!==I&&s.reference[x]/2-(u<y?v:U)-f.width/2<0,C=E?u<y?u-y:u-b:0,q=T(r),R=["top","left"].includes(q)?-1:1,z=f.height*R,J=ft({placement:q,arrowHeight:f.height,arrowWidth:f.width,[l]:I});return{[l]:m[l]+C,[S]:m[S]+z,data:J,reset:E}}}),L=(t,e,i,c)=>{if(c){const r=c===!0?i():i(c);t[e](r)}},ut=({baseConfig:t,middleware:e,offset:i,arrow:c,placement:r="top"})=>{const s={...t,placement:r};let n=[];if(typeof e.overrides!="object"){n.push($.offset(i));let a=e.flip??!0;e.autoPlacement&&(a=!1),L(n,"unshift",$.autoPlacement,e.autoPlacement),L(n,"push",$.shift,e.shift??!0),L(n,"unshift",$.flip,a),L(n,"push",$.hide,e.hide??!0)}else n.push(...e.overrides);return c.hide||n.push(rt(c.options)),typeof e.overrides=="function"&&(n=e.overrides(n)),s.middleware=n,s},ft=({placement:t,arrowHeight:e,arrowWidth:i,x:c,y:r})=>{const s=T(t),n=i/2-e,a={top:"rotate(0deg)",bottom:"rotate(180deg)",left:`rotate(-90deg) translateX(${-n}px)`,right:`rotate(90deg) translateX(${n}px)`}[s],O=-i/2-e,d={top:`${-e}px`,bottom:`${-e*2}px`,left:`${O}px`,right:`${O}px`}[s],g={transform:a};g.left=c!=null?`${c}px`:"",g.top=r!=null?`${r}px`:"";const P=st(s);return g[P]=d,g},at=({defaultOpen:t=!1,open:e,placement:i="top",offset:c,onOpenChange:r,openOnClick:s,openOnHover:n,openOnFocus:a,openOnSelected:O,focusConfiguration:d,listNavigation:g,typeahead:P,middleware:m,autoPlacement:l,flip:S=!0,shift:x=!0,autoHiding:f,arrow:o,transitionConfig:B,portalled:D,role:M,rootContext:j})=>{const[X,A]=h.useState(t),[p,_]=h.useState(),[F,v]=h.useState(),[U,y]=h.useState(null),b=e??X,u=r??A,I=H.useFloatingNodeId(),E=h.useMemo(()=>{const z={open:b,onOpenChange:u,whileElementsMounted:H.autoUpdate,nodeId:I,rootContext:j};return{...ut({baseConfig:z,middleware:{overrides:m,autoPlacement:l,flip:S,shift:x,hide:f},arrow:{hide:(o==null?void 0:o.hide)??!1,options:{element:U||null,padding:o==null?void 0:o.edgePadding}},placement:i,offset:c??0})}},[I,b,u,m,l,S,x,f,o==null?void 0:o.hide,o==null?void 0:o.edgePadding,U,i,c,j]),C=H.useFloating(E),q=C.context,R=K.useConfigurableInteractions({context:q,openOnClick:s,openOnHover:n,openOnFocus:a,openOnSelected:O,role:M,listNavigation:g,typeahead:P});return h.useMemo(()=>({open:b,setOpen:u,...R,...C,portalled:D,focusConfiguration:d,transitionConfig:B,labelId:p,descriptionId:F,arrow:o,setLabelId:_,setDescriptionId:v,setArrowEl:y,nodeId:I}),[b,u,R,C,D,d,B,p,F,o,I])},G=h.createContext(null),dt=()=>{const t=h.useContext(G);if(t==null)throw new Error("FloatingUI components must be wrapped in <FloatingUI />");return t};exports.BmFloatingUIContext=G;exports.useBmFloatingUI=at;exports.useBmFloatingUIContext=dt;exports.visibilityHandler=lt;