@contentful/f36-navbar 5.0.0-alpha.4 → 5.0.0-alpha.6

package/dist/esm/index.js

@@ -1,17 +1,17 @@
 import { MenuDivider, MenuSectionTitle, Menu } from '@contentful/f36-menu';
-import { Box, Flex, useImageLoaded, mergeRefs, Stack, useId } from '@contentful/f36-core';
-import * as Q from 'react';
-import Q__default, { forwardRef, useState, useRef, useEffect } from 'react';
+import { Box, Flex } from '@contentful/f36-core';
+import v from 'react';
 import { cx, css } from 'emotion';
-import E from '@contentful/f36-tokens';
-import { Skeleton, SkeletonContainer, SkeletonImage, SkeletonText, SkeletonBodyText, SkeletonDisplayText } from '@contentful/f36-skeleton';
-import * as fo from 'react-dom';
-import { Portal, hexToRGBA } from '@contentful/f36-utils';
+import f from '@contentful/f36-tokens';
+import { hexToRGBA } from '@contentful/f36-utils';
+import { Avatar } from '@contentful/f36-avatar';
+import { SkeletonContainer, SkeletonImage, SkeletonText, SkeletonBodyText, SkeletonDisplayText } from '@contentful/f36-skeleton';
 import { generateIcon } from '@contentful/f36-icon';
 import { ExternalLinkIcon, MenuIcon, EnvironmentAliasIcon, EnvironmentIcon } from '@contentful/f36-icons';
+import { IconButton, Button } from '@contentful/f36-button';
 
