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

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.cjs

@@ -0,0 +1,62 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../Avatar/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+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 _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx
+const StyledAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "eojkcaq0",
+	label: "brand-StyledAnchor"
+})((0, _codecademy_gamut_styles.css)({
+	alignItems: "center",
+	display: "flex",
+	justifyContent: "space-between",
+	py: 16,
+	width: "100%"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZC90eXBlcyc7XG5pbXBvcnQgeyBBdmF0YXIgfSBmcm9tICcuLi8uLi9BdmF0YXInO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51VGFyZ2V0UHJvcHMgPSB7XG4gIGl0ZW06XG4gICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgb3BlblN1Yk1lbnU6IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOlxuICAgICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICAgICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgcHk6IDE2LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgIG1sOiAxNixcbiAgICBtYXhXaWR0aDogYDcwdndgLFxuICAgIG92ZXJmbG93OiBgaGlkZGVuYCxcbiAgICB0ZXh0T3ZlcmZsb3c6IGBlbGxpcHNpc2AsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyU3ViTWVudVJvdzogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzPiA9ICh7XG4gIGl0ZW0sXG4gIG9wZW5TdWJNZW51LFxufSkgPT4ge1xuICBjb25zdCBnZXRJY29uID0gKCkgPT4ge1xuICAgIGlmIChpdGVtLnR5cGUgIT09ICdwcm9maWxlLWRyb3Bkb3duJykge1xuICAgICAgY29uc3QgSWNvbiA9IGl0ZW0uaWNvbjtcbiAgICAgIHJldHVybiBJY29uICYmIDxJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBdmF0YXJcbiAgICAgICAgc3JjPXtpdGVtLmF2YXRhcn1cbiAgICAgICAgYWx0PVwiVXNlciBwcm9maWxlIGF2YXRhclwiXG4gICAgICAgIGRpc2FibGVEcm9wc2hhZG93XG4gICAgICAgIHNpemU9ezI0fVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YE9wZW4gJHtpdGVtLnRleHR9IG5hdmlnYXRpb25gfVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gb3BlblN1Yk1lbnUoZXZlbnQsIGl0ZW0pfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgPlxuICAgICAge2dldEljb24oKX1cbiAgICAgIDxTdHlsZWRUZXh0PlxuICAgICAgICB7aXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bicgPyBpdGVtLnVzZXJEaXNwbGF5TmFtZSA6IGl0ZW0udGV4dH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gbWw9XCJhdXRvXCIgbXk9XCJhdXRvXCIgc2l6ZT17MTJ9IGFyaWEtaGlkZGVuIC8+XG4gICAgPC9TdHlsZWRBbmNob3I+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCcUIifQ== */");
+const StyledText = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Text, {
+	target: "eojkcaq1",
+	label: "brand-StyledText"
+})((0, _codecademy_gamut_styles.css)({
+	ml: 16,
+	maxWidth: `70vw`,
+	overflow: `hidden`,
+	textOverflow: `ellipsis`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZC90eXBlcyc7XG5pbXBvcnQgeyBBdmF0YXIgfSBmcm9tICcuLi8uLi9BdmF0YXInO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51VGFyZ2V0UHJvcHMgPSB7XG4gIGl0ZW06XG4gICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgb3BlblN1Yk1lbnU6IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOlxuICAgICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICAgICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgcHk6IDE2LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgIG1sOiAxNixcbiAgICBtYXhXaWR0aDogYDcwdndgLFxuICAgIG92ZXJmbG93OiBgaGlkZGVuYCxcbiAgICB0ZXh0T3ZlcmZsb3c6IGBlbGxpcHNpc2AsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyU3ViTWVudVJvdzogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzPiA9ICh7XG4gIGl0ZW0sXG4gIG9wZW5TdWJNZW51LFxufSkgPT4ge1xuICBjb25zdCBnZXRJY29uID0gKCkgPT4ge1xuICAgIGlmIChpdGVtLnR5cGUgIT09ICdwcm9maWxlLWRyb3Bkb3duJykge1xuICAgICAgY29uc3QgSWNvbiA9IGl0ZW0uaWNvbjtcbiAgICAgIHJldHVybiBJY29uICYmIDxJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBdmF0YXJcbiAgICAgICAgc3JjPXtpdGVtLmF2YXRhcn1cbiAgICAgICAgYWx0PVwiVXNlciBwcm9maWxlIGF2YXRhclwiXG4gICAgICAgIGRpc2FibGVEcm9wc2hhZG93XG4gICAgICAgIHNpemU9ezI0fVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YE9wZW4gJHtpdGVtLnRleHR9IG5hdmlnYXRpb25gfVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gb3BlblN1Yk1lbnUoZXZlbnQsIGl0ZW0pfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgPlxuICAgICAge2dldEljb24oKX1cbiAgICAgIDxTdHlsZWRUZXh0PlxuICAgICAgICB7aXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bicgPyBpdGVtLnVzZXJEaXNwbGF5TmFtZSA6IGl0ZW0udGV4dH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gbWw9XCJhdXRvXCIgbXk9XCJhdXRvXCIgc2l6ZT17MTJ9IGFyaWEtaGlkZGVuIC8+XG4gICAgPC9TdHlsZWRBbmNob3I+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIifQ== */");
+const AppHeaderSubMenuRow = ({ item, openSubMenu }) => {
+	const getIcon = () => {
+		if (item.type !== "profile-dropdown") {
+			const Icon = item.icon;
+			return Icon && /* @__PURE__ */ react.createElement(Icon, {
+				size: 24,
+				"aria-hidden": true
+			});
+		}
+		return /* @__PURE__ */ react.createElement(require_index.Avatar, {
+			src: item.avatar,
+			alt: "User profile avatar",
+			disableDropshadow: true,
+			size: 24
+		});
+	};
+	return /* @__PURE__ */ react.createElement(StyledAnchor, {
+		"aria-label": `Open ${item.text} navigation`,
+		"data-testid": item.dataTestId,
+		onClick: (event) => openSubMenu(event, item),
+		variant: "interface"
+	}, getIcon(), /* @__PURE__ */ react.createElement(StyledText, null, item.type === "profile-dropdown" ? item.userDisplayName : item.text), /* @__PURE__ */ react.createElement(_codecademy_gamut_icons.ArrowChevronRightIcon, {
+		ml: "auto",
+		my: "auto",
+		size: 12,
+		"aria-hidden": true
+	}));
+};
+
+//#endregion
+exports.AppHeaderSubMenuRow = AppHeaderSubMenuRow;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Text","ArrowChevronRightIcon","css","styled","React","Avatar","StyledAnchor","alignItems","display","justifyContent","py","width","StyledText","ml","maxWidth","overflow","textOverflow","AppHeaderSubMenuRow","item","openSubMenu","getIcon","type","Icon","icon","size","aria-hidden","src","avatar","alt","disableDropshadow","aria-label","text","data-testid","dataTestId","onClick","event","variant","userDisplayName","my"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared/types';\nimport { Avatar } from '../../Avatar';\n\nexport type AppHeaderSubMenuTargetProps = {\n  item:\n    | AppHeaderDropdownItem\n    | AppHeaderCatalogDropdownItem\n    | AppHeaderResourcesDropdownItem;\n  openSubMenu: (\n    event: React.MouseEvent,\n    item:\n      | AppHeaderDropdownItem\n      | AppHeaderCatalogDropdownItem\n      | AppHeaderResourcesDropdownItem\n  ) => void;\n};\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    py: 16,\n    width: '100%',\n  })\n);\n\nconst StyledText = styled(Text)(\n  css({\n    ml: 16,\n    maxWidth: `70vw`,\n    overflow: `hidden`,\n    textOverflow: `ellipsis`,\n  })\n);\n\nexport const AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps> = ({\n  item,\n  openSubMenu,\n}) => {\n  const getIcon = () => {\n    if (item.type !== 'profile-dropdown') {\n      const Icon = item.icon;\n      return Icon && <Icon size={24} aria-hidden />;\n    }\n    return (\n      <Avatar\n        src={item.avatar}\n        alt=\"User profile avatar\"\n        disableDropshadow\n        size={24}\n      />\n    );\n  };\n\n  return (\n    <StyledAnchor\n      aria-label={`Open ${item.text} navigation`}\n      data-testid={item.dataTestId}\n      onClick={(event: React.MouseEvent) => openSubMenu(event, item)}\n      variant=\"interface\"\n    >\n      {getIcon()}\n      <StyledText>\n        {item.type === 'profile-dropdown' ? item.userDisplayName : item.text}\n      </StyledText>\n      <ArrowChevronRightIcon ml=\"auto\" my=\"auto\" size={12} aria-hidden />\n    </StyledAnchor>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA2BA,MAAMO,eAAeH,6CAAOJ,0BAAAA;;;qCACtB;CACFQ,YAAY;CACZC,SAAS;CACTC,gBAAgB;CAChBC,IAAI;CACJC,OAAO;CACT,CAAA,EAAA,0jGAAA;AAGF,MAAMC,aAAaT,6CAAOH,wBAAAA;;;qCACpB;CACFa,IAAI;CACJC,UAAU;CACVC,UAAU;CACVC,cAAc;CAChB,CAAA,EAAA,0jGAAA;AAGF,MAAaC,uBAA8D,EACzEC,MACAC,kBACD;CACC,MAAMC,gBAAU;AACd,MAAIF,KAAKG,SAAS,oBAAoB;GACpC,MAAMC,OAAOJ,KAAKK;AAClB,UAAOD,QAAQ,sBAAA,cAACA,MAAAA;IAAKE,MAAM;IAAIC,eAAAA;;;AAEjC,SACE,sBAAA,cAACpB,sBAAAA;GACCqB,KAAKR,KAAKS;GACVC,KAAI;GACJC,mBAAAA;GACAL,MAAM;;;AAKZ,QACE,sBAAA,cAAClB,cAAAA;EACCwB,cAAY,QAAQZ,KAAKa,KAAK;EAC9BC,eAAad,KAAKe;EAClBC,UAAUC,UAA4BhB,YAAYgB,OAAOjB,KAAAA;EACzDkB,SAAQ;IAEPhB,SAAAA,EACD,sBAAA,cAACR,YAAAA,MACEM,KAAKG,SAAS,qBAAqBH,KAAKmB,kBAAkBnB,KAAKa,KAAI,EAEtE,sBAAA,cAAC9B,+CAAAA;EAAsBY,IAAG;EAAOyB,IAAG;EAAOd,MAAM;EAAIC,eAAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.js

@@ -1,60 +1,59 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Text } from '@codecademy/gamut';
-import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
-import { css } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { Avatar } from '../../Avatar';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "etgovsy1",
-  label: "StyledAnchor"
+import { Avatar } from "../../Avatar/index.js";
+import { Anchor, Text } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { ArrowChevronRightIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx
+const StyledAnchor = /* @__PURE__ */ styled(Anchor, {
+	target: "eojkcaq0",
+	label: "brand-StyledAnchor"
 })(css({
-  alignItems: 'center',
-  display: 'flex',
-  justifyContent: 'space-between',
-  py: 16,
-  width: '100%'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudVRhcmdldC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVUYXJnZXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQvdHlwZXMnO1xuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vLi4vQXZhdGFyJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzID0ge1xuICBpdGVtOlxuICAgIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gICAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIG9wZW5TdWJNZW51OiAoXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQsXG4gICAgaXRlbTpcbiAgICAgIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gICAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtXG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICAgIHB5OiAxNixcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KShcbiAgY3NzKHtcbiAgICBtbDogMTYsXG4gICAgbWF4V2lkdGg6IGA3MHZ3YCxcbiAgICBvdmVyZmxvdzogYGhpZGRlbmAsXG4gICAgdGV4dE92ZXJmbG93OiBgZWxsaXBzaXNgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk1lbnVSb3c6IFJlYWN0LkZDPEFwcEhlYWRlclN1Yk1lbnVUYXJnZXRQcm9wcz4gPSAoe1xuICBpdGVtLFxuICBvcGVuU3ViTWVudSxcbn0pID0+IHtcbiAgY29uc3QgZ2V0SWNvbiA9ICgpID0+IHtcbiAgICBpZiAoaXRlbS50eXBlICE9PSAncHJvZmlsZS1kcm9wZG93bicpIHtcbiAgICAgIGNvbnN0IEljb24gPSBpdGVtLmljb247XG4gICAgICByZXR1cm4gSWNvbiAmJiA8SWNvbiBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8QXZhdGFyXG4gICAgICAgIHNyYz17aXRlbS5hdmF0YXJ9XG4gICAgICAgIGFsdD1cIlVzZXIgcHJvZmlsZSBhdmF0YXJcIlxuICAgICAgICBkaXNhYmxlRHJvcHNoYWRvd1xuICAgICAgICBzaXplPXsyNH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBbmNob3JcbiAgICAgIGFyaWEtbGFiZWw9e2BPcGVuICR7aXRlbS50ZXh0fSBuYXZpZ2F0aW9uYH1cbiAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IG9wZW5TdWJNZW51KGV2ZW50LCBpdGVtKX1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgID5cbiAgICAgIHtnZXRJY29uKCl9XG4gICAgICA8U3R5bGVkVGV4dD5cbiAgICAgICAge2l0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8QXJyb3dDaGV2cm9uUmlnaHRJY29uIG1sPVwiYXV0b1wiIG15PVwiYXV0b1wiIHNpemU9ezEyfSBhcmlhLWhpZGRlbiAvPlxuICAgIDwvU3R5bGVkQW5jaG9yPlxuICApO1xufTtcbiJdfQ== */");
-const StyledText = /*#__PURE__*/_styled(Text, {
-  target: "etgovsy0",
-  label: "StyledText"
+	alignItems: "center",
+	display: "flex",
+	justifyContent: "space-between",
+	py: 16,
+	width: "100%"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZC90eXBlcyc7XG5pbXBvcnQgeyBBdmF0YXIgfSBmcm9tICcuLi8uLi9BdmF0YXInO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51VGFyZ2V0UHJvcHMgPSB7XG4gIGl0ZW06XG4gICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgb3BlblN1Yk1lbnU6IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOlxuICAgICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICAgICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgcHk6IDE2LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgIG1sOiAxNixcbiAgICBtYXhXaWR0aDogYDcwdndgLFxuICAgIG92ZXJmbG93OiBgaGlkZGVuYCxcbiAgICB0ZXh0T3ZlcmZsb3c6IGBlbGxpcHNpc2AsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyU3ViTWVudVJvdzogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzPiA9ICh7XG4gIGl0ZW0sXG4gIG9wZW5TdWJNZW51LFxufSkgPT4ge1xuICBjb25zdCBnZXRJY29uID0gKCkgPT4ge1xuICAgIGlmIChpdGVtLnR5cGUgIT09ICdwcm9maWxlLWRyb3Bkb3duJykge1xuICAgICAgY29uc3QgSWNvbiA9IGl0ZW0uaWNvbjtcbiAgICAgIHJldHVybiBJY29uICYmIDxJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBdmF0YXJcbiAgICAgICAgc3JjPXtpdGVtLmF2YXRhcn1cbiAgICAgICAgYWx0PVwiVXNlciBwcm9maWxlIGF2YXRhclwiXG4gICAgICAgIGRpc2FibGVEcm9wc2hhZG93XG4gICAgICAgIHNpemU9ezI0fVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YE9wZW4gJHtpdGVtLnRleHR9IG5hdmlnYXRpb25gfVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gb3BlblN1Yk1lbnUoZXZlbnQsIGl0ZW0pfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgPlxuICAgICAge2dldEljb24oKX1cbiAgICAgIDxTdHlsZWRUZXh0PlxuICAgICAgICB7aXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bicgPyBpdGVtLnVzZXJEaXNwbGF5TmFtZSA6IGl0ZW0udGV4dH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gbWw9XCJhdXRvXCIgbXk9XCJhdXRvXCIgc2l6ZT17MTJ9IGFyaWEtaGlkZGVuIC8+XG4gICAgPC9TdHlsZWRBbmNob3I+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCcUIifQ== */");
+const StyledText = /* @__PURE__ */ styled(Text, {
+	target: "eojkcaq1",
+	label: "brand-StyledText"
 })(css({
-  ml: 16,
-  maxWidth: `70vw`,
-  overflow: `hidden`,
-  textOverflow: `ellipsis`
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudVRhcmdldC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVUYXJnZXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQvdHlwZXMnO1xuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vLi4vQXZhdGFyJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzID0ge1xuICBpdGVtOlxuICAgIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gICAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIG9wZW5TdWJNZW51OiAoXG4gICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQsXG4gICAgaXRlbTpcbiAgICAgIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gICAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtXG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICAgIHB5OiAxNixcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KShcbiAgY3NzKHtcbiAgICBtbDogMTYsXG4gICAgbWF4V2lkdGg6IGA3MHZ3YCxcbiAgICBvdmVyZmxvdzogYGhpZGRlbmAsXG4gICAgdGV4dE92ZXJmbG93OiBgZWxsaXBzaXNgLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk1lbnVSb3c6IFJlYWN0LkZDPEFwcEhlYWRlclN1Yk1lbnVUYXJnZXRQcm9wcz4gPSAoe1xuICBpdGVtLFxuICBvcGVuU3ViTWVudSxcbn0pID0+IHtcbiAgY29uc3QgZ2V0SWNvbiA9ICgpID0+IHtcbiAgICBpZiAoaXRlbS50eXBlICE9PSAncHJvZmlsZS1kcm9wZG93bicpIHtcbiAgICAgIGNvbnN0IEljb24gPSBpdGVtLmljb247XG4gICAgICByZXR1cm4gSWNvbiAmJiA8SWNvbiBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8QXZhdGFyXG4gICAgICAgIHNyYz17aXRlbS5hdmF0YXJ9XG4gICAgICAgIGFsdD1cIlVzZXIgcHJvZmlsZSBhdmF0YXJcIlxuICAgICAgICBkaXNhYmxlRHJvcHNoYWRvd1xuICAgICAgICBzaXplPXsyNH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBbmNob3JcbiAgICAgIGFyaWEtbGFiZWw9e2BPcGVuICR7aXRlbS50ZXh0fSBuYXZpZ2F0aW9uYH1cbiAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IG9wZW5TdWJNZW51KGV2ZW50LCBpdGVtKX1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgID5cbiAgICAgIHtnZXRJY29uKCl9XG4gICAgICA8U3R5bGVkVGV4dD5cbiAgICAgICAge2l0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8QXJyb3dDaGV2cm9uUmlnaHRJY29uIG1sPVwiYXV0b1wiIG15PVwiYXV0b1wiIHNpemU9ezEyfSBhcmlhLWhpZGRlbiAvPlxuICAgIDwvU3R5bGVkQW5jaG9yPlxuICApO1xufTtcbiJdfQ== */");
-export const AppHeaderSubMenuRow = ({
-  item,
-  openSubMenu
-}) => {
-  const getIcon = () => {
-    if (item.type !== 'profile-dropdown') {
-      const Icon = item.icon;
-      return Icon && /*#__PURE__*/_jsx(Icon, {
-        size: 24,
-        "aria-hidden": true
-      });
-    }
-    return /*#__PURE__*/_jsx(Avatar, {
-      src: item.avatar,
-      alt: "User profile avatar",
-      disableDropshadow: true,
-      size: 24
-    });
-  };
-  return /*#__PURE__*/_jsxs(StyledAnchor, {
-    "aria-label": `Open ${item.text} navigation`,
-    "data-testid": item.dataTestId,
-    onClick: event => openSubMenu(event, item),
-    variant: "interface",
-    children: [getIcon(), /*#__PURE__*/_jsx(StyledText, {
-      children: item.type === 'profile-dropdown' ? item.userDisplayName : item.text
-    }), /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
-      ml: "auto",
-      my: "auto",
-      size: 12,
-      "aria-hidden": true
-    })]
-  });
-};
+	ml: 16,
+	maxWidth: `70vw`,
+	overflow: `hidden`,
+	textOverflow: `ellipsis`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZC90eXBlcyc7XG5pbXBvcnQgeyBBdmF0YXIgfSBmcm9tICcuLi8uLi9BdmF0YXInO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51VGFyZ2V0UHJvcHMgPSB7XG4gIGl0ZW06XG4gICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgb3BlblN1Yk1lbnU6IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOlxuICAgICAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgICAgIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICAgICAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgcHk6IDE2LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpKFxuICBjc3Moe1xuICAgIG1sOiAxNixcbiAgICBtYXhXaWR0aDogYDcwdndgLFxuICAgIG92ZXJmbG93OiBgaGlkZGVuYCxcbiAgICB0ZXh0T3ZlcmZsb3c6IGBlbGxpcHNpc2AsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyU3ViTWVudVJvdzogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudVRhcmdldFByb3BzPiA9ICh7XG4gIGl0ZW0sXG4gIG9wZW5TdWJNZW51LFxufSkgPT4ge1xuICBjb25zdCBnZXRJY29uID0gKCkgPT4ge1xuICAgIGlmIChpdGVtLnR5cGUgIT09ICdwcm9maWxlLWRyb3Bkb3duJykge1xuICAgICAgY29uc3QgSWNvbiA9IGl0ZW0uaWNvbjtcbiAgICAgIHJldHVybiBJY29uICYmIDxJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBdmF0YXJcbiAgICAgICAgc3JjPXtpdGVtLmF2YXRhcn1cbiAgICAgICAgYWx0PVwiVXNlciBwcm9maWxlIGF2YXRhclwiXG4gICAgICAgIGRpc2FibGVEcm9wc2hhZG93XG4gICAgICAgIHNpemU9ezI0fVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YE9wZW4gJHtpdGVtLnRleHR9IG5hdmlnYXRpb25gfVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gb3BlblN1Yk1lbnUoZXZlbnQsIGl0ZW0pfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgPlxuICAgICAge2dldEljb24oKX1cbiAgICAgIDxTdHlsZWRUZXh0PlxuICAgICAgICB7aXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bicgPyBpdGVtLnVzZXJEaXNwbGF5TmFtZSA6IGl0ZW0udGV4dH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gbWw9XCJhdXRvXCIgbXk9XCJhdXRvXCIgc2l6ZT17MTJ9IGFyaWEtaGlkZGVuIC8+XG4gICAgPC9TdHlsZWRBbmNob3I+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIifQ== */");
+const AppHeaderSubMenuRow = ({ item, openSubMenu }) => {
+	const getIcon = () => {
+		if (item.type !== "profile-dropdown") {
+			const Icon = item.icon;
+			return Icon && /* @__PURE__ */ React$1.createElement(Icon, {
+				size: 24,
+				"aria-hidden": true
+			});
+		}
+		return /* @__PURE__ */ React$1.createElement(Avatar, {
+			src: item.avatar,
+			alt: "User profile avatar",
+			disableDropshadow: true,
+			size: 24
+		});
+	};
+	return /* @__PURE__ */ React$1.createElement(StyledAnchor, {
+		"aria-label": `Open ${item.text} navigation`,
+		"data-testid": item.dataTestId,
+		onClick: (event) => openSubMenu(event, item),
+		variant: "interface"
+	}, getIcon(), /* @__PURE__ */ React$1.createElement(StyledText, null, item.type === "profile-dropdown" ? item.userDisplayName : item.text), /* @__PURE__ */ React$1.createElement(ArrowChevronRightIcon, {
+		ml: "auto",
+		my: "auto",
+		size: 12,
+		"aria-hidden": true
+	}));
+};
+
+//#endregion
+export { AppHeaderSubMenuRow };
+//# sourceMappingURL=index.js.map

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Text","ArrowChevronRightIcon","css","styled","React","Avatar","StyledAnchor","alignItems","display","justifyContent","py","width","StyledText","ml","maxWidth","overflow","textOverflow","AppHeaderSubMenuRow","item","openSubMenu","getIcon","type","Icon","icon","size","aria-hidden","src","avatar","alt","disableDropshadow","aria-label","text","data-testid","dataTestId","onClick","event","variant","userDisplayName","my"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared/types';\nimport { Avatar } from '../../Avatar';\n\nexport type AppHeaderSubMenuTargetProps = {\n  item:\n    | AppHeaderDropdownItem\n    | AppHeaderCatalogDropdownItem\n    | AppHeaderResourcesDropdownItem;\n  openSubMenu: (\n    event: React.MouseEvent,\n    item:\n      | AppHeaderDropdownItem\n      | AppHeaderCatalogDropdownItem\n      | AppHeaderResourcesDropdownItem\n  ) => void;\n};\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    py: 16,\n    width: '100%',\n  })\n);\n\nconst StyledText = styled(Text)(\n  css({\n    ml: 16,\n    maxWidth: `70vw`,\n    overflow: `hidden`,\n    textOverflow: `ellipsis`,\n  })\n);\n\nexport const AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps> = ({\n  item,\n  openSubMenu,\n}) => {\n  const getIcon = () => {\n    if (item.type !== 'profile-dropdown') {\n      const Icon = item.icon;\n      return Icon && <Icon size={24} aria-hidden />;\n    }\n    return (\n      <Avatar\n        src={item.avatar}\n        alt=\"User profile avatar\"\n        disableDropshadow\n        size={24}\n      />\n    );\n  };\n\n  return (\n    <StyledAnchor\n      aria-label={`Open ${item.text} navigation`}\n      data-testid={item.dataTestId}\n      onClick={(event: React.MouseEvent) => openSubMenu(event, item)}\n      variant=\"interface\"\n    >\n      {getIcon()}\n      <StyledText>\n        {item.type === 'profile-dropdown' ? item.userDisplayName : item.text}\n      </StyledText>\n      <ArrowChevronRightIcon ml=\"auto\" my=\"auto\" size={12} aria-hidden />\n    </StyledAnchor>\n  );\n};\n"],"mappings":";;;;;;;;AA2BA,MAAMO,eAAeH,uBAAOJ,QAAAA;;;GAC1BG,IAAI;CACFK,YAAY;CACZC,SAAS;CACTC,gBAAgB;CAChBC,IAAI;CACJC,OAAO;CACT,CAAA,EAAA,0jGAAA;AAGF,MAAMC,aAAaT,uBAAOH,MAAAA;;;GACxBE,IAAI;CACFW,IAAI;CACJC,UAAU;CACVC,UAAU;CACVC,cAAc;CAChB,CAAA,EAAA,0jGAAA;AAGF,MAAaC,uBAA8D,EACzEC,MACAC,kBACD;CACC,MAAMC,gBAAU;AACd,MAAIF,KAAKG,SAAS,oBAAoB;GACpC,MAAMC,OAAOJ,KAAKK;AAClB,UAAOD,QAAQ,wBAAA,cAACA,MAAAA;IAAKE,MAAM;IAAIC,eAAAA;;;AAEjC,SACE,wBAAA,cAACpB,QAAAA;GACCqB,KAAKR,KAAKS;GACVC,KAAI;GACJC,mBAAAA;GACAL,MAAM;;;AAKZ,QACE,wBAAA,cAAClB,cAAAA;EACCwB,cAAY,QAAQZ,KAAKa,KAAK;EAC9BC,eAAad,KAAKe;EAClBC,UAAUC,UAA4BhB,YAAYgB,OAAOjB,KAAAA;EACzDkB,SAAQ;IAEPhB,SAAAA,EACD,wBAAA,cAACR,YAAAA,MACEM,KAAKG,SAAS,qBAAqBH,KAAKmB,kBAAkBnB,KAAKa,KAAI,EAEtE,wBAAA,cAAC9B,uBAAAA;EAAsBY,IAAG;EAAOyB,IAAG;EAAOd,MAAM;EAAIC,eAAAA"}

package/dist/AppHeaderMobile/index.cjs

@@ -0,0 +1,167 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../HeaderHeightArea/index.cjs');
+const require_elements = require('../AppHeader/shared/elements.cjs');
+require('../AppHeader/shared/index.cjs');
+const require_NotificationsContents = require('../Notifications/NotificationsContents.cjs');
+const require_useHeaderNotifications = require('../Notifications/useHeaderNotifications.cjs');
+const require_index$2 = require('../AppHeader/AppHeaderElements/AppHeaderListItem/index.cjs');
+const require_useHeaderSearch = require('../AppHeader/Search/useHeaderSearch.cjs');
+const require_utils = require('../AppHeader/shared/utils.cjs');
+const require_index$3 = require('./AppHeaderMainMenuMobile/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+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 _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/AppHeaderMobile/index.tsx
+const StyledOverlay = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Overlay, {
+	target: "e1oiwp570",
+	label: "brand-StyledOverlay"
+})((0, _codecademy_gamut_styles.css)({
+	display: {
+		_: `block`,
+		[require_elements.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__ */ (0, _emotion_styled.default)("ul", {
+	target: "e1oiwp571",
+	label: "brand-StyledNavBar"
+})((0, _codecademy_gamut_styles.css)({
+	display: `flex`,
+	padding: 0,
+	listStyle: `none`,
+	margin: 0,
+	width: `100%`,
+	alignItems: "center"
+}), (0, _codecademy_gamut_styles.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] = (0, react.useState)(void 0);
+	const [allowScroll, setAllowScroll] = (0, react.useState)(false);
+	const openButtonRef = (0, react.useRef)(null);
+	const closeButtonRef = (0, react.useRef)(null);
+	const [notificationsBell, notificationsView] = require_useHeaderNotifications.useHeaderNotifications({
+		settings: notifications,
+		Renderer: require_NotificationsContents.NotificationsContents
+	});
+	const [searchButton, searchPane] = require_useHeaderSearch.useHeaderSearch({ ...search });
+	const openMobileMenu = () => {
+		setMobileMenuOpen(true);
+		if (closeButtonRef.current) closeButtonRef.current.focus();
+	};
+	(0, react.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.createElement(require_index$2.AppHeaderListItem, {
+				key: item.id,
+				ml: side === "right" && index === 0 ? "auto" : 0,
+				display: {
+					_: isHidable ? "none" : "flex",
+					xs: "flex"
+				}
+			}, require_utils.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.createElement(react.Fragment, null, !mobileMenuOpen && /* @__PURE__ */ react.createElement(require_index.HeaderHeightArea, { display: {
+		_: `block`,
+		[require_elements.appHeaderMobileBreakpoint]: `none`
+	} }, /* @__PURE__ */ react.createElement(require_elements.StyledAppBar, {
+		as: "nav",
+		"aria-label": "Main"
+	}, /* @__PURE__ */ react.createElement(StyledNavBar, { center: !!isSimple }, mapItemsToElement(items.left, "left"), mapItemsToElement(right, "right", true), !hideRightMenuButton && /* @__PURE__ */ react.createElement(require_index$2.AppHeaderListItem, { ml: right.length === 0 ? "auto" : 0 }, /* @__PURE__ */ react.createElement(_codecademy_gamut.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: _codecademy_gamut_icons.MenuIcon,
+		variant: "interface",
+		ref: openButtonRef
+	}))))), /* @__PURE__ */ react.createElement(StyledOverlay, {
+		clickOutsideCloses: true,
+		escapeCloses: true,
+		isOpen: mobileMenuOpen,
+		onRequestClose: () => setMobileMenuOpen(false),
+		allowScroll
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut_styles.Background, { bg: "beige" }, /* @__PURE__ */ react.createElement(require_index.HeaderHeightArea, {
+		display: {
+			_: `block`,
+			[require_elements.appHeaderMobileBreakpoint]: `none`
+		},
+		as: "nav",
+		ariaLabel: "Main",
+		"data-testid": "header-mobile-menu-dropdown"
+	}, /* @__PURE__ */ react.createElement(require_elements.StyledAppBar, null, /* @__PURE__ */ react.createElement(StyledNavBar, null, mapItemsToElement(items.left, "left"), /* @__PURE__ */ react.createElement(require_index$2.AppHeaderListItem, { ml: "auto" }, /* @__PURE__ */ react.createElement(_codecademy_gamut.IconButton, {
+		"aria-expanded": mobileMenuOpen,
+		onClick: () => {
+			setMobileMenuOpen(false);
+		},
+		icon: _codecademy_gamut_icons.MenuIcon,
+		"aria-label": navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
+		tip: navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating"
+		},
+		ref: closeButtonRef
+	})))), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+		background: _codecademy_gamut_styles.theme.colors.beige,
+		height: "auto"
+	}, /* @__PURE__ */ react.createElement(require_index$3.AppHeaderMainMenuMobile, {
+		action,
+		items: items.mainMenu,
+		getItemType: onItemType,
+		isAnon
+	}))))), !isEnterprise && /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { display: {
+		_: `block`,
+		[require_elements.appHeaderMobileBreakpoint]: `none`
+	} }, searchPane), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { display: {
+		_: `block`,
+		[require_elements.appHeaderMobileBreakpoint]: `none`
+	} }, notificationsView));
+};
+
+//#endregion
+exports.AppHeaderMobile = AppHeaderMobile;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeaderMobile/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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,6CAAON,2BAAAA;;;qCACvB;CACFqB,SAAS;EAAEC,GAAG;GAAUT,6CAA4B;EAAO;CAC3DU,OAAO;CACPC,QAAQ;CACRC,SAAS;CACTC,IAAI;CACJC,UAAU;CACVC,MAAM;CACNC,KAAK;CACLC,WAAW;CACb,CAAA,EAAA,0yWAAA;AAGF,MAAMC,eAAezB,6CAAAA,MAAAA;;;qCACf;CACFe,SAAS;CACTW,SAAS;CACTC,WAAW;CACXC,QAAQ;CACRX,OAAO;CACPY,YAAY;CACd,CAAA,uCACO,EACLC,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,yCACrBC,OAAAA;CAEF,MAAM,CAACC,aAAaC,sCAAoC,MAAA;CACxD,MAAMC,kCAA2C,KAAA;CACjD,MAAMC,mCAA4C,KAAA;CAElD,MAAM,CAACC,mBAAmBC,qBAAqBvC,sDAAuB;EACpEwC,UAAUjB;EACVkB,UAAU1C;EACZ,CAAA;CAEA,MAAM,CAAC2C,cAAcC,cAAclD,wCAAgB,EACjD,GAAG+B,QACL,CAAA;CAEA,MAAMoB,uBAAiB;AACrBZ,oBAAkB,KAAA;AAElB,MAAIK,eAAeQ,QACjBR,gBAAeQ,QAAQC,OAAK;;AAIhC1D,4BAAU;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,sBAAA,cAAC3D,mCAAAA;IACCkE,KAAKJ,KAAKK;IACVC,IAAIX,SAAS,WAAWM,UAAU,IAAI,SAAS;IAC/CrD,SAAS;KACPC,GAAGsD,YAAY,SAAS;KACxBI,IAAI;KACN;MAECjE,wCAA0B;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,sBAAA,cAAA,MAAA,UAAA,MACG,CAACJ,kBACA,sBAAA,cAACjC,gCAAAA,EACCI,SAAS;EAAEC,GAAG;GAAUT,6CAA4B;EAAO,IAE3D,sBAAA,cAACC,+BAAAA;EAAayE,IAAG;EAAMC,cAAW;IAChC,sBAAA,cAACzD,cAAAA,EAAaK,QAAQ,CAAC,CAACW,YACrBoB,kBAAkB1B,MAAMb,MAAM,OAAA,EAC9BuC,kBAAkBiB,OAAO,SAAS,KAAA,EAClC,CAACpC,uBACA,sBAAA,cAACrC,mCAAAA,EAAkBoE,IAAIK,MAAMb,WAAW,IAAI,SAAS,KACnD,sBAAA,cAACxE,8BAAAA;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,sBAAA,cAACnC,eAAAA;EACCgF,oBAAAA;EACAC,cAAAA;EACAC,QAAQpD;EACRqD,sBAAsBpD,kBAAkB,MAAA;EAC3BE;IAEb,sBAAA,cAACnD,qCAAAA,EAAWwB,IAAG,WACb,sBAAA,cAACT,gCAAAA;EACCI,SAAS;GAAEC,GAAG;IAAUT,6CAA4B;GAAO;EAC3D0E,IAAG;EACHiB,WAAU;EACVT,eAAY;IAEZ,sBAAA,cAACjF,+BAAAA,MACC,sBAAA,cAACiB,cAAAA,MACEoC,kBAAkB1B,MAAMb,MAAM,OAAA,EAC/B,sBAAA,cAACjB,mCAAAA,EAAkBoE,IAAG,UACpB,sBAAA,cAAChF,8BAAAA;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,sBAAA,cAAC1D,uBAAAA;EAAI2G,YAAYpG,+BAAMqG,OAAOC;EAAOnF,QAAO;IAC1C,sBAAA,cAACR,yCAAAA;EACSwB;EACRC,OAAOA,MAAMmE;EACbC,aAAaxB;EACLxC;SAMjB,CAACC,gBACA,sBAAA,cAAChD,uBAAAA,EAAIuB,SAAS;EAAEC,GAAG;GAAUT,6CAA4B;EAAO,IAC7DiD,WAAAA,EAGL,sBAAA,cAAChE,uBAAAA,EAAIuB,SAAS;EAAEC,GAAG;GAAUT,6CAA4B;EAAO,IAC7D6C,kBAAAA,CAAAA"}

package/dist/AppHeaderMobile/index.d.cts

@@ -0,0 +1,25 @@
+import { AppHeaderNotificationSettings } from "../Notifications/types.cjs";
+import { AppHeaderAction, FormattedMobileAppHeaderItems } from "../AppHeader/shared/types.cjs";
+import { NavigationMenuFormattedLabel } from "../GlobalHeader/types.cjs";
+import { AppHeaderSearch } from "../AppHeader/Search/types.cjs";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/index.d.ts
+type AppHeaderMobileProps = AppHeaderAction & {
+  items: FormattedMobileAppHeaderItems;
+  notifications?: AppHeaderNotificationSettings;
+  redirectParam?: string;
+  search: AppHeaderSearch;
+  isAnon: boolean;
+  /**
+   * used to conditonally hide the default search icon and notification bell
+   */
+  isEnterprise?: boolean;
+  isSimple?: boolean;
+  hideRightMenuButton?: boolean;
+  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
+};
+declare const AppHeaderMobile: React$1.FC<AppHeaderMobileProps>;
+//#endregion
+export { AppHeaderMobile, AppHeaderMobileProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/AppHeaderMobile/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AppHeaderMobile/index.tsx"],"mappings":";;;;;;;KA8BY,oBAAA,GAAuB,eAAA;EACjC,KAAA,EAAO,6BAAA;EACP,aAAA,GAAgB,6BAAA;EAChB,aAAA;EACA,MAAA,EAAQ,eAAA;EACR,MAAA;EAJO;;;EAQP,YAAA;EACA,QAAA;EACA,mBAAA;EACA,4BAAA,GAA+B,4BAAA;AAAA;AAAA,cAoCpB,eAAA,EAAiB,OAAA,CAAM,EAAA,CAAG,oBAAA"}

package/dist/AppHeaderMobile/index.d.ts

@@ -1,20 +1,28 @@
-import * as React from 'react';
-import { AppHeaderSearch } from '..';
-import { AppHeaderAction, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
-import { NavigationMenuFormattedLabel } from '../GlobalHeader';
-import { AppHeaderNotificationSettings } from '../Notifications/types';
-export type AppHeaderMobileProps = AppHeaderAction & {
-    items: FormattedMobileAppHeaderItems;
-    notifications?: AppHeaderNotificationSettings;
-    redirectParam?: string;
-    search: AppHeaderSearch;
-    isAnon: boolean;
-    /**
-     * used to conditonally hide the default search icon and notification bell
-     */
-    isEnterprise?: boolean;
-    isSimple?: boolean;
-    hideRightMenuButton?: boolean;
-    navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
+import { AppHeaderNotificationSettings } from "../Notifications/types.js";
+import { AppHeaderAction, FormattedMobileAppHeaderItems } from "../AppHeader/shared/types.js";
+import "../AppHeader/shared/index.js";
+import { NavigationMenuFormattedLabel } from "../GlobalHeader/types.js";
+import "../GlobalHeader/index.js";
+import { AppHeaderSearch } from "../AppHeader/Search/types.js";
+import "../index.js";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/index.d.ts
+type AppHeaderMobileProps = AppHeaderAction & {
+  items: FormattedMobileAppHeaderItems;
+  notifications?: AppHeaderNotificationSettings;
+  redirectParam?: string;
+  search: AppHeaderSearch;
+  isAnon: boolean;
+  /**
+   * used to conditonally hide the default search icon and notification bell
+   */
+  isEnterprise?: boolean;
+  isSimple?: boolean;
+  hideRightMenuButton?: boolean;
+  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
 };
-export declare const AppHeaderMobile: React.FC<AppHeaderMobileProps>;
+declare const AppHeaderMobile: React$1.FC<AppHeaderMobileProps>;
+//#endregion
+export { AppHeaderMobile, AppHeaderMobileProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeaderMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AppHeaderMobile/index.tsx"],"mappings":";;;;;;;;;;KA8BY,oBAAA,GAAuB,eAAA;EACjC,KAAA,EAAO,6BAAA;EACP,aAAA,GAAgB,6BAAA;EAChB,aAAA;EACA,MAAA,EAAQ,eAAA;EACR,MAAA;EAL8B;;;EAS9B,YAAA;EACA,QAAA;EACA,mBAAA;EACA,4BAAA,GAA+B,4BAAA;AAAA;AAAA,cAoCpB,eAAA,EAAiB,OAAA,CAAM,EAAA,CAAG,oBAAA"}