@codecademy/brand 3.40.0 → 4.0.0-alpha.14deb86052.0

package/dist/AppHeader/shared/utils.js

@@ -1,100 +1,84 @@
-import { FillButton, IconButton, StrokeButton, TextButton } from '@codecademy/gamut';
-import { formatUrlWithRedirect } from '../../GlobalHeader/urlHelpers';
-import { AppHeaderCatalogDropdown } from '../AppHeaderElements/AppHeaderCatalogDropdown';
-import { AppHeaderDropdown } from '../AppHeaderElements/AppHeaderDropdown';
-import { AppHeaderLink } from '../AppHeaderElements/AppHeaderLink';
-import { AppHeaderLogo } from '../AppHeaderElements/AppHeaderLogo';
-import { AppHeaderResourcesDropdown } from '../AppHeaderElements/AppHeaderResourcesDropdown';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const mapAppHeaderItemToElement = ({
-  action,
-  item,
-  isStandalone,
-  isTeams,
-  redirectParam,
-  mobile = false,
-  spacing = 'normal'
-}) => {
-  // preventative measure to handle a possibly undefined item from being rendered
-  if (!item) return null;
-  switch (item.type) {
-    case 'logo':
-      return /*#__PURE__*/_jsx(AppHeaderLogo, {
-        action: action,
-        item: item
-      });
-    case 'link':
-      return /*#__PURE__*/_jsx(AppHeaderLink, {
-        mx: 0,
-        action: action,
-        item: item
-      });
-    case 'dropdown':
-    case 'resources-simple-dropdown':
-    case 'profile-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderDropdown, {
-        action: action,
-        item: item,
-        standalone: isStandalone,
-        spacing: spacing
-      });
-    case 'catalog-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderCatalogDropdown, {
-        action: action,
-        item: item
-      });
-    case 'resources-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderResourcesDropdown, {
-        action: action,
-        item: item
-      });
-    case 'render-element':
-      return item.renderElement();
-    case 'text-button':
-      return /*#__PURE__*/_jsx(TextButton, {
-        size: mobile ? 'small' : 'normal',
-        onClick: event => action(event, item),
-        "data-testid": item.dataTestId,
-        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-        variant: isTeams ? 'primary' : 'interface',
-        icon: item.icon,
-        iconPosition: item.iconPosition,
-        children: item.text
-      });
-    case 'fill-button':
-      return /*#__PURE__*/_jsx(FillButton, {
-        size: mobile ? 'small' : 'normal',
-        "data-testid": item.dataTestId,
-        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-        onClick: event => action(event, item),
-        variant: item.variant || 'interface',
-        icon: item.icon,
-        iconPosition: item.iconPosition,
-        children: item.text
-      });
-    case 'stroke-button':
-      return /*#__PURE__*/_jsx(StrokeButton, {
-        size: mobile ? 'small' : 'normal',
-        "data-testid": item.dataTestId,
-        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-        onClick: event => action(event, item),
-        variant: item.variant || 'interface',
-        icon: item.icon,
-        iconPosition: item.iconPosition,
-        children: item.text
-      });
-    case 'icon-button':
-      return /*#__PURE__*/_jsx(IconButton, {
-        size: mobile ? 'small' : 'normal',
-        "data-testid": item.dataTestId,
-        href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
-        onClick: event => action(event, item),
-        variant: item.variant || 'interface',
-        icon: item.icon,
-        tip: item.text,
-        tipProps: {
-          alignment: 'bottom-center'
-        }
-      });
-  }
-};
+import { formatUrlWithRedirect } from "../../GlobalHeader/urlHelpers.js";
+import { AppHeaderCatalogDropdown } from "../AppHeaderElements/AppHeaderCatalogDropdown/index.js";
+import { AppHeaderLink } from "../AppHeaderElements/AppHeaderLink/index.js";
+import { AppHeaderDropdown } from "../AppHeaderElements/AppHeaderDropdown/index.js";
+import { AppHeaderLogo } from "../AppHeaderElements/AppHeaderLogo/index.js";
+import { AppHeaderResourcesDropdown } from "../AppHeaderElements/AppHeaderResourcesDropdown/index.js";
+import { FillButton, IconButton, StrokeButton, TextButton } from "@codecademy/gamut";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AppHeader/shared/utils.tsx
+const mapAppHeaderItemToElement = ({ action, item, isStandalone, isTeams, redirectParam, mobile = false, spacing = "normal" }) => {
+	if (!item) return null;
+	switch (item.type) {
+		case "logo": return /* @__PURE__ */ jsx(AppHeaderLogo, {
+			action,
+			item
+		});
+		case "link": return /* @__PURE__ */ jsx(AppHeaderLink, {
+			mx: 0,
+			action,
+			item
+		});
+		case "dropdown":
+		case "resources-simple-dropdown":
+		case "profile-dropdown": return /* @__PURE__ */ jsx(AppHeaderDropdown, {
+			action,
+			item,
+			standalone: isStandalone,
+			spacing
+		});
+		case "catalog-dropdown": return /* @__PURE__ */ jsx(AppHeaderCatalogDropdown, {
+			action,
+			item
+		});
+		case "resources-dropdown": return /* @__PURE__ */ jsx(AppHeaderResourcesDropdown, {
+			action,
+			item
+		});
+		case "render-element": return item.renderElement();
+		case "text-button": return /* @__PURE__ */ jsx(TextButton, {
+			size: mobile ? "small" : "normal",
+			onClick: (event) => action(event, item),
+			"data-testid": item.dataTestId,
+			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			variant: isTeams ? "primary" : "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "fill-button": return /* @__PURE__ */ jsx(FillButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "stroke-button": return /* @__PURE__ */ jsx(StrokeButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "icon-button": return /* @__PURE__ */ jsx(IconButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			tip: item.text,
+			tipProps: { alignment: "bottom-center" }
+		});
+	}
+};
+
+//#endregion
+export { mapAppHeaderItemToElement };

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.cjs