-var va=Object.create;var _t=Object.defineProperty,ga=Object.defineProperties,ha=Object.getOwnPropertyDescriptor,ba=Object.getOwnPropertyDescriptors,ya=Object.getOwnPropertyNames,dt=Object.getOwnPropertySymbols,xa=Object.getPrototypeOf,jt=Object.prototype.hasOwnProperty,Tr=Object.prototype.propertyIsEnumerable;var Rr=(e,t,r)=>t in e?_t(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,O=(e,t)=>{for(var r in t||(t={}))jt.call(t,r)&&Rr(e,r,t[r]);if(dt)for(var r of dt(t))Tr.call(t,r)&&Rr(e,r,t[r]);return e},M=(e,t)=>ga(e,ba(t));var L=(e,t)=>{var r={};for(var o in e)jt.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&dt)for(var o of dt(e))t.indexOf(o)<0&&Tr.call(e,o)&&(r[o]=e[o]);return r};var wa=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Na=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ya(t))!jt.call(e,a)&&a!==r&&_t(e,a,{get:()=>t[a],enumerable:!(o=ha(t,a))||o.enumerable});return e};var Pa=(e,t,r)=>(r=e!=null?va(xa(e)):{},Na(t||!e||!e.__esModule?_t(r,"default",{value:e,enumerable:!0}):r,e));var co=wa((uc,mo)=>{var wn=typeof Element!="undefined",Nn=typeof Map=="function",Pn=typeof Set=="function",Sn=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function It(e,t){if(e===t)return !0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return !1;var r,o,a;if(Array.isArray(e)){if(r=e.length,r!=t.length)return !1;for(o=r;o--!==0;)if(!It(e[o],t[o]))return !1;return !0}var n;if(Nn&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return !1;for(n=e.entries();!(o=n.next()).done;)if(!t.has(o.value[0]))return !1;for(n=e.entries();!(o=n.next()).done;)if(!It(o.value[1],t.get(o.value[0])))return !1;return !0}if(Pn&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return !1;for(n=e.entries();!(o=n.next()).done;)if(!t.has(o.value[0]))return !1;return !0}if(Sn&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(r=e.length,r!=t.length)return !1;for(o=r;o--!==0;)if(e[o]!==t[o])return !1;return !0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if(a=Object.keys(e),r=a.length,r!==Object.keys(t).length)return !1;for(o=r;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,a[o]))return !1;if(wn&&e instanceof Element)return !1;for(o=r;o--!==0;)if(!((a[o]==="_owner"||a[o]==="__v"||a[o]==="__o")&&e.$$typeof)&&!It(e[a[o]],t[a[o]]))return !1;return !0}return e!==e&&t!==t}mo.exports=function(t,r){try{return It(t,r)}catch(o){if((o.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw o}};});var K={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},te=(e=E.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var kr=e=>({containerTop:css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:css({width:"100%",maxWidth:e,padding:`${E.spacingXs}`,minHeight:"2.5rem",[K.medium]:{padding:`${E.spacingXs} ${E.spacingM}`}}),containerBottomContent:css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[K.medium]:{padding:`0 ${E.spacing2Xs}`}})});function Ia(e,t){let d=e,{children:r,account:o,search:a,switcher:n,help:s,badge:i,bottomRightItems:p,topRightItems:m,contentMaxWidth:l="100%",testId:f="cf-ui-navbar"}=d,u=L(d,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),c=kr(l);return Q__default.createElement(Box,M(O({},u),{ref:t,testId:f}),Q__default.createElement(Flex,{className:c.containerTop},Q__default.createElement(Flex,{className:c.containerTopContent,justifyContent:"space-between"},Q__default.createElement(Flex,null,n),Q__default.createElement(Flex,{alignItems:"center",gap:"spacingXs"},m,i,a,s,o))),Q__default.createElement(Flex,{className:c.containerBottom},Q__default.createElement(Flex,{className:c.containerBottomContent,justifyContent:"space-between"},Q__default.createElement(Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},r),p&&Q__default.createElement(Flex,null,p))))}var Br=Q__default.forwardRef(Ia);var Oa={warning:E.colorWarning,negative:E.colorNegative,info:E.blue500},Lr=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:E.spacing2Xs,outline:"none",borderRadius:"50%"},te()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:E.spacingS,width:E.spacingS,borderRadius:"50%",border:`2px solid ${E.gray900}`,backgroundColor:Oa[e],transform:"translate(30%, -30%)"})});var Dr=()=>({menuList:css({minWidth:"250px"})});var Ve=e=>{let{trigger:t,children:r,testId:o="cf-ui-navbar-menu-list",onOpen:a,onClose:n}=e,s=Dr();return Q__default.createElement(Menu,{onOpen:a,onClose:n},Q__default.createElement(Menu.Trigger,null,t),Q__default.createElement(Menu.List,{className:s.menuList,testId:o},r))};var ka=Object.defineProperty,Ba=Object.defineProperties,La=Object.getOwnPropertyDescriptors,bt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,jr=Object.prototype.propertyIsEnumerable,Fr=(e,t,r)=>t in e?ka(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Da=(e,t)=>{for(var r in t||(t={}))_r.call(t,r)&&Fr(e,r,t[r]);if(bt)for(var r of bt(t))jr.call(t,r)&&Fr(e,r,t[r]);return e},Wa=(e,t)=>Ba(e,La(t)),Ha=(e,t)=>{var r={};for(var o in e)_r.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&bt)for(var o of bt(e))t.indexOf(o)<0&&jr.call(e,o)&&(r[o]=e[o]);return r},Fa=({height:e,width:t})=>({image:({isLoaded:r})=>css({display:r?"block":"none",height:r?e:0,opacity:r?1:0,width:r?t:0}),root:css({height:e,width:t})});function _a(e,t){var r=e,{className:o,height:a,src:n,testId:s="cf-ui-image",width:i}=r,p=Ha(r,["className","height","src","testId","width"]);let m=Fa({height:a,width:i}),{ref:l,loaded:f,onLoad:u}=useImageLoaded(),c=!!(n&&f);return Q__default.createElement("div",{className:m.root},Q__default.createElement("img",Wa(Da({},p),{className:cx(m.image({isLoaded:c}),o),"data-test-id":s,onLoad:u,ref:mergeRefs(l,t),src:n})),!c&&Q__default.createElement(Skeleton.Container,null,Q__default.createElement(Skeleton.Image,{height:a,width:i})))}var $r=forwardRef(_a);var Xt=function(t){return t.reduce(function(r,o){var a=o[0],n=o[1];return r[a]=n,r},{})},Gt=typeof window!="undefined"&&window.document&&window.document.createElement?Q.useLayoutEffect:Q.useEffect;var C="top",H="bottom",D="right",R="left",xt="auto",Ne=[C,H,D,R],ve="start",Re="end",zr="clippingParents",wt="viewport",Xe="popper",Vr="reference",Ut=Ne.reduce(function(e,t){return e.concat([t+"-"+ve,t+"-"+Re])},[]),Nt=[].concat(Ne,[xt]).reduce(function(e,t){return e.concat([t,t+"-"+ve,t+"-"+Re])},[]),ja="beforeRead",$a="read",za="afterRead",Va="beforeMain",Xa="main",Ga="afterMain",Ua="beforeWrite",qa="write",Za="afterWrite",Xr=[ja,$a,za,Va,Xa,Ga,Ua,qa,Za];function _(e){return e?(e.nodeName||"").toLowerCase():null}function T(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ue(e){var t=T(e).Element;return e instanceof t||e instanceof Element}function F(e){var t=T(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Ge(e){if(typeof ShadowRoot=="undefined")return !1;var t=T(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Ya(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},a=t.attributes[r]||{},n=t.elements[r];!F(n)||!_(n)||(Object.assign(n.style,o),Object.keys(a).forEach(function(s){var i=a[s];i===!1?n.removeAttribute(s):n.setAttribute(s,i===!0?"":i);}));});}function Ka(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var a=t.elements[o],n=t.attributes[o]||{},s=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),i=s.reduce(function(p,m){return p[m]="",p},{});!F(a)||!_(a)||(Object.assign(a.style,i),Object.keys(n).forEach(function(p){a.removeAttribute(p);}));});}}var Gr={name:"applyStyles",enabled:!0,phase:"write",fn:Ya,effect:Ka,requires:["computeStyles"]};function j(e){return e.split("-")[0]}var ie=Math.max,Te=Math.min,ge=Math.round;function re(e,t){t===void 0&&(t=!1);var r=e.getBoundingClientRect(),o=1,a=1;if(F(e)&&t){var n=e.offsetHeight,s=e.offsetWidth;s>0&&(o=ge(r.width)/s||1),n>0&&(a=ge(r.height)/n||1);}return {width:r.width/o,height:r.height/a,top:r.top/a,right:r.right/o,bottom:r.bottom/a,left:r.left/o,x:r.left/o,y:r.top/a}}function ke(e){var t=re(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function Je(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return !0;if(r&&Ge(r)){var o=t;do{if(o&&e.isSameNode(o))return !0;o=o.parentNode||o.host;}while(o)}return !1}function Y(e){return T(e).getComputedStyle(e)}function qt(e){return ["table","td","th"].indexOf(_(e))>=0}function V(e){return ((ue(e)?e.ownerDocument:e.document)||window.document).documentElement}function he(e){return _(e)==="html"?e:e.assignedSlot||e.parentNode||(Ge(e)?e.host:null)||V(e)}function Ur(e){return !F(e)||Y(e).position==="fixed"?null:e.offsetParent}function Qa(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&F(e)){var o=Y(e);if(o.position==="fixed")return null}var a=he(e);for(Ge(a)&&(a=a.host);F(a)&&["html","body"].indexOf(_(a))<0;){var n=Y(a);if(n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].indexOf(n.willChange)!==-1||t&&n.willChange==="filter"||t&&n.filter&&n.filter!=="none")return a;a=a.parentNode;}return null}function se(e){for(var t=T(e),r=Ur(e);r&&qt(r)&&Y(r).position==="static";)r=Ur(r);return r&&(_(r)==="html"||_(r)==="body"&&Y(r).position==="static")?t:r||Qa(e)||t}function Be(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function Le(e,t,r){return ie(e,Te(t,r))}function qr(e,t,r){var o=Le(e,t,r);return o>r?r:o}function et(){return {top:0,right:0,bottom:0,left:0}}function tt(e){return Object.assign({},et(),e)}function rt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var Ja=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,tt(typeof t!="number"?t:rt(t,Ne))};function en(e){var t,r=e.state,o=e.name,a=e.options,n=r.elements.arrow,s=r.modifiersData.popperOffsets,i=j(r.placement),p=Be(i),m=[R,D].indexOf(i)>=0,l=m?"height":"width";if(!(!n||!s)){var f=Ja(a.padding,r),u=ke(n),c=p==="y"?C:R,d=p==="y"?H:D,g=r.rects.reference[l]+r.rects.reference[p]-s[p]-r.rects.popper[l],v=s[p]-r.rects.reference[p],h=se(n),N=h?p==="y"?h.clientHeight||0:h.clientWidth||0:0,P=g/2-v/2,b=f[c],w=N-u[l]-f[d],y=N/2-u[l]/2+P,x=Le(b,y,w),I=p;r.modifiersData[o]=(t={},t[I]=x,t.centerOffset=x-y,t);}}function tn(e){var t=e.state,r=e.options,o=r.element,a=o===void 0?"[data-popper-arrow]":o;a!=null&&(typeof a=="string"&&(a=t.elements.popper.querySelector(a),!a)||Je(t.elements.popper,a)&&(t.elements.arrow=a));}var Zr={name:"arrow",enabled:!0,phase:"main",fn:en,effect:tn,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function oe(e){return e.split("-")[1]}var rn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function on(e){var t=e.x,r=e.y,o=window,a=o.devicePixelRatio||1;return {x:ge(t*a)/a||0,y:ge(r*a)/a||0}}function Yr(e){var t,r=e.popper,o=e.popperRect,a=e.placement,n=e.variation,s=e.offsets,i=e.position,p=e.gpuAcceleration,m=e.adaptive,l=e.roundOffsets,f=e.isFixed,u=s.x,c=u===void 0?0:u,d=s.y,g=d===void 0?0:d,v=typeof l=="function"?l({x:c,y:g}):{x:c,y:g};c=v.x,g=v.y;var h=s.hasOwnProperty("x"),N=s.hasOwnProperty("y"),P=R,b=C,w=window;if(m){var y=se(r),x="clientHeight",I="clientWidth";if(y===T(r)&&(y=V(r),Y(y).position!=="static"&&i==="absolute"&&(x="scrollHeight",I="scrollWidth")),y=y,a===C||(a===R||a===D)&&n===Re){b=H;var A=f&&y===w&&w.visualViewport?w.visualViewport.height:y[x];g-=A-o.height,g*=p?1:-1;}if(a===R||(a===C||a===H)&&n===Re){P=D;var B=f&&y===w&&w.visualViewport?w.visualViewport.width:y[I];c-=B-o.width,c*=p?1:-1;}}var S=Object.assign({position:i},m&&rn),X=l===!0?on({x:c,y:g}):{x:c,y:g};if(c=X.x,g=X.y,p){var q;return Object.assign({},S,(q={},q[b]=N?"0":"",q[P]=h?"0":"",q.transform=(w.devicePixelRatio||1)<=1?"translate("+c+"px, "+g+"px)":"translate3d("+c+"px, "+g+"px, 0)",q))}return Object.assign({},S,(t={},t[b]=N?g+"px":"",t[P]=h?c+"px":"",t.transform="",t))}function an(e){var t=e.state,r=e.options,o=r.gpuAcceleration,a=o===void 0?!0:o,n=r.adaptive,s=n===void 0?!0:n,i=r.roundOffsets,p=i===void 0?!0:i;var l={placement:j(t.placement),variation:oe(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Yr(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:p})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Yr(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});}var Kr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:an,data:{}};var Pt={passive:!0};function nn(e){var t=e.state,r=e.instance,o=e.options,a=o.scroll,n=a===void 0?!0:a,s=o.resize,i=s===void 0?!0:s,p=T(t.elements.popper),m=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&m.forEach(function(l){l.addEventListener("scroll",r.update,Pt);}),i&&p.addEventListener("resize",r.update,Pt),function(){n&&m.forEach(function(l){l.removeEventListener("scroll",r.update,Pt);}),i&&p.removeEventListener("resize",r.update,Pt);}}var Qr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:nn,data:{}};var sn={left:"right",right:"left",bottom:"top",top:"bottom"};function Ue(e){return e.replace(/left|right|bottom|top/g,function(t){return sn[t]})}var pn={start:"end",end:"start"};function St(e){return e.replace(/start|end/g,function(t){return pn[t]})}function De(e){var t=T(e),r=t.pageXOffset,o=t.pageYOffset;return {scrollLeft:r,scrollTop:o}}function We(e){return re(V(e)).left+De(e).scrollLeft}function Zt(e){var t=T(e),r=V(e),o=t.visualViewport,a=r.clientWidth,n=r.clientHeight,s=0,i=0;return o&&(a=o.width,n=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,i=o.offsetTop)),{width:a,height:n,x:s+We(e),y:i}}function Yt(e){var t,r=V(e),o=De(e),a=(t=e.ownerDocument)==null?void 0:t.body,n=ie(r.scrollWidth,r.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),s=ie(r.scrollHeight,r.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),i=-o.scrollLeft+We(e),p=-o.scrollTop;return Y(a||r).direction==="rtl"&&(i+=ie(r.clientWidth,a?a.clientWidth:0)-n),{width:n,height:s,x:i,y:p}}function He(e){var t=Y(e),r=t.overflow,o=t.overflowX,a=t.overflowY;return /auto|scroll|overlay|hidden/.test(r+a+o)}function Et(e){return ["html","body","#document"].indexOf(_(e))>=0?e.ownerDocument.body:F(e)&&He(e)?e:Et(he(e))}function Pe(e,t){var r;t===void 0&&(t=[]);var o=Et(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),n=T(o),s=a?[n].concat(n.visualViewport||[],He(o)?o:[]):o,i=t.concat(s);return a?i:i.concat(Pe(he(s)))}function qe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ln(e){var t=re(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function Jr(e,t){return t===wt?qe(Zt(e)):ue(t)?ln(t):qe(Yt(V(e)))}function mn(e){var t=Pe(he(e)),r=["absolute","fixed"].indexOf(Y(e).position)>=0,o=r&&F(e)?se(e):e;return ue(o)?t.filter(function(a){return ue(a)&&Je(a,o)&&_(a)!=="body"}):[]}function Kt(e,t,r){var o=t==="clippingParents"?mn(e):[].concat(t),a=[].concat(o,[r]),n=a[0],s=a.reduce(function(i,p){var m=Jr(e,p);return i.top=ie(m.top,i.top),i.right=Te(m.right,i.right),i.bottom=Te(m.bottom,i.bottom),i.left=ie(m.left,i.left),i},Jr(e,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function ot(e){var t=e.reference,r=e.element,o=e.placement,a=o?j(o):null,n=o?oe(o):null,s=t.x+t.width/2-r.width/2,i=t.y+t.height/2-r.height/2,p;switch(a){case C:p={x:s,y:t.y-r.height};break;case H:p={x:s,y:t.y+t.height};break;case D:p={x:t.x+t.width,y:i};break;case R:p={x:t.x-r.width,y:i};break;default:p={x:t.x,y:t.y};}var m=a?Be(a):null;if(m!=null){var l=m==="y"?"height":"width";switch(n){case ve:p[m]=p[m]-(t[l]/2-r[l]/2);break;case Re:p[m]=p[m]+(t[l]/2-r[l]/2);break;}}return p}function pe(e,t){t===void 0&&(t={});var r=t,o=r.placement,a=o===void 0?e.placement:o,n=r.boundary,s=n===void 0?zr:n,i=r.rootBoundary,p=i===void 0?wt:i,m=r.elementContext,l=m===void 0?Xe:m,f=r.altBoundary,u=f===void 0?!1:f,c=r.padding,d=c===void 0?0:c,g=tt(typeof d!="number"?d:rt(d,Ne)),v=l===Xe?Vr:Xe,h=e.rects.popper,N=e.elements[u?v:l],P=Kt(ue(N)?N:N.contextElement||V(e.elements.popper),s,p),b=re(e.elements.reference),w=ot({reference:b,element:h,strategy:"absolute",placement:a}),y=qe(Object.assign({},h,w)),x=l===Xe?y:b,I={top:P.top-x.top+g.top,bottom:x.bottom-P.bottom+g.bottom,left:P.left-x.left+g.left,right:x.right-P.right+g.right},A=e.modifiersData.offset;if(l===Xe&&A){var B=A[a];Object.keys(I).forEach(function(S){var X=[D,H].indexOf(S)>=0?1:-1,q=[C,H].indexOf(S)>=0?"y":"x";I[S]+=B[q]*X;});}return I}function Qt(e,t){t===void 0&&(t={});var r=t,o=r.placement,a=r.boundary,n=r.rootBoundary,s=r.padding,i=r.flipVariations,p=r.allowedAutoPlacements,m=p===void 0?Nt:p,l=oe(o),f=l?i?Ut:Ut.filter(function(d){return oe(d)===l}):Ne,u=f.filter(function(d){return m.indexOf(d)>=0});u.length===0&&(u=f);var c=u.reduce(function(d,g){return d[g]=pe(e,{placement:g,boundary:a,rootBoundary:n,padding:s})[j(g)],d},{});return Object.keys(c).sort(function(d,g){return c[d]-c[g]})}function cn(e){if(j(e)===xt)return [];var t=Ue(e);return [St(e),t,St(t)]}function fn(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var a=r.mainAxis,n=a===void 0?!0:a,s=r.altAxis,i=s===void 0?!0:s,p=r.fallbackPlacements,m=r.padding,l=r.boundary,f=r.rootBoundary,u=r.altBoundary,c=r.flipVariations,d=c===void 0?!0:c,g=r.allowedAutoPlacements,v=t.options.placement,h=j(v),N=h===v,P=p||(N||!d?[Ue(v)]:cn(v)),b=[v].concat(P).reduce(function(xe,ne){return xe.concat(j(ne)===xt?Qt(t,{placement:ne,boundary:l,rootBoundary:f,padding:m,flipVariations:d,allowedAutoPlacements:g}):ne)},[]),w=t.rects.reference,y=t.rects.popper,x=new Map,I=!0,A=b[0],B=0;B<b.length;B++){var S=b[B],X=j(S),q=oe(S)===ve,Ie=[C,H].indexOf(X)>=0,ye=Ie?"width":"height",z=pe(t,{placement:S,boundary:l,rootBoundary:f,altBoundary:u,padding:m}),Z=Ie?q?D:R:q?H:C;w[ye]>y[ye]&&(Z=Ue(Z));var Oe=Ue(Z),me=[];if(n&&me.push(z[X]<=0),i&&me.push(z[Z]<=0,z[Oe]<=0),me.every(function(xe){return xe})){A=S,I=!1;break}x.set(S,me);}if(I)for(var ce=d?3:1,$e=function(ne){var W=b.find(function(ft){var Me=x.get(ft);if(Me)return Me.slice(0,ne).every(function(Wt){return Wt})});if(W)return A=W,"break"},de=ce;de>0;de--){var ze=$e(de);if(ze==="break")break}t.placement!==A&&(t.modifiersData[o]._skip=!0,t.placement=A,t.reset=!0);}}var eo={name:"flip",enabled:!0,phase:"main",fn,requiresIfExists:["offset"],data:{_skip:!1}};function to(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ro(e){return [C,D,H,R].some(function(t){return e[t]>=0})}function un(e){var t=e.state,r=e.name,o=t.rects.reference,a=t.rects.popper,n=t.modifiersData.preventOverflow,s=pe(t,{elementContext:"reference"}),i=pe(t,{altBoundary:!0}),p=to(s,o),m=to(i,a,n),l=ro(p),f=ro(m);t.modifiersData[r]={referenceClippingOffsets:p,popperEscapeOffsets:m,isReferenceHidden:l,hasPopperEscaped:f},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":f});}var oo={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:un};function dn(e,t,r){var o=j(e),a=[R,C].indexOf(o)>=0?-1:1,n=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=n[0],i=n[1];return s=s||0,i=(i||0)*a,[R,D].indexOf(o)>=0?{x:i,y:s}:{x:s,y:i}}function vn(e){var t=e.state,r=e.options,o=e.name,a=r.offset,n=a===void 0?[0,0]:a,s=Nt.reduce(function(l,f){return l[f]=dn(f,t.rects,n),l},{}),i=s[t.placement],p=i.x,m=i.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=p,t.modifiersData.popperOffsets.y+=m),t.modifiersData[o]=s;}var ao={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:vn};function gn(e){var t=e.state,r=e.name;t.modifiersData[r]=ot({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement});}var no={name:"popperOffsets",enabled:!0,phase:"read",fn:gn,data:{}};function Jt(e){return e==="x"?"y":"x"}function hn(e){var t=e.state,r=e.options,o=e.name,a=r.mainAxis,n=a===void 0?!0:a,s=r.altAxis,i=s===void 0?!1:s,p=r.boundary,m=r.rootBoundary,l=r.altBoundary,f=r.padding,u=r.tether,c=u===void 0?!0:u,d=r.tetherOffset,g=d===void 0?0:d,v=pe(t,{boundary:p,rootBoundary:m,padding:f,altBoundary:l}),h=j(t.placement),N=oe(t.placement),P=!N,b=Be(h),w=Jt(b),y=t.modifiersData.popperOffsets,x=t.rects.reference,I=t.rects.popper,A=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,B=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),S=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,X={x:0,y:0};if(y){if(n){var q,Ie=b==="y"?C:R,ye=b==="y"?H:D,z=b==="y"?"height":"width",Z=y[b],Oe=Z+v[Ie],me=Z-v[ye],ce=c?-I[z]/2:0,$e=N===ve?x[z]:I[z],de=N===ve?-I[z]:-x[z],ze=t.elements.arrow,xe=c&&ze?ke(ze):{width:0,height:0},ne=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:et(),W=ne[Ie],ft=ne[ye],Me=Le(0,x[z],xe[z]),Wt=P?x[z]/2-ce-Me-W-B.mainAxis:$e-Me-W-B.mainAxis,la=P?-x[z]/2+ce+Me+ft+B.mainAxis:de+Me+ft+B.mainAxis,Ht=t.elements.arrow&&se(t.elements.arrow),ma=Ht?b==="y"?Ht.clientTop||0:Ht.clientLeft||0:0,Nr=(q=S==null?void 0:S[b])!=null?q:0,ca=Z+Wt-Nr-ma,fa=Z+la-Nr,Pr=Le(c?Te(Oe,ca):Oe,Z,c?ie(me,fa):me);y[b]=Pr,X[b]=Pr-Z;}if(i){var Sr,ua=b==="x"?C:R,da=b==="x"?H:D,Ae=y[w],ut=w==="y"?"height":"width",Er=Ae+v[ua],Ir=Ae-v[da],Ft=[C,R].indexOf(h)!==-1,Or=(Sr=S==null?void 0:S[w])!=null?Sr:0,Mr=Ft?Er:Ae-x[ut]-I[ut]-Or+B.altAxis,Ar=Ft?Ae+x[ut]+I[ut]-Or-B.altAxis:Ir,Cr=c&&Ft?qr(Mr,Ae,Ar):Le(c?Mr:Er,Ae,c?Ar:Ir);y[w]=Cr,X[w]=Cr-Ae;}t.modifiersData[o]=X;}}var io={name:"preventOverflow",enabled:!0,phase:"main",fn:hn,requiresIfExists:["offset"]};function er(e){return {scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function tr(e){return e===T(e)||!F(e)?De(e):er(e)}function bn(e){var t=e.getBoundingClientRect(),r=ge(t.width)/e.offsetWidth||1,o=ge(t.height)/e.offsetHeight||1;return r!==1||o!==1}function rr(e,t,r){r===void 0&&(r=!1);var o=F(t),a=F(t)&&bn(t),n=V(t),s=re(e,a),i={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!r)&&((_(t)!=="body"||He(n))&&(i=tr(t)),F(t)?(p=re(t,!0),p.x+=t.clientLeft,p.y+=t.clientTop):n&&(p.x=We(n))),{x:s.left+i.scrollLeft-p.x,y:s.top+i.scrollTop-p.y,width:s.width,height:s.height}}function yn(e){var t=new Map,r=new Set,o=[];e.forEach(function(n){t.set(n.name,n);});function a(n){r.add(n.name);var s=[].concat(n.requires||[],n.requiresIfExists||[]);s.forEach(function(i){if(!r.has(i)){var p=t.get(i);p&&a(p);}}),o.push(n);}return e.forEach(function(n){r.has(n.name)||a(n);}),o}function or(e){var t=yn(e);return Xr.reduce(function(r,o){return r.concat(t.filter(function(a){return a.phase===o}))},[])}function ar(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e());});})),t}}function nr(e){var t=e.reduce(function(r,o){var a=r[o.name];return r[o.name]=a?Object.assign({},a,o,{options:Object.assign({},a.options,o.options),data:Object.assign({},a.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var so={placement:"bottom",modifiers:[],strategy:"absolute"};function po(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return !t.some(function(o){return !(o&&typeof o.getBoundingClientRect=="function")})}function lo(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,a=t.defaultOptions,n=a===void 0?so:a;return function(i,p,m){m===void 0&&(m=n);var l={placement:"bottom",orderedModifiers:[],options:Object.assign({},so,n),modifiersData:{},elements:{reference:i,popper:p},attributes:{},styles:{}},f=[],u=!1,c={state:l,setOptions:function(h){var N=typeof h=="function"?h(l.options):h;g(),l.options=Object.assign({},n,l.options,N),l.scrollParents={reference:ue(i)?Pe(i):i.contextElement?Pe(i.contextElement):[],popper:Pe(p)};var P=or(nr([].concat(o,l.options.modifiers)));if(l.orderedModifiers=P.filter(function(S){return S.enabled}),!1);return d(),c.update()},forceUpdate:function(){if(!u){var h=l.elements,N=h.reference,P=h.popper;if(po(N,P)){l.rects={reference:rr(N,se(P),l.options.strategy==="fixed"),popper:ke(P)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach(function(S){return l.modifiersData[S.name]=Object.assign({},S.data)});for(var b=0,w=0;w<l.orderedModifiers.length;w++){if(l.reset===!0){l.reset=!1,w=-1;continue}var y=l.orderedModifiers[w],x=y.fn,I=y.options,A=I===void 0?{}:I,B=y.name;typeof x=="function"&&(l=x({state:l,options:A,name:B,instance:c})||l);}}}},update:ar(function(){return new Promise(function(v){c.forceUpdate(),v(l);})}),destroy:function(){g(),u=!0;}};if(!po(i,p))return c;c.setOptions(m).then(function(v){!u&&m.onFirstUpdate&&m.onFirstUpdate(v);});function d(){l.orderedModifiers.forEach(function(v){var h=v.name,N=v.options,P=N===void 0?{}:N,b=v.effect;if(typeof b=="function"){var w=b({state:l,name:h,instance:c,options:P}),y=function(){};f.push(w||y);}});}function g(){f.forEach(function(v){return v()}),f=[];}return c}}var xn=[Qr,no,Kr,Gr,ao,eo,io,Zr,oo],ir=lo({defaultModifiers:xn});var uo=Pa(co());var En=[],sr=function(t,r,o){o===void 0&&(o={});var a=Q.useRef(null),n={onFirstUpdate:o.onFirstUpdate,placement:o.placement||"bottom",strategy:o.strategy||"absolute",modifiers:o.modifiers||En},s=Q.useState({styles:{popper:{position:n.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=s[0],p=s[1],m=Q.useMemo(function(){return {name:"updateState",enabled:!0,phase:"write",fn:function(c){var d=c.state,g=Object.keys(d.elements);fo.flushSync(function(){p({styles:Xt(g.map(function(v){return [v,d.styles[v]||{}]})),attributes:Xt(g.map(function(v){return [v,d.attributes[v]]}))});});},requires:["computeStyles"]}},[]),l=Q.useMemo(function(){var u={onFirstUpdate:n.onFirstUpdate,placement:n.placement,strategy:n.strategy,modifiers:[].concat(n.modifiers,[m,{name:"applyStyles",enabled:!1}])};return (0, uo.default)(a.current,u)?a.current||u:(a.current=u,u)},[n.onFirstUpdate,n.placement,n.strategy,n.modifiers,m]),f=Q.useRef();return Gt(function(){f.current&&f.current.setOptions(l);},[l]),Gt(function(){if(!(t==null||r==null)){var u=o.createPopper||ir,c=u(t,r,l);return f.current=c,function(){c.destroy(),f.current=null;}}},[t,r,o.createPopper]),{state:f.current?f.current.state:null,styles:i.styles,attributes:i.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}};var Mn=Object.defineProperty,At=Object.getOwnPropertySymbols,xo=Object.prototype.hasOwnProperty,wo=Object.prototype.propertyIsEnumerable,bo=(e,t,r)=>t in e?Mn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,lr=(e,t)=>{for(var r in t||(t={}))xo.call(t,r)&&bo(e,r,t[r]);if(At)for(var r of At(t))wo.call(t,r)&&bo(e,r,t[r]);return e},An=(e,t)=>{var r={};for(var o in e)xo.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&At)for(var o of At(e))t.indexOf(o)<0&&wo.call(e,o)&&(r[o]=e[o]);return r},Cn=(e,t,r)=>new Promise((o,a)=>{var n=p=>{try{i(r.next(p));}catch(m){a(m);}},s=p=>{try{i(r.throw(p));}catch(m){a(m);}},i=p=>p.done?o(p.value):Promise.resolve(p.value).then(n,s);i((r=r.apply(e,t)).next());}),Mt=`calc(-1 * ((1rem * (10 / ${E.fontBaseDefault})) / 2))`,yo=`calc(1rem * (10 / ${E.fontBaseDefault}))`;function Rn(){return {tooltipTargetWrapper:css({display:"inline-block",position:"relative"}),tooltip:css({background:E.gray900,fontFamily:E.fontStackPrimary,fontSize:E.fontSizeS,fontWeight:E.fontWeightNormal,fontStyle:"normal",textDecoration:"none",color:E.colorWhite,textAlign:"center",lineHeight:E.lineHeightM,padding:`${E.spacingXs} calc(1rem * (10 / ${E.fontBaseDefault}))`,borderRadius:E.borderRadiusMedium,whiteSpace:"normal",textTransform:"initial",letterSpacing:"initial"}),tooltipHidden:css({visibility:"hidden",pointerEvents:"none",zIndex:E.zIndexNegative}),tooltipContainer:css({"& > button[disabled]":{pointerEvents:"none"}}),tooltipArrow:css({position:"absolute",'&[data-placement*="top"]':{bottom:0,left:0,marginBottom:Mt},'&[data-placement*="right"]':{left:0,marginLeft:Mt},'&[data-placement*="bottom"]':{left:0,top:0,marginTop:Mt},'&[data-placement*="left"]':{right:0,marginRight:Mt},"&::before":{content:'""',display:"block",height:yo,width:yo,backgroundColor:E.gray900,transform:"rotate3d(0, 0, 1, 45deg)",zIndex:E.zIndexNegative}})}}var No=e=>{var t=e,{children:r,className:o,as:a="span",content:n,label:s,id:i,isVisible:p=!1,hideDelay:m=0,onBlur:l,onFocus:f,onMouseLeave:u,onMouseOver:c,onKeyDown:d,showDelay:g=0,targetWrapperClassName:v,maxWidth:h=360,testId:N="cf-ui-tooltip",placement:P="auto",usePortal:b=!1,isDisabled:w=!1}=t,y=An(t,["children","className","as","content","label","id","isVisible","hideDelay","onBlur","onFocus","onMouseLeave","onMouseOver","onKeyDown","showDelay","targetWrapperClassName","maxWidth","testId","placement","usePortal","isDisabled"]);let x=Rn(),[I,A]=useState(p),B=useId(i,"tooltip"),S=useRef(null),X=useRef(null),[q,Ie]=useState(null),{styles:ye,attributes:z,update:Z}=sr(S.current,X.current,{placement:P,modifiers:[{name:"arrow",options:{element:q,padding:parseFloat(E.borderRadiusSmall)}},{name:"offset",options:{offset:[0,10]}}]});useEffect(()=>{Cn(void 0,null,function*(){Z!==null&&(yield Z());});},[n,Z]);let Oe=useRef(),me=useRef(),ce=()=>{clearTimeout(Oe.current),clearTimeout(me.current);};useEffect(()=>ce,[]);let $e=()=>{ce(),Oe.current=setTimeout(()=>A(!0),g);},de=()=>{ce(),me.current=setTimeout(()=>A(!1),m);},ze=typeof h=="string"?h:`${h}px`,xe=lr({zIndex:E.zIndexTooltip,maxWidth:ze},ye.popper);if(!n||w)return Q__default.createElement(Box,{as:a,className:v},r);let ne=Q__default.createElement(Box,lr({as:"span",id:B,ref:X,role:"tooltip",style:xe,className:cx(x.tooltip,o),testId:N,onMouseEnter:()=>{ce(),A(!0);},onMouseLeave:()=>{ce(),A(!1);}},z.popper),Q__default.createElement("span",{"aria-label":s},n),Q__default.createElement("span",{className:x.tooltipArrow,"data-placement":z.popper&&z.popper["data-popper-placement"],ref:Ie,style:ye.arrow}));return Q__default.createElement(Q__default.Fragment,null,I?Q__default.createElement(Q__default.Fragment,null,b?Q__default.createElement(Portal,null,ne):ne):null,Q__default.createElement(Box,lr({as:a,ref:S,className:cx(x.tooltipContainer,v),onMouseEnter:W=>{$e(),c&&c(W);},onMouseLeave:W=>{de(),u&&u(W);},onFocus:W=>{$e(),f&&f(W);},onBlur:W=>{de(),l&&l(W);},onKeyDown:W=>{W.key==="Escape"&&de(),d&&d(W);}},y),Q__default.Children.map(r,W=>{if(Q__default.isValidElement(W))return Q__default.cloneElement(W,{"aria-describedby":B})})))};var kn=Object.defineProperty,Bn=Object.defineProperties,Ln=Object.getOwnPropertyDescriptors,Rt=Object.getOwnPropertySymbols,Eo=Object.prototype.hasOwnProperty,Io=Object.prototype.propertyIsEnumerable,Po=(e,t,r)=>t in e?kn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,mr=(e,t)=>{for(var r in t||(t={}))Eo.call(t,r)&&Po(e,r,t[r]);if(Rt)for(var r of Rt(t))Io.call(t,r)&&Po(e,r,t[r]);return e},Dn=(e,t)=>Bn(e,Ln(t)),Wn=(e,t)=>{var r={};for(var o in e)Eo.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Rt)for(var o of Rt(e))t.indexOf(o)<0&&Io.call(e,o)&&(r[o]=e[o]);return r},Hn={primary:E.blue500,green:E.green400,orange:E.orange400,yellow:E.yellow500,purple:E.purple400,gray:E.gray400,pink:"#FF77AE",emerald:"#00B8A2",lavender:"#9095FF"},Fn=e=>({boxShadow:`0px 0px 0px 2px ${Hn[e]} inset, 0px 0px 0px 3px  ${E.colorWhite} inset`}),Tt=e=>({tiny:"20px",small:"24px",medium:"32px",large:"48px"})[e],_n=e=>Math.round(Number(e.replace("px",""))/2),jn=({isFallback:e,size:t,variant:r,colorVariant:o})=>{let a=r==="app"?E.borderRadiusSmall:"99999999em",n=Tt(t);return {fallback:css({backgroundColor:E.gray200,color:"rgba(0,0,0,0.5)",height:"100%",width:"100%",textAlign:"center",lineHeight:n,fontStretch:"semi-condensed",fontSize:`${_n(n)}px`}),image:css({borderRadius:a,display:"block"}),root:css([{borderRadius:a,height:n,overflow:"hidden",position:"relative",width:n},!e&&{"&::after":{boxShadow:"inset 0px 0px 0px 1px rgba(17, 27, 43, 0.1)",borderRadius:a,bottom:0,content:'""',display:"block",left:0,position:"absolute",top:0,right:0}}]),colorBorder:css({"&::after":mr({},Fn(o))}),imageContainer:css({overflow:"visible",zIndex:1}),overlayIcon:css({svg:{backgroundColor:E.colorWhite,borderRadius:"99999999em",position:"absolute",bottom:0,right:"-10%",width:"40%",height:"40%",zIndex:1}}),isMuted:css({backgroundColor:E.colorWhite,img:{opacity:.5}})}};function $n(e,t){var r=e,{alt:o="",className:a,colorVariant:n,icon:s=null,isLoading:i=!1,size:p="medium",initials:m,src:l,testId:f="cf-ui-avatar",tooltipProps:u,variant:c="user",fallBackClass:d}=r,g=Wn(r,["alt","className","colorVariant","icon","isLoading","size","initials","src","testId","tooltipProps","variant","fallBackClass"]);let v=!i&&!l,h=jn({isFallback:v,size:p,variant:c,colorVariant:n}),N=Tt(p),P=Q__default.createElement("div",mr({className:cx(h.root,a,{[h.imageContainer]:s!==null,[h.isMuted]:n==="muted",[h.colorBorder]:!!n}),"data-test-id":f,ref:t},g),v?Q__default.createElement("div",{className:cx(h.fallback,d),"data-test-id":`${f}-fallback`},m):Q__default.createElement($r,{alt:o,className:h.image,height:N,src:l,width:N}),s!==null&&Q__default.createElement("span",{className:h.overlayIcon},s));return u?Q__default.createElement(No,Dn(mr({},u),{usePortal:!0}),P):P}var Oo=forwardRef($n),zn=e=>({groupSpaced:css({gap:E.spacing2Xs}),groupStacked:css({gap:0,"> :not(:first-child)":{marginLeft:`-${E.spacing2Xs}`}}),avatarStacked:css({position:"relative",boxShadow:`0px 0px 0px 1px ${E.colorWhite}`}),moreAvatarsBtn:css({cursor:"pointer",backgroundColor:E.colorWhite,color:E.gray600,fontSize:E.fontSizeS,border:"none",boxShadow:`0px 0px 0px 1px ${E.gray200} inset`,borderRadius:"99999999em",height:Tt(e),width:Tt(e),overflow:"hidden",zIndex:0}),moreAvatarsItem:css({cursor:"default"})});function Vn({children:e,className:t,maxVisibleChildren:r=3,size:o="medium",testId:a="cf-ui-avatar-group",variant:n="spaced"},s){let i=zn(o),p=Q__default.Children.toArray(e),m=p.length>r?r-1:r,l=p.slice(0,m),f=p.slice(m);return Q__default.createElement(Stack,{flexDirection:"row",testId:a,ref:s,className:cx(t,{[i.groupStacked]:n==="stacked",[i.groupSpaced]:n==="spaced"})},l.map((u,c)=>{let d=l.length-c;return Q__default.cloneElement(u,{key:`avatar-rendered-${c}`,size:o,className:cx(u.props.className,{[i.avatarStacked]:n==="stacked"}),style:{zIndex:d}})}),f.length>0&&Q__default.createElement(Menu,{placement:"bottom-end"},Q__default.createElement(Menu.Trigger,null,Q__default.createElement("button",{type:"button",className:cx({[i.avatarStacked]:n==="stacked"},i.moreAvatarsBtn)},"+",f.length)),Q__default.createElement(Menu.List,null,f.map((u,c)=>Q__default.createElement(Menu.Item,{className:i.moreAvatarsItem,key:`avatar-${c}`},Q__default.cloneElement(u,{key:`avatar-menuitem-${c}`,size:"tiny",tooltipProps:void 0}),u.props.alt)))))}forwardRef(Vn);function Un(e,t){let u=e,{children:r,className:o,testId:a="cf-ui-navbar-account-trigger",avatar:n,initials:s,username:i,hasNotification:p,notificationVariant:m="warning"}=u,l=L(u,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),f=Lr();return Q__default.createElement(Ve,{trigger:Q__default.createElement(Flex,M(O({},l),{as:"button",ref:t,className:cx(f.root,o),testId:a}),Q__default.createElement(Oo,{src:n}),p?Q__default.createElement("span",{className:f.notificationIcon(m)}):null)},r)}var cr=Q__default.forwardRef(Un);function fr({ariaLabel:e}){return Q__default.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:E.gray800,foregroundColor:E.gray700},Q__default.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var Co=()=>css({"&":{color:E.colorWhite,"& svg":{fill:E.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${E.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:E.colorWhite,zIndex:0}}),Ro={display:"flex",justifyContent:"center",padding:`10px ${E.spacingS}`,alignItems:"center",background:"none"},To=()=>({root:css(Ro,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:E.fontSizeM,lineHeight:E.lineHeightM,fontWeight:E.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:hexToRGBA(E.gray300,.8),boxSizing:"border-box",transition:`color ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`,borderRadius:E.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${E.spacingXs})`,height:`calc(100% - ${E.spacingS})`,top:`calc(${E.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:E.borderRadiusSmall,backgroundColor:hexToRGBA(E.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:hexToRGBA(E.gray300,.8),transition:`fill ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[K.large]:{display:"block"}}},"& > svg, & > span":{zIndex:E.zIndexDefault}},te(`inset ${E.glowPrimary}`)),isActive:Co(),dropdownIcon:css({paddingLeft:E.spacing2Xs})}),ko=()=>({root:css(Ro)});var Bo=()=>({root:css({"&:first-child":{marginRight:E.spacing2Xs},"&:last-child":{marginLeft:E.spacing2Xs},"img&":{borderRadius:E.borderRadiusSmall,maxWidth:E.spacingM,maxHeight:E.spacingM}})});var pt=e=>{var a,n;let{icon:t,variant:r}=e,o=Bo();return Q__default.cloneElement(t,{className:cx(t.props.className,o.root),size:(a=t.props.size)!=null?a:"tiny",variant:(n=t.props.variant)!=null?n:r})};var Lo=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:Q__default.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var Do=generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:Q__default.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Wo=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:Q__default.createElement(Q__default.Fragment,null,Q__default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},Q__default.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),Q__default.createElement("defs",null,Q__default.createElement("clipPath",{id:"HelpIcon_svg__a"},Q__default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ho=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:Q__default.createElement(Q__default.Fragment,null,Q__default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},Q__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),Q__default.createElement("defs",null,Q__default.createElement("clipPath",{id:"SearchIcon_svg__a"},Q__default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Fo=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:Q__default.createElement(Q__default.Fragment,null,Q__default.createElement("g",{clipPath:"url(#a)"},Q__default.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),Q__default.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),Q__default.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),Q__default.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),Q__default.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),Q__default.createElement("defs",null,Q__default.createElement("clipPath",{id:"a"},Q__default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var si="button";function pi(e,t){let d=e,{as:r=si,icon:o,title:a,children:n,className:s,isActive:i,testId:p="cf-ui-navbar-item",onOpen:m,onClose:l}=d,f=L(d,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),u=To(),c=Q__default.createElement(r,M(O({},f),{ref:t,"data-test-id":p,className:cx(u.root,i&&u.isActive,s)}),o?Q__default.createElement(pt,{icon:o,variant:"white"}):null,Q__default.createElement("span",null,a),_o(e)&&Q__default.createElement(Do,{className:u.dropdownIcon}));return _o(e)?Q__default.createElement(Ve,{trigger:c,testId:p,onOpen:m,onClose:l},n):c}var _o=e=>!!e.children,dr=Q__default.forwardRef(pi);var vr=({estimatedWidth:e})=>{let t=ko();return Q__default.createElement(SkeletonContainer,{className:t.root,svgWidth:e,svgHeight:40,backgroundColor:E.gray800,foregroundColor:E.gray700},Q__default.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:E.borderRadiusSmall,radiusY:E.borderRadiusSmall}))};var $o=()=>({root:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var vi="button";function gi(e,t){let m=e,{as:r=vi,icon:o,title:a,className:n}=m,s=L(m,["as","icon","title","className"]),i=$o(),p=hi(e);return Q__default.createElement(Menu.Item,M(O({},s),{ref:t,as:r,className:cx(i.root,n)}),o?Q__default.createElement(pt,{icon:o,variant:"secondary"}):p&&zo,Q__default.createElement("span",null,a),o&&p?zo:null)}var zo=Q__default.createElement(pt,{icon:Q__default.createElement(ExternalLinkIcon,null),variant:"muted"}),hi=e=>e.as==="a"&&e.target==="_blank",gr=Q__default.forwardRef(gi);var hr=({ariaLabel:e})=>Q__default.createElement(Menu.Item,null,Q__default.createElement(Flex,{alignItems:"center",gap:E.spacingXs},Q__default.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},Q__default.createElement(SkeletonImage,{width:16,height:16})),Q__default.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},Q__default.createElement(SkeletonBodyText,{numberOfLines:1}))));var Xo=()=>({root:css({margin:0,padding:0,background:"none",border:"none",color:E.gray300,cursor:"pointer",fontSize:E.fontSizeS,fontWeight:E.fontWeightMedium,position:"relative",outline:"none",borderRadius:E.borderRadiusMedium,"&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:hexToRGBA(E.colorWhite,.15)}},te(`0px 0px 0px 2px ${E.colorBlack}, 0px 0px 0px 5px ${E.blue300}`)),breadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:css({display:"none",[K.medium]:{display:"block"}})});function Ii(e,t){let p=e,{children:r,className:o,logo:a,testId:n="cf-ui-navbar-switcher"}=p,s=L(p,["children","className","logo","testId"]),i=Xo();return Q__default.createElement(Flex,M(O({},s),{as:"button",ref:t,className:cx(i.root,o),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),a||Q__default.createElement(Fo,null),Q__default.createElement(MenuIcon,{className:i.menuIcon,size:"small",variant:"white"}),Q__default.createElement(Flex,{as:"ul",alignItems:"center",className:i.breadcrumbs},r))}var yr=Q__default.forwardRef(Ii);var xr=({estimatedWidth:e})=>Q__default.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:E.gray800,foregroundColor:E.gray700},Q__default.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Zo=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:E.spacingL,transition:`color ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`,outline:"none",borderRadius:E.borderRadiusMedium,"& svg":{fill:E.gray300,transition:`fill ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:E.gray100,fill:E.gray100}},te())});function Ti(e,t){let s=e,{className:r,testId:o="cf-ui-navbar-search"}=s,a=L(s,["className","testId"]),n=Zo();return Q__default.createElement(Flex,M(O({"aria-label":"Quick Search"},a),{as:"button",ref:t,className:cx(n.root,r),testId:o}),Q__default.createElement(Ho,{size:"medium",variant:"white"}))}var Yo=Q__default.forwardRef(Ti);var Ko={display:"none","&:first-child":{display:"block"},[K.medium]:{display:"block","&:first-child":{display:"none"}}},Qo=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:hexToRGBA(E.gray100,.1),boxShadow:`0px 0px 0px 2px ${E.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${E.spacingXs}`,height:E.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${E.spacingXs}`,paddingLeft:E.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[K.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${E.spacingM}`,paddingLeft:E.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:E.fontStackMonospace,fontSize:E.fontSizeS,fontWeight:E.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[K.large]:{maxWidth:"100%"}},"> div":{[K.medium]:{gap:E.spacing2Xs}}}}),breadcrumbsItemCircle:css({borderRadius:"50%",color:E.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:E.spacingL,height:E.spacingL}),breadcrumbsItemEnvMaster:css({color:E.green400," svg":M(O({},Ko),{fill:E.green400})}),breadcrumbsItemEnvNonMaster:css({color:E.orange400,svg:M(O({},Ko),{fill:E.orange400})})});function Jo({isAlias:e}){return Q__default.createElement(Q__default.Fragment,null,Q__default.createElement(Lo,{key:"mobile-icon",size:"tiny"}),e?Q__default.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):Q__default.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function Hi(e,t){let f=e,{children:r,isCircle:o,className:a,envVariant:n,isAlias:s,testId:i="cf-ui-navbar-switcher-item"}=f,p=L(f,["children","isCircle","className","envVariant","isAlias","testId"]),m=Qo(),l=cx(m.breadcrumbsItem,a,{[m.breadcrumbsItemCircle]:o,[m.breadcrumbsItemEnvMaster]:n==="master",[m.breadcrumbsItemEnvNonMaster]:n==="non-master"});return Q__default.createElement("li",M(O({},p),{ref:t,className:l,"data-test-id":i}),Q__default.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&Q__default.createElement(Jo,{isAlias:s}),Q__default.createElement("span",null,r)))}var ea=Q__default.forwardRef(Hi);var ta=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:E.gray300,fontSize:0,gap:0,minWidth:E.spacingL,transition:`color ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`,outline:"none",borderRadius:E.borderRadiusMedium,[K.medium]:{fontSize:E.fontSizeS,gap:E.spacing2Xs,fontWeight:E.fontWeightMedium,marginRight:E.spacingXs},"&:hover, &:hover svg":{color:E.gray100,fill:E.gray100},"& svg":{fill:E.gray300,transition:`fill ${E.transitionDurationShort} ${E.transitionEasingCubicBezier}`}},te())});function $i(e,t){let i=e,{children:r,className:o,testId:a="cf-ui-navbar-help-trigger"}=i,n=L(i,["children","className","testId"]),s=ta();return Q__default.createElement(Ve,{testId:"cf-ui-navbar-help-menu",trigger:Q__default.createElement(Flex,M(O({"aria-label":"Help Menu"},n),{as:"button",ref:t,className:cx(s.root,o),testId:a}),Q__default.createElement(Wo,{size:"medium",variant:"white"}),"Help")},r)}var ra=Q__default.forwardRef($i);var oa=()=>({root:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${E.purple400}`,margin:0,outline:"none",fontSize:E.fontSizeS,lineHeight:E.lineHeightS,fontWeight:E.fontWeightMedium,textAlign:"center",padding:`0 ${E.spacingXs}`,textDecoration:"none",color:`${E.purple400}!important`,borderRadius:"1.75rem"})});var Xi="div";function Gi(e,t){let p=e,{as:r=Xi,children:o,className:a,testId:n="cf-ui-navbar-badge"}=p,s=L(p,["as","children","className","testId"]),i=oa();return Q__default.createElement(r,M(O({},s),{ref:t,className:cx(i.root,a),"data-test-id":n}),o)}var na=Q__default.forwardRef(Gi);var ia=()=>({root:css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:E.spacing2Xs,alignItems:"center",color:E.gray300,padding:`0 ${E.spacing2Xs}`,minHeight:E.spacingL,fontSize:E.fontSizeS,fontWeight:E.fontWeightMedium,outline:"none",borderRadius:E.borderRadiusMedium,"&:hover":{color:E.gray100},svg:{fill:"currentColor"}},te())});var Zi="button";function Yi(e,t){let p=e,{as:r=Zi,children:o,className:a,testId:n="cf-ui-navbar-topbar-item"}=p,s=L(p,["as","children","className","testId"]),i=ia();return Q__default.createElement(r,M(O({},s),{ref:t,className:cx(i.root,a),"data-test-id":n}),o)}var pa=Q__default.forwardRef(Yi);var U=Br;U.Item=dr;U.ItemSkeleton=vr;U.MenuItem=gr;U.MenuItemSkeleton=hr;U.MenuDivider=MenuDivider;U.MenuSectionTitle=MenuSectionTitle;U.Switcher=yr;U.SwitcherSkeleton=xr;U.SwitcherItem=ea;U.Search=Yo;U.Help=ra;U.Account=cr;U.AccountSkeleton=fr;U.Badge=na;U.TopbarItem=pa;
+var Je=Object.defineProperty,Ke=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))fe.call(t,o)&&le(e,o,t[o]);if($)for(var o of $(t))de.call(t,o)&&le(e,o,t[o]);return e},s=(e,t)=>Ke(e,et(t));var c=(e,t)=>{var o={};for(var r in e)fe.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&de.call(e,r)&&(o[r]=e[r]);return o};var I={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},u=(e=f.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=(e,t)=>({containerTop:css({justifyContent:"center",backgroundColor:f.gray100}),containerBottom:css({justifyContent:"center",backgroundColor:f.gray100}),containerTopContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:f.spacingXs,minHeight:f.spacingL,[I.medium]:{padding:`${f.spacingXs} 20px`}}),containerBottomContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:f.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${f.spacing2Xs} ${f.spacingXs}`}})});function rt(e,t){let ce=e,{children:o,account:r,search:n,switcher:a,help:p,badge:l,bottomRightItems:m,topRightItems:g,contentMaxWidth:M="100%",testId:N="cf-ui-navbar",className:y,variant:F="wide"}=ce,X=c(ce,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId","className","variant"]),w=be(M,F);return v.createElement(Box,s(i({},X),{ref:t,testId:N,className:y}),v.createElement(Flex,{className:w.containerTop},v.createElement(Flex,{className:w.containerTopContent,justifyContent:"space-between"},v.createElement(Flex,null,a),v.createElement(Flex,{alignItems:"center",gap:"spacingXs"},g,l,n,p,r))),v.createElement(Flex,{className:w.containerBottom},v.createElement(Flex,{className:w.containerBottomContent,justifyContent:"space-between"},v.createElement(Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v.createElement(Flex,null,m))))}var ge=v.forwardRef(rt);var nt={warning:f.colorWarning,negative:f.colorNegative,info:f.blue500},ue=()=>({navbarAccount:css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":css({backgroundColor:hexToRGBA(f.gray300,.15)})},u()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:f.spacingS,width:f.spacingS,borderRadius:"50%",border:`2px solid ${f.gray100}`,backgroundColor:nt[e],transform:"translate(30%, -30%)"})});var ve=()=>({menuList:css({minWidth:"250px"})});var C=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:a}=e,p=ve();return v.createElement(Menu,{onOpen:n,onClose:a},v.createElement(Menu.Trigger,null,t),v.createElement(Menu.List,{className:p.menuList,testId:r},o))};function ct(e,t){let y=e,{children:o,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:a,initials:p,username:l,hasNotification:m,notificationVariant:g="warning"}=y,M=c(y,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),N=ue();return v.createElement(C,{trigger:v.createElement(Flex,s(i({as:"button"},M),{ref:t,className:cx(N.navbarAccount,r),testId:n,alignItems:"center"}),v.createElement(Avatar,{src:a,initials:p,size:"small",variant:"user"}),m?v.createElement("span",{className:N.notificationIcon(g)}):null)},o)}var ee=v.forwardRef(ct);function te({ariaLabel:e}){return v.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${f.spacingM})`,height:"2px",bottom:`-${f.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:f.blue600,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`${f.spacing2Xs} ${f.spacingS}`,alignItems:"center",background:"none"},xe=()=>({navbarItem:css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:f.fontSizeM,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f.gray700,boxSizing:"border-box",transition:`color ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`,borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:f.zIndexDefault}},u(`inset ${f.glowPrimary}`)),navbarItemMenuTrigger:css({paddingRight:f.spacingXs}),isActive:ye()}),Pe=()=>({itemSkeleton:css(Ie)});var Se=()=>({navbarItemIcon:css({fill:f.gray700,"&:first-child":{marginRight:f.spacing2Xs},"&:last-child":{marginLeft:f.spacing2Xs},"img&":{borderRadius:f.borderRadiusSmall,maxWidth:f.spacingM,maxHeight:f.spacingM}})});var z=e=>{var n,a;let{icon:t,variant:o}=e,r=Se();return v.cloneElement(t,{className:cx(t.props.className,r.navbarItemIcon),size:(n=t.props.size)!=null?n:"tiny",variant:(a=t.props.variant)!=null?a:o})};var Me=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var we=generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Ae=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"HelpIcon_svg__a"},v.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ee=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"SearchIcon_svg__a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Te=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#a)"},v.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),v.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),v.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),v.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),v.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),v.createElement("defs",null,v.createElement("clipPath",{id:"a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Mt="button";function wt(e,t){let w=e,{as:o=Mt,icon:r,title:n,children:a,className:p,isActive:l,testId:m="cf-ui-navbar-item",onOpen:g,onClose:M}=w,N=c(w,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),y=xe(),F=At(e),X=v.createElement(o,s(i({},N),{ref:t,"data-test-id":m,className:cx(y.navbarItem,F&&y.navbarItemMenuTrigger,l&&y.isActive,p)}),r&&v.createElement(z,{icon:r,variant:"secondary"}),v.createElement("span",null,n),F&&v.createElement(we,null));return F?v.createElement(C,{trigger:X,testId:m,onOpen:g,onClose:M},a):X}var At=e=>!!e.children,oe=v.forwardRef(wt);var re=({estimatedWidth:e})=>{let t=Pe();return v.createElement(SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:f.borderRadiusSmall,radiusY:f.borderRadiusSmall}))};var ke=()=>({navbarMenuItem:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Ht="button";function Lt(e,t){let g=e,{as:o=Ht,icon:r,title:n,className:a}=g,p=c(g,["as","icon","title","className"]),l=ke(),m=Rt(e);return v.createElement(Menu.Item,s(i({},p),{ref:t,as:o,className:cx(l.navbarMenuItem,a)}),r?v.createElement(z,{icon:r,variant:"secondary"}):m&&Be,v.createElement("span",null,n),r&&m?Be:null)}var Be=v.createElement(z,{icon:v.createElement(ExternalLinkIcon,null),variant:"muted"}),Rt=e=>e.as==="a"&&e.target==="_blank",ae=v.forwardRef(Lt);var ne=({ariaLabel:e})=>v.createElement(Menu.Item,null,v.createElement(Flex,{alignItems:"center",gap:f.spacingXs},v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},v.createElement(SkeletonImage,{width:16,height:16})),v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v.createElement(SkeletonBodyText,{numberOfLines:1}))));var He=()=>({navbarSwitcher:css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:f.gray700,cursor:"pointer",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},u()),switcherMenuIcon:css({height:f.spacingM,width:f.spacingM,fill:f.gray700}),switcherBreadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Xt(e,t){let m=e,{children:o,className:r,logo:n,testId:a="cf-ui-navbar-switcher"}=m,p=c(m,["children","className","logo","testId"]),l=He();return v.createElement(Flex,s(i({},p),{as:"button",ref:t,className:cx(l.navbarSwitcher,r),testId:a,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),n||v.createElement(Te,null),v.createElement(MenuIcon,{size:"small",className:l.switcherMenuIcon}),v.createElement(Flex,{as:"ul",alignItems:"center",className:l.switcherBreadcrumbs},o))}var se=v.forwardRef(Xt);var pe=({estimatedWidth:e})=>v.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({navbarSearch:css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:f.gray700}},u())});function Qt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,n=c(p,["className","testId"]),a=Oe();return v.createElement(IconButton,s(i({"aria-label":"Quick Search"},n),{variant:"transparent",ref:t,size:"small",className:cx(a.navbarSearch,o),testId:r,icon:v.createElement(Ee,{size:"medium"})}))}var We=v.forwardRef(Qt);var ze={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},De=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${f.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${f.spacingXs}`,height:f.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:f.fontStackMonospace,fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:f.spacing2Xs}}}}),breadcrumbsItemCircle:css({border:`solid 1px ${f.gray300}`,borderRadius:"50%",color:f.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:f.spacingL,height:f.spacingL}),breadcrumbsItemEnvMaster:css({color:f.green600," svg":s(i({},ze),{fill:f.green600})}),breadcrumbsItemEnvNonMaster:css({color:f.orange500,svg:s(i({},ze),{fill:f.orange500})})});function Ge({isAlias:e}){return v.createElement(v.Fragment,null,v.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?v.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function oo(e,t){let N=e,{children:o,isCircle:r,className:n,envVariant:a,isAlias:p,testId:l="cf-ui-navbar-switcher-item"}=N,m=c(N,["children","isCircle","className","envVariant","isAlias","testId"]),g=De(),M=cx(g.breadcrumbsItem,n,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:a==="master",[g.breadcrumbsItemEnvNonMaster]:a==="non-master"});return v.createElement("li",s(i({},m),{ref:t,className:M,"data-test-id":l}),v.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},a&&v.createElement(Ge,{isAlias:p}),v.createElement("span",null,o)))}var Ve=v.forwardRef(oo);var Xe=()=>({navbarHelp:css({fontSize:f.fontSizeS,padding:`0 ${f.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:f.gray700,svg:{fill:f.gray700}},u())});function io(e,t){let l=e,{children:o,className:r,testId:n="cf-ui-navbar-help-trigger"}=l,a=c(l,["children","className","testId"]),p=Xe();return v.createElement(C,{testId:"cf-ui-navbar-help-menu",trigger:v.createElement(Button,s(i({"aria-label":"Help Menu"},a),{as:"button",ref:t,className:cx(p.navbarHelp,r),testId:n,variant:"transparent",size:"small",startIcon:v.createElement(Ae,{size:"medium"})}),"Help")},o)}var $e=v.forwardRef(io);var Ue=()=>({navbarBadge:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${f.purple600}`,margin:0,outline:"none",fontSize:f.fontSizeS,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,textAlign:"center",padding:`0 ${f.spacingXs}`,textDecoration:"none",color:`${f.purple600}!important`,borderRadius:"1.75rem"})});var mo="div";function co(e,t){let m=e,{as:o=mo,children:r,className:n,testId:a="cf-ui-navbar-badge"}=m,p=c(m,["as","children","className","testId"]),l=Ue();return v.createElement(o,s(i({},p),{ref:t,className:cx(l.navbarBadge,n),"data-test-id":a}),r)}var je=v.forwardRef(co);var qe=()=>({navbarTopItem:css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:f.spacing2Xs,alignItems:"center",lineHeight:f.lineHeightDefault,color:f.gray700,padding:`0 ${f.spacing2Xs}`,minHeight:"24px",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,outline:"none",borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},svg:{fill:"currentColor"}},u())});var go="button";function uo(e,t){let m=e,{as:o=go,children:r,className:n,testId:a="cf-ui-navbar-topbar-item"}=m,p=c(m,["as","children","className","testId"]),l=qe();return v.createElement(o,s(i({},p),{ref:t,className:cx(l.navbarTopItem,n),"data-test-id":a}),r)}var Qe=v.forwardRef(uo);var b=ge;b.Item=oe;b.ItemSkeleton=re;b.MenuItem=ae;b.MenuItemSkeleton=ne;b.MenuDivider=MenuDivider;b.MenuSectionTitle=MenuSectionTitle;b.Switcher=se;b.SwitcherSkeleton=pe;b.SwitcherItem=Ve;b.Search=We;b.Help=$e;b.Account=ee;b.AccountSkeleton=te;b.Badge=je;b.TopbarItem=Qe;
 
-export { U as Navbar, Co as getNavbarItemActiveStyles };
+export { b as Navbar, ye as getNavbarItemActiveStyles };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map