@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppHeaderMobile/index.js

@@ -1,214 +1,165 @@
-import _styled from "@emotion/styled/base";
-import { Box, IconButton, Overlay } from '@codecademy/gamut';
-import { MenuIcon } from '@codecademy/gamut-icons';
-import { Background, css, states, theme } from '@codecademy/gamut-styles';
-import { useEffect, useRef, useState } from 'react';
-import * as React from 'react';
-import { AppHeaderListItem } from '../AppHeader/AppHeaderElements/AppHeaderListItem';
-import { useHeaderSearch } from '../AppHeader/Search/useHeaderSearch';
-import { appHeaderMobileBreakpoint, StyledAppBar } from '../AppHeader/shared';
-import { mapAppHeaderItemToElement } from '../AppHeader/shared/utils';
-import { AppHeaderMainMenuMobile } from '../AppHeaderMobile/AppHeaderMainMenuMobile';
-import { HeaderHeightArea } from '../HeaderHeightArea';
-import { NotificationsContents } from '../Notifications/NotificationsContents';
-import { useHeaderNotifications } from '../Notifications/useHeaderNotifications';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const StyledOverlay = /*#__PURE__*/_styled(Overlay, {
-  target: "e14c9jns1",
-  label: "StyledOverlay"
+import { HeaderHeightArea } from "../HeaderHeightArea/index.js";
+import { StyledAppBar, appHeaderMobileBreakpoint } from "../AppHeader/shared/elements.js";
+import "../AppHeader/shared/index.js";
+import { NotificationsContents } from "../Notifications/NotificationsContents.js";
+import { useHeaderNotifications } from "../Notifications/useHeaderNotifications.js";
+import { AppHeaderListItem } from "../AppHeader/AppHeaderElements/AppHeaderListItem/index.js";
+import { useHeaderSearch } from "../AppHeader/Search/useHeaderSearch.js";
+import { mapAppHeaderItemToElement } from "../AppHeader/shared/utils.js";
+import { AppHeaderMainMenuMobile } from "./AppHeaderMainMenuMobile/index.js";
+import { Box, IconButton, Overlay } from "@codecademy/gamut";
+import { Background, css, states, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useEffect, useRef, useState } from "react";
+import { MenuIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeaderMobile/index.tsx
+const StyledOverlay = /* @__PURE__ */ styled(Overlay, {
+	target: "e1oiwp570",
+	label: "brand-StyledOverlay"
 })(css({
-  display: {
-    _: `block`,
-    [appHeaderMobileBreakpoint]: `none`
-  },
-  width: `100vw`,
-  height: `100vh`,
-  opacity: 1,
-  bg: `beige`,
-  position: `fixed`,
-  left: 0,
-  top: 0,
-  overflowX: `hidden`
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDc0IiLCJmaWxlIjoiLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEJ1dHRvbkJhc2VFbGVtZW50cyxcbiAgSWNvbkJ1dHRvbixcbiAgT3ZlcmxheSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWVudUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBcHBIZWFkZXJTZWFyY2ggfSBmcm9tICcuLic7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyB1c2VIZWFkZXJTZWFyY2ggfSBmcm9tICcuLi9BcHBIZWFkZXIvU2VhcmNoL3VzZUhlYWRlclNlYXJjaCc7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckl0ZW0sXG4gIGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQsXG4gIEZvcm1hdHRlZE1vYmlsZUFwcEhlYWRlckl0ZW1zLFxuICBTdHlsZWRBcHBCYXIsXG59IGZyb20gJy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgbWFwQXBwSGVhZGVySXRlbVRvRWxlbWVudCB9IGZyb20gJy4uL0FwcEhlYWRlci9zaGFyZWQvdXRpbHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbCB9IGZyb20gJy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQgeyBIZWFkZXJIZWlnaHRBcmVhIH0gZnJvbSAnLi4vSGVhZGVySGVpZ2h0QXJlYSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25zQ29udGVudHMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb25zL05vdGlmaWNhdGlvbnNDb250ZW50cyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJOb3RpZmljYXRpb25TZXR0aW5ncyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvdHlwZXMnO1xuaW1wb3J0IHsgdXNlSGVhZGVyTm90aWZpY2F0aW9ucyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvdXNlSGVhZGVyTm90aWZpY2F0aW9ucyc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlck1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogRm9ybWF0dGVkTW9iaWxlQXBwSGVhZGVySXRlbXM7XG4gIG5vdGlmaWNhdGlvbnM/OiBBcHBIZWFkZXJOb3RpZmljYXRpb25TZXR0aW5ncztcbiAgcmVkaXJlY3RQYXJhbT86IHN0cmluZztcbiAgc2VhcmNoOiBBcHBIZWFkZXJTZWFyY2g7XG4gIGlzQW5vbjogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHVzZWQgdG8gY29uZGl0b25hbGx5IGhpZGUgdGhlIGRlZmF1bHQgc2VhcmNoIGljb24gYW5kIG5vdGlmaWNhdGlvbiBiZWxsXG4gICAqL1xuICBpc0VudGVycHJpc2U/OiBib29sZWFuO1xuICBpc1NpbXBsZT86IGJvb2xlYW47XG4gIGhpZGVSaWdodE1lbnVCdXR0b24/OiBib29sZWFuO1xuICBuYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsPzogTmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbDtcbn07XG5cbmNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoT3ZlcmxheSkoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogeyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9LFxuICAgIHdpZHRoOiBgMTAwdndgLFxuICAgIGhlaWdodDogYDEwMHZoYCxcbiAgICBvcGFjaXR5OiAxLFxuICAgIGJnOiBgYmVpZ2VgLFxuICAgIHBvc2l0aW9uOiBgZml4ZWRgLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiAwLFxuICAgIG92ZXJmbG93WDogYGhpZGRlbmAsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWw8eyBjZW50ZXI/OiBib29sZWFuIH0+KFxuICBjc3Moe1xuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB9KSxcbiAgc3RhdGVzKHtcbiAgICBjZW50ZXI6IHtcbiAgICAgIGp1c3RpZnlDb250ZW50OiB7XG4gICAgICAgIF86ICdjZW50ZXInLFxuICAgICAgICBzbTogJ2ZsZXgtc3RhcnQnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyTW9iaWxlUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBpdGVtcyxcbiAgbm90aWZpY2F0aW9ucyxcbiAgc2VhcmNoLFxuICByZWRpcmVjdFBhcmFtLFxuICBpc0Fub24sXG4gIGlzRW50ZXJwcmlzZSxcbiAgaXNTaW1wbGUsXG4gIGhpZGVSaWdodE1lbnVCdXR0b24sXG4gIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWwsXG59KSA9PiB7XG4gIGNvbnN0IFttb2JpbGVNZW51T3Blbiwgc2V0TW9iaWxlTWVudU9wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbiB8IHVuZGVmaW5lZD4oXG4gICAgdW5kZWZpbmVkXG4gICk7XG4gIGNvbnN0IFthbGxvd1Njcm9sbCwgc2V0QWxsb3dTY3JvbGxdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCBvcGVuQnV0dG9uUmVmID0gdXNlUmVmPEJ1dHRvbkJhc2VFbGVtZW50cz4obnVsbCk7XG4gIGNvbnN0IGNsb3NlQnV0dG9uUmVmID0gdXNlUmVmPEJ1dHRvbkJhc2VFbGVtZW50cz4obnVsbCk7XG5cbiAgY29uc3QgW25vdGlmaWNhdGlvbnNCZWxsLCBub3RpZmljYXRpb25zVmlld10gPSB1c2VIZWFkZXJOb3RpZmljYXRpb25zKHtcbiAgICBzZXR0aW5nczogbm90aWZpY2F0aW9ucyxcbiAgICBSZW5kZXJlcjogTm90aWZpY2F0aW9uc0NvbnRlbnRzLFxuICB9KTtcblxuICBjb25zdCBbc2VhcmNoQnV0dG9uLCBzZWFyY2hQYW5lXSA9IHVzZUhlYWRlclNlYXJjaCh7XG4gICAgLi4uc2VhcmNoLFxuICB9KTtcblxuICBjb25zdCBvcGVuTW9iaWxlTWVudSA9ICgpID0+IHtcbiAgICBzZXRNb2JpbGVNZW51T3Blbih0cnVlKTtcblxuICAgIGlmIChjbG9zZUJ1dHRvblJlZi5jdXJyZW50KSB7XG4gICAgICBjbG9zZUJ1dHRvblJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1vYmlsZU1lbnVPcGVuID09PSBmYWxzZSAmJiBvcGVuQnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAob3BlbkJ1dHRvblJlZi5jdXJyZW50KSBvcGVuQnV0dG9uUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgIH0sIDApO1xuICAgIH1cbiAgfSwgW21vYmlsZU1lbnVPcGVuXSk7XG5cbiAgY29uc3QgbWFwSXRlbXNUb0VsZW1lbnQgPSA8VCBleHRlbmRzIEFwcEhlYWRlckl0ZW1bXT4oXG4gICAgaXRlbXM6IFQsXG4gICAgc2lkZTogJ2xlZnQnIHwgJ3JpZ2h0JyxcbiAgICBoaWRlRXh0cmFJdGVtcz86IGJvb2xlYW5cbiAgKSA9PiB7XG4gICAgY29uc3Qgc2hvdWxkSGlkZUl0ZW1zID0gaGlkZUV4dHJhSXRlbXMgPT09IHRydWUgJiYgaXRlbXMubGVuZ3RoID4gMTtcbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNMYXN0SXRlbSA9IGluZGV4ICsgMSA9PT0gaXRlbXMubGVuZ3RoO1xuICAgICAgY29uc3QgaXNIaWRhYmxlID0gIWlzTGFzdEl0ZW0gJiYgc2hvdWxkSGlkZUl0ZW1zO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtXG4gICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgIG1sPXtzaWRlID09PSAncmlnaHQnICYmIGluZGV4ID09PSAwID8gJ2F1dG8nIDogMH1cbiAgICAgICAgICBkaXNwbGF5PXt7XG4gICAgICAgICAgICBfOiBpc0hpZGFibGUgPyAnbm9uZScgOiAnZmxleCcsXG4gICAgICAgICAgICB4czogJ2ZsZXgnLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7bWFwQXBwSGVhZGVySXRlbVRvRWxlbWVudCh7XG4gICAgICAgICAgICBhY3Rpb24sXG4gICAgICAgICAgICBpc1N0YW5kYWxvbmU6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGlzVGVhbXM6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGl0ZW0sXG4gICAgICAgICAgICBtb2JpbGU6IHRydWUsXG4gICAgICAgICAgICByZWRpcmVjdFBhcmFtLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgKTtcbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCByaWdodCA9IFtcbiAgICAuLi4oIWlzRW50ZXJwcmlzZSA/IFtzZWFyY2hCdXR0b25dIDogW10pLFxuICAgIC4uLihub3RpZmljYXRpb25zQmVsbCAmJiAhaXNFbnRlcnByaXNlID8gW25vdGlmaWNhdGlvbnNCZWxsXSA6IFtdKSxcbiAgICAuLi5pdGVtcy5yaWdodCxcbiAgXTtcblxuICBjb25zdCBvbkl0ZW1UeXBlID0gKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHR5cGUgJiZcbiAgICAgICh0eXBlID09PSAnY2F0YWxvZy1kcm9wZG93bicgfHwgdHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bicpXG4gICAgKSB7XG4gICAgICBzZXRBbGxvd1Njcm9sbCh0cnVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QWxsb3dTY3JvbGwoZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7IW1vYmlsZU1lbnVPcGVuICYmICggLy8gbmVlZCB0aGlzIGJjIEFwcEJhciBoYXMgYSBoYXJkY29kZWQgei1JbmRleCBvZiAxNVxuICAgICAgICA8SGVhZGVySGVpZ2h0QXJlYVxuICAgICAgICAgIGRpc3BsYXk9e3sgXzogYGJsb2NrYCwgW2FwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnRdOiBgbm9uZWAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxTdHlsZWRBcHBCYXIgYXM9XCJuYXZcIiBhcmlhLWxhYmVsPVwiTWFpblwiPlxuICAgICAgICAgICAgPFN0eWxlZE5hdkJhciBjZW50ZXI9eyEhaXNTaW1wbGV9PlxuICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQoaXRlbXMubGVmdCwgJ2xlZnQnKX1cbiAgICAgICAgICAgICAge21hcEl0ZW1zVG9FbGVtZW50KHJpZ2h0LCAncmlnaHQnLCB0cnVlKX1cbiAgICAgICAgICAgICAgeyFoaWRlUmlnaHRNZW51QnV0dG9uICYmIChcbiAgICAgICAgICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW0gbWw9e3JpZ2h0Lmxlbmd0aCA9PT0gMCA/ICdhdXRvJyA6IDB9PlxuICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17bW9iaWxlTWVudU9wZW59XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXA9eydTaXRlXFxubmF2aWdhdGlvbid9XG4gICAgICAgICAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImhlYWRlci1tb2JpbGUtbWVudVwiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBvcGVuTW9iaWxlTWVudSgpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXtNZW51SWNvbn1cbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICAgICAgICAgIHJlZj17b3BlbkJ1dHRvblJlZn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTmF2QmFyPlxuICAgICAgICAgIDwvU3R5bGVkQXBwQmFyPlxuICAgICAgICA8L0hlYWRlckhlaWdodEFyZWE+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE92ZXJsYXlcbiAgICAgICAgY2xpY2tPdXRzaWRlQ2xvc2VzXG4gICAgICAgIGVzY2FwZUNsb3Nlc1xuICAgICAgICBpc09wZW49e21vYmlsZU1lbnVPcGVufVxuICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0TW9iaWxlTWVudU9wZW4oZmFsc2UpfVxuICAgICAgICBhbGxvd1Njcm9sbD17YWxsb3dTY3JvbGx9XG4gICAgICA+XG4gICAgICAgIDxCYWNrZ3JvdW5kIGJnPVwiYmVpZ2VcIj5cbiAgICAgICAgICA8SGVhZGVySGVpZ2h0QXJlYVxuICAgICAgICAgICAgZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fVxuICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiTWFpblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImhlYWRlci1tb2JpbGUtbWVudS1kcm9wZG93blwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFN0eWxlZEFwcEJhcj5cbiAgICAgICAgICAgICAgPFN0eWxlZE5hdkJhcj5cbiAgICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQoaXRlbXMubGVmdCwgJ2xlZnQnKX1cbiAgICAgICAgICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW0gbWw9XCJhdXRvXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXttb2JpbGVNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldE1vYmlsZU1lbnVPcGVuKGZhbHNlKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgaWNvbj17TWVudUljb259XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXA9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXBQcm9wcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLFxuICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtjbG9zZUJ1dHRvblJlZn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9TdHlsZWROYXZCYXI+XG4gICAgICAgICAgICA8L1N0eWxlZEFwcEJhcj5cbiAgICAgICAgICAgIDxCb3ggYmFja2dyb3VuZD17dGhlbWUuY29sb3JzLmJlaWdlfSBoZWlnaHQ9XCJhdXRvXCI+XG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJNYWluTWVudU1vYmlsZVxuICAgICAgICAgICAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgICAgICAgICAgIGl0ZW1zPXtpdGVtcy5tYWluTWVudX1cbiAgICAgICAgICAgICAgICBnZXRJdGVtVHlwZT17b25JdGVtVHlwZX1cbiAgICAgICAgICAgICAgICBpc0Fub249e2lzQW5vbn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvSGVhZGVySGVpZ2h0QXJlYT5cbiAgICAgICAgPC9CYWNrZ3JvdW5kPlxuICAgICAgPC9TdHlsZWRPdmVybGF5PlxuICAgICAgeyFpc0VudGVycHJpc2UgJiYgKFxuICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogYGJsb2NrYCwgW2FwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnRdOiBgbm9uZWAgfX0+XG4gICAgICAgICAge3NlYXJjaFBhbmV9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fT5cbiAgICAgICAge25vdGlmaWNhdGlvbnNWaWV3fVxuICAgICAgPC9Cb3g+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
-const StyledNavBar = /*#__PURE__*/_styled("ul", {
-  target: "e14c9jns0",
-  label: "StyledNavBar"
+	display: {
+		_: `block`,
+		[appHeaderMobileBreakpoint]: `none`
+	},
+	width: `100vw`,
+	height: `100vh`,
+	opacity: 1,
+	bg: `beige`,
+	position: `fixed`,
+	left: 0,
+	top: 0,
+	overflowX: `hidden`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXJNb2JpbGUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQnV0dG9uQmFzZUVsZW1lbnRzLFxuICBJY29uQnV0dG9uLFxuICBPdmVybGF5LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNZW51SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIGNzcywgc3RhdGVzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlclNlYXJjaCB9IGZyb20gJy4uJztcbmltcG9ydCB7IEFwcEhlYWRlckxpc3RJdGVtIH0gZnJvbSAnLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpc3RJdGVtJztcbmltcG9ydCB7IHVzZUhlYWRlclNlYXJjaCB9IGZyb20gJy4uL0FwcEhlYWRlci9TZWFyY2gvdXNlSGVhZGVyU2VhcmNoJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVySXRlbSxcbiAgYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludCxcbiAgRm9ybWF0dGVkTW9iaWxlQXBwSGVhZGVySXRlbXMsXG4gIFN0eWxlZEFwcEJhcixcbn0gZnJvbSAnLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQgeyBtYXBBcHBIZWFkZXJJdGVtVG9FbGVtZW50IH0gZnJvbSAnLi4vQXBwSGVhZGVyL3NoYXJlZC91dGlscyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJNYWluTWVudU1vYmlsZSB9IGZyb20gJy4uL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsIH0gZnJvbSAnLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7IEhlYWRlckhlaWdodEFyZWEgfSBmcm9tICcuLi9IZWFkZXJIZWlnaHRBcmVhJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNDb250ZW50cyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvTm90aWZpY2F0aW9uc0NvbnRlbnRzJztcbmltcG9ydCB7IEFwcEhlYWRlck5vdGlmaWNhdGlvblNldHRpbmdzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9ucy90eXBlcyc7XG5pbXBvcnQgeyB1c2VIZWFkZXJOb3RpZmljYXRpb25zIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9ucy91c2VIZWFkZXJOb3RpZmljYXRpb25zJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyTW9iaWxlUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW1zOiBGb3JtYXR0ZWRNb2JpbGVBcHBIZWFkZXJJdGVtcztcbiAgbm90aWZpY2F0aW9ucz86IEFwcEhlYWRlck5vdGlmaWNhdGlvblNldHRpbmdzO1xuICByZWRpcmVjdFBhcmFtPzogc3RyaW5nO1xuICBzZWFyY2g6IEFwcEhlYWRlclNlYXJjaDtcbiAgaXNBbm9uOiBib29sZWFuO1xuICAvKipcbiAgICogdXNlZCB0byBjb25kaXRvbmFsbHkgaGlkZSB0aGUgZGVmYXVsdCBzZWFyY2ggaWNvbiBhbmQgbm90aWZpY2F0aW9uIGJlbGxcbiAgICovXG4gIGlzRW50ZXJwcmlzZT86IGJvb2xlYW47XG4gIGlzU2ltcGxlPzogYm9vbGVhbjtcbiAgaGlkZVJpZ2h0TWVudUJ1dHRvbj86IGJvb2xlYW47XG4gIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/OiBOYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsO1xufTtcblxuY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChPdmVybGF5KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiB7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH0sXG4gICAgd2lkdGg6IGAxMDB2d2AsXG4gICAgaGVpZ2h0OiBgMTAwdmhgLFxuICAgIG9wYWNpdHk6IDEsXG4gICAgYmc6IGBiZWlnZWAsXG4gICAgcG9zaXRpb246IGBmaXhlZGAsXG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgb3ZlcmZsb3dYOiBgaGlkZGVuYCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bDx7IGNlbnRlcj86IGJvb2xlYW4gfT4oXG4gIGNzcyh7XG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIH0pLFxuICBzdGF0ZXMoe1xuICAgIGNlbnRlcjoge1xuICAgICAganVzdGlmeUNvbnRlbnQ6IHtcbiAgICAgICAgXzogJ2NlbnRlcicsXG4gICAgICAgIHNtOiAnZmxleC1zdGFydCcsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTW9iaWxlOiBSZWFjdC5GQzxBcHBIZWFkZXJNb2JpbGVQcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGl0ZW1zLFxuICBub3RpZmljYXRpb25zLFxuICBzZWFyY2gsXG4gIHJlZGlyZWN0UGFyYW0sXG4gIGlzQW5vbixcbiAgaXNFbnRlcnByaXNlLFxuICBpc1NpbXBsZSxcbiAgaGlkZVJpZ2h0TWVudUJ1dHRvbixcbiAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbCxcbn0pID0+IHtcbiAgY29uc3QgW21vYmlsZU1lbnVPcGVuLCBzZXRNb2JpbGVNZW51T3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuIHwgdW5kZWZpbmVkPihcbiAgICB1bmRlZmluZWRcbiAgKTtcbiAgY29uc3QgW2FsbG93U2Nyb2xsLCBzZXRBbGxvd1Njcm9sbF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IG9wZW5CdXR0b25SZWYgPSB1c2VSZWY8QnV0dG9uQmFzZUVsZW1lbnRzPihudWxsKTtcbiAgY29uc3QgY2xvc2VCdXR0b25SZWYgPSB1c2VSZWY8QnV0dG9uQmFzZUVsZW1lbnRzPihudWxsKTtcblxuICBjb25zdCBbbm90aWZpY2F0aW9uc0JlbGwsIG5vdGlmaWNhdGlvbnNWaWV3XSA9IHVzZUhlYWRlck5vdGlmaWNhdGlvbnMoe1xuICAgIHNldHRpbmdzOiBub3RpZmljYXRpb25zLFxuICAgIFJlbmRlcmVyOiBOb3RpZmljYXRpb25zQ29udGVudHMsXG4gIH0pO1xuXG4gIGNvbnN0IFtzZWFyY2hCdXR0b24sIHNlYXJjaFBhbmVdID0gdXNlSGVhZGVyU2VhcmNoKHtcbiAgICAuLi5zZWFyY2gsXG4gIH0pO1xuXG4gIGNvbnN0IG9wZW5Nb2JpbGVNZW51ID0gKCkgPT4ge1xuICAgIHNldE1vYmlsZU1lbnVPcGVuKHRydWUpO1xuXG4gICAgaWYgKGNsb3NlQnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNsb3NlQnV0dG9uUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobW9iaWxlTWVudU9wZW4gPT09IGZhbHNlICYmIG9wZW5CdXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGlmIChvcGVuQnV0dG9uUmVmLmN1cnJlbnQpIG9wZW5CdXR0b25SZWYuY3VycmVudC5mb2N1cygpO1xuICAgICAgfSwgMCk7XG4gICAgfVxuICB9LCBbbW9iaWxlTWVudU9wZW5dKTtcblxuICBjb25zdCBtYXBJdGVtc1RvRWxlbWVudCA9IDxUIGV4dGVuZHMgQXBwSGVhZGVySXRlbVtdPihcbiAgICBpdGVtczogVCxcbiAgICBzaWRlOiAnbGVmdCcgfCAncmlnaHQnLFxuICAgIGhpZGVFeHRyYUl0ZW1zPzogYm9vbGVhblxuICApID0+IHtcbiAgICBjb25zdCBzaG91bGRIaWRlSXRlbXMgPSBoaWRlRXh0cmFJdGVtcyA9PT0gdHJ1ZSAmJiBpdGVtcy5sZW5ndGggPiAxO1xuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0xhc3RJdGVtID0gaW5kZXggKyAxID09PSBpdGVtcy5sZW5ndGg7XG4gICAgICBjb25zdCBpc0hpZGFibGUgPSAhaXNMYXN0SXRlbSAmJiBzaG91bGRIaWRlSXRlbXM7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW1cbiAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgbWw9e3NpZGUgPT09ICdyaWdodCcgJiYgaW5kZXggPT09IDAgPyAnYXV0bycgOiAwfVxuICAgICAgICAgIGRpc3BsYXk9e3tcbiAgICAgICAgICAgIF86IGlzSGlkYWJsZSA/ICdub25lJyA6ICdmbGV4JyxcbiAgICAgICAgICAgIHhzOiAnZmxleCcsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHttYXBBcHBIZWFkZXJJdGVtVG9FbGVtZW50KHtcbiAgICAgICAgICAgIGFjdGlvbixcbiAgICAgICAgICAgIGlzU3RhbmRhbG9uZTogdW5kZWZpbmVkLFxuICAgICAgICAgICAgaXNUZWFtczogdW5kZWZpbmVkLFxuICAgICAgICAgICAgaXRlbSxcbiAgICAgICAgICAgIG1vYmlsZTogdHJ1ZSxcbiAgICAgICAgICAgIHJlZGlyZWN0UGFyYW0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IHJpZ2h0ID0gW1xuICAgIC4uLighaXNFbnRlcnByaXNlID8gW3NlYXJjaEJ1dHRvbl0gOiBbXSksXG4gICAgLi4uKG5vdGlmaWNhdGlvbnNCZWxsICYmICFpc0VudGVycHJpc2UgPyBbbm90aWZpY2F0aW9uc0JlbGxdIDogW10pLFxuICAgIC4uLml0ZW1zLnJpZ2h0LFxuICBdO1xuXG4gIGNvbnN0IG9uSXRlbVR5cGUgPSAodHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB7XG4gICAgaWYgKFxuICAgICAgdHlwZSAmJlxuICAgICAgKHR5cGUgPT09ICdjYXRhbG9nLWRyb3Bkb3duJyB8fCB0eXBlID09PSAncmVzb3VyY2VzLWRyb3Bkb3duJylcbiAgICApIHtcbiAgICAgIHNldEFsbG93U2Nyb2xsKHRydWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRBbGxvd1Njcm9sbChmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHshbW9iaWxlTWVudU9wZW4gJiYgKCAvLyBuZWVkIHRoaXMgYmMgQXBwQmFyIGhhcyBhIGhhcmRjb2RlZCB6LUluZGV4IG9mIDE1XG4gICAgICAgIDxIZWFkZXJIZWlnaHRBcmVhXG4gICAgICAgICAgZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZEFwcEJhciBhcz1cIm5hdlwiIGFyaWEtbGFiZWw9XCJNYWluXCI+XG4gICAgICAgICAgICA8U3R5bGVkTmF2QmFyIGNlbnRlcj17ISFpc1NpbXBsZX0+XG4gICAgICAgICAgICAgIHttYXBJdGVtc1RvRWxlbWVudChpdGVtcy5sZWZ0LCAnbGVmdCcpfVxuICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQocmlnaHQsICdyaWdodCcsIHRydWUpfVxuICAgICAgICAgICAgICB7IWhpZGVSaWdodE1lbnVCdXR0b24gJiYgKFxuICAgICAgICAgICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbSBtbD17cmlnaHQubGVuZ3RoID09PSAwID8gJ2F1dG8nIDogMH0+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXttb2JpbGVNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcD17J1NpdGVcXG5uYXZpZ2F0aW9uJ31cbiAgICAgICAgICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ6ICdmbG9hdGluZycsXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiaGVhZGVyLW1vYmlsZS1tZW51XCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIG9wZW5Nb2JpbGVNZW51KCk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIGljb249e01lbnVJY29ufVxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtvcGVuQnV0dG9uUmVmfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWROYXZCYXI+XG4gICAgICAgICAgPC9TdHlsZWRBcHBCYXI+XG4gICAgICAgIDwvSGVhZGVySGVpZ2h0QXJlYT5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3ZlcmxheVxuICAgICAgICBjbGlja091dHNpZGVDbG9zZXNcbiAgICAgICAgZXNjYXBlQ2xvc2VzXG4gICAgICAgIGlzT3Blbj17bW9iaWxlTWVudU9wZW59XG4gICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRNb2JpbGVNZW51T3BlbihmYWxzZSl9XG4gICAgICAgIGFsbG93U2Nyb2xsPXthbGxvd1Njcm9sbH1cbiAgICAgID5cbiAgICAgICAgPEJhY2tncm91bmQgYmc9XCJiZWlnZVwiPlxuICAgICAgICAgIDxIZWFkZXJIZWlnaHRBcmVhXG4gICAgICAgICAgICBkaXNwbGF5PXt7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH19XG4gICAgICAgICAgICBhcz1cIm5hdlwiXG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJNYWluXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiaGVhZGVyLW1vYmlsZS1tZW51LWRyb3Bkb3duXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkQXBwQmFyPlxuICAgICAgICAgICAgICA8U3R5bGVkTmF2QmFyPlxuICAgICAgICAgICAgICAgIHttYXBJdGVtc1RvRWxlbWVudChpdGVtcy5sZWZ0LCAnbGVmdCcpfVxuICAgICAgICAgICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbSBtbD1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e21vYmlsZU1lbnVPcGVufVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgc2V0TW9iaWxlTWVudU9wZW4oZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXtNZW51SWNvbn1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICByZWY9e2Nsb3NlQnV0dG9uUmVmfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgICAgICA8L1N0eWxlZE5hdkJhcj5cbiAgICAgICAgICAgIDwvU3R5bGVkQXBwQmFyPlxuICAgICAgICAgICAgPEJveCBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnMuYmVpZ2V9IGhlaWdodD1cImF1dG9cIj5cbiAgICAgICAgICAgICAgPEFwcEhlYWRlck1haW5NZW51TW9iaWxlXG4gICAgICAgICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgICAgICAgaXRlbXM9e2l0ZW1zLm1haW5NZW51fVxuICAgICAgICAgICAgICAgIGdldEl0ZW1UeXBlPXtvbkl0ZW1UeXBlfVxuICAgICAgICAgICAgICAgIGlzQW5vbj17aXNBbm9ufVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9IZWFkZXJIZWlnaHRBcmVhPlxuICAgICAgICA8L0JhY2tncm91bmQ+XG4gICAgICA8L1N0eWxlZE92ZXJsYXk+XG4gICAgICB7IWlzRW50ZXJwcmlzZSAmJiAoXG4gICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fT5cbiAgICAgICAgICB7c2VhcmNoUGFuZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH19PlxuICAgICAgICB7bm90aWZpY2F0aW9uc1ZpZXd9XG4gICAgICA8L0JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNzQiJ9 */");
+const StyledNavBar = /* @__PURE__ */ styled("ul", {
+	target: "e1oiwp571",
+	label: "brand-StyledNavBar"
 })(css({
-  display: `flex`,
-  padding: 0,
-  listStyle: `none`,
-  margin: 0,
-  width: `100%`,
-  alignItems: 'center'
-}), states({
-  center: {
-    justifyContent: {
-      _: 'center',
-      sm: 'flex-start'
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEcUIiLCJmaWxlIjoiLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEJ1dHRvbkJhc2VFbGVtZW50cyxcbiAgSWNvbkJ1dHRvbixcbiAgT3ZlcmxheSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWVudUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBcHBIZWFkZXJTZWFyY2ggfSBmcm9tICcuLic7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyB1c2VIZWFkZXJTZWFyY2ggfSBmcm9tICcuLi9BcHBIZWFkZXIvU2VhcmNoL3VzZUhlYWRlclNlYXJjaCc7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckl0ZW0sXG4gIGFwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnQsXG4gIEZvcm1hdHRlZE1vYmlsZUFwcEhlYWRlckl0ZW1zLFxuICBTdHlsZWRBcHBCYXIsXG59IGZyb20gJy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgbWFwQXBwSGVhZGVySXRlbVRvRWxlbWVudCB9IGZyb20gJy4uL0FwcEhlYWRlci9zaGFyZWQvdXRpbHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbCB9IGZyb20gJy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQgeyBIZWFkZXJIZWlnaHRBcmVhIH0gZnJvbSAnLi4vSGVhZGVySGVpZ2h0QXJlYSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25zQ29udGVudHMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb25zL05vdGlmaWNhdGlvbnNDb250ZW50cyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJOb3RpZmljYXRpb25TZXR0aW5ncyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvdHlwZXMnO1xuaW1wb3J0IHsgdXNlSGVhZGVyTm90aWZpY2F0aW9ucyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvdXNlSGVhZGVyTm90aWZpY2F0aW9ucyc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlck1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogRm9ybWF0dGVkTW9iaWxlQXBwSGVhZGVySXRlbXM7XG4gIG5vdGlmaWNhdGlvbnM/OiBBcHBIZWFkZXJOb3RpZmljYXRpb25TZXR0aW5ncztcbiAgcmVkaXJlY3RQYXJhbT86IHN0cmluZztcbiAgc2VhcmNoOiBBcHBIZWFkZXJTZWFyY2g7XG4gIGlzQW5vbjogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHVzZWQgdG8gY29uZGl0b25hbGx5IGhpZGUgdGhlIGRlZmF1bHQgc2VhcmNoIGljb24gYW5kIG5vdGlmaWNhdGlvbiBiZWxsXG4gICAqL1xuICBpc0VudGVycHJpc2U/OiBib29sZWFuO1xuICBpc1NpbXBsZT86IGJvb2xlYW47XG4gIGhpZGVSaWdodE1lbnVCdXR0b24/OiBib29sZWFuO1xuICBuYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsPzogTmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbDtcbn07XG5cbmNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoT3ZlcmxheSkoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogeyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9LFxuICAgIHdpZHRoOiBgMTAwdndgLFxuICAgIGhlaWdodDogYDEwMHZoYCxcbiAgICBvcGFjaXR5OiAxLFxuICAgIGJnOiBgYmVpZ2VgLFxuICAgIHBvc2l0aW9uOiBgZml4ZWRgLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiAwLFxuICAgIG92ZXJmbG93WDogYGhpZGRlbmAsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWROYXZCYXIgPSBzdHlsZWQudWw8eyBjZW50ZXI/OiBib29sZWFuIH0+KFxuICBjc3Moe1xuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGxpc3RTdHlsZTogYG5vbmVgLFxuICAgIG1hcmdpbjogMCxcbiAgICB3aWR0aDogYDEwMCVgLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB9KSxcbiAgc3RhdGVzKHtcbiAgICBjZW50ZXI6IHtcbiAgICAgIGp1c3RpZnlDb250ZW50OiB7XG4gICAgICAgIF86ICdjZW50ZXInLFxuICAgICAgICBzbTogJ2ZsZXgtc3RhcnQnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyTW9iaWxlUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBpdGVtcyxcbiAgbm90aWZpY2F0aW9ucyxcbiAgc2VhcmNoLFxuICByZWRpcmVjdFBhcmFtLFxuICBpc0Fub24sXG4gIGlzRW50ZXJwcmlzZSxcbiAgaXNTaW1wbGUsXG4gIGhpZGVSaWdodE1lbnVCdXR0b24sXG4gIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWwsXG59KSA9PiB7XG4gIGNvbnN0IFttb2JpbGVNZW51T3Blbiwgc2V0TW9iaWxlTWVudU9wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbiB8IHVuZGVmaW5lZD4oXG4gICAgdW5kZWZpbmVkXG4gICk7XG4gIGNvbnN0IFthbGxvd1Njcm9sbCwgc2V0QWxsb3dTY3JvbGxdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCBvcGVuQnV0dG9uUmVmID0gdXNlUmVmPEJ1dHRvbkJhc2VFbGVtZW50cz4obnVsbCk7XG4gIGNvbnN0IGNsb3NlQnV0dG9uUmVmID0gdXNlUmVmPEJ1dHRvbkJhc2VFbGVtZW50cz4obnVsbCk7XG5cbiAgY29uc3QgW25vdGlmaWNhdGlvbnNCZWxsLCBub3RpZmljYXRpb25zVmlld10gPSB1c2VIZWFkZXJOb3RpZmljYXRpb25zKHtcbiAgICBzZXR0aW5nczogbm90aWZpY2F0aW9ucyxcbiAgICBSZW5kZXJlcjogTm90aWZpY2F0aW9uc0NvbnRlbnRzLFxuICB9KTtcblxuICBjb25zdCBbc2VhcmNoQnV0dG9uLCBzZWFyY2hQYW5lXSA9IHVzZUhlYWRlclNlYXJjaCh7XG4gICAgLi4uc2VhcmNoLFxuICB9KTtcblxuICBjb25zdCBvcGVuTW9iaWxlTWVudSA9ICgpID0+IHtcbiAgICBzZXRNb2JpbGVNZW51T3Blbih0cnVlKTtcblxuICAgIGlmIChjbG9zZUJ1dHRvblJlZi5jdXJyZW50KSB7XG4gICAgICBjbG9zZUJ1dHRvblJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1vYmlsZU1lbnVPcGVuID09PSBmYWxzZSAmJiBvcGVuQnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAob3BlbkJ1dHRvblJlZi5jdXJyZW50KSBvcGVuQnV0dG9uUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICAgIH0sIDApO1xuICAgIH1cbiAgfSwgW21vYmlsZU1lbnVPcGVuXSk7XG5cbiAgY29uc3QgbWFwSXRlbXNUb0VsZW1lbnQgPSA8VCBleHRlbmRzIEFwcEhlYWRlckl0ZW1bXT4oXG4gICAgaXRlbXM6IFQsXG4gICAgc2lkZTogJ2xlZnQnIHwgJ3JpZ2h0JyxcbiAgICBoaWRlRXh0cmFJdGVtcz86IGJvb2xlYW5cbiAgKSA9PiB7XG4gICAgY29uc3Qgc2hvdWxkSGlkZUl0ZW1zID0gaGlkZUV4dHJhSXRlbXMgPT09IHRydWUgJiYgaXRlbXMubGVuZ3RoID4gMTtcbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNMYXN0SXRlbSA9IGluZGV4ICsgMSA9PT0gaXRlbXMubGVuZ3RoO1xuICAgICAgY29uc3QgaXNIaWRhYmxlID0gIWlzTGFzdEl0ZW0gJiYgc2hvdWxkSGlkZUl0ZW1zO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtXG4gICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgIG1sPXtzaWRlID09PSAncmlnaHQnICYmIGluZGV4ID09PSAwID8gJ2F1dG8nIDogMH1cbiAgICAgICAgICBkaXNwbGF5PXt7XG4gICAgICAgICAgICBfOiBpc0hpZGFibGUgPyAnbm9uZScgOiAnZmxleCcsXG4gICAgICAgICAgICB4czogJ2ZsZXgnLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7bWFwQXBwSGVhZGVySXRlbVRvRWxlbWVudCh7XG4gICAgICAgICAgICBhY3Rpb24sXG4gICAgICAgICAgICBpc1N0YW5kYWxvbmU6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGlzVGVhbXM6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGl0ZW0sXG4gICAgICAgICAgICBtb2JpbGU6IHRydWUsXG4gICAgICAgICAgICByZWRpcmVjdFBhcmFtLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgKTtcbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCByaWdodCA9IFtcbiAgICAuLi4oIWlzRW50ZXJwcmlzZSA/IFtzZWFyY2hCdXR0b25dIDogW10pLFxuICAgIC4uLihub3RpZmljYXRpb25zQmVsbCAmJiAhaXNFbnRlcnByaXNlID8gW25vdGlmaWNhdGlvbnNCZWxsXSA6IFtdKSxcbiAgICAuLi5pdGVtcy5yaWdodCxcbiAgXTtcblxuICBjb25zdCBvbkl0ZW1UeXBlID0gKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHR5cGUgJiZcbiAgICAgICh0eXBlID09PSAnY2F0YWxvZy1kcm9wZG93bicgfHwgdHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bicpXG4gICAgKSB7XG4gICAgICBzZXRBbGxvd1Njcm9sbCh0cnVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QWxsb3dTY3JvbGwoZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7IW1vYmlsZU1lbnVPcGVuICYmICggLy8gbmVlZCB0aGlzIGJjIEFwcEJhciBoYXMgYSBoYXJkY29kZWQgei1JbmRleCBvZiAxNVxuICAgICAgICA8SGVhZGVySGVpZ2h0QXJlYVxuICAgICAgICAgIGRpc3BsYXk9e3sgXzogYGJsb2NrYCwgW2FwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnRdOiBgbm9uZWAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxTdHlsZWRBcHBCYXIgYXM9XCJuYXZcIiBhcmlhLWxhYmVsPVwiTWFpblwiPlxuICAgICAgICAgICAgPFN0eWxlZE5hdkJhciBjZW50ZXI9eyEhaXNTaW1wbGV9PlxuICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQoaXRlbXMubGVmdCwgJ2xlZnQnKX1cbiAgICAgICAgICAgICAge21hcEl0ZW1zVG9FbGVtZW50KHJpZ2h0LCAncmlnaHQnLCB0cnVlKX1cbiAgICAgICAgICAgICAgeyFoaWRlUmlnaHRNZW51QnV0dG9uICYmIChcbiAgICAgICAgICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW0gbWw9e3JpZ2h0Lmxlbmd0aCA9PT0gMCA/ICdhdXRvJyA6IDB9PlxuICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17bW9iaWxlTWVudU9wZW59XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXA9eydTaXRlXFxubmF2aWdhdGlvbid9XG4gICAgICAgICAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImhlYWRlci1tb2JpbGUtbWVudVwiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBvcGVuTW9iaWxlTWVudSgpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXtNZW51SWNvbn1cbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICAgICAgICAgIHJlZj17b3BlbkJ1dHRvblJlZn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTmF2QmFyPlxuICAgICAgICAgIDwvU3R5bGVkQXBwQmFyPlxuICAgICAgICA8L0hlYWRlckhlaWdodEFyZWE+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE92ZXJsYXlcbiAgICAgICAgY2xpY2tPdXRzaWRlQ2xvc2VzXG4gICAgICAgIGVzY2FwZUNsb3Nlc1xuICAgICAgICBpc09wZW49e21vYmlsZU1lbnVPcGVufVxuICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0TW9iaWxlTWVudU9wZW4oZmFsc2UpfVxuICAgICAgICBhbGxvd1Njcm9sbD17YWxsb3dTY3JvbGx9XG4gICAgICA+XG4gICAgICAgIDxCYWNrZ3JvdW5kIGJnPVwiYmVpZ2VcIj5cbiAgICAgICAgICA8SGVhZGVySGVpZ2h0QXJlYVxuICAgICAgICAgICAgZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fVxuICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiTWFpblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImhlYWRlci1tb2JpbGUtbWVudS1kcm9wZG93blwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFN0eWxlZEFwcEJhcj5cbiAgICAgICAgICAgICAgPFN0eWxlZE5hdkJhcj5cbiAgICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQoaXRlbXMubGVmdCwgJ2xlZnQnKX1cbiAgICAgICAgICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW0gbWw9XCJhdXRvXCI+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXttb2JpbGVNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldE1vYmlsZU1lbnVPcGVuKGZhbHNlKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgaWNvbj17TWVudUljb259XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXA9e1xuICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/LnNpdGVOYXZpZ2F0aW9uIHx8XG4gICAgICAgICAgICAgICAgICAgICAgJ1NpdGUgbmF2aWdhdGlvbidcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aXBQcm9wcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLFxuICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtjbG9zZUJ1dHRvblJlZn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9TdHlsZWROYXZCYXI+XG4gICAgICAgICAgICA8L1N0eWxlZEFwcEJhcj5cbiAgICAgICAgICAgIDxCb3ggYmFja2dyb3VuZD17dGhlbWUuY29sb3JzLmJlaWdlfSBoZWlnaHQ9XCJhdXRvXCI+XG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJNYWluTWVudU1vYmlsZVxuICAgICAgICAgICAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgICAgICAgICAgIGl0ZW1zPXtpdGVtcy5tYWluTWVudX1cbiAgICAgICAgICAgICAgICBnZXRJdGVtVHlwZT17b25JdGVtVHlwZX1cbiAgICAgICAgICAgICAgICBpc0Fub249e2lzQW5vbn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvSGVhZGVySGVpZ2h0QXJlYT5cbiAgICAgICAgPC9CYWNrZ3JvdW5kPlxuICAgICAgPC9TdHlsZWRPdmVybGF5PlxuICAgICAgeyFpc0VudGVycHJpc2UgJiYgKFxuICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogYGJsb2NrYCwgW2FwcEhlYWRlck1vYmlsZUJyZWFrcG9pbnRdOiBgbm9uZWAgfX0+XG4gICAgICAgICAge3NlYXJjaFBhbmV9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fT5cbiAgICAgICAge25vdGlmaWNhdGlvbnNWaWV3fVxuICAgICAgPC9Cb3g+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
-export const AppHeaderMobile = ({
-  action,
-  items,
-  notifications,
-  search,
-  redirectParam,
-  isAnon,
-  isEnterprise,
-  isSimple,
-  hideRightMenuButton,
-  navigationMenuFormattedLabel
-}) => {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(undefined);
-  const [allowScroll, setAllowScroll] = useState(false);
-  const openButtonRef = useRef(null);
-  const closeButtonRef = useRef(null);
-  const [notificationsBell, notificationsView] = useHeaderNotifications({
-    settings: notifications,
-    Renderer: NotificationsContents
-  });
-  const [searchButton, searchPane] = useHeaderSearch({
-    ...search
-  });
-  const openMobileMenu = () => {
-    setMobileMenuOpen(true);
-    if (closeButtonRef.current) {
-      closeButtonRef.current.focus();
-    }
-  };
-  useEffect(() => {
-    if (mobileMenuOpen === false && openButtonRef.current) {
-      setTimeout(() => {
-        if (openButtonRef.current) openButtonRef.current.focus();
-      }, 0);
-    }
-  }, [mobileMenuOpen]);
-  const mapItemsToElement = (items, side, hideExtraItems) => {
-    const shouldHideItems = hideExtraItems === true && items.length > 1;
-    return items.map((item, index) => {
-      const isLastItem = index + 1 === items.length;
-      const isHidable = !isLastItem && shouldHideItems;
-      return /*#__PURE__*/_jsx(AppHeaderListItem, {
-        ml: side === 'right' && index === 0 ? 'auto' : 0,
-        display: {
-          _: isHidable ? 'none' : 'flex',
-          xs: 'flex'
-        },
-        children: mapAppHeaderItemToElement({
-          action,
-          isStandalone: undefined,
-          isTeams: undefined,
-          item,
-          mobile: true,
-          redirectParam
-        })
-      }, item.id);
-    });
-  };
-  const right = [...(!isEnterprise ? [searchButton] : []), ...(notificationsBell && !isEnterprise ? [notificationsBell] : []), ...items.right];
-  const onItemType = type => {
-    if (type && (type === 'catalog-dropdown' || type === 'resources-dropdown')) {
-      setAllowScroll(true);
-    } else {
-      setAllowScroll(false);
-    }
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!mobileMenuOpen &&
-    /*#__PURE__*/
-    // need this bc AppBar has a hardcoded z-Index of 15
-    _jsx(HeaderHeightArea, {
-      display: {
-        _: `block`,
-        [appHeaderMobileBreakpoint]: `none`
-      },
-      children: /*#__PURE__*/_jsx(StyledAppBar, {
-        as: "nav",
-        "aria-label": "Main",
-        children: /*#__PURE__*/_jsxs(StyledNavBar, {
-          center: !!isSimple,
-          children: [mapItemsToElement(items.left, 'left'), mapItemsToElement(right, 'right', true), !hideRightMenuButton && /*#__PURE__*/_jsx(AppHeaderListItem, {
-            ml: right.length === 0 ? 'auto' : 0,
-            children: /*#__PURE__*/_jsx(IconButton, {
-              "aria-expanded": mobileMenuOpen,
-              "aria-label": navigationMenuFormattedLabel?.siteNavigation || 'Site navigation',
-              tip: 'Site\nnavigation',
-              tipProps: {
-                alignment: 'bottom-center',
-                placement: 'floating'
-              },
-              "data-testid": "header-mobile-menu",
-              onClick: () => {
-                openMobileMenu();
-              },
-              icon: MenuIcon,
-              variant: "interface",
-              ref: openButtonRef
-            })
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(StyledOverlay, {
-      clickOutsideCloses: true,
-      escapeCloses: true,
-      isOpen: mobileMenuOpen,
-      onRequestClose: () => setMobileMenuOpen(false),
-      allowScroll: allowScroll,
-      children: /*#__PURE__*/_jsx(Background, {
-        bg: "beige",
-        children: /*#__PURE__*/_jsxs(HeaderHeightArea, {
-          display: {
-            _: `block`,
-            [appHeaderMobileBreakpoint]: `none`
-          },
-          as: "nav",
-          ariaLabel: "Main",
-          "data-testid": "header-mobile-menu-dropdown",
-          children: [/*#__PURE__*/_jsx(StyledAppBar, {
-            children: /*#__PURE__*/_jsxs(StyledNavBar, {
-              children: [mapItemsToElement(items.left, 'left'), /*#__PURE__*/_jsx(AppHeaderListItem, {
-                ml: "auto",
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  "aria-expanded": mobileMenuOpen,
-                  onClick: () => {
-                    setMobileMenuOpen(false);
-                  },
-                  icon: MenuIcon,
-                  "aria-label": navigationMenuFormattedLabel?.siteNavigation || 'Site navigation',
-                  tip: navigationMenuFormattedLabel?.siteNavigation || 'Site navigation',
-                  tipProps: {
-                    alignment: 'bottom-center',
-                    placement: 'floating'
-                  },
-                  ref: closeButtonRef
-                })
-              })]
-            })
-          }), /*#__PURE__*/_jsx(Box, {
-            background: theme.colors.beige,
-            height: "auto",
-            children: /*#__PURE__*/_jsx(AppHeaderMainMenuMobile, {
-              action: action,
-              items: items.mainMenu,
-              getItemType: onItemType,
-              isAnon: isAnon
-            })
-          })]
-        })
-      })
-    }), !isEnterprise && /*#__PURE__*/_jsx(Box, {
-      display: {
-        _: `block`,
-        [appHeaderMobileBreakpoint]: `none`
-      },
-      children: searchPane
-    }), /*#__PURE__*/_jsx(Box, {
-      display: {
-        _: `block`,
-        [appHeaderMobileBreakpoint]: `none`
-      },
-      children: notificationsView
-    })]
-  });
-};
+	display: `flex`,
+	padding: 0,
+	listStyle: `none`,
+	margin: 0,
+	width: `100%`,
+	alignItems: "center"
+}), states({ center: { justifyContent: {
+	_: "center",
+	sm: "flex-start"
+} } }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXJNb2JpbGUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQnV0dG9uQmFzZUVsZW1lbnRzLFxuICBJY29uQnV0dG9uLFxuICBPdmVybGF5LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNZW51SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIGNzcywgc3RhdGVzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlclNlYXJjaCB9IGZyb20gJy4uJztcbmltcG9ydCB7IEFwcEhlYWRlckxpc3RJdGVtIH0gZnJvbSAnLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpc3RJdGVtJztcbmltcG9ydCB7IHVzZUhlYWRlclNlYXJjaCB9IGZyb20gJy4uL0FwcEhlYWRlci9TZWFyY2gvdXNlSGVhZGVyU2VhcmNoJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVySXRlbSxcbiAgYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludCxcbiAgRm9ybWF0dGVkTW9iaWxlQXBwSGVhZGVySXRlbXMsXG4gIFN0eWxlZEFwcEJhcixcbn0gZnJvbSAnLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQgeyBtYXBBcHBIZWFkZXJJdGVtVG9FbGVtZW50IH0gZnJvbSAnLi4vQXBwSGVhZGVyL3NoYXJlZC91dGlscyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJNYWluTWVudU1vYmlsZSB9IGZyb20gJy4uL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsIH0gZnJvbSAnLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7IEhlYWRlckhlaWdodEFyZWEgfSBmcm9tICcuLi9IZWFkZXJIZWlnaHRBcmVhJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNDb250ZW50cyB9IGZyb20gJy4uL05vdGlmaWNhdGlvbnMvTm90aWZpY2F0aW9uc0NvbnRlbnRzJztcbmltcG9ydCB7IEFwcEhlYWRlck5vdGlmaWNhdGlvblNldHRpbmdzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9ucy90eXBlcyc7XG5pbXBvcnQgeyB1c2VIZWFkZXJOb3RpZmljYXRpb25zIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9ucy91c2VIZWFkZXJOb3RpZmljYXRpb25zJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyTW9iaWxlUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW1zOiBGb3JtYXR0ZWRNb2JpbGVBcHBIZWFkZXJJdGVtcztcbiAgbm90aWZpY2F0aW9ucz86IEFwcEhlYWRlck5vdGlmaWNhdGlvblNldHRpbmdzO1xuICByZWRpcmVjdFBhcmFtPzogc3RyaW5nO1xuICBzZWFyY2g6IEFwcEhlYWRlclNlYXJjaDtcbiAgaXNBbm9uOiBib29sZWFuO1xuICAvKipcbiAgICogdXNlZCB0byBjb25kaXRvbmFsbHkgaGlkZSB0aGUgZGVmYXVsdCBzZWFyY2ggaWNvbiBhbmQgbm90aWZpY2F0aW9uIGJlbGxcbiAgICovXG4gIGlzRW50ZXJwcmlzZT86IGJvb2xlYW47XG4gIGlzU2ltcGxlPzogYm9vbGVhbjtcbiAgaGlkZVJpZ2h0TWVudUJ1dHRvbj86IGJvb2xlYW47XG4gIG5hdmlnYXRpb25NZW51Rm9ybWF0dGVkTGFiZWw/OiBOYXZpZ2F0aW9uTWVudUZvcm1hdHRlZExhYmVsO1xufTtcblxuY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChPdmVybGF5KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiB7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH0sXG4gICAgd2lkdGg6IGAxMDB2d2AsXG4gICAgaGVpZ2h0OiBgMTAwdmhgLFxuICAgIG9wYWNpdHk6IDEsXG4gICAgYmc6IGBiZWlnZWAsXG4gICAgcG9zaXRpb246IGBmaXhlZGAsXG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgb3ZlcmZsb3dYOiBgaGlkZGVuYCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZE5hdkJhciA9IHN0eWxlZC51bDx7IGNlbnRlcj86IGJvb2xlYW4gfT4oXG4gIGNzcyh7XG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbGlzdFN0eWxlOiBgbm9uZWAsXG4gICAgbWFyZ2luOiAwLFxuICAgIHdpZHRoOiBgMTAwJWAsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIH0pLFxuICBzdGF0ZXMoe1xuICAgIGNlbnRlcjoge1xuICAgICAganVzdGlmeUNvbnRlbnQ6IHtcbiAgICAgICAgXzogJ2NlbnRlcicsXG4gICAgICAgIHNtOiAnZmxleC1zdGFydCcsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTW9iaWxlOiBSZWFjdC5GQzxBcHBIZWFkZXJNb2JpbGVQcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGl0ZW1zLFxuICBub3RpZmljYXRpb25zLFxuICBzZWFyY2gsXG4gIHJlZGlyZWN0UGFyYW0sXG4gIGlzQW5vbixcbiAgaXNFbnRlcnByaXNlLFxuICBpc1NpbXBsZSxcbiAgaGlkZVJpZ2h0TWVudUJ1dHRvbixcbiAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbCxcbn0pID0+IHtcbiAgY29uc3QgW21vYmlsZU1lbnVPcGVuLCBzZXRNb2JpbGVNZW51T3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuIHwgdW5kZWZpbmVkPihcbiAgICB1bmRlZmluZWRcbiAgKTtcbiAgY29uc3QgW2FsbG93U2Nyb2xsLCBzZXRBbGxvd1Njcm9sbF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IG9wZW5CdXR0b25SZWYgPSB1c2VSZWY8QnV0dG9uQmFzZUVsZW1lbnRzPihudWxsKTtcbiAgY29uc3QgY2xvc2VCdXR0b25SZWYgPSB1c2VSZWY8QnV0dG9uQmFzZUVsZW1lbnRzPihudWxsKTtcblxuICBjb25zdCBbbm90aWZpY2F0aW9uc0JlbGwsIG5vdGlmaWNhdGlvbnNWaWV3XSA9IHVzZUhlYWRlck5vdGlmaWNhdGlvbnMoe1xuICAgIHNldHRpbmdzOiBub3RpZmljYXRpb25zLFxuICAgIFJlbmRlcmVyOiBOb3RpZmljYXRpb25zQ29udGVudHMsXG4gIH0pO1xuXG4gIGNvbnN0IFtzZWFyY2hCdXR0b24sIHNlYXJjaFBhbmVdID0gdXNlSGVhZGVyU2VhcmNoKHtcbiAgICAuLi5zZWFyY2gsXG4gIH0pO1xuXG4gIGNvbnN0IG9wZW5Nb2JpbGVNZW51ID0gKCkgPT4ge1xuICAgIHNldE1vYmlsZU1lbnVPcGVuKHRydWUpO1xuXG4gICAgaWYgKGNsb3NlQnV0dG9uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNsb3NlQnV0dG9uUmVmLmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobW9iaWxlTWVudU9wZW4gPT09IGZhbHNlICYmIG9wZW5CdXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGlmIChvcGVuQnV0dG9uUmVmLmN1cnJlbnQpIG9wZW5CdXR0b25SZWYuY3VycmVudC5mb2N1cygpO1xuICAgICAgfSwgMCk7XG4gICAgfVxuICB9LCBbbW9iaWxlTWVudU9wZW5dKTtcblxuICBjb25zdCBtYXBJdGVtc1RvRWxlbWVudCA9IDxUIGV4dGVuZHMgQXBwSGVhZGVySXRlbVtdPihcbiAgICBpdGVtczogVCxcbiAgICBzaWRlOiAnbGVmdCcgfCAncmlnaHQnLFxuICAgIGhpZGVFeHRyYUl0ZW1zPzogYm9vbGVhblxuICApID0+IHtcbiAgICBjb25zdCBzaG91bGRIaWRlSXRlbXMgPSBoaWRlRXh0cmFJdGVtcyA9PT0gdHJ1ZSAmJiBpdGVtcy5sZW5ndGggPiAxO1xuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBpc0xhc3RJdGVtID0gaW5kZXggKyAxID09PSBpdGVtcy5sZW5ndGg7XG4gICAgICBjb25zdCBpc0hpZGFibGUgPSAhaXNMYXN0SXRlbSAmJiBzaG91bGRIaWRlSXRlbXM7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8QXBwSGVhZGVyTGlzdEl0ZW1cbiAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgbWw9e3NpZGUgPT09ICdyaWdodCcgJiYgaW5kZXggPT09IDAgPyAnYXV0bycgOiAwfVxuICAgICAgICAgIGRpc3BsYXk9e3tcbiAgICAgICAgICAgIF86IGlzSGlkYWJsZSA/ICdub25lJyA6ICdmbGV4JyxcbiAgICAgICAgICAgIHhzOiAnZmxleCcsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHttYXBBcHBIZWFkZXJJdGVtVG9FbGVtZW50KHtcbiAgICAgICAgICAgIGFjdGlvbixcbiAgICAgICAgICAgIGlzU3RhbmRhbG9uZTogdW5kZWZpbmVkLFxuICAgICAgICAgICAgaXNUZWFtczogdW5kZWZpbmVkLFxuICAgICAgICAgICAgaXRlbSxcbiAgICAgICAgICAgIG1vYmlsZTogdHJ1ZSxcbiAgICAgICAgICAgIHJlZGlyZWN0UGFyYW0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IHJpZ2h0ID0gW1xuICAgIC4uLighaXNFbnRlcnByaXNlID8gW3NlYXJjaEJ1dHRvbl0gOiBbXSksXG4gICAgLi4uKG5vdGlmaWNhdGlvbnNCZWxsICYmICFpc0VudGVycHJpc2UgPyBbbm90aWZpY2F0aW9uc0JlbGxdIDogW10pLFxuICAgIC4uLml0ZW1zLnJpZ2h0LFxuICBdO1xuXG4gIGNvbnN0IG9uSXRlbVR5cGUgPSAodHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB7XG4gICAgaWYgKFxuICAgICAgdHlwZSAmJlxuICAgICAgKHR5cGUgPT09ICdjYXRhbG9nLWRyb3Bkb3duJyB8fCB0eXBlID09PSAncmVzb3VyY2VzLWRyb3Bkb3duJylcbiAgICApIHtcbiAgICAgIHNldEFsbG93U2Nyb2xsKHRydWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRBbGxvd1Njcm9sbChmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHshbW9iaWxlTWVudU9wZW4gJiYgKCAvLyBuZWVkIHRoaXMgYmMgQXBwQmFyIGhhcyBhIGhhcmRjb2RlZCB6LUluZGV4IG9mIDE1XG4gICAgICAgIDxIZWFkZXJIZWlnaHRBcmVhXG4gICAgICAgICAgZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZEFwcEJhciBhcz1cIm5hdlwiIGFyaWEtbGFiZWw9XCJNYWluXCI+XG4gICAgICAgICAgICA8U3R5bGVkTmF2QmFyIGNlbnRlcj17ISFpc1NpbXBsZX0+XG4gICAgICAgICAgICAgIHttYXBJdGVtc1RvRWxlbWVudChpdGVtcy5sZWZ0LCAnbGVmdCcpfVxuICAgICAgICAgICAgICB7bWFwSXRlbXNUb0VsZW1lbnQocmlnaHQsICdyaWdodCcsIHRydWUpfVxuICAgICAgICAgICAgICB7IWhpZGVSaWdodE1lbnVCdXR0b24gJiYgKFxuICAgICAgICAgICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbSBtbD17cmlnaHQubGVuZ3RoID09PSAwID8gJ2F1dG8nIDogMH0+XG4gICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXttb2JpbGVNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcD17J1NpdGVcXG5uYXZpZ2F0aW9uJ31cbiAgICAgICAgICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ6ICdmbG9hdGluZycsXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiaGVhZGVyLW1vYmlsZS1tZW51XCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIG9wZW5Nb2JpbGVNZW51KCk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIGljb249e01lbnVJY29ufVxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtvcGVuQnV0dG9uUmVmfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9TdHlsZWROYXZCYXI+XG4gICAgICAgICAgPC9TdHlsZWRBcHBCYXI+XG4gICAgICAgIDwvSGVhZGVySGVpZ2h0QXJlYT5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3ZlcmxheVxuICAgICAgICBjbGlja091dHNpZGVDbG9zZXNcbiAgICAgICAgZXNjYXBlQ2xvc2VzXG4gICAgICAgIGlzT3Blbj17bW9iaWxlTWVudU9wZW59XG4gICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRNb2JpbGVNZW51T3BlbihmYWxzZSl9XG4gICAgICAgIGFsbG93U2Nyb2xsPXthbGxvd1Njcm9sbH1cbiAgICAgID5cbiAgICAgICAgPEJhY2tncm91bmQgYmc9XCJiZWlnZVwiPlxuICAgICAgICAgIDxIZWFkZXJIZWlnaHRBcmVhXG4gICAgICAgICAgICBkaXNwbGF5PXt7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH19XG4gICAgICAgICAgICBhcz1cIm5hdlwiXG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJNYWluXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiaGVhZGVyLW1vYmlsZS1tZW51LWRyb3Bkb3duXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkQXBwQmFyPlxuICAgICAgICAgICAgICA8U3R5bGVkTmF2QmFyPlxuICAgICAgICAgICAgICAgIHttYXBJdGVtc1RvRWxlbWVudChpdGVtcy5sZWZ0LCAnbGVmdCcpfVxuICAgICAgICAgICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbSBtbD1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e21vYmlsZU1lbnVPcGVufVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgc2V0TW9iaWxlTWVudU9wZW4oZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXtNZW51SWNvbn1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcD17XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbk1lbnVGb3JtYXR0ZWRMYWJlbD8uc2l0ZU5hdmlnYXRpb24gfHxcbiAgICAgICAgICAgICAgICAgICAgICAnU2l0ZSBuYXZpZ2F0aW9uJ1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICByZWY9e2Nsb3NlQnV0dG9uUmVmfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgICAgICA8L1N0eWxlZE5hdkJhcj5cbiAgICAgICAgICAgIDwvU3R5bGVkQXBwQmFyPlxuICAgICAgICAgICAgPEJveCBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnMuYmVpZ2V9IGhlaWdodD1cImF1dG9cIj5cbiAgICAgICAgICAgICAgPEFwcEhlYWRlck1haW5NZW51TW9iaWxlXG4gICAgICAgICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgICAgICAgaXRlbXM9e2l0ZW1zLm1haW5NZW51fVxuICAgICAgICAgICAgICAgIGdldEl0ZW1UeXBlPXtvbkl0ZW1UeXBlfVxuICAgICAgICAgICAgICAgIGlzQW5vbj17aXNBbm9ufVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9IZWFkZXJIZWlnaHRBcmVhPlxuICAgICAgICA8L0JhY2tncm91bmQ+XG4gICAgICA8L1N0eWxlZE92ZXJsYXk+XG4gICAgICB7IWlzRW50ZXJwcmlzZSAmJiAoXG4gICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiBgYmxvY2tgLCBbYXBwSGVhZGVyTW9iaWxlQnJlYWtwb2ludF06IGBub25lYCB9fT5cbiAgICAgICAgICB7c2VhcmNoUGFuZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86IGBibG9ja2AsIFthcHBIZWFkZXJNb2JpbGVCcmVha3BvaW50XTogYG5vbmVgIH19PlxuICAgICAgICB7bm90aWZpY2F0aW9uc1ZpZXd9XG4gICAgICA8L0JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRxQiJ9 */");
+const AppHeaderMobile = ({ action, items, notifications, search, redirectParam, isAnon, isEnterprise, isSimple, hideRightMenuButton, navigationMenuFormattedLabel }) => {
+	const [mobileMenuOpen, setMobileMenuOpen] = useState(void 0);
+	const [allowScroll, setAllowScroll] = useState(false);
+	const openButtonRef = useRef(null);
+	const closeButtonRef = useRef(null);
+	const [notificationsBell, notificationsView] = useHeaderNotifications({
+		settings: notifications,
+		Renderer: NotificationsContents
+	});
+	const [searchButton, searchPane] = useHeaderSearch({ ...search });
+	const openMobileMenu = () => {
+		setMobileMenuOpen(true);
+		if (closeButtonRef.current) closeButtonRef.current.focus();
+	};
+	useEffect(() => {
+		if (mobileMenuOpen === false && openButtonRef.current) setTimeout(() => {
+			if (openButtonRef.current) openButtonRef.current.focus();
+		}, 0);
+	}, [mobileMenuOpen]);
+	const mapItemsToElement = (items, side, hideExtraItems) => {
+		const shouldHideItems = hideExtraItems === true && items.length > 1;
+		return items.map((item, index) => {
+			const isHidable = !(index + 1 === items.length) && shouldHideItems;
+			return /* @__PURE__ */ React$1.createElement(AppHeaderListItem, {
+				key: item.id,
+				ml: side === "right" && index === 0 ? "auto" : 0,
+				display: {
+					_: isHidable ? "none" : "flex",
+					xs: "flex"
+				}
+			}, mapAppHeaderItemToElement({
+				action,
+				isStandalone: void 0,
+				isTeams: void 0,
+				item,
+				mobile: true,
+				redirectParam
+			}));
+		});
+	};
+	const right = [
+		...!isEnterprise ? [searchButton] : [],
+		...notificationsBell && !isEnterprise ? [notificationsBell] : [],
+		...items.right
+	];
+	const onItemType = (type) => {
+		if (type && (type === "catalog-dropdown" || type === "resources-dropdown")) setAllowScroll(true);
+		else setAllowScroll(false);
+	};
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !mobileMenuOpen && /* @__PURE__ */ React$1.createElement(HeaderHeightArea, { display: {
+		_: `block`,
+		[appHeaderMobileBreakpoint]: `none`
+	} }, /* @__PURE__ */ React$1.createElement(StyledAppBar, {
+		as: "nav",
+		"aria-label": "Main"
+	}, /* @__PURE__ */ React$1.createElement(StyledNavBar, { center: !!isSimple }, mapItemsToElement(items.left, "left"), mapItemsToElement(right, "right", true), !hideRightMenuButton && /* @__PURE__ */ React$1.createElement(AppHeaderListItem, { ml: right.length === 0 ? "auto" : 0 }, /* @__PURE__ */ React$1.createElement(IconButton, {
+		"aria-expanded": mobileMenuOpen,
+		"aria-label": navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
+		tip: "Site\nnavigation",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating"
+		},
+		"data-testid": "header-mobile-menu",
+		onClick: () => {
+			openMobileMenu();
+		},
+		icon: MenuIcon,
+		variant: "interface",
+		ref: openButtonRef
+	}))))), /* @__PURE__ */ React$1.createElement(StyledOverlay, {
+		clickOutsideCloses: true,
+		escapeCloses: true,
+		isOpen: mobileMenuOpen,
+		onRequestClose: () => setMobileMenuOpen(false),
+		allowScroll
+	}, /* @__PURE__ */ React$1.createElement(Background, { bg: "beige" }, /* @__PURE__ */ React$1.createElement(HeaderHeightArea, {
+		display: {
+			_: `block`,
+			[appHeaderMobileBreakpoint]: `none`
+		},
+		as: "nav",
+		ariaLabel: "Main",
+		"data-testid": "header-mobile-menu-dropdown"
+	}, /* @__PURE__ */ React$1.createElement(StyledAppBar, null, /* @__PURE__ */ React$1.createElement(StyledNavBar, null, mapItemsToElement(items.left, "left"), /* @__PURE__ */ React$1.createElement(AppHeaderListItem, { ml: "auto" }, /* @__PURE__ */ React$1.createElement(IconButton, {
+		"aria-expanded": mobileMenuOpen,
+		onClick: () => {
+			setMobileMenuOpen(false);
+		},
+		icon: MenuIcon,
+		"aria-label": navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
+		tip: navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating"
+		},
+		ref: closeButtonRef
+	})))), /* @__PURE__ */ React$1.createElement(Box, {
+		background: theme.colors.beige,
+		height: "auto"
+	}, /* @__PURE__ */ React$1.createElement(AppHeaderMainMenuMobile, {
+		action,
+		items: items.mainMenu,
+		getItemType: onItemType,
+		isAnon
+	}))))), !isEnterprise && /* @__PURE__ */ React$1.createElement(Box, { display: {
+		_: `block`,
+		[appHeaderMobileBreakpoint]: `none`
+	} }, searchPane), /* @__PURE__ */ React$1.createElement(Box, { display: {
+		_: `block`,
+		[appHeaderMobileBreakpoint]: `none`
+	} }, notificationsView));
+};
+
+//#endregion
+export { AppHeaderMobile };
+//# sourceMappingURL=index.js.map

package/dist/AppHeaderMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","IconButton","Overlay","MenuIcon","Background","css","states","theme","styled","useEffect","useRef","useState","React","AppHeaderListItem","useHeaderSearch","appHeaderMobileBreakpoint","StyledAppBar","mapAppHeaderItemToElement","AppHeaderMainMenuMobile","HeaderHeightArea","NotificationsContents","useHeaderNotifications","StyledOverlay","display","_","width","height","opacity","bg","position","left","top","overflowX","StyledNavBar","padding","listStyle","margin","alignItems","center","justifyContent","sm","AppHeaderMobile","action","items","notifications","search","redirectParam","isAnon","isEnterprise","isSimple","hideRightMenuButton","navigationMenuFormattedLabel","mobileMenuOpen","setMobileMenuOpen","undefined","allowScroll","setAllowScroll","openButtonRef","closeButtonRef","notificationsBell","notificationsView","settings","Renderer","searchButton","searchPane","openMobileMenu","current","focus","setTimeout","mapItemsToElement","side","hideExtraItems","shouldHideItems","length","map","item","index","isLastItem","isHidable","key","id","ml","xs","isStandalone","isTeams","mobile","right","onItemType","type","as","aria-label","aria-expanded","siteNavigation","tip","tipProps","alignment","placement","data-testid","onClick","icon","variant","ref","clickOutsideCloses","escapeCloses","isOpen","onRequestClose","ariaLabel","background","colors","beige","mainMenu","getItemType"],"sources":["../../src/AppHeaderMobile/index.tsx"],"sourcesContent":["import {\n  Box,\n  ButtonBaseElements,\n  IconButton,\n  Overlay,\n} from '@codecademy/gamut';\nimport { MenuIcon } from '@codecademy/gamut-icons';\nimport { Background, css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderSearch } from '..';\nimport { AppHeaderListItem } from '../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { useHeaderSearch } from '../AppHeader/Search/useHeaderSearch';\nimport {\n  AppHeaderAction,\n  AppHeaderItem,\n  appHeaderMobileBreakpoint,\n  FormattedMobileAppHeaderItems,\n  StyledAppBar,\n} from '../AppHeader/shared';\nimport { mapAppHeaderItemToElement } from '../AppHeader/shared/utils';\nimport { AppHeaderMainMenuMobile } from '../AppHeaderMobile/AppHeaderMainMenuMobile';\nimport { NavigationMenuFormattedLabel } from '../GlobalHeader';\nimport { HeaderHeightArea } from '../HeaderHeightArea';\nimport { NotificationsContents } from '../Notifications/NotificationsContents';\nimport { AppHeaderNotificationSettings } from '../Notifications/types';\nimport { useHeaderNotifications } from '../Notifications/useHeaderNotifications';\n\nexport type AppHeaderMobileProps = AppHeaderAction & {\n  items: FormattedMobileAppHeaderItems;\n  notifications?: AppHeaderNotificationSettings;\n  redirectParam?: string;\n  search: AppHeaderSearch;\n  isAnon: boolean;\n  /**\n   * used to conditonally hide the default search icon and notification bell\n   */\n  isEnterprise?: boolean;\n  isSimple?: boolean;\n  hideRightMenuButton?: boolean;\n  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;\n};\n\nconst StyledOverlay = styled(Overlay)(\n  css({\n    display: { _: `block`, [appHeaderMobileBreakpoint]: `none` },\n    width: `100vw`,\n    height: `100vh`,\n    opacity: 1,\n    bg: `beige`,\n    position: `fixed`,\n    left: 0,\n    top: 0,\n    overflowX: `hidden`,\n  })\n);\n\nconst StyledNavBar = styled.ul<{ center?: boolean }>(\n  css({\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n    alignItems: 'center',\n  }),\n  states({\n    center: {\n      justifyContent: {\n        _: 'center',\n        sm: 'flex-start',\n      },\n    },\n  })\n);\n\nexport const AppHeaderMobile: React.FC<AppHeaderMobileProps> = ({\n  action,\n  items,\n  notifications,\n  search,\n  redirectParam,\n  isAnon,\n  isEnterprise,\n  isSimple,\n  hideRightMenuButton,\n  navigationMenuFormattedLabel,\n}) => {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState<boolean | undefined>(\n    undefined\n  );\n  const [allowScroll, setAllowScroll] = useState<boolean>(false);\n  const openButtonRef = useRef<ButtonBaseElements>(null);\n  const closeButtonRef = useRef<ButtonBaseElements>(null);\n\n  const [notificationsBell, notificationsView] = useHeaderNotifications({\n    settings: notifications,\n    Renderer: NotificationsContents,\n  });\n\n  const [searchButton, searchPane] = useHeaderSearch({\n    ...search,\n  });\n\n  const openMobileMenu = () => {\n    setMobileMenuOpen(true);\n\n    if (closeButtonRef.current) {\n      closeButtonRef.current.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (mobileMenuOpen === false && openButtonRef.current) {\n      setTimeout(() => {\n        if (openButtonRef.current) openButtonRef.current.focus();\n      }, 0);\n    }\n  }, [mobileMenuOpen]);\n\n  const mapItemsToElement = <T extends AppHeaderItem[]>(\n    items: T,\n    side: 'left' | 'right',\n    hideExtraItems?: boolean\n  ) => {\n    const shouldHideItems = hideExtraItems === true && items.length > 1;\n    return items.map((item, index) => {\n      const isLastItem = index + 1 === items.length;\n      const isHidable = !isLastItem && shouldHideItems;\n      return (\n        <AppHeaderListItem\n          key={item.id}\n          ml={side === 'right' && index === 0 ? 'auto' : 0}\n          display={{\n            _: isHidable ? 'none' : 'flex',\n            xs: 'flex',\n          }}\n        >\n          {mapAppHeaderItemToElement({\n            action,\n            isStandalone: undefined,\n            isTeams: undefined,\n            item,\n            mobile: true,\n            redirectParam,\n          })}\n        </AppHeaderListItem>\n      );\n    });\n  };\n\n  const right = [\n    ...(!isEnterprise ? [searchButton] : []),\n    ...(notificationsBell && !isEnterprise ? [notificationsBell] : []),\n    ...items.right,\n  ];\n\n  const onItemType = (type: string | undefined) => {\n    if (\n      type &&\n      (type === 'catalog-dropdown' || type === 'resources-dropdown')\n    ) {\n      setAllowScroll(true);\n    } else {\n      setAllowScroll(false);\n    }\n  };\n\n  return (\n    <>\n      {!mobileMenuOpen && ( // need this bc AppBar has a hardcoded z-Index of 15\n        <HeaderHeightArea\n          display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}\n        >\n          <StyledAppBar as=\"nav\" aria-label=\"Main\">\n            <StyledNavBar center={!!isSimple}>\n              {mapItemsToElement(items.left, 'left')}\n              {mapItemsToElement(right, 'right', true)}\n              {!hideRightMenuButton && (\n                <AppHeaderListItem ml={right.length === 0 ? 'auto' : 0}>\n                  <IconButton\n                    aria-expanded={mobileMenuOpen}\n                    aria-label={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tip={'Site\\nnavigation'}\n                    tipProps={{\n                      alignment: 'bottom-center',\n                      placement: 'floating',\n                    }}\n                    data-testid=\"header-mobile-menu\"\n                    onClick={() => {\n                      openMobileMenu();\n                    }}\n                    icon={MenuIcon}\n                    variant=\"interface\"\n                    ref={openButtonRef}\n                  />\n                </AppHeaderListItem>\n              )}\n            </StyledNavBar>\n          </StyledAppBar>\n        </HeaderHeightArea>\n      )}\n      <StyledOverlay\n        clickOutsideCloses\n        escapeCloses\n        isOpen={mobileMenuOpen}\n        onRequestClose={() => setMobileMenuOpen(false)}\n        allowScroll={allowScroll}\n      >\n        <Background bg=\"beige\">\n          <HeaderHeightArea\n            display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}\n            as=\"nav\"\n            ariaLabel=\"Main\"\n            data-testid=\"header-mobile-menu-dropdown\"\n          >\n            <StyledAppBar>\n              <StyledNavBar>\n                {mapItemsToElement(items.left, 'left')}\n                <AppHeaderListItem ml=\"auto\">\n                  <IconButton\n                    aria-expanded={mobileMenuOpen}\n                    onClick={() => {\n                      setMobileMenuOpen(false);\n                    }}\n                    icon={MenuIcon}\n                    aria-label={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tip={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tipProps={{\n                      alignment: 'bottom-center',\n                      placement: 'floating',\n                    }}\n                    ref={closeButtonRef}\n                  />\n                </AppHeaderListItem>\n              </StyledNavBar>\n            </StyledAppBar>\n            <Box background={theme.colors.beige} height=\"auto\">\n              <AppHeaderMainMenuMobile\n                action={action}\n                items={items.mainMenu}\n                getItemType={onItemType}\n                isAnon={isAnon}\n              />\n            </Box>\n          </HeaderHeightArea>\n        </Background>\n      </StyledOverlay>\n      {!isEnterprise && (\n        <Box display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}>\n          {searchPane}\n        </Box>\n      )}\n      <Box display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}>\n        {notificationsView}\n      </Box>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,MAAMsB,gBAAgBd,uBAAON,SAAAA;;;GAC3BG,IAAI;CACFkB,SAAS;EAAEC,GAAG;GAAUT,4BAA4B;EAAO;CAC3DU,OAAO;CACPC,QAAQ;CACRC,SAAS;CACTC,IAAI;CACJC,UAAU;CACVC,MAAM;CACNC,KAAK;CACLC,WAAW;CACb,CAAA,EAAA,0yWAAA;AAGF,MAAMC,eAAezB,uBAAAA,MAAAA;;;GACnBH,IAAI;CACFkB,SAAS;CACTW,SAAS;CACTC,WAAW;CACXC,QAAQ;CACRX,OAAO;CACPY,YAAY;CACd,CAAA,EACA/B,OAAO,EACLgC,QAAQ,EACNC,gBAAgB;CACdf,GAAG;CACHgB,IAAI;CACN,EACF,EACF,CAAA,EAAA,0yWAAA;AAGF,MAAaC,mBAAmD,EAC9DC,QACAC,OACAC,eACAC,QACAC,eACAC,QACAC,cACAC,UACAC,qBACAC,mCACD;CACC,MAAM,CAACC,gBAAgBC,qBAAqB1C,SAC1C2C,OAAAA;CAEF,MAAM,CAACC,aAAaC,kBAAkB7C,SAAkB,MAAA;CACxD,MAAM8C,gBAAgB/C,OAA2B,KAAA;CACjD,MAAMgD,iBAAiBhD,OAA2B,KAAA;CAElD,MAAM,CAACiD,mBAAmBC,qBAAqBvC,uBAAuB;EACpEwC,UAAUjB;EACVkB,UAAU1C;EACZ,CAAA;CAEA,MAAM,CAAC2C,cAAcC,cAAclD,gBAAgB,EACjD,GAAG+B,QACL,CAAA;CAEA,MAAMoB,uBAAiB;AACrBZ,oBAAkB,KAAA;AAElB,MAAIK,eAAeQ,QACjBR,gBAAeQ,QAAQC,OAAK;;AAIhC1D,iBAAU;AACR,MAAI2C,mBAAmB,SAASK,cAAcS,QAC5CE,kBAAW;AACT,OAAIX,cAAcS,QAAST,eAAcS,QAAQC,OAAK;KACrD,EAAA;IAEJ,CAACf,eAAe,CAAA;CAEnB,MAAMiB,qBACJ1B,OACA2B,MACAC,mBAAAA;EAEA,MAAMC,kBAAkBD,mBAAmB,QAAQ5B,MAAM8B,SAAS;AAClE,SAAO9B,MAAM+B,KAAKC,MAAMC,UAAAA;GAEtB,MAAME,YAAY,EADCF,QAAQ,MAAMjC,MAAM8B,WACND;AACjC,UACE,wBAAA,cAAC3D,mBAAAA;IACCkE,KAAKJ,KAAKK;IACVC,IAAIX,SAAS,WAAWM,UAAU,IAAI,SAAS;IAC/CrD,SAAS;KACPC,GAAGsD,YAAY,SAAS;KACxBI,IAAI;KACN;MAECjE,0BAA0B;IACzByB;IACAyC,cAAc7B;IACd8B,SAAS9B;IACTqB;IACAU,QAAQ;IACRvC;IACF,CAAA,CAAA;IAGN;;CAGF,MAAMwC,QAAQ;KACR,CAACtC,eAAe,CAACe,aAAa,GAAG,EAAE;KACnCJ,qBAAqB,CAACX,eAAe,CAACW,kBAAkB,GAAG,EAAE;KAC9DhB,MAAM2C;EACV;CAED,MAAMC,cAAcC,SAAAA;AAClB,MACEA,SACCA,SAAS,sBAAsBA,SAAS,sBAEzChC,gBAAe,KAAA;MAEfA,gBAAe,MAAA;;AAInB,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,CAACJ,kBACA,wBAAA,cAACjC,kBAAAA,EACCI,SAAS;EAAEC,GAAG;GAAUT,4BAA4B;EAAO,IAE3D,wBAAA,cAACC,cAAAA;EAAayE,IAAG;EAAMC,cAAW;IAChC,wBAAA,cAACzD,cAAAA,EAAaK,QAAQ,CAAC,CAACW,YACrBoB,kBAAkB1B,MAAMb,MAAM,OAAA,EAC9BuC,kBAAkBiB,OAAO,SAAS,KAAA,EAClC,CAACpC,uBACA,wBAAA,cAACrC,mBAAAA,EAAkBoE,IAAIK,MAAMb,WAAW,IAAI,SAAS,KACnD,wBAAA,cAACxE,YAAAA;EACC0F,iBAAevC;EACfsC,cACEvC,8BAA8ByC,kBAC9B;EAEFC,KAAK;EACLC,UAAU;GACRC,WAAW;GACXC,WAAW;GACb;EACAC,eAAY;EACZC,eAAS;AACPjC,mBAAAA;;EAEFkC,MAAMhG;EACNiG,SAAQ;EACRC,KAAK5C;SAQnB,wBAAA,cAACnC,eAAAA;EACCgF,oBAAAA;EACAC,cAAAA;EACAC,QAAQpD;EACRqD,sBAAsBpD,kBAAkB,MAAA;EAC3BE;IAEb,wBAAA,cAACnD,YAAAA,EAAWwB,IAAG,WACb,wBAAA,cAACT,kBAAAA;EACCI,SAAS;GAAEC,GAAG;IAAUT,4BAA4B;GAAO;EAC3D0E,IAAG;EACHiB,WAAU;EACVT,eAAY;IAEZ,wBAAA,cAACjF,cAAAA,MACC,wBAAA,cAACiB,cAAAA,MACEoC,kBAAkB1B,MAAMb,MAAM,OAAA,EAC/B,wBAAA,cAACjB,mBAAAA,EAAkBoE,IAAG,UACpB,wBAAA,cAAChF,YAAAA;EACC0F,iBAAevC;EACf8C,eAAS;AACP7C,qBAAkB,MAAA;;EAEpB8C,MAAMhG;EACNuF,cACEvC,8BAA8ByC,kBAC9B;EAEFC,KACE1C,8BAA8ByC,kBAC9B;EAEFE,UAAU;GACRC,WAAW;GACXC,WAAW;GACb;EACAK,KAAK3C;QAKb,wBAAA,cAAC1D,KAAAA;EAAI2G,YAAYpG,MAAMqG,OAAOC;EAAOnF,QAAO;IAC1C,wBAAA,cAACR,yBAAAA;EACSwB;EACRC,OAAOA,MAAMmE;EACbC,aAAaxB;EACLxC;SAMjB,CAACC,gBACA,wBAAA,cAAChD,KAAAA,EAAIuB,SAAS;EAAEC,GAAG;GAAUT,4BAA4B;EAAO,IAC7DiD,WAAAA,EAGL,wBAAA,cAAChE,KAAAA,EAAIuB,SAAS;EAAEC,GAAG;GAAUT,4BAA4B;EAAO,IAC7D6C,kBAAAA,CAAAA"}

package/dist/Avatar/index.cjs

@@ -0,0 +1,45 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _emotion_react = require("@emotion/react");
+
+//#region src/Avatar/index.tsx
+const Image = /* @__PURE__ */ (0, _emotion_styled.default)("img", {
+	target: "e1n8wu6u0",
+	label: "brand-Image",
+	...(0, _codecademy_gamut_styles.styledOptions)()
+})(_codecademy_gamut_styles.system.layout, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0F2YXRhci9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZpc3VhbFRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBSZXNwb25zaXZlUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQoJ2ltZycsIHN0eWxlZE9wdGlvbnM8J2ltZyc+KCkpKHN5c3RlbS5sYXlvdXQpO1xuXG5jb25zdCBBdmF0YXJDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiB0YWJsZTtcblxuICAkeyh7IGRpc2FibGVEcm9wc2hhZG93LCBtb2RlIH0pID0+XG4gICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOTIpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gcmlnaHQ7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7bW9kZVxuICAgICAgICAgID8gbW9kZSA9PT0gJ2xpZ2h0J1xuICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMubGlnaHRHcmVlblxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuZ3JlZW5cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stc3VjY2VzcyddfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7SW1hZ2V9IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuXG4gICAgJHsoeyBkaXNhYmxlRHJvcHNoYWRvdyB9KSA9PlxuICAgICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgICBjc3NgXG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuICAgICAgYH1cbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgQXZhdGFySW1hZ2VQcm9wcyA9XG4gIHwgeyBhbHQ6IHN0cmluZzsgJ2FyaWEtbGFiZWxsZWRieSc/OiBuZXZlciB9XG4gIHwgeyBhbHQ/OiBuZXZlcjsgJ2FyaWEtbGFiZWxsZWRieSc6IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJCYXNlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBwYXRoIHRvIGltYWdlIGFzc2V0XG4gICAqL1xuICBzcmM6IHN0cmluZztcblxuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIGRyb3Agc2hhZG93IGVudGlyZWx5LlxuICAgKi9cbiAgZGlzYWJsZURyb3BzaGFkb3c/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBBdmF0YXIuXG4gICAqL1xuICBzaXplPzogUmVzcG9uc2l2ZVByb3A8MjQgfCAzMiB8IDQwIHwgNDggfCA2NCB8IDExOD4gfCAnMTAwJSc7XG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlcyBzdHlsZXMgb24gdGhlIEF2YXRhciBjb250YWluZXIuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFRoaXMgd2lsbCBiZSBkZXRlcm1pbmVkIGF1dG9tYXRpY2FsbHkgYnkgdGhlIHRoZW1lIG1vdmluZyBmb3J3YXJkLlxuICAgKiBTdXBwbHlpbmcgaXQgd2lsbCBkZXRlcm1pbmUgdGhlIGNvbG9yIG9mIGRyb3Agc2hhZG93LlxuICAgKi9cbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xufTtcblxuZXhwb3J0IHR5cGUgQXZhdGFyUHJvcHMgPSBBdmF0YXJCYXNlUHJvcHMgJiBBdmF0YXJJbWFnZVByb3BzO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBSZWFjdC5GQzxBdmF0YXJQcm9wcz4gPSAoe1xuICBtb2RlLFxuICBkaXNhYmxlRHJvcHNoYWRvdyxcbiAgLy8gRU5ULTM2MSBGaXhlZCBGaXJlZm94IElzc3VlLCBzZXQgZGVmYXVsdCBzaXplIHRvIDI0IGZyb20gMTE4XG4gIHNpemUgPSAyNCxcbiAgY2xhc3NOYW1lLFxuICAuLi5hdmF0YXJJbWFnZVByb3BzXG59KSA9PiAoXG4gIDxBdmF0YXJDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtb2RlPXttb2RlfVxuICAgIGRpc2FibGVEcm9wc2hhZG93PXtkaXNhYmxlRHJvcHNoYWRvd31cbiAgICBkYXRhLXRlc3RpZD1cImF2YXRhci1jb250YWluZXJcIlxuICA+XG4gICAgPEltYWdlIGRpbWVuc2lvbnM9e3NpemV9IHsuLi5hdmF0YXJJbWFnZVByb3BzfSAvPlxuICA8L0F2YXRhckNvbnRhaW5lcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2MifQ== */");
+const AvatarContainer = /* @__PURE__ */ (0, _emotion_styled.default)("div", {
+	target: "e1n8wu6u1",
+	label: "brand-AvatarContainer"
+})("position:relative;display:table;", ({ disableDropshadow, mode }) => !disableDropshadow && _emotion_react.css`
+      &::before {
+        content: '';
+        position: absolute;
+        border-radius: 50%;
+        transform: scale(0.92);
+        transform-origin: bottom right;
+        height: 100%;
+        width: 100%;
+        background-color: ${mode ? mode === "light" ? _codecademy_gamut_styles.theme.colors.lightGreen : _codecademy_gamut_styles.theme.colors.green : _codecademy_gamut_styles.theme.colors["feedback-success"]};
+      }
+    `, " ", Image, "{position:relative;border-radius:50%;object-fit:cover;", ({ disableDropshadow }) => !disableDropshadow && _emotion_react.css`
+        transform: scale(0.92);
+        transform-origin: top left;
+      `, "}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0F2YXRhci9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZpc3VhbFRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBSZXNwb25zaXZlUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQoJ2ltZycsIHN0eWxlZE9wdGlvbnM8J2ltZyc+KCkpKHN5c3RlbS5sYXlvdXQpO1xuXG5jb25zdCBBdmF0YXJDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiB0YWJsZTtcblxuICAkeyh7IGRpc2FibGVEcm9wc2hhZG93LCBtb2RlIH0pID0+XG4gICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOTIpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gcmlnaHQ7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7bW9kZVxuICAgICAgICAgID8gbW9kZSA9PT0gJ2xpZ2h0J1xuICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMubGlnaHRHcmVlblxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuZ3JlZW5cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stc3VjY2VzcyddfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7SW1hZ2V9IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuXG4gICAgJHsoeyBkaXNhYmxlRHJvcHNoYWRvdyB9KSA9PlxuICAgICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgICBjc3NgXG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuICAgICAgYH1cbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgQXZhdGFySW1hZ2VQcm9wcyA9XG4gIHwgeyBhbHQ6IHN0cmluZzsgJ2FyaWEtbGFiZWxsZWRieSc/OiBuZXZlciB9XG4gIHwgeyBhbHQ/OiBuZXZlcjsgJ2FyaWEtbGFiZWxsZWRieSc6IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJCYXNlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBwYXRoIHRvIGltYWdlIGFzc2V0XG4gICAqL1xuICBzcmM6IHN0cmluZztcblxuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIGRyb3Agc2hhZG93IGVudGlyZWx5LlxuICAgKi9cbiAgZGlzYWJsZURyb3BzaGFkb3c/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBBdmF0YXIuXG4gICAqL1xuICBzaXplPzogUmVzcG9uc2l2ZVByb3A8MjQgfCAzMiB8IDQwIHwgNDggfCA2NCB8IDExOD4gfCAnMTAwJSc7XG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlcyBzdHlsZXMgb24gdGhlIEF2YXRhciBjb250YWluZXIuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFRoaXMgd2lsbCBiZSBkZXRlcm1pbmVkIGF1dG9tYXRpY2FsbHkgYnkgdGhlIHRoZW1lIG1vdmluZyBmb3J3YXJkLlxuICAgKiBTdXBwbHlpbmcgaXQgd2lsbCBkZXRlcm1pbmUgdGhlIGNvbG9yIG9mIGRyb3Agc2hhZG93LlxuICAgKi9cbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xufTtcblxuZXhwb3J0IHR5cGUgQXZhdGFyUHJvcHMgPSBBdmF0YXJCYXNlUHJvcHMgJiBBdmF0YXJJbWFnZVByb3BzO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBSZWFjdC5GQzxBdmF0YXJQcm9wcz4gPSAoe1xuICBtb2RlLFxuICBkaXNhYmxlRHJvcHNoYWRvdyxcbiAgLy8gRU5ULTM2MSBGaXhlZCBGaXJlZm94IElzc3VlLCBzZXQgZGVmYXVsdCBzaXplIHRvIDI0IGZyb20gMTE4XG4gIHNpemUgPSAyNCxcbiAgY2xhc3NOYW1lLFxuICAuLi5hdmF0YXJJbWFnZVByb3BzXG59KSA9PiAoXG4gIDxBdmF0YXJDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtb2RlPXttb2RlfVxuICAgIGRpc2FibGVEcm9wc2hhZG93PXtkaXNhYmxlRHJvcHNoYWRvd31cbiAgICBkYXRhLXRlc3RpZD1cImF2YXRhci1jb250YWluZXJcIlxuICA+XG4gICAgPEltYWdlIGRpbWVuc2lvbnM9e3NpemV9IHsuLi5hdmF0YXJJbWFnZVByb3BzfSAvPlxuICA8L0F2YXRhckNvbnRhaW5lcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIn0= */");
+const Avatar = ({ mode, disableDropshadow, size = 24, className, ...avatarImageProps }) => /* @__PURE__ */ react.createElement(AvatarContainer, {
+	className,
+	mode,
+	disableDropshadow,
+	"data-testid": "avatar-container"
+}, /* @__PURE__ */ react.createElement(Image, {
+	dimensions: size,
+	...avatarImageProps
+}));
+
+//#endregion
+exports.Avatar = Avatar;
+//# sourceMappingURL=index.cjs.map

package/dist/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["styledOptions","system","theme","css","styled","React","Image","layout","AvatarContainer","disableDropshadow","mode","colors","lightGreen","green","Avatar","size","className","avatarImageProps","data-testid","dimensions"],"sources":["../../src/Avatar/index.tsx"],"sourcesContent":["import { VisualTheme } from '@codecademy/gamut';\nimport { styledOptions, system, theme } from '@codecademy/gamut-styles';\nimport { ResponsiveProp } from '@codecademy/variance';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst Image = styled('img', styledOptions<'img'>())(system.layout);\n\nconst AvatarContainer = styled.div<{\n  mode?: VisualTheme;\n  disableDropshadow?: boolean;\n}>`\n  position: relative;\n  display: table;\n\n  ${({ disableDropshadow, mode }) =>\n    !disableDropshadow &&\n    css`\n      &::before {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        transform: scale(0.92);\n        transform-origin: bottom right;\n        height: 100%;\n        width: 100%;\n        background-color: ${mode\n          ? mode === 'light'\n            ? theme.colors.lightGreen\n            : theme.colors.green\n          : theme.colors['feedback-success']};\n      }\n    `}\n\n  ${Image} {\n    position: relative;\n    border-radius: 50%;\n    object-fit: cover;\n\n    ${({ disableDropshadow }) =>\n      !disableDropshadow &&\n      css`\n        transform: scale(0.92);\n        transform-origin: top left;\n      `}\n  }\n`;\n\nexport type AvatarImageProps =\n  | { alt: string; 'aria-labelledby'?: never }\n  | { alt?: never; 'aria-labelledby': string };\n\nexport type AvatarBaseProps = {\n  /**\n   * path to image asset\n   */\n  src: string;\n\n  /**\n   * Disables the drop shadow entirely.\n   */\n  disableDropshadow?: boolean;\n\n  /**\n   * Size of the Avatar.\n   */\n  size?: ResponsiveProp<24 | 32 | 40 | 48 | 64 | 118> | '100%';\n\n  /**\n   * Overrides styles on the Avatar container.\n   */\n  className?: string;\n\n  /**\n   * @deprecated\n   * This will be determined automatically by the theme moving forward.\n   * Supplying it will determine the color of drop shadow.\n   */\n  mode?: VisualTheme;\n};\n\nexport type AvatarProps = AvatarBaseProps & AvatarImageProps;\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  mode,\n  disableDropshadow,\n  // ENT-361 Fixed Firefox Issue, set default size to 24 from 118\n  size = 24,\n  className,\n  ...avatarImageProps\n}) => (\n  <AvatarContainer\n    className={className}\n    mode={mode}\n    disableDropshadow={disableDropshadow}\n    data-testid=\"avatar-container\"\n  >\n    <Image dimensions={size} {...avatarImageProps} />\n  </AvatarContainer>\n);\n"],"mappings":";;;;;;;;;AAOA,MAAMM,QAAQF,6CAAO,OAAA;;;iDAA6B;GAAEH,gCAAOM,QAAM,sjHAAA;AAEjE,MAAMC,kBAAkBJ,6CAAAA,OAAAA;;;wCAOnB,EAAEK,mBAAmBC,WACtB,CAACD,qBACDN,kBAAG;;;;;;;;;4BASqBO,OAChBA,SAAS,UACPR,+BAAMS,OAAOC,aACbV,+BAAMS,OAAOE,QACfX,+BAAMS,OAAO,oBAAoB;;OAExC,KAEDL,OAAAA,2DAKG,EAAEG,wBACH,CAACA,qBACDN,kBAAG;;;SAGF,KAAA,sjHAAA;AAuCP,MAAaW,UAAiC,EAC5CJ,MACAD,mBAEAM,OAAO,IACPC,WACA,GAAGC,uBAEH,sBAAA,cAACT,iBAAAA;CACYQ;CACLN;CACaD;CACnBS,eAAY;GAEZ,sBAAA,cAACZ,OAAAA;CAAMa,YAAYJ;CAAO,GAAGE"}