@contentful/f36-navbar 5.0.0-alpha.0 → 5.0.0-alpha.10

package/dist/index.js

@@ -2,23 +2,223 @@
 
 var f36Menu = require('@contentful/f36-menu');
 var f36Core = require('@contentful/f36-core');
-var v = require('react');
+var u = require('react');
 var emotion = require('emotion');
-var d = require('@contentful/f36-tokens');
+var o = require('@contentful/f36-tokens');
+var f36Icon = require('@contentful/f36-icon');
 var f36Utils = require('@contentful/f36-utils');
+var f36Avatar = require('@contentful/f36-avatar');
 var f36Skeleton = require('@contentful/f36-skeleton');
-var f36Icon = require('@contentful/f36-icon');
 var f36Icons = require('@contentful/f36-icons');
-var f36Button = require('@contentful/f36-button');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var v__default = /*#__PURE__*/_interopDefault(v);
-var d__default = /*#__PURE__*/_interopDefault(d);
+var u__default = /*#__PURE__*/_interopDefault(u);
+var o__default = /*#__PURE__*/_interopDefault(o);
 
-var Qe=Object.defineProperty,Je=Object.defineProperties;var Ke=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var ce=(e,t,o)=>t in e?Qe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))le.call(t,o)&&ce(e,o,t[o]);if(X)for(var o of X(t))de.call(t,o)&&ce(e,o,t[o]);return e},s=(e,t)=>Je(e,Ke(t));var l=(e,t)=>{var o={};for(var r in e)le.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&X)for(var r of X(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=d__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var fe=e=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:d__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:d__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:e,padding:d__default.default.spacingXs,minHeight:d__default.default.spacingL,[I.medium]:{padding:`${d__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:e,padding:0,paddingTop:d__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${d__default.default.spacing2Xs} ${d__default.default.spacingXs}`}})});function ot(e,t){let F=e,{children:o,account:r,search:a,switcher:n,help:p,badge:c,bottomRightItems:m,topRightItems:g,contentMaxWidth:h="100%",testId:N="cf-ui-navbar"}=F,L=l(F,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),y=fe(h);return v__default.default.createElement(f36Core.Box,s(i({},L),{ref:t,testId:N}),v__default.default.createElement(f36Core.Flex,{className:y.containerTop},v__default.default.createElement(f36Core.Flex,{className:y.containerTopContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,null,n),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},g,c,a,p,r))),v__default.default.createElement(f36Core.Flex,{className:y.containerBottom},v__default.default.createElement(f36Core.Flex,{className:y.containerBottomContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v__default.default.createElement(f36Core.Flex,null,m))))}var be=v__default.default.forwardRef(ot);var ge=()=>({navbarAccount:emotion.css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":emotion.css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":emotion.css({backgroundColor:f36Utils.hexToRGBA(d__default.default.gray300,.15)})},u()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:d__default.default.spacingS,width:d__default.default.spacingS,borderRadius:"50%",border:`2px solid ${d__default.default.gray100}`,backgroundColor:e==="negative"?d__default.default.colorNegative:d__default.default.colorWarning,transform:"translate(30%, -30%)"})});var ue=()=>({menuList:emotion.css({minWidth:"250px"})});var T=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:a,onClose:n}=e,p=ue();return v__default.default.createElement(f36Menu.Menu,{onOpen:a,onClose:n},v__default.default.createElement(f36Menu.Menu.Trigger,null,t),v__default.default.createElement(f36Menu.Menu.List,{className:p.menuList,testId:r},o))};function st(e,t){let N=e,{children:o,className:r,testId:a="cf-ui-navbar-account-trigger",avatar:n,username:p,hasNotification:c,notificationVariant:m="warning"}=N,g=l(N,["children","className","testId","avatar","username","hasNotification","notificationVariant"]),h=ge();return v__default.default.createElement(T,{trigger:v__default.default.createElement(f36Core.Flex,s(i({as:"button"},g),{ref:t,className:emotion.cx(h.navbarAccount,r),testId:a,alignItems:"center"}),v__default.default.createElement("img",{src:n,alt:`Avatar for user ${p}`,className:h.avatar}),c?v__default.default.createElement("span",{className:h.notificationIcon(m)}):null)},o)}var K=v__default.default.forwardRef(st);function ee({ariaLabel:e}){return v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:d__default.default.gray300,foregroundColor:d__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var Ne=()=>emotion.css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${d__default.default.spacingM})`,height:"2px",bottom:`-${d__default.default.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:d__default.default.blue600,zIndex:0}}),ye={display:"flex",justifyContent:"center",padding:`${d__default.default.spacing2Xs} ${d__default.default.spacingS}`,alignItems:"center",background:"none"},Ie=()=>({navbarItem:emotion.css(ye,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:d__default.default.fontSizeM,lineHeight:d__default.default.lineHeightS,fontWeight:d__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:d__default.default.gray700,boxSizing:"border-box",transition:`color ${d__default.default.transitionDurationShort} ${d__default.default.transitionEasingCubicBezier}`,borderRadius:d__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(d__default.default.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${d__default.default.transitionDurationShort} ${d__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:d__default.default.zIndexDefault}},u(`inset ${d__default.default.glowPrimary}`)),navbarItemMenuTrigger:emotion.css({paddingRight:d__default.default.spacingXs}),isActive:Ne()}),xe=()=>({itemSkeleton:emotion.css(ye)});var Pe=()=>({navbarItemIcon:emotion.css({fill:d__default.default.gray700,"&:first-child":{marginRight:d__default.default.spacing2Xs},"&:last-child":{marginLeft:d__default.default.spacing2Xs},"img&":{borderRadius:d__default.default.borderRadiusSmall,maxWidth:d__default.default.spacingM,maxHeight:d__default.default.spacingM}})});var z=e=>{var a,n;let{icon:t,variant:o}=e,r=Pe();return v__default.default.cloneElement(t,{className:emotion.cx(t.props.className,r.navbarItemIcon),size:(a=t.props.size)!=null?a:"tiny",variant:(n=t.props.variant)!=null?n:o})};var Se=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v__default.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 Me=f36Icon.generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v__default.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 Ce=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v__default.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"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},v__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var we=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v__default.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"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},v__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ae=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 18 18",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("path",{d:"M6.6 12.525C5.7 11.625 5.1 10.35 5.1 9C5.1 7.65 5.625 6.375 6.525 5.475C7.275 4.725 7.275 3.45 6.525 2.625C5.775 1.875 4.575 1.875 3.825 2.625C2.325 4.275 1.35 6.525 1.35 9C1.35 11.475 2.325 13.725 3.9 15.375C4.65 16.125 5.85 16.125 6.6 15.375C7.275 14.55 7.275 13.35 6.6 12.525Z",fill:"#FAE501"}),v__default.default.createElement("path",{d:"M6.6 5.475C7.5 4.5 8.7 3.975 10.05 3.975C11.4 3.975 12.6 4.575 13.5 5.4C14.25 6.225 15.45 6.225 16.2 5.4C16.95 4.65 16.95 3.375 16.2 2.55C14.55 1.05 12.375 0 9.975 0C7.575 0 5.4 1.05 3.825 2.625C3.075 3.375 3.075 4.65 3.825 5.475C4.575 6.15 5.775 6.15 6.6 5.475Z",fill:"#4FB5E1"}),v__default.default.createElement("path",{d:"M13.425 12.525C12.525 13.5 11.325 14.025 9.975 14.025C8.625 14.025 7.425 13.425 6.525 12.525C5.775 11.7 4.575 11.7 3.825 12.525C3.075 13.275 3.075 14.55 3.825 15.375C5.4 16.95 7.575 18 9.975 18C12.375 18 14.55 16.95 16.125 15.375C16.875 14.625 16.875 13.35 16.125 12.525C15.375 11.775 14.175 11.775 13.425 12.525Z",fill:"#F05751"}),v__default.default.createElement("path",{d:"M5.175 5.99998C6.21054 5.99998 7.05 5.12693 7.05 4.04998C7.05 2.97302 6.21054 2.09998 5.175 2.09998C4.13947 2.09998 3.3 2.97302 3.3 4.04998C3.3 5.12693 4.13947 5.99998 5.175 5.99998Z",fill:"#0681B6"}),v__default.default.createElement("path",{d:"M5.175 15.9C6.21054 15.9 7.05 15.027 7.05 13.95C7.05 12.873 6.21054 12 5.175 12C4.13947 12 3.3 12.873 3.3 13.95C3.3 15.027 4.13947 15.9 5.175 15.9Z",fill:"#CD4739"}))});var xt="button";function Pt(e,t){let me=e,{as:o=xt,icon:r,title:a,children:n,className:p,isActive:c,testId:m="cf-ui-navbar-item",onOpen:g,onClose:h}=me,N=l(me,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),L=Ie(),y=St(e),F=v__default.default.createElement(o,s(i({},N),{ref:t,"data-test-id":m,className:emotion.cx(L.navbarItem,y&&L.navbarItemMenuTrigger,c&&L.isActive,p)}),r&&v__default.default.createElement(z,{icon:r,variant:"secondary"}),v__default.default.createElement("span",null,a),y&&v__default.default.createElement(Me,null));return y?v__default.default.createElement(T,{trigger:F,testId:m,onOpen:g,onClose:h},n):F}var St=e=>!!e.children,te=v__default.default.forwardRef(Pt);var oe=({estimatedWidth:e})=>{let t=xe();return v__default.default.createElement(f36Skeleton.SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:d__default.default.gray300,foregroundColor:d__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:d__default.default.borderRadiusSmall,radiusY:d__default.default.borderRadiusSmall}))};var Te=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var kt="button";function Rt(e,t){let g=e,{as:o=kt,icon:r,title:a,className:n}=g,p=l(g,["as","icon","title","className"]),c=Te(),m=Bt(e);return v__default.default.createElement(f36Menu.Menu.Item,s(i({},p),{ref:t,as:o,className:emotion.cx(c.navbarMenuItem,n)}),r?v__default.default.createElement(z,{icon:r,variant:"secondary"}):m&&ke,v__default.default.createElement("span",null,a),r&&m?ke:null)}var ke=v__default.default.createElement(z,{icon:v__default.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),Bt=e=>e.as==="a"&&e.target==="_blank",re=v__default.default.forwardRef(Rt);var ne=({ariaLabel:e})=>v__default.default.createElement(f36Menu.Menu.Item,null,v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:d__default.default.spacingXs},v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Be=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:d__default.default.gray700,cursor:"pointer",fontSize:d__default.default.fontSizeS,fontWeight:d__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:d__default.default.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:"#f2f4f6"}},u()),switcherMenuIcon:emotion.css({height:d__default.default.spacingM,width:d__default.default.spacingM,fill:d__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Dt(e,t){let m=e,{children:o,className:r,logo:a,testId:n="cf-ui-navbar-switcher"}=m,p=l(m,["children","className","logo","testId"]),c=Be();return v__default.default.createElement(f36Core.Flex,s(i({},p),{as:"button",ref:t,className:emotion.cx(c.navbarSwitcher,r),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),a||v__default.default.createElement(Ae,null),v__default.default.createElement(f36Icons.MenuIcon,{size:"small",className:c.switcherMenuIcon}),v__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:c.switcherBreadcrumbs},o))}var ie=v__default.default.forwardRef(Dt);var se=({estimatedWidth:e})=>v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:d__default.default.gray300,foregroundColor:d__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Fe=()=>({navbarSearch:emotion.css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:d__default.default.gray700}},u())});function jt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,a=l(p,["className","testId"]),n=Fe();return v__default.default.createElement(f36Button.IconButton,s(i({"aria-label":"Quick Search"},a),{variant:"transparent",ref:t,size:"small",className:emotion.cx(n.navbarSearch,o),testId:r,icon:v__default.default.createElement(we,{size:"medium"})}))}var Oe=v__default.default.forwardRef(jt);var We={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},ze=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${d__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${d__default.default.spacingXs}`,height:d__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:"-13px",paddingLeft:d__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:"-25px",paddingLeft:d__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:d__default.default.fontStackMonospace,fontSize:d__default.default.fontSizeS,fontWeight:d__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:d__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${d__default.default.gray300}`,borderRadius:"50%",color:d__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:d__default.default.spacingL,height:d__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:d__default.default.green600," svg":s(i({},We),{fill:d__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:d__default.default.orange500,svg:s(i({},We),{fill:d__default.default.orange500})})});function De({isAlias:e}){return v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement(Se,{key:"mobile-icon",size:"tiny"}),e?v__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function Kt(e,t){let N=e,{children:o,isCircle:r,className:a,envVariant:n,isAlias:p,testId:c="cf-ui-navbar-switcher-item"}=N,m=l(N,["children","isCircle","className","envVariant","isAlias","testId"]),g=ze(),h=emotion.cx(g.breadcrumbsItem,a,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:n==="master",[g.breadcrumbsItemEnvNonMaster]:n==="non-master"});return v__default.default.createElement("li",s(i({},m),{ref:t,className:h,"data-test-id":c}),v__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&v__default.default.createElement(De,{isAlias:p}),v__default.default.createElement("span",null,o)))}var Ge=v__default.default.forwardRef(Kt);var Ve=()=>({navbarHelp:emotion.css({fontSize:d__default.default.fontSizeS,padding:`0 ${d__default.default.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:d__default.default.gray700,svg:{fill:d__default.default.gray700}},u())});function ro(e,t){let c=e,{children:o,className:r,testId:a="cf-ui-navbar-help-trigger"}=c,n=l(c,["children","className","testId"]),p=Ve();return v__default.default.createElement(T,{testId:"cf-ui-navbar-help-menu",trigger:v__default.default.createElement(f36Button.Button,s(i({"aria-label":"Help Menu"},n),{as:"button",ref:t,className:emotion.cx(p.navbarHelp,r),testId:a,variant:"transparent",size:"small",startIcon:v__default.default.createElement(Ce,{size:"medium"})}),"Help")},o)}var Xe=v__default.default.forwardRef(ro);var $e=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${d__default.default.purple600}`,margin:0,outline:"none",fontSize:d__default.default.fontSizeS,lineHeight:d__default.default.lineHeightS,fontWeight:d__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${d__default.default.spacingXs}`,textDecoration:"none",color:`${d__default.default.purple600}!important`,borderRadius:"1.75rem"})});var io="div";function so(e,t){let m=e,{as:o=io,children:r,className:a,testId:n="cf-ui-navbar-badge"}=m,p=l(m,["as","children","className","testId"]),c=$e();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(c.navbarBadge,a),"data-test-id":n}),r)}var Ze=v__default.default.forwardRef(so);var je=()=>({navbarTopItem:emotion.css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:d__default.default.spacing2Xs,alignItems:"center",lineHeight:d__default.default.lineHeightDefault,color:d__default.default.gray700,padding:`0 ${d__default.default.spacing2Xs}`,minHeight:"24px",fontSize:d__default.default.fontSizeS,fontWeight:d__default.default.fontWeightMedium,outline:"none",borderRadius:d__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(d__default.default.gray900,.05)},svg:{fill:"currentColor"}},u())});var lo="button";function fo(e,t){let m=e,{as:o=lo,children:r,className:a,testId:n="cf-ui-navbar-topbar-item"}=m,p=l(m,["as","children","className","testId"]),c=je();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(c.navbarTopItem,a),"data-test-id":n}),r)}var Ye=v__default.default.forwardRef(fo);var b=be;b.Item=te;b.ItemSkeleton=oe;b.MenuItem=re;b.MenuItemSkeleton=ne;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=ie;b.SwitcherSkeleton=se;b.SwitcherItem=Ge;b.Search=Oe;b.Help=Xe;b.Account=K;b.AccountSkeleton=ee;b.Badge=Ze;b.TopbarItem=Ye;
+var Or=Object.defineProperty,Dr=Object.defineProperties;var _r=Object.getOwnPropertyDescriptors;var oe=Object.getOwnPropertySymbols;var He=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable;var Le=(e,r,t)=>r in e?Or(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,m=(e,r)=>{for(var t in r||(r={}))He.call(r,t)&&Le(e,t,r[t]);if(oe)for(var t of oe(r))Oe.call(r,t)&&Le(e,t,r[t]);return e},d=(e,r)=>Dr(e,_r(r));var f=(e,r)=>{var t={};for(var a in e)He.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&oe)for(var a of oe(e))r.indexOf(a)<0&&Oe.call(e,a)&&(t[a]=e[a]);return t};var E={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},I=(e=o__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var De=(e,r)=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:o__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:o__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:r==="wide"?"1524px":e,padding:o__default.default.spacingXs,minHeight:o__default.default.spacingL,[E.medium]:{padding:`${o__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:r==="wide"?"1524px":e,padding:0,paddingTop:o__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[E.medium]:{padding:`${o__default.default.spacing2Xs} ${o__default.default.spacingXs}`}}),logo:emotion.css({height:"28px",width:"28px"})});var _e=f36Icon.generateIconComponent({name:"CircleIcon",viewBox:"0 0 24 24",path:u__default.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 We=f36Icon.generateIconComponent({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:u__default.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 Fe=f36Icon.generateIconComponent({name:"HelpIcon",viewBox:"0 0 24 24",path:u__default.default.createElement(u__default.default.Fragment,null,u__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},u__default.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"})),u__default.default.createElement("defs",null,u__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},u__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var $e=f36Icon.generateIconComponent({name:"SearchIcon",viewBox:"0 0 24 24",path:u__default.default.createElement(u__default.default.Fragment,null,u__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},u__default.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"})),u__default.default.createElement("defs",null,u__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},u__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Xe=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:u__default.default.createElement(u__default.default.Fragment,null,u__default.default.createElement("path",{fill:"#1773EB",d:"M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"}),u__default.default.createElement("path",{fill:"#E44F20",d:"M21.594 17.999a2.64 2.64 0 0 0-1.858.766 6.703 6.703 0 0 1-4.732 1.951h-.025a6.65 6.65 0 0 1-3.447-.968A3.3 3.3 0 0 1 8.35 23.93h-.086A11.926 11.926 0 0 0 14.96 26h.046a11.94 11.94 0 0 0 8.449-3.484 2.64 2.64 0 0 0-1.859-4.514V18h-.002Z"}),u__default.default.createElement("path",{fill:"#FFDA00",d:"M6.013 18.295a3.27 3.27 0 0 1 2.334-.967c.302 0 .603.04.894.122a6.7 6.7 0 0 1 .013-6.928A3.3 3.3 0 0 1 5.08 7.335v-.09a11.999 11.999 0 0 0-.032 13.453v-.07a3.27 3.27 0 0 1 .966-2.333Z"}),u__default.default.createElement("path",{fill:"#1773EB",d:"M8.379 4.62c-.75 0-1.276.312-1.913.949-.607.605-.798 1.135-.8 1.766A2.712 2.712 0 1 0 8.38 4.62Z"}),u__default.default.createElement("path",{fill:"#E44F20",d:"M5.628 20.631c0 .75.31 1.276.946 1.912.607.606 1.136.799 1.766.8a2.703 2.703 0 1 0-.017-5.407 2.703 2.703 0 0 0-2.695 2.704v-.009Z"}))});function qr(e,r){let Z=e,{account:t,badge:a,bottomRightItems:i,children:n,className:s,contentMaxWidth:c="100%",help:l,logo:p,search:v,switcher:x,testId:N="cf-ui-navbar",topRightItems:w,variant:M="wide"}=Z,D=f(Z,["account","badge","bottomRightItems","children","className","contentMaxWidth","help","logo","search","switcher","testId","topRightItems","variant"]),R=De(c,M);return u__default.default.createElement(f36Core.Box,d(m({},D),{ref:r,testId:N,className:s}),u__default.default.createElement(f36Core.Flex,{className:R.containerTop},u__default.default.createElement(f36Core.Flex,{className:R.containerTopContent,justifyContent:"space-between"},u__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},p||u__default.default.createElement(Xe,{className:R.logo}),x),u__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},w,a,v,l,t))),u__default.default.createElement(f36Core.Flex,{className:R.containerBottom},u__default.default.createElement(f36Core.Flex,{className:R.containerBottomContent,justifyContent:"space-between"},u__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation"},n),i&&u__default.default.createElement(f36Core.Flex,null,i))))}var Ge=u__default.default.forwardRef(qr);var Jr={warning:o__default.default.colorWarning,negative:o__default.default.colorNegative,info:o__default.default.blue500},Ve=()=>({navbarAccount:emotion.css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":emotion.css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":emotion.css({backgroundColor:f36Utils.hexToRGBA(o__default.default.gray300,.15)})},I()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:o__default.default.spacingS,width:o__default.default.spacingS,borderRadius:"50%",border:`2px solid ${o__default.default.gray100}`,backgroundColor:Jr[e],transform:"translate(30%, -30%)"})});var je=()=>({menuList:emotion.css({minWidth:"250px"})});var _=e=>{let{trigger:r,children:t,testId:a="cf-ui-navbar-menu-list",onOpen:i,onClose:n}=e,s=je();return u__default.default.createElement(f36Menu.Menu,{onOpen:i,onClose:n},u__default.default.createElement(f36Menu.Menu.Trigger,null,r),u__default.default.createElement(f36Menu.Menu.List,{className:s.menuList,testId:a},t))};function tt(e,r){let N=e,{children:t,className:a,testId:i="cf-ui-navbar-account-trigger",avatar:n,initials:s,username:c,hasNotification:l,notificationVariant:p="warning"}=N,v=f(N,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),x=Ve();return u__default.default.createElement(_,{trigger:u__default.default.createElement(f36Core.Flex,d(m({as:"button"},v),{ref:r,className:emotion.cx(x.navbarAccount,a),testId:i,alignItems:"center"}),u__default.default.createElement(f36Avatar.Avatar,{src:n,initials:s,size:"small",variant:"user"}),l?u__default.default.createElement("span",{className:x.notificationIcon(p)}):null)},t)}var ue=u__default.default.forwardRef(tt);function ge({ariaLabel:e}){return u__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},u__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var qe=()=>emotion.css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${o__default.default.spacingM})`,height:"2px",bottom:`-${o__default.default.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:o__default.default.blue600,zIndex:0}}),Ye={display:"flex",justifyContent:"center",padding:`${o__default.default.spacing2Xs} ${o__default.default.spacingS}`,alignItems:"center",background:"none"},Je=()=>({navbarItem:emotion.css(Ye,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightS,fontWeight:o__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:o__default.default.gray700,boxSizing:"border-box",transition:`color ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingCubicBezier}`,borderRadius:o__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:o__default.default.zIndexDefault}},I(`inset ${o__default.default.glowPrimary}`)),navbarItemMenuTrigger:emotion.css({paddingRight:o__default.default.spacingXs}),isActive:qe()}),Ke=()=>({itemSkeleton:emotion.css(Ye)});var Qe=()=>({navbarItemIcon:emotion.css({fill:o__default.default.gray700,"&:first-child":{marginRight:o__default.default.spacing2Xs},"&:last-child":{marginLeft:o__default.default.spacing2Xs},"img&":{borderRadius:o__default.default.borderRadiusSmall,maxWidth:o__default.default.spacingM,maxHeight:o__default.default.spacingM}})});var Q=e=>{var i,n;let{icon:r,variant:t}=e,a=Qe();return u__default.default.cloneElement(r,{className:emotion.cx(r.props.className,a.navbarItemIcon),size:(i=r.props.size)!=null?i:"tiny",variant:(n=r.props.variant)!=null?n:t})};var ct="button";function mt(e,r){let D=e,{as:t=ct,icon:a,title:i,children:n,className:s,isActive:c,testId:l="cf-ui-navbar-item",onOpen:p,onClose:v}=D,x=f(D,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),N=Je(),w=dt(e),M=u__default.default.createElement(t,d(m({},x),{ref:r,"data-test-id":l,className:emotion.cx(N.navbarItem,w&&N.navbarItemMenuTrigger,c&&N.isActive,s)}),a&&u__default.default.createElement(Q,{icon:a,variant:"secondary"}),u__default.default.createElement("span",null,i),w&&u__default.default.createElement(We,null));return w?u__default.default.createElement(_,{trigger:M,testId:l,onOpen:p,onClose:v},n):M}var dt=e=>!!e.children,be=u__default.default.forwardRef(mt);var ve=({estimatedWidth:e})=>{let r=Ke();return u__default.default.createElement(f36Skeleton.SkeletonContainer,{className:r.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},u__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:o__default.default.borderRadiusSmall,radiusY:o__default.default.borderRadiusSmall}))};var rr=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var xt="button";function yt(e,r){let p=e,{as:t=xt,icon:a,title:i,className:n}=p,s=f(p,["as","icon","title","className"]),c=rr(),l=Nt(e);return u__default.default.createElement(f36Menu.Menu.Item,d(m({},s),{ref:r,as:t,className:emotion.cx(c.navbarMenuItem,n)}),a?u__default.default.createElement(Q,{icon:a,variant:"secondary"}):l&&tr,u__default.default.createElement("span",null,i),a&&l?tr:null)}var tr=u__default.default.createElement(Q,{icon:u__default.default.createElement(f36Icons.ArrowSquareOutIcon,null),variant:"muted"}),Nt=e=>e.as==="a"&&e.target==="_blank",he=u__default.default.forwardRef(yt);var xe=({ariaLabel:e})=>u__default.default.createElement(f36Menu.Menu.Item,null,u__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:o__default.default.spacingXs},u__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},u__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),u__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},u__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var ar=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:o__default.default.gray700,cursor:"pointer",fontSize:o__default.default.fontSizeS,fontWeight:o__default.default.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"}},I()),switcherMenuIcon:emotion.css({height:o__default.default.spacingM,width:o__default.default.spacingM,fill:o__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Ct(e,r){let c=e,{children:t,className:a,testId:i="cf-ui-navbar-switcher"}=c,n=f(c,["children","className","testId"]),s=ar();return u__default.default.createElement(f36Core.Flex,d(m({},n),{as:"button",ref:r,className:emotion.cx(s.navbarSwitcher,a),testId:i,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),u__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:s.switcherBreadcrumbs},t))}var Ie=u__default.default.forwardRef(Ct);var Se=({estimatedWidth:e})=>u__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},u__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var zt=Object.defineProperty,Lt=Object.defineProperties,Ht=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,cr=Object.prototype.propertyIsEnumerable,lr=(e,r,t)=>r in e?zt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Ot=(e,r)=>{for(var t in r||(r={}))pr.call(r,t)&&lr(e,t,r[t]);if(ie)for(var t of ie(r))cr.call(r,t)&&lr(e,t,r[t]);return e},Dt=(e,r)=>Lt(e,Ht(r)),_t=(e,r)=>{var t={};for(var a in e)pr.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&ie)for(var a of ie(e))r.indexOf(a)<0&&cr.call(e,a)&&(t[a]=e[a]);return t},Wt={large:"36px",medium:"20px",small:"14px"},Ft=()=>{let e={scale1:emotion.keyframes`
+    0% {
+      transform: scale(1, 1);
+    }
+    6.666667% {
+      transform: scale(1.5, 0.5);
+    }
+    13.333333% {
+      transform: scale(1, 1);
+    }
+    26.666667% {
+      transform: scale(1, 1);
+    }
+    33.333333% {
+      transform: scale(1, 1);
+    }
+    40% {
+      transform: scale(1, 1);
+    }
+    53.333333% {
+      transform: scale(1, 1);
+    }
+    60% {
+      transform: scale(1.5, 0.5);
+    }
+    66.666667% {
+      transform: scale(1, 1);
+    }
+    100% {
+      transform: scale(1, 1);
+    }
+  `,scale2:emotion.keyframes`
+    0% {
+      transform: scale(1, 1);
+    }
+    13.333333% {
+      transform: scale(1, 1);
+    }
+    20% {
+      transform: scale(1.5, 0.5);
+    }
+    26.666667% {
+      transform: scale(1, 1);
+    }
+    40% {
+      transform: scale(1, 1);
+    }
+    46.666667% {
+      transform: scale(1, 1);
+    }
+    53.333333% {
+      transform: scale(1, 1);
+    }
+    66.666667% {
+      transform: scale(1, 1);
+    }
+    73.333333% {
+      transform: scale(1.5, 0.5);
+    }
+    80% {
+      transform: scale(1, 1);
+    }
+    100% {
+      transform: scale(1, 1);
+    }
+  `,scale3:emotion.keyframes`
+    0% {
+      transform: scale(1, 1);
+    }
+    26.666667% {
+      transform: scale(1, 1);
+    }
+    33.333333% {
+      transform: scale(1.5, 0.5);
+    }
+    40% {
+      transform: scale(1, 1);
+    }
+    53.333333% {
+      transform: scale(1, 1);
+    }
+    60% {
+      transform: scale(1, 1);
+    }
+    66.666667% {
+      transform: scale(1, 1);
+    }
+    80% {
+      transform: scale(1, 1);
+    }
+    86.666667% {
+      transform: scale(1.5, 0.5);
+    }
+    93.333333% {
+      transform: scale(1, 1);
+    }
+    100% {
+      transform: scale(1, 1);
+    }
+  `,translate1:emotion.keyframes`
+    0% {
+      transform: translate(10px, 33.528168px);
+    }
+    6.666667% {
+      transform: translate(10px, 41.764084px);
+    }
+    13.333333% {
+      transform: translate(10px, 33.528168px);
+    }
+    26.666667% {
+      transform: translate(10px, -2.651608px);
+    }
+    33.333333% {
+      transform: translate(10px, -4.471832px);
+    }
+    40% {
+      transform: translate(10px, -2.651608px);
+    }
+    53.333333% {
+      transform: translate(10px, 33.528168px);
+    }
+    60% {
+      transform: translate(10px, 41.764084px);
+    }
+    66.666667% {
+      transform: translate(10px, 33.528168px);
+    }
+    100% {
+      transform: translate(10px, 33.528168px);
+    }
+  `,translate2:emotion.keyframes`
+    0% {
+      transform: translate(30px, 33.528168px);
+    }
+    13.333333% {
+      transform: translate(30px, 33.528168px);
+    }
+    20% {
+      transform: translate(30px, 41.764084px);
+    }
+    26.666667% {
+      transform: translate(30px, 33.528168px);
+    }
+    40% {
+      transform: translate(30px, -2.651608px);
+    }
+    46.666667% {
+      transform: translate(30px, -4.471832px);
+    }
+    53.333333% {
+      transform: translate(30px, -2.651608px);
+    }
+    66.666667% {
+      transform: translate(30px, 33.528168px);
+    }
+    73.333333% {
+      transform: translate(30px, 41.764084px);
+    }
+    80% {
+      transform: translate(30px, 33.528168px);
+    }
+    100% {
+      transform: translate(30px, 33.528168px);
+    }
+  `,translate3:emotion.keyframes`
+    0% {
+      transform: translate(50px, 33.528168px);
+    }
+    26.666667% {
+      transform: translate(50px, 33.528168px);
+    }
+    33.333333% {
+      transform: translate(50px, 41.764084px);
+    }
+    40% {
+      transform: translate(50px, 33.528168px);
+    }
+    53.333333% {
+      transform: translate(50px, -2.651608px);
+    }
+    60% {
+      transform: translate(50px, -4.471832px);
+    }
+    66.666667% {
+      transform: translate(50px, -2.651608px);
+    }
+    80% {
+      transform: translate(50px, 33.528168px);
+    }
+    86.666667% {
+      transform: translate(50px, 41.764084px);
+    }
+    93.333333% {
+      transform: translate(50px, 33.528168px);
+    }
+    100% {
+      transform: translate(50px, 33.528168px);
+    }
+  `};return {root:r=>emotion.css({height:r.customSize?`${r.customSize}px`:void 0,verticalAlign:"middle",width:r.customSize?`${r.customSize}px`:Wt[r.size]}),circle1Scale:emotion.css({animation:`${e.scale1} 1s linear infinite normal forwards;`}),circle2Scale:emotion.css({animation:`${e.scale2} 1s linear infinite normal forwards;`}),circle3Scale:emotion.css({animation:`${e.scale3} 1s linear infinite normal forwards;`}),circle1Translate:emotion.css({animation:`${e.translate1} 1s linear infinite normal forwards;`}),circle2Translate:emotion.css({animation:`${e.translate2} 1s linear infinite normal forwards;`}),circle3Translate:emotion.css({animation:`${e.translate3} 1s linear infinite normal forwards;`})}},$t="div",Xt={default:o__default.default.gray700,primary:o__default.default.blue500,white:o__default.default.colorWhite},we=u.forwardRef((e,r)=>{var t=e,{className:a,customSize:i,size:n="medium",variant:s="default",testId:c="cf-ui-spinner"}=t,l=_t(t,["className","customSize","size","variant","testId"]);let p=Ft();return u__default.default.createElement(f36Core.Box,Dt(Ot({as:$t,display:"inline-block"},l),{className:emotion.cx(p.root({size:n,customSize:i}),a),ref:r,testId:c}),u__default.default.createElement("svg",{className:emotion.css({display:"block",fill:Xt[s]}),viewBox:"0 0 60 51",xmlns:"http://www.w3.org/2000/svg"},u__default.default.createElement("title",null,"Loading\u2026"),u__default.default.createElement("g",{className:p.circle1Translate,transform:"translate(10,33.528168)"},u__default.default.createElement("g",{className:p.circle1Scale},u__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),u__default.default.createElement("g",{className:p.circle2Translate,transform:"translate(30,33.528168)"},u__default.default.createElement("g",{className:p.circle2Scale},u__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),u__default.default.createElement("g",{className:p.circle3Translate,transform:"translate(50,33.528168)"},u__default.default.createElement("g",{className:p.circle3Scale},u__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"})))))});we.displayName="Spinner";var jt=Object.defineProperty,Ut=Object.defineProperties,Zt=Object.getOwnPropertyDescriptors,se=Object.getOwnPropertySymbols,fr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,mr=(e,r,t)=>r in e?jt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,y=(e,r)=>{for(var t in r||(r={}))fr.call(r,t)&&mr(e,t,r[t]);if(se)for(var t of se(r))ur.call(r,t)&&mr(e,t,r[t]);return e},Ee=(e,r)=>Ut(e,Zt(r)),Ae=(e,r)=>{var t={};for(var a in e)fr.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&se)for(var a of se(e))r.indexOf(a)<0&&ur.call(e,a)&&(t[a]=e[a]);return t},qt=({withDivider:e})=>{let r=Yt(e);return {buttonGroup:emotion.css({display:"inline-flex",position:"relative"}),groupContent:emotion.css(y({borderRadius:"0 !important",marginRight:"-1px","&:first-child":{borderBottomLeftRadius:`${o__default.default.borderRadiusMedium} !important`,borderTopLeftRadius:`${o__default.default.borderRadiusMedium} !important`},"&:last-child":{borderBottomRightRadius:`${o__default.default.borderRadiusMedium} !important`,borderTopRightRadius:`${o__default.default.borderRadiusMedium} !important`,marginRight:0},"&:focus":{zIndex:o__default.default.zIndexDefault}},r))}},Yt=e=>{if(!e)return {};let r=`1px solid ${f36Utils.hexToRGBA(o__default.default.colorWhite,.2)}`;return {borderTop:"none",borderBottom:"none","&:not(:first-child,:focus-visible)":{borderLeft:r},"&:not(:last-child,:focus-visible)":{borderRight:r}}};function gr(e,r){let{variant:t="merged",withDivider:a,testId:i="cf-ui-button-group",children:n,className:s,spacing:c}=e,l=qt({withDivider:a});return t==="spaced"?u__default.default.createElement(f36Core.Stack,{className:s,isInline:!0,flexDirection:"row",testId:i,ref:r,spacing:c},n):u__default.default.createElement(f36Core.Box,{testId:i,ref:r,className:emotion.cx(l.buttonGroup,s)},u__default.default.Children.map(n,(p,v)=>p?u__default.default.cloneElement(p,{key:v,className:emotion.cx(l.groupContent,p.props.className)}):null))}gr.displayName="ButtonGroup";u__default.default.forwardRef(gr);var j=e=>{switch(e){case"primary":return {backgroundColor:o__default.default.blue700};case"secondary":return {backgroundColor:o__default.default.gray200};case"positive":return {backgroundColor:o__default.default.green700};case"negative":return {backgroundColor:o__default.default.gray200};case"transparent":return {backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.1)};default:return {}}},Jt=e=>{switch(e){case"primary":return {color:o__default.default.colorWhite,backgroundColor:o__default.default.blue500,borderColor:"transparent","&:hover":{backgroundColor:o__default.default.blue600,color:o__default.default.colorWhite},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};case"secondary":return {color:o__default.default.gray900,backgroundColor:o__default.default.colorWhite,borderColor:o__default.default.gray300,"&:hover":{backgroundColor:o__default.default.gray100,color:o__default.default.gray900},"&:active":j(e),"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};case"positive":return {color:o__default.default.colorWhite,backgroundColor:o__default.default.green500,borderColor:"transparent","&:hover":{backgroundColor:o__default.default.green600,color:o__default.default.colorWhite},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowPositive}};case"negative":return {color:o__default.default.red600,backgroundColor:o__default.default.colorWhite,borderColor:o__default.default.gray300,"&:hover":{backgroundColor:o__default.default.gray100,color:o__default.default.red600},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowNegative}};case"transparent":return {color:o__default.default.gray900,background:"none",borderColor:"transparent",boxShadow:"none","&:hover":{backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.05)},"&:active":j(e),"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};default:return {}}},Kt=(e,r)=>{let t=r==="high";switch(e){case"small":return {fontSize:t?o__default.default.fontSizeS:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightCondensed,padding:t?`${o__default.default.spacing2Xs} ${o__default.default.spacingXs}`:`${o__default.default.spacing2Xs} ${o__default.default.spacingS}`,minHeight:t?o__default.default.spacingL:o__default.default.spacingXl};case"medium":return {fontSize:t?o__default.default.fontSizeS:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightCondensed,padding:t?`${o__default.default.spacingXs} ${o__default.default.spacingS}`:`${o__default.default.spacingXs} ${o__default.default.spacingM}`,minHeight:t?o__default.default.spacingXl:"40px"};case"large":return {fontSize:o__default.default.fontSizeXl,lineHeight:o__default.default.lineHeightXl,padding:`${o__default.default.spacingXs} ${o__default.default.spacingM}`,minHeight:"48px"};default:return {}}},Qt=({hasChildren:e,variant:r})=>{let t={"&:first-child":{marginRight:o__default.default.spacing2Xs},"&:last-child":{marginLeft:o__default.default.spacing2Xs}};return emotion.css([e?t:{},r!=="transparent"&&e&&{"& svg":{fill:"currentColor"}}])},eo=()=>({button:({variant:e,size:r,density:t,isActive:a,isDisabled:i,isFullWidth:n})=>emotion.css(y(y(y({boxSizing:"border-box",border:"1px solid",boxShadow:"0px 1px 0px rgb(25, 37, 50, 0.08)",borderRadius:t==="high"?o__default.default.borderRadiusSmall:o__default.default.borderRadiusMedium,cursor:i?"not-allowed":"pointer",fontFamily:o__default.default.fontStackPrimary,opacity:i?.5:1,display:n?"flex":"inline-flex",minWidth:n?"100%":"auto",maxWidth:n?"100%":"240px",overflow:"hidden",flexShrink:0,justifyContent:"center",alignItems:"center",fontWeight:o__default.default.fontWeightMedium,outline:"none",textDecoration:"none",margin:0,transition:`background ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingDefault},
+        opacity ${o__default.default.transitionDurationDefault} ${o__default.default.transitionEasingDefault},
+        border-color ${o__default.default.transitionDurationDefault} ${o__default.default.transitionEasingDefault}`},Jt(e)),Kt(r,t)),a?{transition:"none","&, &:focus":j(e)}:{})),buttonIcon:Qt,buttonContent:emotion.css({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"})}),ro="button";function br(e,r){let t=eo(),a=e,{as:i=ro,children:n,className:s,testId:c="cf-ui-button",variant:l="secondary",size:p="medium",startIcon:v,endIcon:x,isActive:N,isDisabled:w,isLoading:M,isFullWidth:D,style:R}=a,Z=Ae(a,["as","children","className","testId","variant","size","startIcon","endIcon","isActive","isDisabled","isLoading","isFullWidth","style"]),zr=f36Utils.useDensity(),Lr=emotion.cx(t.button({variant:l,size:p,density:zr,isActive:N,isDisabled:w,isFullWidth:D}),s),Te=q=>{var ze;let Hr={primary:"white",secondary:"secondary",positive:"white",negative:"negative",transparent:"secondary"};return !M&&u__default.default.createElement(f36Core.Flex,{as:"span",className:t.buttonIcon({hasChildren:!!n,variant:l})},u__default.default.cloneElement(q,{size:(ze=q.props.size)!=null?ze:`${p==="large"?"medium":"small"}`,color:l==="transparent"&&q.props.variant===void 0&&q.props.color||"currentColor",variant:l==="transparent"&&q.props.variant||Hr[l]}))},Re=u__default.default.createElement(u__default.default.Fragment,null,v&&Te(v),n&&u__default.default.createElement(f36Core.Box,{as:"span",display:"block",className:t.buttonContent},n),x&&Te(x),M&&u__default.default.createElement(f36Core.Box,{as:"span",marginLeft:n||!M?"spacingXs":"none"},u__default.default.createElement(we,{customSize:18,variant:l==="secondary"||l==="negative"||l==="transparent"?"default":"white"}))),Be={"data-test-id":c,className:Lr,ref:r,style:R};return i==="a"?u__default.default.createElement("a",Ee(y(y({},Z),Be),{disabled:w}),Re):u__default.default.createElement("button",Ee(y(y({type:"button"},Z),Be),{disabled:w}),Re)}br.displayName="Button";var le=u__default.default.forwardRef(br),to=({isActive:e,isDisabled:r})=>{let t={background:o__default.default.blue100,borderColor:o__default.default.blue600,"&":{zIndex:o__default.default.zIndexDefault+1},"&:hover":{background:o__default.default.blue100}},a={"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus-visible:not([disabled])":{zIndex:o__default.default.zIndexDefault+2},"&:active, &:active:hover":r?{background:o__default.default.colorWhite,borderColor:o__default.default.gray300}:{background:o__default.default.blue100,borderColor:o__default.default.blue600}};return e?y(y({},a),t):a},oo=({isActive:e,isDisabled:r})=>({toggleButton:emotion.css(to({isActive:e,isDisabled:r}))});function vr(e,r){let t=e,{testId:a="cf-ui-toggle-button",children:i,className:n,isDisabled:s=!1,isActive:c=!1,icon:l,onToggle:p,size:v="medium"}=t,x=Ae(t,["testId","children","className","isDisabled","isActive","icon","onToggle","size"]),N=oo({isActive:c,isDisabled:s});return u__default.default.createElement(le,y({testId:a,type:"button",ref:r,size:v,onClick:()=>{!s&&p&&p();},className:emotion.cx(N.toggleButton,n),startIcon:l,isDisabled:s,"aria-pressed":c,"data-state":c?"on":"off"},x),i)}vr.displayName="ToggleButton";u__default.default.forwardRef(vr);function ao(e,r){let t=r==="high";switch(e){case"small":return {padding:t?`${o__default.default.spacing2Xs}`:o__default.default.spacing2Xs,minHeight:t?o__default.default.spacingL:o__default.default.spacingXl,minWidth:t?o__default.default.spacingL:o__default.default.spacingXl};case"medium":return {padding:o__default.default.spacingXs,minHeight:t?o__default.default.spacingXl:"40px",minWidth:t?o__default.default.spacingXl:"40px"};default:return {}}}function no({size:e,density:r}){return {iconButton:emotion.css(y({},ao(e,r)))}}function hr(e,r){let t=e,{testId:a="cf-ui-icon-button",variant:i="transparent",icon:n,className:s,size:c="medium"}=t,l=Ae(t,["testId","variant","icon","className","size"]),p=f36Utils.useDensity(),v=no({size:c,density:p});return u__default.default.createElement(le,Ee(y({testId:a,ref:r,variant:i,className:emotion.cx(v.iconButton,s),size:c},l),{startIcon:n}))}hr.displayName="IconButton";var xr=u__default.default.forwardRef(hr);var yr=()=>({navbarSearch:emotion.css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:o__default.default.gray700}},I())});function po(e,r){let s=e,{className:t,testId:a="cf-ui-navbar-search"}=s,i=f(s,["className","testId"]),n=yr();return u__default.default.createElement(xr,d(m({"aria-label":"Quick Search"},i),{variant:"transparent",ref:r,size:"small",className:emotion.cx(n.navbarSearch,t),testId:a,icon:u__default.default.createElement($e,{size:"medium"})}))}var Nr=u__default.default.forwardRef(po);var Ir={display:"none","&:first-child":{display:"block"},[E.medium]:{display:"block","&:first-child":{display:"none"}}},Sr=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${o__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${o__default.default.spacingXs}`,height:o__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:o__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[E.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:o__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:o__default.default.fontStackMonospace,fontSize:o__default.default.fontSizeS,fontWeight:o__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[E.large]:{maxWidth:"100%"}},"> div":{[E.medium]:{gap:o__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${o__default.default.gray300}`,borderRadius:"50%",color:o__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:o__default.default.spacingL,height:o__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:o__default.default.green600," svg":d(m({},Ir),{fill:o__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:o__default.default.orange500,svg:d(m({},Ir),{fill:o__default.default.orange500})})});function Pr({isAlias:e}){return u__default.default.createElement(u__default.default.Fragment,null,u__default.default.createElement(_e,{key:"mobile-icon",size:"tiny"}),e?u__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):u__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function go(e,r){let x=e,{children:t,isCircle:a,className:i,envVariant:n,isAlias:s,testId:c="cf-ui-navbar-switcher-item"}=x,l=f(x,["children","isCircle","className","envVariant","isAlias","testId"]),p=Sr(),v=emotion.cx(p.breadcrumbsItem,i,{[p.breadcrumbsItemCircle]:a,[p.breadcrumbsItemEnvMaster]:n==="master",[p.breadcrumbsItemEnvNonMaster]:n==="non-master"});return u__default.default.createElement("li",d(m({},l),{ref:r,className:v,"data-test-id":c}),u__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&u__default.default.createElement(Pr,{isAlias:s}),u__default.default.createElement("span",null,t)))}var wr=u__default.default.forwardRef(go);var Mr=()=>({navbarHelp:emotion.css({fontSize:o__default.default.fontSizeS,padding:`0 ${o__default.default.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:o__default.default.gray700,svg:{fill:o__default.default.gray700}},I())});function ho(e,r){let c=e,{children:t,className:a,testId:i="cf-ui-navbar-help-trigger"}=c,n=f(c,["children","className","testId"]),s=Mr();return u__default.default.createElement(_,{testId:"cf-ui-navbar-help-menu",trigger:u__default.default.createElement(le,d(m({"aria-label":"Help Menu"},n),{as:"button",ref:r,className:emotion.cx(s.navbarHelp,a),testId:i,variant:"transparent",size:"small",startIcon:u__default.default.createElement(Fe,{size:"medium"})}),"Help")},t)}var Er=u__default.default.forwardRef(ho);var Cr=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${o__default.default.purple600}`,margin:0,outline:"none",fontSize:o__default.default.fontSizeS,lineHeight:o__default.default.lineHeightS,fontWeight:o__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${o__default.default.spacingXs}`,textDecoration:"none",color:`${o__default.default.purple600}!important`,borderRadius:"1.75rem"})});var No="div";function Io(e,r){let l=e,{as:t=No,children:a,className:i,testId:n="cf-ui-navbar-badge"}=l,s=f(l,["as","children","className","testId"]),c=Cr();return u__default.default.createElement(t,d(m({},s),{ref:r,className:emotion.cx(c.navbarBadge,i),"data-test-id":n}),a)}var kr=u__default.default.forwardRef(Io);var Tr=()=>({navbarTopItem:emotion.css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:o__default.default.spacing2Xs,alignItems:"center",lineHeight:o__default.default.lineHeightDefault,color:o__default.default.gray700,padding:`0 ${o__default.default.spacing2Xs}`,minHeight:"24px",fontSize:o__default.default.fontSizeS,fontWeight:o__default.default.fontWeightMedium,outline:"none",borderRadius:o__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.05)},svg:{fill:"currentColor"}},I())});var Mo="button";function Eo(e,r){let l=e,{as:t=Mo,children:a,className:i,testId:n="cf-ui-navbar-topbar-item"}=l,s=f(l,["as","children","className","testId"]),c=Tr();return u__default.default.createElement(t,d(m({},s),{ref:r,className:emotion.cx(c.navbarTopItem,i),"data-test-id":n}),a)}var Br=u__default.default.forwardRef(Eo);var h=Ge;h.Item=be;h.ItemSkeleton=ve;h.MenuItem=he;h.MenuItemSkeleton=xe;h.MenuDivider=f36Menu.MenuDivider;h.MenuSectionTitle=f36Menu.MenuSectionTitle;h.Switcher=Ie;h.SwitcherSkeleton=Se;h.SwitcherItem=wr;h.Search=Nr;h.Help=Er;h.Account=ue;h.AccountSkeleton=ge;h.Badge=kr;h.TopbarItem=Br;
 
-exports.Navbar = b;
-exports.getNavbarItemActiveStyles = Ne;
+exports.Navbar = h;
+exports.getNavbarItemActiveStyles = qe;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map