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

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.cjs

@@ -0,0 +1,123 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../AppHeader/AppHeaderElements/AppHeaderLink/index.cjs');
+const require_index$1 = require('../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.cjs');
+const require_GlobalHeaderItems = require('../../GlobalHeader/GlobalHeaderItems.cjs');
+const require_elements = require('../AppHeaderSubMenuMobile/elements.cjs');
+const require_index$2 = require('../AppHeaderSubMenuMobile/index.cjs');
+const require_index$3 = require('../AppHeaderSubMenuTarget/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);
+
+//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx
+const isBusinessPage = () => {
+	if (typeof window === "undefined") return false;
+	return window.location.pathname === "/business" || window.location.pathname === "/business/pricing";
+};
+const BackgroundWrapper = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e182wrxn0",
+	label: "brand-BackgroundWrapper"
+})((0, _codecademy_gamut_styles.css)({
+	background: _codecademy_gamut_styles.theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgVGV4dCxcbiAgVGV4dEJ1dHRvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGluayB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVySXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQge1xuICBsb2dpbixcbiAgcmVxdWVzdFRlYW1zRGVtbyxcbiAgc2lnblVwLFxuICBzaWduVXBUZXh0QnV0dG9uLFxufSBmcm9tICcuLi8uLi9HbG9iYWxIZWFkZXIvR2xvYmFsSGVhZGVySXRlbXMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU3ViTmF2TW9iaWxlIH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudU1vYmlsZSc7XG5pbXBvcnQgeyBNb2JpbGVVbFdyYXBwZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2VsZW1lbnRzJztcbmltcG9ydCB7IEFwcEhlYWRlclN1Yk1lbnVSb3cgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0JztcblxuY29uc3QgaXNCdXNpbmVzc1BhZ2UgPSAoKSA9PiB7XG4gIGlmICh0eXBlb2Ygd2luZG93ID09PSAndW5kZWZpbmVkJykgcmV0dXJuIGZhbHNlO1xuICByZXR1cm4gKFxuICAgIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcycgfHxcbiAgICB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUgPT09ICcvYnVzaW5lc3MvcHJpY2luZydcbiAgKTtcbn07XG5cbmNvbnN0IEJhY2tncm91bmRXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLndoaXRlLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlck1haW5NZW51TW9iaWxlUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW1zOiBBcHBIZWFkZXJJdGVtW107XG4gIGdldEl0ZW1UeXBlOiAodHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBpc0Fub246IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGU6IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzXG4+ID0gKHsgYWN0aW9uLCBpdGVtcywgZ2V0SXRlbVR5cGUsIGlzQW5vbiB9KSA9PiB7XG4gIGNvbnN0IFtzdWJNZW51SXRlbSwgc2V0U3ViTWVudUl0ZW1dID0gdXNlU3RhdGU8QXBwSGVhZGVyRHJvcGRvd25JdGVtPigpO1xuXG4gIGNvbnN0IG9wZW5TdWJNZW51ID0gKFxuICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50LFxuICAgIGl0ZW06IEFwcEhlYWRlckRyb3Bkb3duSXRlbVxuICApID0+IHtcbiAgICBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgIHNldFN1Yk1lbnVJdGVtKGl0ZW0pO1xuICAgIGdldEl0ZW1UeXBlKGl0ZW0udHlwZSk7XG4gIH07XG5cbiAgY29uc3QgY2xvc2VTdWJNZW51ID0gKCkgPT4ge1xuICAgIHNldFN1Yk1lbnVJdGVtKHVuZGVmaW5lZCk7XG4gICAgZ2V0SXRlbVR5cGUodW5kZWZpbmVkKTtcbiAgfTtcblxuICBjb25zdCBtYXBJdGVtVG9FbGVtZW50ID0gKFxuICAgIGl0ZW06IEFwcEhlYWRlckl0ZW0sXG4gICAgYWN0aW9uOiBBcHBIZWFkZXJDbGlja0hhbmRsZXJcbiAgKSA9PiB7XG4gICAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICAgIGNhc2UgJ2xpbmsnOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJMaW5rIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBrZXk9e2l0ZW0uaWR9IG1vYmlsZSAvPlxuICAgICAgICApO1xuICAgICAgY2FzZSAnZHJvcGRvd24nOlxuICAgICAgY2FzZSAncHJvZmlsZS1kcm9wZG93bic6XG4gICAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Jlc291cmNlcy1kcm9wZG93bic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEFwcEhlYWRlclN1Yk1lbnVSb3dcbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICBvcGVuU3ViTWVudT17b3BlblN1Yk1lbnV9XG4gICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ3Jlc291cmNlcy1zaW1wbGUtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtdD17MTZ9IG1iPXsxNn0+XG4gICAgICAgICAgICAgIHtpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8QXBwSGVhZGVyTGlua1NlY3Rpb25zIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBtb2JpbGUgLz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2ZpbGwtYnV0dG9uJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ3RleHQtYnV0dG9uJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgbXQ9ezE2fVxuICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiA8PjwvPjtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIHN1Yk1lbnVJdGVtID8gKFxuICAgIDxBcHBIZWFkZXJTdWJOYXZNb2JpbGVcbiAgICAgIGhhbmRsZUNsb3NlU3ViTWVudT17Y2xvc2VTdWJNZW51fVxuICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICBpdGVtPXtzdWJNZW51SXRlbX1cbiAgICAvPlxuICApIDogKFxuICAgIDxDb250ZW50Q29udGFpbmVyXG4gICAgICByb2xlPVwibmF2aWdhdGlvblwiXG4gICAgICBhcmlhLWxhYmVsPVwic2l0ZSBuYXZpZ2F0aW9uXCJcbiAgICAgIHRhYkluZGV4PXstMX1cbiAgICA+XG4gICAgICA8QmFja2dyb3VuZFdyYXBwZXI+XG4gICAgICAgIDxNb2JpbGVVbFdyYXBwZXIgYXM9XCJ1bFwiPlxuICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IG1hcEl0ZW1Ub0VsZW1lbnQoaXRlbSwgYWN0aW9uKSl9XG4gICAgICAgICAge2lzQW5vbiAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogJ2Jhc2VsaW5lJyxcbiAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICAgICAgcGFkZGluZ1RvcDogJzE2cHgnLFxuICAgICAgICAgICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCB2YXIoLS1ib3JkZXItdGVydGlhcnkpJyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzQnVzaW5lc3NQYWdlKCkgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtzaWduVXBUZXh0QnV0dG9uLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcFRleHRCdXR0b24uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PlxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbihldmVudCwgc2lnblVwVGV4dEJ1dHRvbilcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3NpZ25VcFRleHRCdXR0b24uaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXBUZXh0QnV0dG9uLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG5cbiAgICAgICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtyZXF1ZXN0VGVhbXNEZW1vLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3JlcXVlc3RUZWFtc0RlbW8uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PlxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbihldmVudCwgcmVxdWVzdFRlYW1zRGVtbylcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3JlcXVlc3RUZWFtc0RlbW8uaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtyZXF1ZXN0VGVhbXNEZW1vLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtzaWduVXAuZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICAgICAgaHJlZj17c2lnblVwLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBzaWduVXApfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3NpZ25VcC5pZH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge3NpZ25VcC50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBrZXk9e2xvZ2luLmlkfVxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17bG9naW4uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICAgICAgaHJlZj17bG9naW4uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiBhY3Rpb24oZXZlbnQsIGxvZ2luKX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2xvZ2luLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICAgPC9Db250ZW50Q29udGFpbmVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzBCIn0= */");
+const AppHeaderMainMenuMobile = ({ action, items, getItemType, isAnon }) => {
+	const [subMenuItem, setSubMenuItem] = (0, react.useState)();
+	const openSubMenu = (event, item) => {
+		action(event, item);
+		setSubMenuItem(item);
+		getItemType(item.type);
+	};
+	const closeSubMenu = () => {
+		setSubMenuItem(void 0);
+		getItemType(void 0);
+	};
+	const mapItemToElement = (item, action) => {
+		switch (item.type) {
+			case "link": return /* @__PURE__ */ react.createElement(require_index.AppHeaderLink, {
+				action,
+				item,
+				key: item.id,
+				mobile: true
+			});
+			case "dropdown":
+			case "profile-dropdown":
+			case "catalog-dropdown":
+			case "resources-dropdown": return /* @__PURE__ */ react.createElement(require_index$3.AppHeaderSubMenuRow, {
+				key: item.id,
+				item,
+				openSubMenu
+			});
+			case "resources-simple-dropdown": return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+				as: "h2",
+				fontSize: 22,
+				mt: 16,
+				mb: 16
+			}, item.text), /* @__PURE__ */ react.createElement(require_index$1.AppHeaderLinkSections, {
+				action,
+				item,
+				mobile: true
+			}));
+			case "fill-button": return /* @__PURE__ */ react.createElement(_codecademy_gamut.FillButton, {
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action(event, item),
+				mt: 24,
+				key: item.id
+			}, item.text);
+			case "text-button": return /* @__PURE__ */ react.createElement(_codecademy_gamut.TextButton, {
+				mt: 16,
+				key: item.id,
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action(event, item)
+			}, item.text);
+			default: return /* @__PURE__ */ react.createElement(react.Fragment, null);
+		}
+	};
+	return subMenuItem ? /* @__PURE__ */ react.createElement(require_index$2.AppHeaderSubNavMobile, {
+		handleCloseSubMenu: closeSubMenu,
+		action,
+		item: subMenuItem
+	}) : /* @__PURE__ */ react.createElement(_codecademy_gamut.ContentContainer, {
+		role: "navigation",
+		"aria-label": "site navigation",
+		tabIndex: -1
+	}, /* @__PURE__ */ react.createElement(BackgroundWrapper, null, /* @__PURE__ */ react.createElement(require_elements.MobileUlWrapper, { as: "ul" }, items.map((item) => mapItemToElement(item, action)), isAnon && /* @__PURE__ */ react.createElement("div", { style: {
+		display: "flex",
+		alignItems: "baseline",
+		justifyContent: "center",
+		paddingTop: "16px",
+		borderTop: "1px solid var(--border-tertiary)"
+	} }, isBusinessPage() ? /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_codecademy_gamut.TextButton, {
+		"data-testid": require_GlobalHeaderItems.signUpTextButton.dataTestId,
+		href: require_GlobalHeaderItems.signUpTextButton.href,
+		onClick: (event) => action(event, require_GlobalHeaderItems.signUpTextButton),
+		key: require_GlobalHeaderItems.signUpTextButton.id
+	}, require_GlobalHeaderItems.signUpTextButton.text), /* @__PURE__ */ react.createElement(_codecademy_gamut.FillButton, {
+		"data-testid": require_GlobalHeaderItems.requestTeamsDemo.dataTestId,
+		href: require_GlobalHeaderItems.requestTeamsDemo.href,
+		onClick: (event) => action(event, require_GlobalHeaderItems.requestTeamsDemo),
+		key: require_GlobalHeaderItems.requestTeamsDemo.id
+	}, require_GlobalHeaderItems.requestTeamsDemo.text)) : /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_codecademy_gamut.FillButton, {
+		"data-testid": require_GlobalHeaderItems.signUp.dataTestId,
+		href: require_GlobalHeaderItems.signUp.href,
+		onClick: (event) => action(event, require_GlobalHeaderItems.signUp),
+		key: require_GlobalHeaderItems.signUp.id
+	}, require_GlobalHeaderItems.signUp.text), /* @__PURE__ */ react.createElement(_codecademy_gamut.TextButton, {
+		key: require_GlobalHeaderItems.login.id,
+		"data-testid": require_GlobalHeaderItems.login.dataTestId,
+		href: require_GlobalHeaderItems.login.href,
+		onClick: (event) => action(event, require_GlobalHeaderItems.login)
+	}, require_GlobalHeaderItems.login.text))))));
+};
+
+//#endregion
+exports.AppHeaderMainMenuMobile = AppHeaderMainMenuMobile;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","ContentContainer","FillButton","Text","TextButton","css","theme","styled","useState","React","AppHeaderLink","AppHeaderLinkSections","login","requestTeamsDemo","signUp","signUpTextButton","AppHeaderSubNavMobile","MobileUlWrapper","AppHeaderSubMenuRow","isBusinessPage","window","location","pathname","BackgroundWrapper","background","colors","white","border","borderColor","borderRadius","padding","AppHeaderMainMenuMobile","action","items","getItemType","isAnon","subMenuItem","setSubMenuItem","openSubMenu","event","item","type","closeSubMenu","undefined","mapItemToElement","key","id","mobile","as","fontSize","mt","mb","text","data-testid","dataTestId","href","onClick","handleCloseSubMenu","role","aria-label","tabIndex","map","div","style","display","alignItems","justifyContent","paddingTop","borderTop"],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"sourcesContent":["import {\n  Box,\n  ContentContainer,\n  FillButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport {\n  AppHeaderAction,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderItem,\n} from '../../AppHeader/shared';\nimport {\n  login,\n  requestTeamsDemo,\n  signUp,\n  signUpTextButton,\n} from '../../GlobalHeader/GlobalHeaderItems';\nimport { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';\nimport { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';\nimport { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';\n\nconst isBusinessPage = () => {\n  if (typeof window === 'undefined') return false;\n  return (\n    window.location.pathname === '/business' ||\n    window.location.pathname === '/business/pricing'\n  );\n};\n\nconst BackgroundWrapper = styled(Box)(\n  css({\n    background: theme.colors.white,\n    border: 1,\n    borderColor: 'border-tertiary',\n    borderRadius: 'lg',\n    padding: '16px',\n  })\n);\n\nexport type AppHeaderMainMenuMobileProps = AppHeaderAction & {\n  items: AppHeaderItem[];\n  getItemType: (type: string | undefined) => void;\n  isAnon: boolean;\n};\n\nexport const AppHeaderMainMenuMobile: React.FC<\n  AppHeaderMainMenuMobileProps\n> = ({ action, items, getItemType, isAnon }) => {\n  const [subMenuItem, setSubMenuItem] = useState<AppHeaderDropdownItem>();\n\n  const openSubMenu = (\n    event: React.MouseEvent,\n    item: AppHeaderDropdownItem\n  ) => {\n    action(event, item);\n    setSubMenuItem(item);\n    getItemType(item.type);\n  };\n\n  const closeSubMenu = () => {\n    setSubMenuItem(undefined);\n    getItemType(undefined);\n  };\n\n  const mapItemToElement = (\n    item: AppHeaderItem,\n    action: AppHeaderClickHandler\n  ) => {\n    switch (item.type) {\n      case 'link':\n        return (\n          <AppHeaderLink action={action} item={item} key={item.id} mobile />\n        );\n      case 'dropdown':\n      case 'profile-dropdown':\n      case 'catalog-dropdown':\n      case 'resources-dropdown':\n        return (\n          <AppHeaderSubMenuRow\n            key={item.id}\n            item={item}\n            openSubMenu={openSubMenu}\n          />\n        );\n      case 'resources-simple-dropdown':\n        return (\n          <>\n            <Text as=\"h2\" fontSize={22} mt={16} mb={16}>\n              {item.text}\n            </Text>\n            <AppHeaderLinkSections action={action} item={item} mobile />\n          </>\n        );\n      case 'fill-button':\n        return (\n          <FillButton\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n            mt={24}\n            key={item.id}\n          >\n            {item.text}\n          </FillButton>\n        );\n      case 'text-button':\n        return (\n          <TextButton\n            mt={16}\n            key={item.id}\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n          >\n            {item.text}\n          </TextButton>\n        );\n      default:\n        return <></>;\n    }\n  };\n\n  return subMenuItem ? (\n    <AppHeaderSubNavMobile\n      handleCloseSubMenu={closeSubMenu}\n      action={action}\n      item={subMenuItem}\n    />\n  ) : (\n    <ContentContainer\n      role=\"navigation\"\n      aria-label=\"site navigation\"\n      tabIndex={-1}\n    >\n      <BackgroundWrapper>\n        <MobileUlWrapper as=\"ul\">\n          {items.map((item) => mapItemToElement(item, action))}\n          {isAnon && (\n            <div\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{\n                display: 'flex',\n                alignItems: 'baseline',\n                justifyContent: 'center',\n                paddingTop: '16px',\n                borderTop: '1px solid var(--border-tertiary)',\n              }}\n            >\n              {isBusinessPage() ? (\n                <>\n                  <TextButton\n                    data-testid={signUpTextButton.dataTestId}\n                    href={signUpTextButton.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, signUpTextButton)\n                    }\n                    key={signUpTextButton.id}\n                  >\n                    {signUpTextButton.text}\n                  </TextButton>\n\n                  <FillButton\n                    data-testid={requestTeamsDemo.dataTestId}\n                    href={requestTeamsDemo.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, requestTeamsDemo)\n                    }\n                    key={requestTeamsDemo.id}\n                  >\n                    {requestTeamsDemo.text}\n                  </FillButton>\n                </>\n              ) : (\n                <>\n                  <FillButton\n                    data-testid={signUp.dataTestId}\n                    href={signUp.href}\n                    onClick={(event: React.MouseEvent) => action(event, signUp)}\n                    key={signUp.id}\n                  >\n                    {signUp.text}\n                  </FillButton>\n\n                  <TextButton\n                    key={login.id}\n                    data-testid={login.dataTestId}\n                    href={login.href}\n                    onClick={(event: React.MouseEvent) => action(event, login)}\n                  >\n                    {login.text}\n                  </TextButton>\n                </>\n              )}\n            </div>\n          )}\n        </MobileUlWrapper>\n      </BackgroundWrapper>\n    </ContentContainer>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { AppHeaderAction, AppHeaderItem } from "../../AppHeader/shared/types.cjs";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts
+type AppHeaderMainMenuMobileProps = AppHeaderAction & {
+  items: AppHeaderItem[];
+  getItemType: (type: string | undefined) => void;
+  isAnon: boolean;
+};
+declare const AppHeaderMainMenuMobile: React$1.FC<AppHeaderMainMenuMobileProps>;
+//#endregion
+export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"mappings":";;;;KAgDY,4BAAA,GAA+B,eAAA;EACzC,KAAA,EAAO,aAAA;EACP,WAAA,GAAc,IAAA;EACd,MAAA;AAAA;AAAA,cAGW,uBAAA,EAAyB,OAAA,CAAM,EAAA,CAC1C,4BAAA"}

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

@@ -1,8 +1,14 @@
-import * as React from 'react';
-import { AppHeaderAction, AppHeaderItem } from '../../AppHeader/shared';
-export type AppHeaderMainMenuMobileProps = AppHeaderAction & {
-    items: AppHeaderItem[];
-    getItemType: (type: string | undefined) => void;
-    isAnon: boolean;
+import { AppHeaderAction, AppHeaderItem } from "../../AppHeader/shared/types.js";
+import "../../AppHeader/shared/index.js";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts
+type AppHeaderMainMenuMobileProps = AppHeaderAction & {
+  items: AppHeaderItem[];
+  getItemType: (type: string | undefined) => void;
+  isAnon: boolean;
 };
-export declare const AppHeaderMainMenuMobile: React.FC<AppHeaderMainMenuMobileProps>;
+declare const AppHeaderMainMenuMobile: React$1.FC<AppHeaderMainMenuMobileProps>;
+//#endregion
+export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"mappings":";;;;;KAgDY,4BAAA,GAA+B,eAAA;EACzC,KAAA,EAAO,aAAA;EACP,WAAA,GAAc,IAAA;EACd,MAAA;AAAA;AAAA,cAGW,uBAAA,EAAyB,OAAA,CAAM,EAAA,CAC1C,4BAAA"}

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -1,142 +1,121 @@
-import _styled from "@emotion/styled/base";
-import { Box, ContentContainer, FillButton, Text, TextButton } from '@codecademy/gamut';
-import { css, theme } from '@codecademy/gamut-styles';
-import { useState } from 'react';
-import * as React from 'react';
-import { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';
-import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
-import { login, requestTeamsDemo, signUp, signUpTextButton } from '../../GlobalHeader/GlobalHeaderItems';
-import { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';
-import { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';
-import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppHeaderLink } from "../../AppHeader/AppHeaderElements/AppHeaderLink/index.js";
+import { AppHeaderLinkSections } from "../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js";
+import { login, requestTeamsDemo, signUp, signUpTextButton } from "../../GlobalHeader/GlobalHeaderItems.js";
+import { MobileUlWrapper } from "../AppHeaderSubMenuMobile/elements.js";
+import { AppHeaderSubNavMobile } from "../AppHeaderSubMenuMobile/index.js";
+import { AppHeaderSubMenuRow } from "../AppHeaderSubMenuTarget/index.js";
+import { Box, ContentContainer, FillButton, Text, TextButton } from "@codecademy/gamut";
+import { css, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useState } from "react";
+
+//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx
 const isBusinessPage = () => {
-  if (typeof window === 'undefined') return false;
-  return window.location.pathname === '/business' || window.location.pathname === '/business/pricing';
+	if (typeof window === "undefined") return false;
+	return window.location.pathname === "/business" || window.location.pathname === "/business/pricing";
 };
-const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
-  target: "emi0o3k0",
-  label: "BackgroundWrapper"
+const BackgroundWrapper = /* @__PURE__ */ styled(Box, {
+	target: "e182wrxn0",
+	label: "brand-BackgroundWrapper"
 })(css({
-  background: theme.colors.white,
-  border: 1,
-  borderColor: 'border-tertiary',
-  borderRadius: 'lg',
-  padding: '16px'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbnRlbnRDb250YWluZXIsXG4gIEZpbGxCdXR0b24sXG4gIFRleHQsXG4gIFRleHRCdXR0b24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGluayc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlua1NlY3Rpb25zJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHtcbiAgbG9naW4sXG4gIHJlcXVlc3RUZWFtc0RlbW8sXG4gIHNpZ25VcCxcbiAgc2lnblVwVGV4dEJ1dHRvbixcbn0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyL0dsb2JhbEhlYWRlckl0ZW1zJztcbmltcG9ydCB7IEFwcEhlYWRlclN1Yk5hdk1vYmlsZSB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUnO1xuaW1wb3J0IHsgTW9iaWxlVWxXcmFwcGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJTdWJNZW51Um93IH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudVRhcmdldCc7XG5cbmNvbnN0IGlzQnVzaW5lc3NQYWdlID0gKCkgPT4ge1xuICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBmYWxzZTtcbiAgcmV0dXJuIChcbiAgICB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUgPT09ICcvYnVzaW5lc3MnIHx8XG4gICAgd2luZG93LmxvY2F0aW9uLnBhdGhuYW1lID09PSAnL2J1c2luZXNzL3ByaWNpbmcnXG4gICk7XG59O1xuXG5jb25zdCBCYWNrZ3JvdW5kV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICBib3JkZXI6IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICBwYWRkaW5nOiAnMTZweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogQXBwSGVhZGVySXRlbVtdO1xuICBnZXRJdGVtVHlwZTogKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gdm9pZDtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1haW5NZW51TW9iaWxlOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGVQcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbXMsIGdldEl0ZW1UeXBlLCBpc0Fub24gfSkgPT4ge1xuICBjb25zdCBbc3ViTWVudUl0ZW0sIHNldFN1Yk1lbnVJdGVtXSA9IHVzZVN0YXRlPEFwcEhlYWRlckRyb3Bkb3duSXRlbT4oKTtcblxuICBjb25zdCBvcGVuU3ViTWVudSA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgKSA9PiB7XG4gICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICBzZXRTdWJNZW51SXRlbShpdGVtKTtcbiAgICBnZXRJdGVtVHlwZShpdGVtLnR5cGUpO1xuICB9O1xuXG4gIGNvbnN0IGNsb3NlU3ViTWVudSA9ICgpID0+IHtcbiAgICBzZXRTdWJNZW51SXRlbSh1bmRlZmluZWQpO1xuICAgIGdldEl0ZW1UeXBlKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgbWFwSXRlbVRvRWxlbWVudCA9IChcbiAgICBpdGVtOiBBcHBIZWFkZXJJdGVtLFxuICAgIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyXG4gICkgPT4ge1xuICAgIHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICBjYXNlICdsaW5rJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8QXBwSGVhZGVyTGluayBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0ga2V5PXtpdGVtLmlkfSBtb2JpbGUgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Byb2ZpbGUtZHJvcGRvd24nOlxuICAgICAgY2FzZSAnY2F0YWxvZy1kcm9wZG93bic6XG4gICAgICBjYXNlICdyZXNvdXJjZXMtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJTdWJNZW51Um93XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgb3BlblN1Yk1lbnU9e29wZW5TdWJNZW51fVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbXQ9ezE2fSBtYj17MTZ9PlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEFwcEhlYWRlckxpbmtTZWN0aW9ucyBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0gbW9iaWxlIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdmaWxsLWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgICBtdD17MjR9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBjYXNlICd0ZXh0LWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgIG10PXsxNn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gPD48Lz47XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBzdWJNZW51SXRlbSA/IChcbiAgICA8QXBwSGVhZGVyU3ViTmF2TW9iaWxlXG4gICAgICBoYW5kbGVDbG9zZVN1Yk1lbnU9e2Nsb3NlU3ViTWVudX1cbiAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgaXRlbT17c3ViTWVudUl0ZW19XG4gICAgLz5cbiAgKSA6IChcbiAgICA8Q29udGVudENvbnRhaW5lclxuICAgICAgcm9sZT1cIm5hdmlnYXRpb25cIlxuICAgICAgYXJpYS1sYWJlbD1cInNpdGUgbmF2aWdhdGlvblwiXG4gICAgICB0YWJJbmRleD17LTF9XG4gICAgPlxuICAgICAgPEJhY2tncm91bmRXcmFwcGVyPlxuICAgICAgICA8TW9iaWxlVWxXcmFwcGVyIGFzPVwidWxcIj5cbiAgICAgICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiBtYXBJdGVtVG9FbGVtZW50KGl0ZW0sIGFjdGlvbikpfVxuICAgICAgICAgIHtpc0Fub24gJiYgKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdiYXNlbGluZScsXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6ICcxNnB4JyxcbiAgICAgICAgICAgICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgdmFyKC0tYm9yZGVyLXRlcnRpYXJ5KScsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpc0J1c2luZXNzUGFnZSgpID8gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwVGV4dEJ1dHRvbi5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtzaWduVXBUZXh0QnV0dG9uLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHNpZ25VcFRleHRCdXR0b24pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXBUZXh0QnV0dG9uLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7c2lnblVwVGV4dEJ1dHRvbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17cmVxdWVzdFRlYW1zRGVtby5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtyZXF1ZXN0VGVhbXNEZW1vLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHJlcXVlc3RUZWFtc0RlbW8pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtyZXF1ZXN0VGVhbXNEZW1vLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVxdWVzdFRlYW1zRGVtby50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcC5ocmVmfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgc2lnblVwKX1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXAuaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXAudGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgICAga2V5PXtsb2dpbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xvZ2luLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e2xvZ2luLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBsb2dpbil9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsb2dpbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Nb2JpbGVVbFdyYXBwZXI+XG4gICAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
-export const AppHeaderMainMenuMobile = ({
-  action,
-  items,
-  getItemType,
-  isAnon
-}) => {
-  const [subMenuItem, setSubMenuItem] = useState();
-  const openSubMenu = (event, item) => {
-    action(event, item);
-    setSubMenuItem(item);
-    getItemType(item.type);
-  };
-  const closeSubMenu = () => {
-    setSubMenuItem(undefined);
-    getItemType(undefined);
-  };
-  const mapItemToElement = (item, action) => {
-    switch (item.type) {
-      case 'link':
-        return /*#__PURE__*/_jsx(AppHeaderLink, {
-          action: action,
-          item: item,
-          mobile: true
-        }, item.id);
-      case 'dropdown':
-      case 'profile-dropdown':
-      case 'catalog-dropdown':
-      case 'resources-dropdown':
-        return /*#__PURE__*/_jsx(AppHeaderSubMenuRow, {
-          item: item,
-          openSubMenu: openSubMenu
-        }, item.id);
-      case 'resources-simple-dropdown':
-        return /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Text, {
-            as: "h2",
-            fontSize: 22,
-            mt: 16,
-            mb: 16,
-            children: item.text
-          }), /*#__PURE__*/_jsx(AppHeaderLinkSections, {
-            action: action,
-            item: item,
-            mobile: true
-          })]
-        });
-      case 'fill-button':
-        return /*#__PURE__*/_jsx(FillButton, {
-          "data-testid": item.dataTestId,
-          href: item.href,
-          onClick: event => action(event, item),
-          mt: 24,
-          children: item.text
-        }, item.id);
-      case 'text-button':
-        return /*#__PURE__*/_jsx(TextButton, {
-          mt: 16,
-          "data-testid": item.dataTestId,
-          href: item.href,
-          onClick: event => action(event, item),
-          children: item.text
-        }, item.id);
-      default:
-        return /*#__PURE__*/_jsx(_Fragment, {});
-    }
-  };
-  return subMenuItem ? /*#__PURE__*/_jsx(AppHeaderSubNavMobile, {
-    handleCloseSubMenu: closeSubMenu,
-    action: action,
-    item: subMenuItem
-  }) : /*#__PURE__*/_jsx(ContentContainer, {
-    role: "navigation",
-    "aria-label": "site navigation",
-    tabIndex: -1,
-    children: /*#__PURE__*/_jsx(BackgroundWrapper, {
-      children: /*#__PURE__*/_jsxs(MobileUlWrapper, {
-        as: "ul",
-        children: [items.map(item => mapItemToElement(item, action)), isAnon && /*#__PURE__*/_jsx("div", {
-          // eslint-disable-next-line gamut/no-inline-style
-          style: {
-            display: 'flex',
-            alignItems: 'baseline',
-            justifyContent: 'center',
-            paddingTop: '16px',
-            borderTop: '1px solid var(--border-tertiary)'
-          },
-          children: isBusinessPage() ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(TextButton, {
-              "data-testid": signUpTextButton.dataTestId,
-              href: signUpTextButton.href,
-              onClick: event => action(event, signUpTextButton),
-              children: signUpTextButton.text
-            }, signUpTextButton.id), /*#__PURE__*/_jsx(FillButton, {
-              "data-testid": requestTeamsDemo.dataTestId,
-              href: requestTeamsDemo.href,
-              onClick: event => action(event, requestTeamsDemo),
-              children: requestTeamsDemo.text
-            }, requestTeamsDemo.id)]
-          }) : /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(FillButton, {
-              "data-testid": signUp.dataTestId,
-              href: signUp.href,
-              onClick: event => action(event, signUp),
-              children: signUp.text
-            }, signUp.id), /*#__PURE__*/_jsx(TextButton, {
-              "data-testid": login.dataTestId,
-              href: login.href,
-              onClick: event => action(event, login),
-              children: login.text
-            }, login.id)]
-          })
-        })]
-      })
-    })
-  });
-};
+	background: theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgVGV4dCxcbiAgVGV4dEJ1dHRvbixcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGluayB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVySXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQge1xuICBsb2dpbixcbiAgcmVxdWVzdFRlYW1zRGVtbyxcbiAgc2lnblVwLFxuICBzaWduVXBUZXh0QnV0dG9uLFxufSBmcm9tICcuLi8uLi9HbG9iYWxIZWFkZXIvR2xvYmFsSGVhZGVySXRlbXMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU3ViTmF2TW9iaWxlIH0gZnJvbSAnLi4vQXBwSGVhZGVyU3ViTWVudU1vYmlsZSc7XG5pbXBvcnQgeyBNb2JpbGVVbFdyYXBwZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2VsZW1lbnRzJztcbmltcG9ydCB7IEFwcEhlYWRlclN1Yk1lbnVSb3cgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51VGFyZ2V0JztcblxuY29uc3QgaXNCdXNpbmVzc1BhZ2UgPSAoKSA9PiB7XG4gIGlmICh0eXBlb2Ygd2luZG93ID09PSAndW5kZWZpbmVkJykgcmV0dXJuIGZhbHNlO1xuICByZXR1cm4gKFxuICAgIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcycgfHxcbiAgICB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUgPT09ICcvYnVzaW5lc3MvcHJpY2luZydcbiAgKTtcbn07XG5cbmNvbnN0IEJhY2tncm91bmRXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLndoaXRlLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlck1haW5NZW51TW9iaWxlUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW1zOiBBcHBIZWFkZXJJdGVtW107XG4gIGdldEl0ZW1UeXBlOiAodHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBpc0Fub246IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGU6IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzXG4+ID0gKHsgYWN0aW9uLCBpdGVtcywgZ2V0SXRlbVR5cGUsIGlzQW5vbiB9KSA9PiB7XG4gIGNvbnN0IFtzdWJNZW51SXRlbSwgc2V0U3ViTWVudUl0ZW1dID0gdXNlU3RhdGU8QXBwSGVhZGVyRHJvcGRvd25JdGVtPigpO1xuXG4gIGNvbnN0IG9wZW5TdWJNZW51ID0gKFxuICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50LFxuICAgIGl0ZW06IEFwcEhlYWRlckRyb3Bkb3duSXRlbVxuICApID0+IHtcbiAgICBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgIHNldFN1Yk1lbnVJdGVtKGl0ZW0pO1xuICAgIGdldEl0ZW1UeXBlKGl0ZW0udHlwZSk7XG4gIH07XG5cbiAgY29uc3QgY2xvc2VTdWJNZW51ID0gKCkgPT4ge1xuICAgIHNldFN1Yk1lbnVJdGVtKHVuZGVmaW5lZCk7XG4gICAgZ2V0SXRlbVR5cGUodW5kZWZpbmVkKTtcbiAgfTtcblxuICBjb25zdCBtYXBJdGVtVG9FbGVtZW50ID0gKFxuICAgIGl0ZW06IEFwcEhlYWRlckl0ZW0sXG4gICAgYWN0aW9uOiBBcHBIZWFkZXJDbGlja0hhbmRsZXJcbiAgKSA9PiB7XG4gICAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICAgIGNhc2UgJ2xpbmsnOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJMaW5rIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBrZXk9e2l0ZW0uaWR9IG1vYmlsZSAvPlxuICAgICAgICApO1xuICAgICAgY2FzZSAnZHJvcGRvd24nOlxuICAgICAgY2FzZSAncHJvZmlsZS1kcm9wZG93bic6XG4gICAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Jlc291cmNlcy1kcm9wZG93bic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEFwcEhlYWRlclN1Yk1lbnVSb3dcbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICBvcGVuU3ViTWVudT17b3BlblN1Yk1lbnV9XG4gICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ3Jlc291cmNlcy1zaW1wbGUtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtdD17MTZ9IG1iPXsxNn0+XG4gICAgICAgICAgICAgIHtpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8QXBwSGVhZGVyTGlua1NlY3Rpb25zIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBtb2JpbGUgLz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2ZpbGwtYnV0dG9uJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgICAgICAgIG10PXsyNH1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ3RleHQtYnV0dG9uJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgbXQ9ezE2fVxuICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiA8PjwvPjtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIHN1Yk1lbnVJdGVtID8gKFxuICAgIDxBcHBIZWFkZXJTdWJOYXZNb2JpbGVcbiAgICAgIGhhbmRsZUNsb3NlU3ViTWVudT17Y2xvc2VTdWJNZW51fVxuICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICBpdGVtPXtzdWJNZW51SXRlbX1cbiAgICAvPlxuICApIDogKFxuICAgIDxDb250ZW50Q29udGFpbmVyXG4gICAgICByb2xlPVwibmF2aWdhdGlvblwiXG4gICAgICBhcmlhLWxhYmVsPVwic2l0ZSBuYXZpZ2F0aW9uXCJcbiAgICAgIHRhYkluZGV4PXstMX1cbiAgICA+XG4gICAgICA8QmFja2dyb3VuZFdyYXBwZXI+XG4gICAgICAgIDxNb2JpbGVVbFdyYXBwZXIgYXM9XCJ1bFwiPlxuICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IG1hcEl0ZW1Ub0VsZW1lbnQoaXRlbSwgYWN0aW9uKSl9XG4gICAgICAgICAge2lzQW5vbiAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogJ2Jhc2VsaW5lJyxcbiAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICAgICAgcGFkZGluZ1RvcDogJzE2cHgnLFxuICAgICAgICAgICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCB2YXIoLS1ib3JkZXItdGVydGlhcnkpJyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2lzQnVzaW5lc3NQYWdlKCkgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtzaWduVXBUZXh0QnV0dG9uLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcFRleHRCdXR0b24uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PlxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbihldmVudCwgc2lnblVwVGV4dEJ1dHRvbilcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3NpZ25VcFRleHRCdXR0b24uaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXBUZXh0QnV0dG9uLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG5cbiAgICAgICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtyZXF1ZXN0VGVhbXNEZW1vLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3JlcXVlc3RUZWFtc0RlbW8uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PlxuICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbihldmVudCwgcmVxdWVzdFRlYW1zRGVtbylcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3JlcXVlc3RUZWFtc0RlbW8uaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtyZXF1ZXN0VGVhbXNEZW1vLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtzaWduVXAuZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICAgICAgaHJlZj17c2lnblVwLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBzaWduVXApfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e3NpZ25VcC5pZH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge3NpZ25VcC50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBrZXk9e2xvZ2luLmlkfVxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17bG9naW4uZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICAgICAgaHJlZj17bG9naW4uaHJlZn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiBhY3Rpb24oZXZlbnQsIGxvZ2luKX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2xvZ2luLnRleHR9XG4gICAgICAgICAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICAgPC9Db250ZW50Q29udGFpbmVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzBCIn0= */");
+const AppHeaderMainMenuMobile = ({ action, items, getItemType, isAnon }) => {
+	const [subMenuItem, setSubMenuItem] = useState();
+	const openSubMenu = (event, item) => {
+		action(event, item);
+		setSubMenuItem(item);
+		getItemType(item.type);
+	};
+	const closeSubMenu = () => {
+		setSubMenuItem(void 0);
+		getItemType(void 0);
+	};
+	const mapItemToElement = (item, action) => {
+		switch (item.type) {
+			case "link": return /* @__PURE__ */ React$1.createElement(AppHeaderLink, {
+				action,
+				item,
+				key: item.id,
+				mobile: true
+			});
+			case "dropdown":
+			case "profile-dropdown":
+			case "catalog-dropdown":
+			case "resources-dropdown": return /* @__PURE__ */ React$1.createElement(AppHeaderSubMenuRow, {
+				key: item.id,
+				item,
+				openSubMenu
+			});
+			case "resources-simple-dropdown": return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Text, {
+				as: "h2",
+				fontSize: 22,
+				mt: 16,
+				mb: 16
+			}, item.text), /* @__PURE__ */ React$1.createElement(AppHeaderLinkSections, {
+				action,
+				item,
+				mobile: true
+			}));
+			case "fill-button": return /* @__PURE__ */ React$1.createElement(FillButton, {
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action(event, item),
+				mt: 24,
+				key: item.id
+			}, item.text);
+			case "text-button": return /* @__PURE__ */ React$1.createElement(TextButton, {
+				mt: 16,
+				key: item.id,
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action(event, item)
+			}, item.text);
+			default: return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null);
+		}
+	};
+	return subMenuItem ? /* @__PURE__ */ React$1.createElement(AppHeaderSubNavMobile, {
+		handleCloseSubMenu: closeSubMenu,
+		action,
+		item: subMenuItem
+	}) : /* @__PURE__ */ React$1.createElement(ContentContainer, {
+		role: "navigation",
+		"aria-label": "site navigation",
+		tabIndex: -1
+	}, /* @__PURE__ */ React$1.createElement(BackgroundWrapper, null, /* @__PURE__ */ React$1.createElement(MobileUlWrapper, { as: "ul" }, items.map((item) => mapItemToElement(item, action)), isAnon && /* @__PURE__ */ React$1.createElement("div", { style: {
+		display: "flex",
+		alignItems: "baseline",
+		justifyContent: "center",
+		paddingTop: "16px",
+		borderTop: "1px solid var(--border-tertiary)"
+	} }, isBusinessPage() ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(TextButton, {
+		"data-testid": signUpTextButton.dataTestId,
+		href: signUpTextButton.href,
+		onClick: (event) => action(event, signUpTextButton),
+		key: signUpTextButton.id
+	}, signUpTextButton.text), /* @__PURE__ */ React$1.createElement(FillButton, {
+		"data-testid": requestTeamsDemo.dataTestId,
+		href: requestTeamsDemo.href,
+		onClick: (event) => action(event, requestTeamsDemo),
+		key: requestTeamsDemo.id
+	}, requestTeamsDemo.text)) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(FillButton, {
+		"data-testid": signUp.dataTestId,
+		href: signUp.href,
+		onClick: (event) => action(event, signUp),
+		key: signUp.id
+	}, signUp.text), /* @__PURE__ */ React$1.createElement(TextButton, {
+		key: login.id,
+		"data-testid": login.dataTestId,
+		href: login.href,
+		onClick: (event) => action(event, login)
+	}, login.text))))));
+};
+
+//#endregion
+export { AppHeaderMainMenuMobile };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","ContentContainer","FillButton","Text","TextButton","css","theme","styled","useState","React","AppHeaderLink","AppHeaderLinkSections","login","requestTeamsDemo","signUp","signUpTextButton","AppHeaderSubNavMobile","MobileUlWrapper","AppHeaderSubMenuRow","isBusinessPage","window","location","pathname","BackgroundWrapper","background","colors","white","border","borderColor","borderRadius","padding","AppHeaderMainMenuMobile","action","items","getItemType","isAnon","subMenuItem","setSubMenuItem","openSubMenu","event","item","type","closeSubMenu","undefined","mapItemToElement","key","id","mobile","as","fontSize","mt","mb","text","data-testid","dataTestId","href","onClick","handleCloseSubMenu","role","aria-label","tabIndex","map","div","style","display","alignItems","justifyContent","paddingTop","borderTop"],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"sourcesContent":["import {\n  Box,\n  ContentContainer,\n  FillButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport {\n  AppHeaderAction,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderItem,\n} from '../../AppHeader/shared';\nimport {\n  login,\n  requestTeamsDemo,\n  signUp,\n  signUpTextButton,\n} from '../../GlobalHeader/GlobalHeaderItems';\nimport { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';\nimport { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';\nimport { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';\n\nconst isBusinessPage = () => {\n  if (typeof window === 'undefined') return false;\n  return (\n    window.location.pathname === '/business' ||\n    window.location.pathname === '/business/pricing'\n  );\n};\n\nconst BackgroundWrapper = styled(Box)(\n  css({\n    background: theme.colors.white,\n    border: 1,\n    borderColor: 'border-tertiary',\n    borderRadius: 'lg',\n    padding: '16px',\n  })\n);\n\nexport type AppHeaderMainMenuMobileProps = AppHeaderAction & {\n  items: AppHeaderItem[];\n  getItemType: (type: string | undefined) => void;\n  isAnon: boolean;\n};\n\nexport const AppHeaderMainMenuMobile: React.FC<\n  AppHeaderMainMenuMobileProps\n> = ({ action, items, getItemType, isAnon }) => {\n  const [subMenuItem, setSubMenuItem] = useState<AppHeaderDropdownItem>();\n\n  const openSubMenu = (\n    event: React.MouseEvent,\n    item: AppHeaderDropdownItem\n  ) => {\n    action(event, item);\n    setSubMenuItem(item);\n    getItemType(item.type);\n  };\n\n  const closeSubMenu = () => {\n    setSubMenuItem(undefined);\n    getItemType(undefined);\n  };\n\n  const mapItemToElement = (\n    item: AppHeaderItem,\n    action: AppHeaderClickHandler\n  ) => {\n    switch (item.type) {\n      case 'link':\n        return (\n          <AppHeaderLink action={action} item={item} key={item.id} mobile />\n        );\n      case 'dropdown':\n      case 'profile-dropdown':\n      case 'catalog-dropdown':\n      case 'resources-dropdown':\n        return (\n          <AppHeaderSubMenuRow\n            key={item.id}\n            item={item}\n            openSubMenu={openSubMenu}\n          />\n        );\n      case 'resources-simple-dropdown':\n        return (\n          <>\n            <Text as=\"h2\" fontSize={22} mt={16} mb={16}>\n              {item.text}\n            </Text>\n            <AppHeaderLinkSections action={action} item={item} mobile />\n          </>\n        );\n      case 'fill-button':\n        return (\n          <FillButton\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n            mt={24}\n            key={item.id}\n          >\n            {item.text}\n          </FillButton>\n        );\n      case 'text-button':\n        return (\n          <TextButton\n            mt={16}\n            key={item.id}\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n          >\n            {item.text}\n          </TextButton>\n        );\n      default:\n        return <></>;\n    }\n  };\n\n  return subMenuItem ? (\n    <AppHeaderSubNavMobile\n      handleCloseSubMenu={closeSubMenu}\n      action={action}\n      item={subMenuItem}\n    />\n  ) : (\n    <ContentContainer\n      role=\"navigation\"\n      aria-label=\"site navigation\"\n      tabIndex={-1}\n    >\n      <BackgroundWrapper>\n        <MobileUlWrapper as=\"ul\">\n          {items.map((item) => mapItemToElement(item, action))}\n          {isAnon && (\n            <div\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{\n                display: 'flex',\n                alignItems: 'baseline',\n                justifyContent: 'center',\n                paddingTop: '16px',\n                borderTop: '1px solid var(--border-tertiary)',\n              }}\n            >\n              {isBusinessPage() ? (\n                <>\n                  <TextButton\n                    data-testid={signUpTextButton.dataTestId}\n                    href={signUpTextButton.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, signUpTextButton)\n                    }\n                    key={signUpTextButton.id}\n                  >\n                    {signUpTextButton.text}\n                  </TextButton>\n\n                  <FillButton\n                    data-testid={requestTeamsDemo.dataTestId}\n                    href={requestTeamsDemo.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, requestTeamsDemo)\n                    }\n                    key={requestTeamsDemo.id}\n                  >\n                    {requestTeamsDemo.text}\n                  </FillButton>\n                </>\n              ) : (\n                <>\n                  <FillButton\n                    data-testid={signUp.dataTestId}\n                    href={signUp.href}\n                    onClick={(event: React.MouseEvent) => action(event, signUp)}\n                    key={signUp.id}\n                  >\n                    {signUp.text}\n                  </FillButton>\n\n                  <TextButton\n                    key={login.id}\n                    data-testid={login.dataTestId}\n                    href={login.href}\n                    onClick={(event: React.MouseEvent) => action(event, login)}\n                  >\n                    {login.text}\n                  </TextButton>\n                </>\n              )}\n            </div>\n          )}\n        </MobileUlWrapper>\n      </BackgroundWrapper>\n    </ContentContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.cjs

@@ -0,0 +1,31 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../AppHeader/AppHeaderElements/AppHeaderListItem/index.cjs');
+const require_index$1 = require('../../AppHeader/AppHeaderElements/AppHeaderMenuProvider/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);
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx
+const uiWrapperFocus = (0, _codecademy_gamut.focusVisibleStyle)("-4px");
+const MobileUlWrapper = /* @__PURE__ */ (0, _emotion_styled.default)("ul", {
+	target: "eogfhws0",
+	label: "brand-MobileUlWrapper"
+})((0, _codecademy_gamut_styles.css)({
+	listStyle: "none",
+	p: 0,
+	m: 0,
+	pb: 4,
+	...uiWrapperFocus
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2VsZW1lbnRzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2VsZW1lbnRzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb2N1c1Zpc2libGVTdHlsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyTWVudVByb3ZpZGVyLFxuICBBcHBIZWFkZXJNZW51UHJvdmlkZXJQcm9wcyxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlck1lbnVQcm92aWRlcic7XG5cbmNvbnN0IHVpV3JhcHBlckZvY3VzID0gZm9jdXNWaXNpYmxlU3R5bGUoJy00cHgnKTtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZVVsV3JhcHBlciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICBwOiAwLFxuICAgIG06IDAsXG4gICAgcGI6IDQsXG4gICAgLi4udWlXcmFwcGVyRm9jdXMsXG4gIH0pXG4pO1xuXG50eXBlIE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHMgPVxuICB8IFBpY2s8QXBwSGVhZGVyTWVudVByb3ZpZGVyUHJvcHMsICdoYW5kbGVDbG9zZSc+ICYgeyBpc01lbnVSb2xlOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBNb2JpbGVTdWJNZW51V3JhcHBlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgaXNNZW51Um9sZSxcbn06IFByb3BzV2l0aENoaWxkcmVuPE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHM+KSA9PiB7XG4gIHJldHVybiBpc01lbnVSb2xlID8gKFxuICAgIDxBcHBIZWFkZXJNZW51UHJvdmlkZXIgYXM9e0FwcEhlYWRlckxpc3RJdGVtfSBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQXBwSGVhZGVyTWVudVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBIZWFkZXJMaXN0SXRlbT57Y2hpbGRyZW59PC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIn0= */");
+const MobileSubMenuWrapper = ({ children, handleClose, isMenuRole }) => {
+	return isMenuRole ? /* @__PURE__ */ React.createElement(require_index$1.AppHeaderMenuProvider, {
+		as: require_index.AppHeaderListItem,
+		handleClose
+	}, children) : /* @__PURE__ */ React.createElement(require_index.AppHeaderListItem, null, children);
+};
+
+//#endregion
+exports.MobileSubMenuWrapper = MobileSubMenuWrapper;
+exports.MobileUlWrapper = MobileUlWrapper;
+//# sourceMappingURL=elements.cjs.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.cjs","names":["focusVisibleStyle","css","styled","AppHeaderListItem","AppHeaderMenuProvider","uiWrapperFocus","MobileUlWrapper","listStyle","p","m","pb","MobileSubMenuWrapper","children","handleClose","isMenuRole","as"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { PropsWithChildren } from 'react';\n\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport {\n  AppHeaderMenuProvider,\n  AppHeaderMenuProviderProps,\n} from '../../AppHeader/AppHeaderElements/AppHeaderMenuProvider';\n\nconst uiWrapperFocus = focusVisibleStyle('-4px');\n\nexport const MobileUlWrapper = styled.ul(\n  css({\n    listStyle: 'none',\n    p: 0,\n    m: 0,\n    pb: 4,\n    ...uiWrapperFocus,\n  })\n);\n\ntype MobileSubMenuWrapperProps =\n  | Pick<AppHeaderMenuProviderProps, 'handleClose'> & { isMenuRole: boolean };\n\nexport const MobileSubMenuWrapper = ({\n  children,\n  handleClose,\n  isMenuRole,\n}: PropsWithChildren<MobileSubMenuWrapperProps>) => {\n  return isMenuRole ? (\n    <AppHeaderMenuProvider as={AppHeaderListItem} handleClose={handleClose}>\n      {children}\n    </AppHeaderMenuProvider>\n  ) : (\n    <AppHeaderListItem>{children}</AppHeaderListItem>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,MAAMK,0DAAmC,OAAA;AAEzC,MAAaC,kBAAkBJ,6CAAAA,MAAAA;;;qCACzB;CACFK,WAAW;CACXC,GAAG;CACHC,GAAG;CACHC,IAAI;CACJ,GAAGL;CACL,CAAA,EAAA,s3DAAA;AAMF,MAAaM,wBAAwB,EACnCC,UACAC,aACAC,iBAC6C;AAC7C,QAAOA,aACL,sBAAA,cAACV,uCAAAA;EAAsBW,IAAIZ;EAAgCU;IACxDD,SAAAA,GAGH,sBAAA,cAACT,iCAAAA,MAAmBS,SAAAA"}