https://nav-web-static.nav.com/pipsqueak/assets/popover-Bgh6yMP3.js

1import{K as e,Z as t,n,t as r}from"./jsx-runtime-BBSueVWf.js";import{t as i}from"./react-dom-uCvQakS-.js";import{t as a}from"./cn-DaQSe5MB.js";import{t as o}from"./no-style-button-CjVL2Djw.js";import{n as s}from"./icon-MAKrCg6Y.js";import{A as c,D as l,F as u,I as d,N as f,O as p,R as m,S as h,T as g,V as _,X as v,a as y,c as b,d as x,f as S,i as C,k as w,l as T,m as E,n as D,o as O,q as k,r as A,s as j,u as M,x as N,y as P,z as F}from"./popupStateMapping-DsmNDtPd.js";import{$ as I,B as L,Dt as R,Et as z,J as B,Ot as V,Tt as H,X as U,_t as W,c as ee,it as te,mt as ne,rt as re}from"./event-CMZtkLsv.js";import{x as ie}from"./floating-ui.utils-DWXPEb3_.js";import{a as G,d as K,n as ae,s as oe}from"./visuallyHidden-Bap-gZY7.js";import{_ as q,s as se}from"./composite-Vr9lj2cT.js";import{a as ce,c as le,i as ue,n as de,o as fe,r as pe,t as me}from"./InternalBackdrop-DLSvD_EE.js";import{a as he,i as ge,n as _e,o as ve,r as ye,s as be,t as xe}from"./usePopupAutoResize-DIVDN09i.js";var J=t(e()),Se=J.createContext(void 0);function Y(e){let t=J.useContext(Se);if(t===void 0&&!e)throw Error(H(47));return t}var X=t(i());function Ce(){return{...j(),disabled:!1,modal:!1,instantType:void 0,openMethod:null,openChangeReason:null,titleElementId:void 0,descriptionElementId:void 0,stickIfOpen:!0,nested:!1,openOnHover:!1,closeDelay:0}}var we={...b,disabled:P(e=>e.disabled),instantType:P(e=>e.instantType),openMethod:P(e=>e.openMethod),openChangeReason:P(e=>e.openChangeReason),modal:P(e=>e.modal),stickIfOpen:P(e=>e.stickIfOpen),titleElementId:P(e=>e.titleElementId),descriptionElementId:P(e=>e.descriptionElementId),openOnHover:P(e=>e.openOnHover),closeDelay:P(e=>e.closeDelay)},Te=class e extends E{constructor(e){let t={...Ce(),...e};t.open&&e?.mounted===void 0&&(t.mounted=!0),super(t,{popupRef:J.createRef(),backdropRef:J.createRef(),internalBackdropRef:J.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerFocusTargetRef:J.createRef(),beforeContentFocusGuardRef:J.createRef(),stickIfOpenTimeout:new f,triggerElements:new T},we)}setOpen=(e,t)=>{let n=t.reason===ne,r=t.reason===`trigger-press`&&t.event.detail===0,i=!e&&(t.reason===`escape-key`||t.reason==null);if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},this.context.onOpenChange?.(e,t),t.isCanceled)return;let a={open:e,nativeEvent:t.event,reason:t.reason,nested:this.state.nested,triggerElement:t.trigger};this.state.floatingRootContext.context.events?.emit(`openchange`,a);let o=()=>{let n={open:e,openChangeReason:t.reason},r=t.trigger?.id??null;(r||e)&&(n.activeTriggerId=r,n.activeTriggerElement=t.trigger??null),this.update(n)};n?(this.set(`stickIfOpen`,!0),this.context.stickIfOpenTimeout.start(500,()=>{this.set(`stickIfOpen`,!1)}),X.flushSync(o)):o(),r||i?this.set(`instantType`,r?`click`:`dismiss`):t.reason===`focus-out`?this.set(`instantType`,`focus`):this.set(`instantType`,void 0)};static useStore(t,n){let r=V(()=>t??new e(n)).current;return K(r.disposeEffect),r}disposeEffect=()=>this.context.stickIfOpenTimeout.disposeEffect()},Z=r();function Ee({props:e}){let{children:t,open:n,defaultOpen:r=!1,onOpenChange:i,onOpenChangeComplete:a,modal:o=!1,handle:s,triggerId:l,defaultTriggerId:u=null}=e,d=Te.useStore(s?.store,{open:n??r,modal:o,activeTriggerId:l===void 0?u:l});d.useControlledProp(`open`,n,r),d.useControlledProp(`activeTriggerId`,l,u);let f=d.useState(`open`),p=d.useState(`positionerElement`),m=d.useState(`payload`),h=d.useState(`openChangeReason`);d.useContextCallback(`onOpenChange`,i),d.useContextCallback(`onOpenChangeComplete`,a);let{openMethod:g,triggerProps:_,reset:v}=pe(f);M(d);let{forceUnmount:b}=x(f,d,()=>{d.update({stickIfOpen:!0,openChangeReason:null}),v()});le(f&&o===!0&&h!==`trigger-hover`&&g!==`touch`,p),J.useEffect(()=>{f||d.context.stickIfOpenTimeout.clear()},[d,f]);let S=J.useCallback(e=>{let t=U(e);return t.preventUnmountOnClose=()=>{d.set(`preventUnmountingOnClose`,!0)},t}

1,[d]),C=J.useCallback(()=>{d.setOpen(!1,S(te))},[d,S]);J.useImperativeHandle(e.actionsRef,()=>({unmount:b,close:C}),[b,C]);let w=O({popupStore:d,onOpenChange:d.setOpen}),T=N(w,{outsidePressEvent:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}}),E=ue(w),{getReferenceProps:D,getFloatingProps:k,getTriggerProps:A}=y([T,E]),j=J.useMemo(()=>D(_),[D,_]),P=J.useMemo(()=>A(_),[A,_]),F=J.useMemo(()=>k(),[k]);d.useSyncedValues({modal:o,openMethod:g,activeTriggerProps:j,inactiveTriggerProps:P,popupProps:F,floatingRootContext:w,nested:c()!=null});let I=J.useMemo(()=>({store:d}),[d]);return(0,Z.jsx)(Se.Provider,{value:I,children:typeof t==`function`?t({payload:m}):t})}function De(e){return Y(!0)?(0,Z.jsx)(Ee,{props:e}):(0,Z.jsx)(p,{children:(0,Z.jsx)(Ee,{props:e})})}var Oe=J.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,handle:o,payload:s,openOnHover:c=!1,delay:l=300,closeDelay:u=0,id:f,...p}=e,h=Y(!0),v=o?.store??h?.store;if(!v)throw Error(H(74));let b=B(f),x=v.useState(`isTriggerActive`,b),w=v.useState(`floatingRootContext`),T=v.useState(`isOpenedByTrigger`,b),E=J.useRef(null),{registerTrigger:D,isMountedByThisTrigger:O}=S(b,E,v,{payload:s,disabled:i,openOnHover:c,closeDelay:u}),j=v.useState(`openChangeReason`),M=v.useState(`stickIfOpen`),N=v.useState(`openMethod`),P=ve(w,{enabled:w!=null&&c&&(N!==`touch`||j!==`trigger-press`),mouseOnly:!0,move:!1,handleClose:he(),restMs:l,delay:{close:u},triggerElementRef:E,isActiveTrigger:x}),I=ce(w,{enabled:w!=null,stickIfOpen:M}),L=y([I]),z=v.useState(`triggerProps`,O),V=J.useMemo(()=>({disabled:i,open:T}),[i,T]),{getButtonProps:te,buttonRef:ne}=q({disabled:i,native:a}),ie=J.useMemo(()=>({open(e){return e&&j===`trigger-press`?A.open(e):C.open(e)}}),[j]),G=W(`button`,e,{state:V,ref:[ne,t,D,E],props:[L.getReferenceProps(),P,z,{[k]:``,id:b},p,te],stateAttributesMapping:ie}),K=J.useRef(null),ae=R(e=>{X.flushSync(()=>{v.setOpen(!1,U(re,e.nativeEvent,e.currentTarget))}),F(K.current)?.focus()}),oe=R(e=>{let t=v.select(`positionerElement`);if(t&&_(e,t))v.context.beforeContentFocusGuardRef.current?.focus();else{X.flushSync(()=>{v.setOpen(!1,U(re,e.nativeEvent,e.currentTarget))});let n=m(E.current);for(;n!==null&&ee(t,n)||n?.hasAttribute(`aria-hidden`);){let e=n;if(n=d(n),n===e)break}n?.focus()}});return x?(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsx)(g,{ref:K,onFocus:ae}),(0,Z.jsx)(J.Fragment,{children:G},b),(0,Z.jsx)(g,{ref:v.context.triggerFocusTargetRef,onFocus:oe})]}):(0,Z.jsx)(J.Fragment,{children:G},b)}),ke=J.createContext(void 0);function Ae(){let e=J.useContext(ke);if(e===void 0)throw Error(H(45));return e}var je=J.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=Y();return i.useState(`mounted`)||n?(0,Z.jsx)(ke.Provider,{value:n,children:(0,Z.jsx)(h,{ref:t,...r,renderGuards:!1})}):null}),Me=J.createContext(void 0);function Ne(){let e=J.useContext(Me);if(!e)throw Error(H(46));return e}var Pe=J.forwardRef(function(e,t){let{render:n,className:r,anchor:i,positionMethod:a=`absolute`,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:u=0,collisionBoundary:d=`clipping-ancestors`,collisionPadding:f=5,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h=!1,collisionAvoidance:g=v,..._}=e,{store:y}=Y(),b=Ae(),x=w(),S=y.useState(`floatingRootContext`),C=y.useState(`mounted`),T=y.useState(`open`),E=y.useState(`openChangeReason`),O=y.useState(`activeTriggerElement`),k=y.useState(`modal`),A=y.useState(`positionerElement`),j=y.useState(`instantType`),M=y.useState(`transitionStatus`),N=J.useRef(null),P=oe(A,!1,!1),F=ye({anchor:i,floatingRootContext:S,positionMethod:a,mounted:C,side:o,sideOffset:c,align:s,alignOffset:u,arrowPadding:p,collisionBoundary:d,collisionPadding:f,sticky:m,disableAnchorTracking:h,keepMounted:b,nodeId:x,collisionAvoidance:g,adaptiveOrigin:ge}),I=J.useMemo(()=>{let e={};return T||(e.pointerEvents=`none`),{role:`presentation`,hidden:!C,style:{...F.positionerStyles,...e}}},[T,C,F.positionerStyles]),L=J.useMemo(()=>({props:I,...F}),[I,F]),R=S?.select(`domReferenceElement`);z(()=>{let e=R,t=N.current;if(e&&(N.current=e),t&&e&&e!==t){y.set(`instantType`,void 0);let e=new AbortController;return P(()=>{y.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[R,P,y]);let B=J.useMemo(()=>({open:T,side:L.side,align:L.align,anchorHidden:L.anchorHidden,instant:j}),[T,L.side,L.align,L.anchorHidden,j]),V=J.useCallback(e=>{y.set(`positionerElement`,e)},[y]),H=W(`div`,e,{state:B,props:[L.props,_e(M),_],ref:[t,V],stateAttributesMapping:D});return(0,Z.jsxs)(Me.Provider,{value:L,children:[C&&k===!0&&E!==`trigger-hover`&&(0,Z.jsx)(me,{ref:y.context.

1internalBackdropRef,inert:de(!T),cutout:O}),(0,Z.jsx)(l,{id:x,children:H})]})}),Fe=J.createContext(void 0);function Ie(e){let t=J.useContext(Fe);if(t===void 0&&!e)throw Error(H(69));return t}var Le={...D,...G},Re=J.forwardRef(function(e,t){let{className:n,render:r,initialFocus:i,finalFocus:a,...o}=e,{store:s}=Y(),c=Ne(),l=Ie(!0)!=null,u=ie(),d=s.useState(`open`),f=s.useState(`openMethod`),p=s.useState(`instantType`),m=s.useState(`transitionStatus`),h=s.useState(`popupProps`),g=s.useState(`titleElementId`),_=s.useState(`descriptionElementId`),v=s.useState(`modal`),y=s.useState(`mounted`),b=s.useState(`openChangeReason`),x=s.useState(`popupElement`),S=s.useState(`payload`),C=s.useState(`positionerElement`),w=s.useState(`activeTriggerElement`),T=s.useState(`floatingRootContext`);ae({open:d,ref:s.context.popupRef,onComplete(){d&&s.context.onOpenChangeComplete?.(!0)}});let E=s.useState(`disabled`),D=s.useState(`openOnHover`),O=s.useState(`closeDelay`);be(T,{enabled:D&&!E,closeDelay:O});function k(e){return e!==`touch`||s.context.popupRef.current}let A=i===void 0?k:i,j=J.useMemo(()=>({open:d,side:c.side,align:c.align,instant:p,transitionStatus:m}),[d,c.side,c.align,p,m]),M=J.useCallback(e=>{s.set(`popupElement`,e)},[s]);function N(){T.context.events.emit(`measure-layout`)}function P(e,t){T.context.events.emit(`measure-layout-complete`,{previousDimensions:e,nextDimensions:t})}let F=J.useCallback(()=>s.context.triggerElements.size>1,[s]);xe({popupElement:x,positionerElement:C,mounted:y,content:S,enabled:F,onMeasureLayout:N,onMeasureLayoutComplete:P,side:c.side,direction:u});let I=W(`div`,e,{state:j,ref:[t,s.context.popupRef,M],props:[h,{"aria-labelledby":g,"aria-describedby":_,onKeyDown(e){l&&se.has(e.key)&&e.stopPropagation()}},_e(m),o],stateAttributesMapping:Le});return(0,Z.jsx)(fe,{context:T,openInteractionType:f,modal:v===`trap-focus`,disabled:!y||b===`trigger-hover`,initialFocus:A,returnFocus:a,restoreFocus:`popup`,previousFocusableElement:L(w)?w:void 0,nextFocusableElement:s.context.triggerFocusTargetRef,beforeContentFocusGuardRef:s.context.beforeContentFocusGuardRef,children:I})}),Q=J.forwardRef(function(e,t){let{className:n,render:r,...i}=e,{store:a}=Y(),o=a.useState(`open`),{arrowRef:s,side:c,align:l,arrowUncentered:u,arrowStyles:d}=Ne(),f=J.useMemo(()=>({open:o,side:c,align:l,uncentered:u}),[o,c,l,u]);return W(`div`,e,{state:f,ref:[t,s],props:[{style:d,"aria-hidden":!0},i],stateAttributesMapping:D})}),ze=J.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{store:a}=Y(),o=B(i.id);return z(()=>(a.set(`titleElementId`,o),()=>{a.set(`titleElementId`,void 0)}),[a,o]),W(`h2`,e,{ref:t,props:[{id:o},i]})}),Be=J.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,...o}=e,{buttonRef:s,getButtonProps:c}=q({disabled:i,focusableWhenDisabled:!1,native:a}),{store:l}=Y();return W(`button`,e,{ref:[t,s],props:[{onClick(e){l.setOpen(!1,U(I,e.nativeEvent,e.currentTarget))}},o,c]})}),Ve=n(),He=De,Ue=Oe,We=je,Ge=Pe,Ke=Re,$=Be,qe=e=>{let{children:t,align:n,side:r,sideOffset:i,anchor:a,...o}=e,s=u();return(0,Z.jsx)(We,{container:s.popupLayerRef.current||void 0,children:(0,Z.jsx)(Ge,{align:n,side:r,sideOffset:i,anchor:a,children:(0,Z.jsx)(Ke,{...o,children:t})})})},Je=({title:e,description:t,buttons:n,contentClassName:r})=>(0,Z.jsxs)(`div`,{className:a(`flex w-[260px] flex-col gap-100 rounded-400 bg-surfaceContainer p-200 shadow-elevation3 ${r}`),children:[(0,Z.jsxs)(`div`,{className:`flex justify-between`,children:[(0,Z.jsx)(ze,{className:`headline-emphasized text-onSurface`,children:e}),(0,Z.jsx)($,{render:e=>(0,Z.jsx)(o,{"aria-label":`Close`,...e,children:(0,Z.jsx)(s,{name:`actions/close`,size:`small`,className:`onSurfaceVariant`})})})]}),(0,Z.jsx)(`div`,{className:`body2 text-onSurfaceVariant`,children:t}),n&&(0,Z.jsx)(`div`,{className:`mt-100 self-end`,children:(0,Z.jsx)($,{render:n})})]}),Ye=e=>{let t=(0,Ve.c)(4),{title:n,description:r,buttons:i,open:a,defaultOpen:o,onOpenChange:s,trigger:c,modal:l,hasArrow:u,align:d,sideOffset:f,children:p,contentClassName:m,arrowClassName:h,dismissOnOutsidePress:g,..._}=e,v=l!==void 0&&l,y=u!==void 0&&u,b=d===void 0?`start`:d,x=f===void 0?5:f,S=g===void 0||g,C=!S&&a===void 0,[w,T]=(0,J.useState)(o??!1),E=C?w:a,D;return t[0]!==S||t[1]!==C||t[2]!==s?(D=(e,t)=>{!e&&!S&&t.reason===`outside-press`||(C&&T(e),s?.(e))},t[0]=S,t[1]=C,t[2]=s,t[3]=D):D=t[3],(0,Z.jsxs)(He,{open:E,defaultOpen:C?void 0:o,onOpenChange:D,modal:v,children:[c&&(0,Z.jsx)(Ue,{render:c}),(0,Z.jsxs)(qe,{align:b,sideOffset:x,..._,children:[y&&(0,Z.jsx)(Q,{className:h}),p||(0,Z.jsx)(Je,{title:n,description:r,buttons:i,contentClassName:m})]})]})},Xe=({title:e,description:t,buttons:n,open:r,defaultOpen:i,onOpenChange:a,anchor:o,modal:s=!1,hasArrow:c=!1,align:l=`start`,sideOffset:u=5,children:d,contentClassName:f,arrowClassName:p,dismissOnOutsidePress:m=!0,...h})=>{let g=!m&&r===void 0,[_,v]=(0,J.useState)(i??!1),y=g?_:r,b=(0,J.useRef)(null);return(0,Z.jsxs)(He,{open:y,defaultOpen:g?void 0:i,onOpenChange:(e,t)=>

1{!e&&!m&&t.reason===`outside-press`||(g&&v(e),a?.(e))},modal:s,children:[(0,Z.jsx)(`span`,{ref:b,children:o}),(0,Z.jsxs)(qe,{anchor:b,align:l,sideOffset:u,...h,children:[c&&(0,Z.jsx)(Q,{className:p}),d||(0,Z.jsx)(Je,{title:e,description:t,buttons:n,contentClassName:f})]})]})};export{Ie as i,Ye as n,$ as r,Xe as t};