@@ -0,0 +1,126 @@
+const require_rolldown_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_rolldown_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#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 = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
+	background: _codecademy_gamut_styles.theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px"
+}));
+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$1) => {
+		switch (item.type) {
+			case "link": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AppHeaderLink, {
+				action: action$1,
+				item,
+				mobile: true
+			}, item.id);
+			case "dropdown":
+			case "profile-dropdown":
+			case "catalog-dropdown":
+			case "resources-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.AppHeaderSubMenuRow, {
+				item,
+				openSubMenu
+			}, item.id);
+			case "resources-simple-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				as: "h2",
+				fontSize: 22,
+				mt: 16,
+				mb: 16,
+				children: item.text
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderLinkSections, {
+				action: action$1,
+				item,
+				mobile: true
+			})] });
+			case "fill-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action$1(event, item),
+				mt: 24,
+				children: item.text
+			}, item.id);
+			case "text-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
+				mt: 16,
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action$1(event, item),
+				children: item.text
+			}, item.id);
+			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+		}
+	};
+	return subMenuItem ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderSubNavMobile, {
+		handleCloseSubMenu: closeSubMenu,
+		action,
+		item: subMenuItem
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ContentContainer, {
+		role: "navigation",
+		"aria-label": "site navigation",
+		tabIndex: -1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BackgroundWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_elements.MobileUlWrapper, {
+			as: "ul",
+			children: [items.map((item) => mapItemToElement(item, action)), isAnon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					display: "flex",
+					alignItems: "baseline",
+					justifyContent: "center",
+					paddingTop: "16px",
+					borderTop: "1px solid var(--border-tertiary)"
+				},
+				children: isBusinessPage() ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
+					"data-testid": require_GlobalHeaderItems.signUpTextButton.dataTestId,
+					href: require_GlobalHeaderItems.signUpTextButton.href,
+					onClick: (event) => action(event, require_GlobalHeaderItems.signUpTextButton),
+					children: require_GlobalHeaderItems.signUpTextButton.text
+				}, require_GlobalHeaderItems.signUpTextButton.id), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
+					"data-testid": require_GlobalHeaderItems.requestTeamsDemo.dataTestId,
+					href: require_GlobalHeaderItems.requestTeamsDemo.href,
+					onClick: (event) => action(event, require_GlobalHeaderItems.requestTeamsDemo),
+					children: require_GlobalHeaderItems.requestTeamsDemo.text
+				}, require_GlobalHeaderItems.requestTeamsDemo.id)] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
+					"data-testid": require_GlobalHeaderItems.signUp.dataTestId,
+					href: require_GlobalHeaderItems.signUp.href,
+					onClick: (event) => action(event, require_GlobalHeaderItems.signUp),
+					children: require_GlobalHeaderItems.signUp.text
+				}, require_GlobalHeaderItems.signUp.id), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
+					"data-testid": require_GlobalHeaderItems.login.dataTestId,
+					href: require_GlobalHeaderItems.login.href,
+					onClick: (event) => action(event, require_GlobalHeaderItems.login),
+					children: require_GlobalHeaderItems.login.text
+				}, require_GlobalHeaderItems.login.id)] })
+			})]
+		}) })
+	});
+};
+
+//#endregion
+exports.AppHeaderMainMenuMobile = AppHeaderMainMenuMobile;

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

@@ -0,0 +1,12 @@
+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 };

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

@@ -1,8 +1,13 @@
-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 };

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -1,142 +1,123 @@
-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 { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#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"
-})(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)]
-          })
-        })]
-      })
-    })
-  });
-};
+const BackgroundWrapper = styled(Box)(css({
+	background: theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px"
+}));
+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$1) => {
+		switch (item.type) {
+			case "link": return /* @__PURE__ */ jsx(AppHeaderLink, {
+				action: action$1,
+				item,
+				mobile: true
+			}, item.id);
+			case "dropdown":
+			case "profile-dropdown":
+			case "catalog-dropdown":
+			case "resources-dropdown": return /* @__PURE__ */ jsx(AppHeaderSubMenuRow, {
+				item,
+				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$1,
+				item,
+				mobile: true
+			})] });
+			case "fill-button": return /* @__PURE__ */ jsx(FillButton, {
+				"data-testid": item.dataTestId,
+				href: item.href,
+				onClick: (event) => action$1(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$1(event, item),
+				children: item.text
+			}, item.id);
+			default: return /* @__PURE__ */ jsx(Fragment, {});
+		}
+	};
+	return subMenuItem ? /* @__PURE__ */ jsx(AppHeaderSubNavMobile, {
+		handleCloseSubMenu: closeSubMenu,
+		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", {
+				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)] })
+			})]
+		}) })
+	});
+};
+
+//#endregion
+export { AppHeaderMainMenuMobile };