@viasat/beam-shared 2.10.0 → 2.10.2

package/lib/components/floatingui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const et=["top","right","bottom","left"],K=["start","end"],N=et.reduce((t,e)=>t.concat(e,e+"-"+K[0],e+"-"+K[1]),[]),W=Math.min,ft=Math.max,ut={left:"right",right:"left",bottom:"top",top:"bottom"},dt={start:"end",end:"start"};function Y(t,e,s){return ft(t,W(e,s))}function H(t,e){return typeof t=="function"?t(e):t}function C(t){return t.split("-")[0]}function M(t){return t.split("-")[1]}function q(t){return t==="x"?"y":"x"}function nt(t){return t==="y"?"height":"width"}function V(t){return["top","bottom"].includes(C(t))?"y":"x"}function ot(t){return q(V(t))}function it(t,e,s){s===void 0&&(s=!1);const r=M(t),i=ot(t),n=nt(i);let o=i==="x"?r===(s?"end":"start")?"right":"left":r==="start"?"bottom":"top";return e.reference[n]>e.floating[n]&&(o=_(o)),[o,_(o)]}function mt(t){const e=_(t);return[X(t),e,X(e)]}function X(t){return t.replace(/start|end/g,e=>dt[e])}function gt(t,e,s){const r=["left","right"],i=["right","left"],n=["top","bottom"],o=["bottom","top"];switch(t){case"top":case"bottom":return s?e?i:r:e?r:i;case"left":case"right":return e?n:o;default:return[]}}function pt(t,e,s,r){const i=M(t);let n=gt(C(t),s==="start",r);return i&&(n=n.map(o=>o+"-"+i),e&&(n=n.concat(n.map(X)))),n}function _(t){return t.replace(/left|right|bottom|top/g,e=>ut[e])}function xt(t){return{top:0,right:0,bottom:0,left:0,...t}}function st(t){return typeof t!="number"?xt(t):{top:t,right:t,bottom:t,left:t}}function Q(t){const{x:e,y:s,width:r,height:i}=t;return{width:r,height:i,top:s,left:e,right:e+r,bottom:s+i,x:e,y:s}}async function I(t,e){var s;e===void 0&&(e={});const{x:r,y:i,platform:n,rects:o,elements:c,strategy:u}=t,{boundary:w="clippingAncestors",rootBoundary:p="viewport",elementContext:l="floating",altBoundary:d=!1,padding:a=0}=H(e,t),m=st(a),f=c[d?l==="floating"?"reference":"floating":l],g=Q(await n.getClippingRect({element:(s=await(n.isElement==null?void 0:n.isElement(f)))==null||s?f:f.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(c.floating)),boundary:w,rootBoundary:p,strategy:u})),h=l==="floating"?{x:r,y:i,width:o.floating.width,height:o.floating.height}:o.reference,y=await(n.getOffsetParent==null?void 0:n.getOffsetParent(c.floating)),A=await(n.isElement==null?void 0:n.isElement(y))?await(n.getScale==null?void 0:n.getScale(y))||{x:1,y:1}:{x:1,y:1},b=Q(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:h,offsetParent:y,strategy:u}):h);return{top:(g.top-b.top+m.top)/A.y,bottom:(b.bottom-g.bottom+m.bottom)/A.y,left:(g.left-b.left+m.left)/A.x,right:(b.right-g.right+m.right)/A.x}}function ht(t,e,s){return(t?[...s.filter(i=>M(i)===t),...s.filter(i=>M(i)!==t)]:s.filter(i=>C(i)===i)).filter(i=>t?M(i)===t||(e?X(i)!==i:!1):!0)}const wt=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var s,r,i;const{rects:n,middlewareData:o,placement:c,platform:u,elements:w}=e,{crossAxis:p=!1,alignment:l,allowedPlacements:d=N,autoAlignment:a=!0,...m}=H(t,e),v=l!==void 0||d===N?ht(l||null,a,d):d,f=await I(e,m),g=((s=o.autoPlacement)==null?void 0:s.index)||0,h=v[g];if(h==null)return{};const y=it(h,n,await(u.isRTL==null?void 0:u.isRTL(w.floating)));if(c!==h)return{reset:{placement:v[0]}};const A=[f[C(h)],f[y[0]],f[y[1]]],b=[...((r=o.autoPlacement)==null?void 0:r.overflows)||[],{placement:h,overflows:A}],j=v[g+1];if(j)return{data:{index:g+1,overflows:b},reset:{placement:j}};const F=b.map(x=>{const P=M(x.placement);return[x.placement,P&&p?x.overflows.slice(0,2).reduce((B,T)=>B+T,0):x.overflows[0],x.overflows]}).sort((x,P)=>x[1]-P[1]),D=((i=F.filter(x=>x[2].slice(0,M(x[0])?2:3).every(P=>P<=0))[0])==null?void 0:i[0])||F[0][0];return D!==c?{data:{index:g+1,overflows:b},reset:{placement:D}}:{}}}},vt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var s,r;const{placement:i,middlewareData:n,rects:o,initialPlacement:c,platform:u,elements:w}=e,{mainAxis:p=!0,crossAxis:l=!0,fallbackPlacements:d,fallbackStrategy:a="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:v=!0,...f}=H(t,e);if((s=n.arrow)!=null&&s.alignmentOffset)return{};const g=C(i),h=V(c),y=C(c)===c,A=await(u.isRTL==null?void 0:u.isRTL(w.floating)),b=d||(y||!v?[_(c)]:mt(c)),j=m!=="none";!d&&j&&b.push(...pt(c,v,m,A));const F=[c,...b],S=await I(e,f),D=[];let x=((r=n.flip)==null?void 0:r.overflows)||[];if(p&&D.push(S[g]),l){const R=it(i,o,A);D.push(S[R[0]],S[R[1]])}if(x=[...x,{placement:i,overflows:D}],!D.every(R=>R<=0)){var P,B;const R=(((P=n.flip)==null?void 0:P.index)||0)+1,E=F[R];if(E)return{data:{index:R,overflows:x},reset:{placement:E}};let L=(B=x.filter(k=>k.overflows[0]<=0).sort((k,$)=>k.overflows[1]-$.overflows[1])[0])==null?void 0:B.placement;if(!L)switch(a){case"bestFit":{var T;const k=(T=x.filter($=>{if(j){const O=V($.placement);return O===h||O==="y"}return!0}).map($=>[$.placement,$.overflows.filter(O=>O>0).reduce((O,z)=>O+z,0)]).sort(($,O)=>$[1]-O[1])[0])==null?void 0:T[0];k&&(L=k);break}case"initialPlacement":L=c;break}if(i!==L)return{reset:{placement:L}}}return{}}}};function Z(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function tt(t){return et.some(e=>t[e]>=0)}const yt=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){const{rects:s}=e,{strategy:r="referenceHidden",...i}=H(t,e);switch(r){case"referenceHidden":{const n=await I(e,{...i,elementContext:"reference"}),o=Z(n,s.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:tt(o)}}}case"escaped":{const n=await I(e,{...i,altBoundary:!0}),o=Z(n,s.floating);return{data:{escapedOffsets:o,escaped:tt(o)}}}default:return{}}}}};async function bt(t,e){const{placement:s,platform:r,elements:i}=t,n=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=C(s),c=M(s),u=V(s)==="y",w=["left","top"].includes(o)?-1:1,p=n&&u?-1:1,l=H(e,t);let{mainAxis:d,crossAxis:a,alignmentAxis:m}=typeof l=="number"?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:l.mainAxis||0,crossAxis:l.crossAxis||0,alignmentAxis:l.alignmentAxis};return c&&typeof m=="number"&&(a=c==="end"?m*-1:m),u?{x:a*p,y:d*w}:{x:d*w,y:a*p}}const At=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var s,r;const{x:i,y:n,placement:o,middlewareData:c}=e,u=await bt(e,t);return o===((s=c.offset)==null?void 0:s.placement)&&(r=c.arrow)!=null&&r.alignmentOffset?{}:{x:i+u.x,y:n+u.y,data:{...u,placement:o}}}}},Pt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:s,y:r,placement:i}=e,{mainAxis:n=!0,crossAxis:o=!1,limiter:c={fn:f=>{let{x:g,y:h}=f;return{x:g,y:h}}},...u}=H(t,e),w={x:s,y:r},p=await I(e,u),l=V(C(i)),d=q(l);let a=w[d],m=w[l];if(n){const f=d==="y"?"top":"left",g=d==="y"?"bottom":"right",h=a+p[f],y=a-p[g];a=Y(h,a,y)}if(o){const f=l==="y"?"top":"left",g=l==="y"?"bottom":"right",h=m+p[f],y=m-p[g];m=Y(h,m,y)}const v=c.fn({...e,[d]:a,[l]:m});return{...v,data:{x:v.x-s,y:v.y-r,enabled:{[d]:n,[l]:o}}}}}},Ot=At,St=wt,Rt=Pt,$t=vt,Ct=yt,Dt=t=>{var e;return{visibility:(e=t.hide)!=null&&e.referenceHidden?"hidden":"visible"}},rt=t=>({name:"arrowStyles",options:t,async fn(e){var G,J;const{x:s,y:r,placement:i,rects:n,platform:o,elements:c,middlewareData:u}=e,{element:w,padding:p=0}=H(t,e)||{};if(w==null)return{};const l=st(p),d={x:s,y:r},a=ot(i),m=q(a),v=nt(a),f=await o.getDimensions(w),g=a==="y",h=g?"top":"left",y=g?"bottom":"right",A=g?"clientHeight":"clientWidth",b=n.reference[v]+n.reference[a]-d[a]-n.floating[v],j=d[a]-n.reference[a],F=await((G=o.getOffsetParent)==null?void 0:G.call(o,w));let S=F?F[A]:0;(!S||!await((J=o.isElement)==null?void 0:J.call(o,F)))&&(S=c.floating[A]||n.floating[v]);const D=b/2-j/2,x=S/2-f.width/2-1,P=W(l[h],x),B=W(l[y],x),T=P,R=S-f.width-B,E=S/2-f.width/2+D,L=Y(T,E,R),k=!u.arrow&&M(i)!=null&&E!==L&&n.reference[v]/2-(E<T?P:B)-f.width/2<0,$=k?E<T?E-T:E-R:0,O=C(i),z=["top","left"].includes(O)?-1:1,lt=f.height*z,at=ct({placement:O,arrowHeight:f.height,arrowWidth:f.width,[a]:L});return{[a]:d[a]+$,[m]:d[m]+lt,data:at,reset:k}}}),U=(t,e,s,r)=>{if(r){const i=r===!0?s():s(r);t[e](i)}},Tt=({baseConfig:t,middleware:e,offset:s,arrow:r,placement:i="top"})=>{const n={...t,placement:i};let o=[];if(typeof e.overrides!="object"){o.push(Ot(s));let c=e.flip??!0;e.autoPlacement&&(c=!1),U(o,"unshift",St,e.autoPlacement),U(o,"push",Rt,e.shift??!0),U(o,"unshift",$t,c),U(o,"push",Ct,e.hide??!0)}else o.push(...e.overrides);return r.hide||o.push(rt(r.options)),typeof e.overrides=="function"&&(o=e.overrides(o)),n.middleware=o,n},ct=({placement:t,arrowHeight:e,arrowWidth:s,x:r,y:i})=>{const n=C(t),o=s/2-e,c={top:"rotate(0deg)",bottom:"rotate(180deg)",left:`rotate(-90deg) translateX(${-o}px)`,right:`rotate(90deg) translateX(${o}px)`}[n],u=-s/2-e,w={top:`${-e}px`,bottom:`${-e*2}px`,left:`${u}px`,right:`${u}px`}[n],p={transform:c};p.left=r!=null?`${r}px`:"",p.top=i!=null?`${i}px`:"";const l=_(n);return p[l]=w,p};exports.arrowMiddleware=rt;exports.arrowStyles=ct;exports.buildFloatingUIConfig=Tt;exports.visibilityHandler=Dt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const nt=["top","right","bottom","left"],K=["start","end"],Q=nt.reduce((t,e)=>t.concat(e,e+"-"+K[0],e+"-"+K[1]),[]),I=Math.min,B=Math.max,dt={left:"right",right:"left",bottom:"top",top:"bottom"},ut={start:"end",end:"start"};function G(t,e,s){return B(t,I(e,s))}function z(t,e){return typeof t=="function"?t(e):t}function C(t){return t.split("-")[0]}function k(t){return t.split("-")[1]}function N(t){return t==="x"?"y":"x"}function it(t){return t==="y"?"height":"width"}function _(t){return["top","bottom"].includes(C(t))?"y":"x"}function ot(t){return N(_(t))}function st(t,e,s){s===void 0&&(s=!1);const r=k(t),o=ot(t),n=it(o);let i=o==="x"?r===(s?"end":"start")?"right":"left":r==="start"?"bottom":"top";return e.reference[n]>e.floating[n]&&(i=W(i)),[i,W(i)]}function mt(t){const e=W(t);return[X(t),e,X(e)]}function X(t){return t.replace(/start|end/g,e=>ut[e])}function gt(t,e,s){const r=["left","right"],o=["right","left"],n=["top","bottom"],i=["bottom","top"];switch(t){case"top":case"bottom":return s?e?o:r:e?r:o;case"left":case"right":return e?n:i;default:return[]}}function pt(t,e,s,r){const o=k(t);let n=gt(C(t),s==="start",r);return o&&(n=n.map(i=>i+"-"+o),e&&(n=n.concat(n.map(X)))),n}function W(t){return t.replace(/left|right|bottom|top/g,e=>dt[e])}function ht(t){return{top:0,right:0,bottom:0,left:0,...t}}function rt(t){return typeof t!="number"?ht(t):{top:t,right:t,bottom:t,left:t}}function Z(t){const{x:e,y:s,width:r,height:o}=t;return{width:r,height:o,top:s,left:e,right:e+r,bottom:s+o,x:e,y:s}}async function V(t,e){var s;e===void 0&&(e={});const{x:r,y:o,platform:n,rects:i,elements:l,strategy:m}=t,{boundary:x="clippingAncestors",rootBoundary:c="viewport",elementContext:a="floating",altBoundary:g=!1,padding:f=0}=z(e,t),d=rt(f),u=l[g?a==="floating"?"reference":"floating":a],p=Z(await n.getClippingRect({element:(s=await(n.isElement==null?void 0:n.isElement(u)))==null||s?u:u.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(l.floating)),boundary:x,rootBoundary:c,strategy:m})),v=a==="floating"?{x:r,y:o,width:i.floating.width,height:i.floating.height}:i.reference,y=await(n.getOffsetParent==null?void 0:n.getOffsetParent(l.floating)),A=await(n.isElement==null?void 0:n.isElement(y))?await(n.getScale==null?void 0:n.getScale(y))||{x:1,y:1}:{x:1,y:1},b=Z(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:y,strategy:m}):v);return{top:(p.top-b.top+d.top)/A.y,bottom:(b.bottom-p.bottom+d.bottom)/A.y,left:(p.left-b.left+d.left)/A.x,right:(b.right-p.right+d.right)/A.x}}function xt(t,e,s){return(t?[...s.filter(o=>k(o)===t),...s.filter(o=>k(o)!==t)]:s.filter(o=>C(o)===o)).filter(o=>t?k(o)===t||(e?X(o)!==o:!1):!0)}const wt=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var s,r,o;const{rects:n,middlewareData:i,placement:l,platform:m,elements:x}=e,{crossAxis:c=!1,alignment:a,allowedPlacements:g=Q,autoAlignment:f=!0,...d}=z(t,e),w=a!==void 0||g===Q?xt(a||null,f,g):g,u=await V(e,d),p=((s=i.autoPlacement)==null?void 0:s.index)||0,v=w[p];if(v==null)return{};const y=st(v,n,await(m.isRTL==null?void 0:m.isRTL(x.floating)));if(l!==v)return{reset:{placement:w[0]}};const A=[u[C(v)],u[y[0]],u[y[1]]],b=[...((r=i.autoPlacement)==null?void 0:r.overflows)||[],{placement:v,overflows:A}],L=w[p+1];if(L)return{data:{index:p+1,overflows:b},reset:{placement:L}};const S=b.map(h=>{const O=k(h.placement);return[h.placement,O&&c?h.overflows.slice(0,2).reduce((T,$)=>T+$,0):h.overflows[0],h.overflows]}).sort((h,O)=>h[1]-O[1]),D=((o=S.filter(h=>h[2].slice(0,k(h[0])?2:3).every(O=>O<=0))[0])==null?void 0:o[0])||S[0][0];return D!==l?{data:{index:p+1,overflows:b},reset:{placement:D}}:{}}}},vt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var s,r;const{placement:o,middlewareData:n,rects:i,initialPlacement:l,platform:m,elements:x}=e,{mainAxis:c=!0,crossAxis:a=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:w=!0,...u}=z(t,e);if((s=n.arrow)!=null&&s.alignmentOffset)return{};const p=C(o),v=_(l),y=C(l)===l,A=await(m.isRTL==null?void 0:m.isRTL(x.floating)),b=g||(y||!w?[W(l)]:mt(l)),L=d!=="none";!g&&L&&b.push(...pt(l,w,d,A));const S=[l,...b],P=await V(e,u),D=[];let h=((r=n.flip)==null?void 0:r.overflows)||[];if(c&&D.push(P[p]),a){const M=st(o,i,A);D.push(P[M[0]],P[M[1]])}if(h=[...h,{placement:o,overflows:D}],!D.every(M=>M<=0)){var O,T;const M=(((O=n.flip)==null?void 0:O.index)||0)+1,F=S[M];if(F)return{data:{index:M,overflows:h},reset:{placement:F}};let j=(T=h.filter(H=>H.overflows[0]<=0).sort((H,E)=>H.overflows[1]-E.overflows[1])[0])==null?void 0:T.placement;if(!j)switch(f){case"bestFit":{var $;const H=($=h.filter(E=>{if(L){const R=_(E.placement);return R===v||R==="y"}return!0}).map(E=>[E.placement,E.overflows.filter(R=>R>0).reduce((R,Y)=>R+Y,0)]).sort((E,R)=>E[1]-R[1])[0])==null?void 0:$[0];H&&(j=H);break}case"initialPlacement":j=l;break}if(o!==j)return{reset:{placement:j}}}return{}}}};function tt(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function et(t){return nt.some(e=>t[e]>=0)}const yt=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){const{rects:s}=e,{strategy:r="referenceHidden",...o}=z(t,e);switch(r){case"referenceHidden":{const n=await V(e,{...o,elementContext:"reference"}),i=tt(n,s.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:et(i)}}}case"escaped":{const n=await V(e,{...o,altBoundary:!0}),i=tt(n,s.floating);return{data:{escapedOffsets:i,escaped:et(i)}}}default:return{}}}}};async function bt(t,e){const{placement:s,platform:r,elements:o}=t,n=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=C(s),l=k(s),m=_(s)==="y",x=["left","top"].includes(i)?-1:1,c=n&&m?-1:1,a=z(e,t);let{mainAxis:g,crossAxis:f,alignmentAxis:d}=typeof a=="number"?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return l&&typeof d=="number"&&(f=l==="end"?d*-1:d),m?{x:f*c,y:g*x}:{x:g*x,y:f*c}}const At=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var s,r;const{x:o,y:n,placement:i,middlewareData:l}=e,m=await bt(e,t);return i===((s=l.offset)==null?void 0:s.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:o+m.x,y:n+m.y,data:{...m,placement:i}}}}},Pt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:s,y:r,placement:o}=e,{mainAxis:n=!0,crossAxis:i=!1,limiter:l={fn:u=>{let{x:p,y:v}=u;return{x:p,y:v}}},...m}=z(t,e),x={x:s,y:r},c=await V(e,m),a=_(C(o)),g=N(a);let f=x[g],d=x[a];if(n){const u=g==="y"?"top":"left",p=g==="y"?"bottom":"right",v=f+c[u],y=f-c[p];f=G(v,f,y)}if(i){const u=a==="y"?"top":"left",p=a==="y"?"bottom":"right",v=d+c[u],y=d-c[p];d=G(v,d,y)}const w=l.fn({...e,[g]:f,[a]:d});return{...w,data:{x:w.x-s,y:w.y-r,enabled:{[g]:n,[a]:i}}}}}},Ot=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var s,r;const{placement:o,rects:n,platform:i,elements:l}=e,{apply:m=()=>{},...x}=z(t,e),c=await V(e,x),a=C(o),g=k(o),f=_(o)==="y",{width:d,height:w}=n.floating;let u,p;a==="top"||a==="bottom"?(u=a,p=g===(await(i.isRTL==null?void 0:i.isRTL(l.floating))?"start":"end")?"left":"right"):(p=a,u=g==="end"?"top":"bottom");const v=w-c.top-c.bottom,y=d-c.left-c.right,A=I(w-c[u],v),b=I(d-c[p],y),L=!e.middlewareData.shift;let S=A,P=b;if((s=e.middlewareData.shift)!=null&&s.enabled.x&&(P=y),(r=e.middlewareData.shift)!=null&&r.enabled.y&&(S=v),L&&!g){const h=B(c.left,0),O=B(c.right,0),T=B(c.top,0),$=B(c.bottom,0);f?P=d-2*(h!==0||O!==0?h+O:B(c.left,c.right)):S=w-2*(T!==0||$!==0?T+$:B(c.top,c.bottom))}await m({...e,availableWidth:P,availableHeight:S});const D=await i.getDimensions(l.floating);return d!==D.width||w!==D.height?{reset:{rects:!0}}:{}}}},St=At,Dt=wt,$t=Pt,Rt=vt,Ct=Ot,Tt=yt,Mt=16,Et=t=>{var e;return{visibility:(e=t.hide)!=null&&e.referenceHidden?"hidden":"visible"}},ct=t=>({name:"arrowStyles",options:t,async fn(e){var q,J;const{x:s,y:r,placement:o,rects:n,platform:i,elements:l,middlewareData:m}=e,{element:x,padding:c=0}=z(t,e)||{};if(x==null)return{};const a=rt(c),g={x:s,y:r},f=ot(o),d=N(f),w=it(f),u=await i.getDimensions(x),p=f==="y",v=p?"top":"left",y=p?"bottom":"right",A=p?"clientHeight":"clientWidth",b=n.reference[w]+n.reference[f]-g[f]-n.floating[w],L=g[f]-n.reference[f],S=await((q=i.getOffsetParent)==null?void 0:q.call(i,x));let P=S?S[A]:0;(!P||!await((J=i.isElement)==null?void 0:J.call(i,S)))&&(P=l.floating[A]||n.floating[w]);const D=b/2-L/2,h=P/2-u.width/2-1,O=I(a[v],h),T=I(a[y],h),$=O,M=P-u.width-T,F=P/2-u.width/2+D,j=G($,F,M),H=!m.arrow&&k(o)!=null&&F!==j&&n.reference[w]/2-(F<$?O:T)-u.width/2<0,E=H?F<$?F-$:F-M:0,R=C(o),Y=["top","left"].includes(R)?-1:1,at=u.height*Y,ft=lt({placement:R,arrowHeight:u.height,arrowWidth:u.width,[f]:j});return{[f]:g[f]+E,[d]:g[d]+at,data:ft,reset:H}}}),U=(t,e,s,r)=>{if(r){const o=r===!0?s():s(r);t[e](o)}},kt=({baseConfig:t,middleware:e,offset:s,arrow:r,placement:o="top"})=>{const n={...t,placement:o};let i=[];if(typeof e.overrides!="object"){i.push(St(s));let l=e.flip??!0;if(e.autoPlacement&&(l=!1),U(i,"unshift",Dt,e.autoPlacement),U(i,"unshift",Rt,l),e.size){const m=e.size===!0?{padding:Mt,apply({availableHeight:x,elements:c}){Object.assign(c.floating.style,{maxHeight:`${x}px`})}}:e.size;i.push(Ct(m))}U(i,"push",$t,e.shift??!0),U(i,"push",Tt,e.hide??!0)}else i.push(...e.overrides);return r.hide||i.push(ct(r.options)),typeof e.overrides=="function"&&(i=e.overrides(i)),n.middleware=i,n},lt=({placement:t,arrowHeight:e,arrowWidth:s,x:r,y:o})=>{const n=C(t),i=s/2-e,l={top:"rotate(0deg)",bottom:"rotate(180deg)",left:`rotate(-90deg) translateX(${-i}px)`,right:`rotate(90deg) translateX(${i}px)`}[n],m=-s/2-e,x={top:`${-e}px`,bottom:`${-e*2}px`,left:`${m}px`,right:`${m}px`}[n],c={transform:l};c.left=r!=null?`${r}px`:"",c.top=o!=null?`${o}px`:"";const a=W(n);return c[a]=x,c};exports.arrowMiddleware=ct;exports.arrowStyles=lt;exports.buildFloatingUIConfig=kt;exports.visibilityHandler=Et;

package/lib/components/floatingui.d.ts

@@ -1,4 +1,4 @@
-import { MiddlewareData, ArrowOptions, AutoPlacementOptions, ComputePositionConfig, FlipOptions, HideOptions, Middleware, MiddlewareState, OffsetOptions, Placement, ShiftOptions } from '@floating-ui/dom';
+import { MiddlewareData, ArrowOptions, AutoPlacementOptions, ComputePositionConfig, FlipOptions, HideOptions, Middleware, MiddlewareState, OffsetOptions, Placement, ShiftOptions, SizeOptions } from '@floating-ui/dom';
 import { CSSObject } from '../utils/types';
 /**
  * Function option to derive middleware options from state.
@@ -26,6 +26,7 @@ export interface FloatingUIConfigArgs {
         flip?: boolean | FlipOptions;
         hide?: boolean | HideOptions;
         shift?: boolean | ShiftOptions;
+        size?: boolean | SizeOptions;
     };
     arrow: {
         options: ArrowOptions;

package/lib/components/floatingui.es.js

@@ -1,4 +1,4 @@
-const et = ["top", "right", "bottom", "left"], K = ["start", "end"], N = /* @__PURE__ */ et.reduce((t, e) => t.concat(e, e + "-" + K[0], e + "-" + K[1]), []), W = Math.min, lt = Math.max, at = {
+const nt = ["top", "right", "bottom", "left"], K = ["start", "end"], Q = /* @__PURE__ */ nt.reduce((t, e) => t.concat(e, e + "-" + K[0], e + "-" + K[1]), []), I = Math.min, B = Math.max, at = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -7,62 +7,62 @@ const et = ["top", "right", "bottom", "left"], K = ["start", "end"], N = /* @__P
   start: "end",
   end: "start"
 };
-function Y(t, e, s) {
-  return lt(t, W(e, s));
+function N(t, e, s) {
+  return B(t, I(e, s));
 }
-function H(t, e) {
+function z(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function C(t) {
   return t.split("-")[0];
 }
-function M(t) {
+function k(t) {
   return t.split("-")[1];
 }
-function q(t) {
+function U(t) {
   return t === "x" ? "y" : "x";
 }
-function nt(t) {
+function it(t) {
   return t === "y" ? "height" : "width";
 }
-function V(t) {
+function _(t) {
   return ["top", "bottom"].includes(C(t)) ? "y" : "x";
 }
 function ot(t) {
-  return q(V(t));
+  return U(_(t));
 }
-function it(t, e, s) {
+function st(t, e, s) {
   s === void 0 && (s = !1);
-  const r = M(t), i = ot(t), n = nt(i);
-  let o = i === "x" ? r === (s ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[n] > e.floating[n] && (o = _(o)), [o, _(o)];
+  const r = k(t), o = ot(t), n = it(o);
+  let i = o === "x" ? r === (s ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[n] > e.floating[n] && (i = W(i)), [i, W(i)];
 }
-function ut(t) {
-  const e = _(t);
-  return [z(t), e, z(e)];
+function dt(t) {
+  const e = W(t);
+  return [Y(t), e, Y(e)];
 }
-function z(t) {
+function Y(t) {
   return t.replace(/start|end/g, (e) => ft[e]);
 }
-function dt(t, e, s) {
-  const r = ["left", "right"], i = ["right", "left"], n = ["top", "bottom"], o = ["bottom", "top"];
+function mt(t, e, s) {
+  const r = ["left", "right"], o = ["right", "left"], n = ["top", "bottom"], i = ["bottom", "top"];
   switch (t) {
     case "top":
     case "bottom":
-      return s ? e ? i : r : e ? r : i;
+      return s ? e ? o : r : e ? r : o;
     case "left":
     case "right":
-      return e ? n : o;
+      return e ? n : i;
     default:
       return [];
   }
 }
-function mt(t, e, s, r) {
-  const i = M(t);
-  let n = dt(C(t), s === "start", r);
-  return i && (n = n.map((o) => o + "-" + i), e && (n = n.concat(n.map(z)))), n;
+function ut(t, e, s, r) {
+  const o = k(t);
+  let n = mt(C(t), s === "start", r);
+  return o && (n = n.map((i) => i + "-" + o), e && (n = n.concat(n.map(Y)))), n;
 }
-function _(t) {
+function W(t) {
   return t.replace(/left|right|bottom|top/g, (e) => at[e]);
 }
 function gt(t) {
@@ -74,7 +74,7 @@ function gt(t) {
     ...t
   };
 }
-function st(t) {
+function rt(t) {
   return typeof t != "number" ? gt(t) : {
     top: t,
     right: t,
@@ -82,133 +82,133 @@ function st(t) {
     left: t
   };
 }
-function Q(t) {
+function Z(t) {
   const {
     x: e,
     y: s,
     width: r,
-    height: i
+    height: o
   } = t;
   return {
     width: r,
-    height: i,
+    height: o,
     top: s,
     left: e,
     right: e + r,
-    bottom: s + i,
+    bottom: s + o,
     x: e,
     y: s
   };
 }
-async function I(t, e) {
+async function V(t, e) {
   var s;
   e === void 0 && (e = {});
   const {
     x: r,
-    y: i,
+    y: o,
     platform: n,
-    rects: o,
-    elements: c,
+    rects: i,
+    elements: l,
     strategy: u
   } = t, {
-    boundary: w = "clippingAncestors",
-    rootBoundary: p = "viewport",
-    elementContext: l = "floating",
-    altBoundary: d = !1,
-    padding: a = 0
-  } = H(e, t), m = st(a), f = c[d ? l === "floating" ? "reference" : "floating" : l], g = Q(await n.getClippingRect({
-    element: (s = await (n.isElement == null ? void 0 : n.isElement(f))) == null || s ? f : f.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(c.floating)),
-    boundary: w,
-    rootBoundary: p,
+    boundary: x = "clippingAncestors",
+    rootBoundary: c = "viewport",
+    elementContext: a = "floating",
+    altBoundary: g = !1,
+    padding: f = 0
+  } = z(e, t), d = rt(f), m = l[g ? a === "floating" ? "reference" : "floating" : a], p = Z(await n.getClippingRect({
+    element: (s = await (n.isElement == null ? void 0 : n.isElement(m))) == null || s ? m : m.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(l.floating)),
+    boundary: x,
+    rootBoundary: c,
     strategy: u
-  })), h = l === "floating" ? {
+  })), v = a === "floating" ? {
     x: r,
-    y: i,
-    width: o.floating.width,
-    height: o.floating.height
-  } : o.reference, y = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c.floating)), b = await (n.isElement == null ? void 0 : n.isElement(y)) ? await (n.getScale == null ? void 0 : n.getScale(y)) || {
+    y: o,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, y = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l.floating)), A = await (n.isElement == null ? void 0 : n.isElement(y)) ? await (n.getScale == null ? void 0 : n.getScale(y)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, A = Q(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: h,
+  }, b = Z(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: v,
     offsetParent: y,
     strategy: u
-  }) : h);
+  }) : v);
   return {
-    top: (g.top - A.top + m.top) / b.y,
-    bottom: (A.bottom - g.bottom + m.bottom) / b.y,
-    left: (g.left - A.left + m.left) / b.x,
-    right: (A.right - g.right + m.right) / b.x
+    top: (p.top - b.top + d.top) / A.y,
+    bottom: (b.bottom - p.bottom + d.bottom) / A.y,
+    left: (p.left - b.left + d.left) / A.x,
+    right: (b.right - p.right + d.right) / A.x
   };
 }
 function pt(t, e, s) {
-  return (t ? [...s.filter((i) => M(i) === t), ...s.filter((i) => M(i) !== t)] : s.filter((i) => C(i) === i)).filter((i) => t ? M(i) === t || (e ? z(i) !== i : !1) : !0);
+  return (t ? [...s.filter((o) => k(o) === t), ...s.filter((o) => k(o) !== t)] : s.filter((o) => C(o) === o)).filter((o) => t ? k(o) === t || (e ? Y(o) !== o : !1) : !0);
 }
-const xt = function(t) {
+const ht = function(t) {
   return t === void 0 && (t = {}), {
     name: "autoPlacement",
     options: t,
     async fn(e) {
-      var s, r, i;
+      var s, r, o;
       const {
         rects: n,
-        middlewareData: o,
-        placement: c,
+        middlewareData: i,
+        placement: l,
         platform: u,
-        elements: w
+        elements: x
       } = e, {
-        crossAxis: p = !1,
-        alignment: l,
-        allowedPlacements: d = N,
-        autoAlignment: a = !0,
-        ...m
-      } = H(t, e), v = l !== void 0 || d === N ? pt(l || null, a, d) : d, f = await I(e, m), g = ((s = o.autoPlacement) == null ? void 0 : s.index) || 0, h = v[g];
-      if (h == null)
+        crossAxis: c = !1,
+        alignment: a,
+        allowedPlacements: g = Q,
+        autoAlignment: f = !0,
+        ...d
+      } = z(t, e), w = a !== void 0 || g === Q ? pt(a || null, f, g) : g, m = await V(e, d), p = ((s = i.autoPlacement) == null ? void 0 : s.index) || 0, v = w[p];
+      if (v == null)
         return {};
-      const y = it(h, n, await (u.isRTL == null ? void 0 : u.isRTL(w.floating)));
-      if (c !== h)
+      const y = st(v, n, await (u.isRTL == null ? void 0 : u.isRTL(x.floating)));
+      if (l !== v)
         return {
           reset: {
-            placement: v[0]
+            placement: w[0]
           }
         };
-      const b = [f[C(h)], f[y[0]], f[y[1]]], A = [...((r = o.autoPlacement) == null ? void 0 : r.overflows) || [], {
-        placement: h,
-        overflows: b
-      }], B = v[g + 1];
-      if (B)
+      const A = [m[C(v)], m[y[0]], m[y[1]]], b = [...((r = i.autoPlacement) == null ? void 0 : r.overflows) || [], {
+        placement: v,
+        overflows: A
+      }], L = w[p + 1];
+      if (L)
         return {
           data: {
-            index: g + 1,
-            overflows: A
+            index: p + 1,
+            overflows: b
           },
           reset: {
-            placement: B
+            placement: L
           }
         };
-      const F = A.map((x) => {
-        const P = M(x.placement);
-        return [x.placement, P && p ? (
+      const S = b.map((h) => {
+        const O = k(h.placement);
+        return [h.placement, O && c ? (
           // Check along the mainAxis and main crossAxis side.
-          x.overflows.slice(0, 2).reduce((j, T) => j + T, 0)
+          h.overflows.slice(0, 2).reduce((T, $) => T + $, 0)
         ) : (
           // Check only the mainAxis.
-          x.overflows[0]
-        ), x.overflows];
-      }).sort((x, P) => x[1] - P[1]), D = ((i = F.filter((x) => x[2].slice(
+          h.overflows[0]
+        ), h.overflows];
+      }).sort((h, O) => h[1] - O[1]), D = ((o = S.filter((h) => h[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        M(x[0]) ? 2 : 3
-      ).every((P) => P <= 0))[0]) == null ? void 0 : i[0]) || F[0][0];
-      return D !== c ? {
+        k(h[0]) ? 2 : 3
+      ).every((O) => O <= 0))[0]) == null ? void 0 : o[0]) || S[0][0];
+      return D !== l ? {
         data: {
-          index: g + 1,
-          overflows: A
+          index: p + 1,
+          overflows: b
         },
         reset: {
           placement: D
@@ -216,79 +216,79 @@ const xt = function(t) {
       } : {};
     }
   };
-}, ht = function(t) {
+}, xt = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
     async fn(e) {
       var s, r;
       const {
-        placement: i,
+        placement: o,
         middlewareData: n,
-        rects: o,
-        initialPlacement: c,
+        rects: i,
+        initialPlacement: l,
         platform: u,
-        elements: w
+        elements: x
       } = e, {
-        mainAxis: p = !0,
-        crossAxis: l = !0,
-        fallbackPlacements: d,
-        fallbackStrategy: a = "bestFit",
-        fallbackAxisSideDirection: m = "none",
-        flipAlignment: v = !0,
-        ...f
-      } = H(t, e);
+        mainAxis: c = !0,
+        crossAxis: a = !0,
+        fallbackPlacements: g,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: d = "none",
+        flipAlignment: w = !0,
+        ...m
+      } = z(t, e);
       if ((s = n.arrow) != null && s.alignmentOffset)
         return {};
-      const g = C(i), h = V(c), y = C(c) === c, b = await (u.isRTL == null ? void 0 : u.isRTL(w.floating)), A = d || (y || !v ? [_(c)] : ut(c)), B = m !== "none";
-      !d && B && A.push(...mt(c, v, m, b));
-      const F = [c, ...A], S = await I(e, f), D = [];
-      let x = ((r = n.flip) == null ? void 0 : r.overflows) || [];
-      if (p && D.push(S[g]), l) {
-        const R = it(i, o, b);
-        D.push(S[R[0]], S[R[1]]);
+      const p = C(o), v = _(l), y = C(l) === l, A = await (u.isRTL == null ? void 0 : u.isRTL(x.floating)), b = g || (y || !w ? [W(l)] : dt(l)), L = d !== "none";
+      !g && L && b.push(...ut(l, w, d, A));
+      const S = [l, ...b], P = await V(e, m), D = [];
+      let h = ((r = n.flip) == null ? void 0 : r.overflows) || [];
+      if (c && D.push(P[p]), a) {
+        const E = st(o, i, A);
+        D.push(P[E[0]], P[E[1]]);
       }
-      if (x = [...x, {
-        placement: i,
+      if (h = [...h, {
+        placement: o,
         overflows: D
-      }], !D.every((R) => R <= 0)) {
-        var P, j;
-        const R = (((P = n.flip) == null ? void 0 : P.index) || 0) + 1, E = F[R];
-        if (E)
+      }], !D.every((E) => E <= 0)) {
+        var O, T;
+        const E = (((O = n.flip) == null ? void 0 : O.index) || 0) + 1, F = S[E];
+        if (F)
           return {
             data: {
-              index: R,
-              overflows: x
+              index: E,
+              overflows: h
             },
             reset: {
-              placement: E
+              placement: F
             }
           };
-        let L = (j = x.filter((k) => k.overflows[0] <= 0).sort((k, $) => k.overflows[1] - $.overflows[1])[0]) == null ? void 0 : j.placement;
-        if (!L)
-          switch (a) {
+        let j = (T = h.filter((H) => H.overflows[0] <= 0).sort((H, M) => H.overflows[1] - M.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!j)
+          switch (f) {
             case "bestFit": {
-              var T;
-              const k = (T = x.filter(($) => {
-                if (B) {
-                  const O = V($.placement);
-                  return O === h || // Create a bias to the `y` side axis due to horizontal
+              var $;
+              const H = ($ = h.filter((M) => {
+                if (L) {
+                  const R = _(M.placement);
+                  return R === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  O === "y";
+                  R === "y";
                 }
                 return !0;
-              }).map(($) => [$.placement, $.overflows.filter((O) => O > 0).reduce((O, U) => O + U, 0)]).sort(($, O) => $[1] - O[1])[0]) == null ? void 0 : T[0];
-              k && (L = k);
+              }).map((M) => [M.placement, M.overflows.filter((R) => R > 0).reduce((R, G) => R + G, 0)]).sort((M, R) => M[1] - R[1])[0]) == null ? void 0 : $[0];
+              H && (j = H);
               break;
             }
             case "initialPlacement":
-              L = c;
+              j = l;
               break;
           }
-        if (i !== L)
+        if (o !== j)
           return {
             reset: {
-              placement: L
+              placement: j
             }
           };
       }
@@ -296,7 +296,7 @@ const xt = function(t) {
     }
   };
 };
-function Z(t, e) {
+function tt(t, e) {
   return {
     top: t.top - e.height,
     right: t.right - e.width,
@@ -304,8 +304,8 @@ function Z(t, e) {
     left: t.left - e.width
   };
 }
-function tt(t) {
-  return et.some((e) => t[e] >= 0);
+function et(t) {
+  return nt.some((e) => t[e] >= 0);
 }
 const wt = function(t) {
   return t === void 0 && (t = {}), {
@@ -316,30 +316,30 @@ const wt = function(t) {
         rects: s
       } = e, {
         strategy: r = "referenceHidden",
-        ...i
-      } = H(t, e);
+        ...o
+      } = z(t, e);
       switch (r) {
         case "referenceHidden": {
-          const n = await I(e, {
-            ...i,
+          const n = await V(e, {
+            ...o,
             elementContext: "reference"
-          }), o = Z(n, s.reference);
+          }), i = tt(n, s.reference);
           return {
             data: {
-              referenceHiddenOffsets: o,
-              referenceHidden: tt(o)
+              referenceHiddenOffsets: i,
+              referenceHidden: et(i)
             }
           };
         }
         case "escaped": {
-          const n = await I(e, {
-            ...i,
+          const n = await V(e, {
+            ...o,
             altBoundary: !0
-          }), o = Z(n, s.floating);
+          }), i = tt(n, s.floating);
           return {
             data: {
-              escapedOffsets: o,
-              escaped: tt(o)
+              escapedOffsets: i,
+              escaped: et(i)
             }
           };
         }
@@ -353,27 +353,27 @@ async function vt(t, e) {
   const {
     placement: s,
     platform: r,
-    elements: i
-  } = t, n = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = C(s), c = M(s), u = V(s) === "y", w = ["left", "top"].includes(o) ? -1 : 1, p = n && u ? -1 : 1, l = H(e, t);
+    elements: o
+  } = t, n = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = C(s), l = k(s), u = _(s) === "y", x = ["left", "top"].includes(i) ? -1 : 1, c = n && u ? -1 : 1, a = z(e, t);
   let {
-    mainAxis: d,
-    crossAxis: a,
-    alignmentAxis: m
-  } = typeof l == "number" ? {
-    mainAxis: l,
+    mainAxis: g,
+    crossAxis: f,
+    alignmentAxis: d
+  } = typeof a == "number" ? {
+    mainAxis: a,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: l.mainAxis || 0,
-    crossAxis: l.crossAxis || 0,
-    alignmentAxis: l.alignmentAxis
+    mainAxis: a.mainAxis || 0,
+    crossAxis: a.crossAxis || 0,
+    alignmentAxis: a.alignmentAxis
   };
-  return c && typeof m == "number" && (a = c === "end" ? m * -1 : m), u ? {
-    x: a * p,
-    y: d * w
+  return l && typeof d == "number" && (f = l === "end" ? d * -1 : d), u ? {
+    x: f * c,
+    y: g * x
   } : {
-    x: d * w,
-    y: a * p
+    x: g * x,
+    y: f * c
   };
 }
 const yt = function(t) {
@@ -383,22 +383,22 @@ const yt = function(t) {
     async fn(e) {
       var s, r;
       const {
-        x: i,
+        x: o,
         y: n,
-        placement: o,
-        middlewareData: c
+        placement: i,
+        middlewareData: l
       } = e, u = await vt(e, t);
-      return o === ((s = c.offset) == null ? void 0 : s.placement) && (r = c.arrow) != null && r.alignmentOffset ? {} : {
-        x: i + u.x,
+      return i === ((s = l.offset) == null ? void 0 : s.placement) && (r = l.arrow) != null && r.alignmentOffset ? {} : {
+        x: o + u.x,
         y: n + u.y,
         data: {
           ...u,
-          placement: o
+          placement: i
         }
       };
     }
   };
-}, At = function(t) {
+}, bt = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -406,121 +406,172 @@ const yt = function(t) {
       const {
         x: s,
         y: r,
-        placement: i
+        placement: o
       } = e, {
         mainAxis: n = !0,
-        crossAxis: o = !1,
-        limiter: c = {
-          fn: (f) => {
+        crossAxis: i = !1,
+        limiter: l = {
+          fn: (m) => {
             let {
-              x: g,
-              y: h
-            } = f;
+              x: p,
+              y: v
+            } = m;
             return {
-              x: g,
-              y: h
+              x: p,
+              y: v
             };
           }
         },
         ...u
-      } = H(t, e), w = {
+      } = z(t, e), x = {
         x: s,
         y: r
-      }, p = await I(e, u), l = V(C(i)), d = q(l);
-      let a = w[d], m = w[l];
+      }, c = await V(e, u), a = _(C(o)), g = U(a);
+      let f = x[g], d = x[a];
       if (n) {
-        const f = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", h = a + p[f], y = a - p[g];
-        a = Y(h, a, y);
+        const m = g === "y" ? "top" : "left", p = g === "y" ? "bottom" : "right", v = f + c[m], y = f - c[p];
+        f = N(v, f, y);
       }
-      if (o) {
-        const f = l === "y" ? "top" : "left", g = l === "y" ? "bottom" : "right", h = m + p[f], y = m - p[g];
-        m = Y(h, m, y);
+      if (i) {
+        const m = a === "y" ? "top" : "left", p = a === "y" ? "bottom" : "right", v = d + c[m], y = d - c[p];
+        d = N(v, d, y);
       }
-      const v = c.fn({
+      const w = l.fn({
         ...e,
-        [d]: a,
-        [l]: m
+        [g]: f,
+        [a]: d
       });
       return {
-        ...v,
+        ...w,
         data: {
-          x: v.x - s,
-          y: v.y - r,
+          x: w.x - s,
+          y: w.y - r,
           enabled: {
-            [d]: n,
-            [l]: o
+            [g]: n,
+            [a]: i
           }
         }
       };
     }
   };
-}, bt = yt, Pt = xt, Ot = At, St = ht, Rt = wt, Dt = (t) => {
+}, At = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      var s, r;
+      const {
+        placement: o,
+        rects: n,
+        platform: i,
+        elements: l
+      } = e, {
+        apply: u = () => {
+        },
+        ...x
+      } = z(t, e), c = await V(e, x), a = C(o), g = k(o), f = _(o) === "y", {
+        width: d,
+        height: w
+      } = n.floating;
+      let m, p;
+      a === "top" || a === "bottom" ? (m = a, p = g === (await (i.isRTL == null ? void 0 : i.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (p = a, m = g === "end" ? "top" : "bottom");
+      const v = w - c.top - c.bottom, y = d - c.left - c.right, A = I(w - c[m], v), b = I(d - c[p], y), L = !e.middlewareData.shift;
+      let S = A, P = b;
+      if ((s = e.middlewareData.shift) != null && s.enabled.x && (P = y), (r = e.middlewareData.shift) != null && r.enabled.y && (S = v), L && !g) {
+        const h = B(c.left, 0), O = B(c.right, 0), T = B(c.top, 0), $ = B(c.bottom, 0);
+        f ? P = d - 2 * (h !== 0 || O !== 0 ? h + O : B(c.left, c.right)) : S = w - 2 * (T !== 0 || $ !== 0 ? T + $ : B(c.top, c.bottom));
+      }
+      await u({
+        ...e,
+        availableWidth: P,
+        availableHeight: S
+      });
+      const D = await i.getDimensions(l.floating);
+      return d !== D.width || w !== D.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+}, Pt = yt, Ot = ht, St = bt, Dt = xt, $t = At, Rt = wt, Ct = 16, Mt = (t) => {
   var e;
   return {
     visibility: (e = t.hide) != null && e.referenceHidden ? "hidden" : "visible"
   };
-}, $t = (t) => ({
+}, Tt = (t) => ({
   name: "arrowStyles",
   options: t,
   async fn(e) {
-    var G, J;
-    const { x: s, y: r, placement: i, rects: n, platform: o, elements: c, middlewareData: u } = e, { element: w, padding: p = 0 } = H(t, e) || {};
-    if (w == null)
+    var q, J;
+    const { x: s, y: r, placement: o, rects: n, platform: i, elements: l, middlewareData: u } = e, { element: x, padding: c = 0 } = z(t, e) || {};
+    if (x == null)
       return {};
-    const l = st(p), d = { x: s, y: r }, a = ot(i), m = q(a), v = nt(a), f = await o.getDimensions(w), g = a === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", A = n.reference[v] + n.reference[a] - d[a] - n.floating[v], B = d[a] - n.reference[a], F = await ((G = o.getOffsetParent) == null ? void 0 : G.call(o, w));
-    let S = F ? F[b] : 0;
-    (!S || !await ((J = o.isElement) == null ? void 0 : J.call(o, F))) && (S = c.floating[b] || n.floating[v]);
-    const D = A / 2 - B / 2, x = S / 2 - f.width / 2 - 1, P = W(l[h], x), j = W(l[y], x), T = P, R = S - f.width - j, E = S / 2 - f.width / 2 + D, L = Y(T, E, R), k = !u.arrow && M(i) != null && E !== L && n.reference[v] / 2 - (E < T ? P : j) - f.width / 2 < 0, $ = k ? E < T ? E - T : E - R : 0, O = C(i), U = ["top", "left"].includes(O) ? -1 : 1, rt = f.height * U, ct = Ct({
-      placement: O,
-      arrowHeight: f.height,
-      arrowWidth: f.width,
+    const a = rt(c), g = { x: s, y: r }, f = ot(o), d = U(f), w = it(f), m = await i.getDimensions(x), p = f === "y", v = p ? "top" : "left", y = p ? "bottom" : "right", A = p ? "clientHeight" : "clientWidth", b = n.reference[w] + n.reference[f] - g[f] - n.floating[w], L = g[f] - n.reference[f], S = await ((q = i.getOffsetParent) == null ? void 0 : q.call(i, x));
+    let P = S ? S[A] : 0;
+    (!P || !await ((J = i.isElement) == null ? void 0 : J.call(i, S))) && (P = l.floating[A] || n.floating[w]);
+    const D = b / 2 - L / 2, h = P / 2 - m.width / 2 - 1, O = I(a[v], h), T = I(a[y], h), $ = O, E = P - m.width - T, F = P / 2 - m.width / 2 + D, j = N($, F, E), H = !u.arrow && k(o) != null && F !== j && n.reference[w] / 2 - (F < $ ? O : T) - m.width / 2 < 0, M = H ? F < $ ? F - $ : F - E : 0, R = C(o), G = ["top", "left"].includes(R) ? -1 : 1, ct = m.height * G, lt = Et({
+      placement: R,
+      arrowHeight: m.height,
+      arrowWidth: m.width,
       // pass arrow middleware
-      [a]: L
+      [f]: j
       // for posterity, this is what the floating-ui arrow middleware returns
       // centerOffset: center - offset - alignmentOffset,
       // ...(shouldAddOffset && { alignmentOffset }),
     });
     return {
-      [a]: d[a] + $,
-      [m]: d[m] + rt,
-      data: ct,
-      reset: k
+      [f]: g[f] + M,
+      [d]: g[d] + ct,
+      data: lt,
+      reset: H
     };
   }
 }), X = (t, e, s, r) => {
   if (r) {
-    const i = r === !0 ? s() : s(r);
-    t[e](i);
+    const o = r === !0 ? s() : s(r);
+    t[e](o);
   }
-}, Tt = ({
+}, kt = ({
   baseConfig: t,
   middleware: e,
   offset: s,
   arrow: r,
-  placement: i = "top"
+  placement: o = "top"
 }) => {
-  const n = { ...t, placement: i };
-  let o = [];
+  const n = { ...t, placement: o };
+  let i = [];
   if (typeof e.overrides != "object") {
-    o.push(bt(s));
-    let c = e.flip ?? !0;
-    e.autoPlacement && (c = !1), X(
-      o,
+    i.push(Pt(s));
+    let l = e.flip ?? !0;
+    if (e.autoPlacement && (l = !1), X(
+      i,
       "unshift",
-      Pt,
+      Ot,
       e.autoPlacement
-    ), X(o, "push", Ot, e.shift ?? !0), X(o, "unshift", St, c), X(o, "push", Rt, e.hide ?? !0);
+    ), X(i, "unshift", Dt, l), e.size) {
+      const u = e.size === !0 ? {
+        padding: Ct,
+        apply({ availableHeight: x, elements: c }) {
+          Object.assign(c.floating.style, {
+            maxHeight: `${x}px`
+          });
+        }
+      } : e.size;
+      i.push($t(u));
+    }
+    X(i, "push", St, e.shift ?? !0), X(i, "push", Rt, e.hide ?? !0);
   } else
-    o.push(...e.overrides);
-  return r.hide || o.push($t(r.options)), typeof e.overrides == "function" && (o = e.overrides(o)), n.middleware = o, n;
-}, Ct = ({
+    i.push(...e.overrides);
+  return r.hide || i.push(Tt(r.options)), typeof e.overrides == "function" && (i = e.overrides(i)), n.middleware = i, n;
+}, Et = ({
   placement: t,
   arrowHeight: e,
   arrowWidth: s,
   x: r,
-  y: i
+  y: o
 }) => {
-  const n = C(t), o = s / 2 - e, c = {
+  const n = C(t), i = s / 2 - e, l = {
     /* 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
      */
@@ -546,9 +597,9 @@ const yt = function(t) {
         rotation transformations. In both situations, the overall effect is sliding the
         arrow downwards.
          */
-    left: `rotate(-90deg) translateX(${-o}px)`,
-    right: `rotate(90deg) translateX(${o}px)`
-  }[n], u = -s / 2 - e, w = {
+    left: `rotate(-90deg) translateX(${-i}px)`,
+    right: `rotate(90deg) translateX(${i}px)`
+  }[n], u = -s / 2 - e, x = {
     /*
      * 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
@@ -593,16 +644,16 @@ const yt = function(t) {
     left: `${u}px`,
     // similarly for the right side
     right: `${u}px`
-  }[n], p = {
-    transform: c
+  }[n], c = {
+    transform: l
   };
-  p.left = r != null ? `${r}px` : "", p.top = i != null ? `${i}px` : "";
-  const l = _(n);
-  return p[l] = w, p;
+  c.left = r != null ? `${r}px` : "", c.top = o != null ? `${o}px` : "";
+  const a = W(n);
+  return c[a] = x, c;
 };
 export {
-  $t as arrowMiddleware,
-  Ct as arrowStyles,
-  Tt as buildFloatingUIConfig,
-  Dt as visibilityHandler
+  Tt as arrowMiddleware,
+  Et as arrowStyles,
+  kt as buildFloatingUIConfig,
+  Mt as visibilityHandler
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-shared",
-  "version": "2.10.0",
+  "version": "2.10.2",
   "description": "Shared utilities, component definitions, and constants for the Beam Design System",
   "license": "MIT",
   "author": "Viasat",