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

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.js

@@ -1,30 +1,28 @@
-import _styled from "@emotion/styled/base";
-import { focusVisibleStyle } from '@codecademy/gamut';
-import { css } from '@codecademy/gamut-styles';
-import { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';
-import { AppHeaderMenuProvider } from '../../AppHeader/AppHeaderElements/AppHeaderMenuProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-const uiWrapperFocus = focusVisibleStyle('-4px');
-export const MobileUlWrapper = /*#__PURE__*/_styled("ul", {
-  target: "e1l1r2as0",
-  label: "MobileUlWrapper"
+import { AppHeaderListItem } from "../../AppHeader/AppHeaderElements/AppHeaderListItem/index.js";
+import { AppHeaderMenuProvider } from "../../AppHeader/AppHeaderElements/AppHeaderMenuProvider/index.js";
+import { focusVisibleStyle } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx
+const uiWrapperFocus = focusVisibleStyle("-4px");
+const MobileUlWrapper = /* @__PURE__ */ styled("ul", {
+	target: "eogfhws0",
+	label: "brand-MobileUlWrapper"
 })(css({
-  listStyle: 'none',
-  p: 0,
-  m: 0,
-  pb: 4,
-  ...uiWrapperFocus
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb2N1c1Zpc2libGVTdHlsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyTWVudVByb3ZpZGVyLFxuICBBcHBIZWFkZXJNZW51UHJvdmlkZXJQcm9wcyxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlck1lbnVQcm92aWRlcic7XG5cbmNvbnN0IHVpV3JhcHBlckZvY3VzID0gZm9jdXNWaXNpYmxlU3R5bGUoJy00cHgnKTtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZVVsV3JhcHBlciA9IHN0eWxlZC51bChcbiAgY3NzKHtcbiAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICBwOiAwLFxuICAgIG06IDAsXG4gICAgcGI6IDQsXG4gICAgLi4udWlXcmFwcGVyRm9jdXMsXG4gIH0pXG4pO1xuXG50eXBlIE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHMgPVxuICB8IFBpY2s8QXBwSGVhZGVyTWVudVByb3ZpZGVyUHJvcHMsICdoYW5kbGVDbG9zZSc+ICYgeyBpc01lbnVSb2xlOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBNb2JpbGVTdWJNZW51V3JhcHBlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgaXNNZW51Um9sZSxcbn06IFByb3BzV2l0aENoaWxkcmVuPE1vYmlsZVN1Yk1lbnVXcmFwcGVyUHJvcHM+KSA9PiB7XG4gIHJldHVybiBpc01lbnVSb2xlID8gKFxuICAgIDxBcHBIZWFkZXJNZW51UHJvdmlkZXIgYXM9e0FwcEhlYWRlckxpc3RJdGVtfSBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQXBwSGVhZGVyTWVudVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBIZWFkZXJMaXN0SXRlbT57Y2hpbGRyZW59PC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgKTtcbn07XG4iXX0= */");
-export const MobileSubMenuWrapper = ({
-  children,
-  handleClose,
-  isMenuRole
-}) => {
-  return isMenuRole ? /*#__PURE__*/_jsx(AppHeaderMenuProvider, {
-    as: AppHeaderListItem,
-    handleClose: handleClose,
-    children: children
-  }) : /*#__PURE__*/_jsx(AppHeaderListItem, {
-    children: children
-  });
-};
+	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(AppHeaderMenuProvider, {
+		as: AppHeaderListItem,
+		handleClose
+	}, children) : /* @__PURE__ */ React.createElement(AppHeaderListItem, null, children);
+};
+
+//#endregion
+export { MobileSubMenuWrapper, MobileUlWrapper };
+//# sourceMappingURL=elements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","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,iBAAiBL,kBAAkB,OAAA;AAEzC,MAAaM,kBAAkBJ,uBAAAA,MAAAA;;;GAC7BD,IAAI;CACFM,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,uBAAAA;EAAsBW,IAAIZ;EAAgCU;IACxDD,SAAAA,GAGH,sBAAA,cAACT,mBAAAA,MAAmBS,SAAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.cjs

@@ -0,0 +1,105 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../AppHeader/AppHeaderElements/AppHeaderListItem/index.cjs');
+const require_MarketingBanner = require('../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.cjs');
+const require_index$1 = require('../../AppHeader/AppHeaderElements/AppHeaderSection/index.cjs');
+const require_consts = require('../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.cjs');
+const require_index$2 = require('../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.cjs');
+const require_consts$1 = require('../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.cjs');
+const require_elements = require('./elements.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx
+const StyledAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e1g8um1e0",
+	label: "brand-StyledAnchor"
+})((0, _codecademy_gamut_styles.css)({
+	alignItems: `center`,
+	display: `flex`,
+	width: "calc(100% - 64px)",
+	py: 8,
+	mt: 0,
+	mb: 16
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgTWVudSwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93TGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBDQVRBTE9HX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IE1hcmtldGluZ0Jhbm5lciB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24nO1xuaW1wb3J0IHsgUkVTT1VSQ0VTX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgTW9iaWxlU3ViTWVudVdyYXBwZXIsIE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4vZWxlbWVudHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHMgPSAoXG4gIHwgQXBwSGVhZGVyRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4pICYge1xuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEFwcEhlYWRlclNlY3Rpb25JdGVtID1cbiAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgd2lkdGg6ICdjYWxjKDEwMCUgLSA2NHB4KScsXG4gICAgcHk6IDgsXG4gICAgbXQ6IDAsXG4gICAgbWI6IDE2LFxuICB9KVxuKTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiBib29sZWFuO1xufT4oXG4gIHN0YXRlcyh7XG4gICAgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgICAgIG14OiAxNixcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgcmVuZGVySGVhZGVyU2VjdGlvbiA9IChcbiAgaXRlbTogQXBwSGVhZGVyU2VjdGlvbkl0ZW0sXG4gIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWRcbikgPT4ge1xuICBzd2l0Y2ggKGl0ZW0udHlwZSkge1xuICAgIGNhc2UgJ2NhdGFsb2ctZHJvcGRvd24nOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJjYXRhbG9nLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAncmVzb3VyY2VzLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e1JFU09VUkNFU19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDxBcHBIZWFkZXJMaW5rU2VjdGlvbnMgYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IG1vYmlsZSAvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk5hdk1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51LFxuICBpdGVtLFxufSkgPT4ge1xuICBjb25zdCBtYWluVWxXcmFwcGVyID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1haW5VbFdyYXBwZXI/LmN1cnJlbnQpIHtcbiAgICAgIG1haW5VbFdyYXBwZXIuY3VycmVudC5mb2N1cygpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZU1lbnUgPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcblxuICBjb25zdCBpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPVxuICAgIGl0ZW0udHlwZSA9PT0gJ2NhdGFsb2ctZHJvcGRvd24nIHx8IGl0ZW0udHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bic7XG5cbiAgY29uc3QgcmVuZGVyQmFja0J1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxBcnJvd0xlZnRJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICAgPFRleHQgcGw9ezh9PkJhY2s8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBpc05vdENhdGFsb2dPclJlc291cmNlcz17IWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudX0+XG4gICAgICA8TW9iaWxlVWxXcmFwcGVyIHJlZj17bWFpblVsV3JhcHBlcn0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3JlbmRlckJhY2tCdXR0b24oKX1cbiAgICAgICAgPE1vYmlsZVN1Yk1lbnVXcmFwcGVyXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICBpc01lbnVSb2xlPXtpc1Byb2ZpbGVNZW51fVxuICAgICAgICA+XG4gICAgICAgICAgeyFpc0NhdGFsb2dPclJlc291cmNlc01lbnUgJiYgKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMVwiIGZvbnRTaXplPXsyMH0gbWI9ezE2fSBtbD17MH0+XG4gICAgICAgICAgICAgIHtpc1Byb2ZpbGVNZW51ID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgdmFyaWFudD1cImZpeGVkXCJcbiAgICAgICAgICAgIG14PXtpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPyB7IF86IDE2LCBzbTogMzIgfSA6IDB9XG4gICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgYmc9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3JlbmRlckhlYWRlclNlY3Rpb24oaXRlbSwgYWN0aW9uLCBoYW5kbGVDbG9zZVN1Yk1lbnUpfVxuICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICAgIDwvTW9iaWxlVWxXcmFwcGVyPlxuICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDcUIifQ== */");
+const BackgroundWrapper = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e1g8um1e1",
+	label: "brand-BackgroundWrapper"
+})((0, _codecademy_gamut_styles.states)({ isNotCatalogOrResources: {
+	background: _codecademy_gamut_styles.theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px",
+	mx: 16
+} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgTWVudSwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93TGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBDQVRBTE9HX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IE1hcmtldGluZ0Jhbm5lciB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24nO1xuaW1wb3J0IHsgUkVTT1VSQ0VTX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgTW9iaWxlU3ViTWVudVdyYXBwZXIsIE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4vZWxlbWVudHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHMgPSAoXG4gIHwgQXBwSGVhZGVyRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4pICYge1xuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEFwcEhlYWRlclNlY3Rpb25JdGVtID1cbiAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgd2lkdGg6ICdjYWxjKDEwMCUgLSA2NHB4KScsXG4gICAgcHk6IDgsXG4gICAgbXQ6IDAsXG4gICAgbWI6IDE2LFxuICB9KVxuKTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiBib29sZWFuO1xufT4oXG4gIHN0YXRlcyh7XG4gICAgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgICAgIG14OiAxNixcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgcmVuZGVySGVhZGVyU2VjdGlvbiA9IChcbiAgaXRlbTogQXBwSGVhZGVyU2VjdGlvbkl0ZW0sXG4gIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWRcbikgPT4ge1xuICBzd2l0Y2ggKGl0ZW0udHlwZSkge1xuICAgIGNhc2UgJ2NhdGFsb2ctZHJvcGRvd24nOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJjYXRhbG9nLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAncmVzb3VyY2VzLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e1JFU09VUkNFU19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDxBcHBIZWFkZXJMaW5rU2VjdGlvbnMgYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IG1vYmlsZSAvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk5hdk1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51LFxuICBpdGVtLFxufSkgPT4ge1xuICBjb25zdCBtYWluVWxXcmFwcGVyID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1haW5VbFdyYXBwZXI/LmN1cnJlbnQpIHtcbiAgICAgIG1haW5VbFdyYXBwZXIuY3VycmVudC5mb2N1cygpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZU1lbnUgPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcblxuICBjb25zdCBpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPVxuICAgIGl0ZW0udHlwZSA9PT0gJ2NhdGFsb2ctZHJvcGRvd24nIHx8IGl0ZW0udHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bic7XG5cbiAgY29uc3QgcmVuZGVyQmFja0J1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxBcnJvd0xlZnRJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICAgPFRleHQgcGw9ezh9PkJhY2s8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBpc05vdENhdGFsb2dPclJlc291cmNlcz17IWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudX0+XG4gICAgICA8TW9iaWxlVWxXcmFwcGVyIHJlZj17bWFpblVsV3JhcHBlcn0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3JlbmRlckJhY2tCdXR0b24oKX1cbiAgICAgICAgPE1vYmlsZVN1Yk1lbnVXcmFwcGVyXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICBpc01lbnVSb2xlPXtpc1Byb2ZpbGVNZW51fVxuICAgICAgICA+XG4gICAgICAgICAgeyFpc0NhdGFsb2dPclJlc291cmNlc01lbnUgJiYgKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMVwiIGZvbnRTaXplPXsyMH0gbWI9ezE2fSBtbD17MH0+XG4gICAgICAgICAgICAgIHtpc1Byb2ZpbGVNZW51ID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgdmFyaWFudD1cImZpeGVkXCJcbiAgICAgICAgICAgIG14PXtpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPyB7IF86IDE2LCBzbTogMzIgfSA6IDB9XG4gICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgYmc9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3JlbmRlckhlYWRlclNlY3Rpb24oaXRlbSwgYWN0aW9uLCBoYW5kbGVDbG9zZVN1Yk1lbnUpfVxuICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICAgIDwvTW9iaWxlVWxXcmFwcGVyPlxuICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEMEIifQ== */");
+const renderHeaderSection = (item, action, handleCloseSubMenu) => {
+	switch (item.type) {
+		case "catalog-dropdown": return /* @__PURE__ */ react.createElement(require_index$1.AppHeaderSection, {
+			navSections: require_consts.CATALOG_NAV_SECTIONS,
+			MarketingBanner: require_MarketingBanner.MarketingBanner,
+			isMobile: true,
+			handleClose: handleCloseSubMenu,
+			type: "catalog-dropdown"
+		});
+		case "resources-dropdown": return /* @__PURE__ */ react.createElement(require_index$1.AppHeaderSection, {
+			navSections: require_consts$1.RESOURCES_NAV_SECTIONS,
+			MarketingBanner: require_MarketingBanner.MarketingBanner,
+			isMobile: true,
+			handleClose: handleCloseSubMenu,
+			type: "resources-dropdown"
+		});
+		default: return /* @__PURE__ */ react.createElement(require_index$2.AppHeaderLinkSections, {
+			action,
+			item,
+			mobile: true
+		});
+	}
+};
+const AppHeaderSubNavMobile = ({ action, handleCloseSubMenu, item }) => {
+	const mainUlWrapper = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (mainUlWrapper?.current) mainUlWrapper.current.focus();
+	}, []);
+	const isProfileMenu = item.type === "profile-dropdown";
+	const isCatalogOrResourcesMenu = item.type === "catalog-dropdown" || item.type === "resources-dropdown";
+	const renderBackButton = () => {
+		if (!isCatalogOrResourcesMenu) return /* @__PURE__ */ react.createElement(require_index.AppHeaderListItem, null, /* @__PURE__ */ react.createElement(StyledAnchor, {
+			onClick: handleCloseSubMenu,
+			variant: "interface",
+			as: "button"
+		}, /* @__PURE__ */ react.createElement(_codecademy_gamut_icons.ArrowLeftIcon, {
+			size: 24,
+			"aria-hidden": true
+		}), /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { pl: 8 }, "Back")));
+		return null;
+	};
+	return /* @__PURE__ */ react.createElement(BackgroundWrapper, { isNotCatalogOrResources: !isCatalogOrResourcesMenu }, /* @__PURE__ */ react.createElement(require_elements.MobileUlWrapper, {
+		ref: mainUlWrapper,
+		tabIndex: -1
+	}, renderBackButton(), /* @__PURE__ */ react.createElement(require_elements.MobileSubMenuWrapper, {
+		handleClose: handleCloseSubMenu,
+		isMenuRole: isProfileMenu
+	}, !isCatalogOrResourcesMenu && /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		as: "h1",
+		fontSize: 20,
+		mb: 16,
+		ml: 0
+	}, isProfileMenu ? item.userDisplayName : item.text), /* @__PURE__ */ react.createElement(_codecademy_gamut.Menu, {
+		variant: "fixed",
+		mx: isCatalogOrResourcesMenu ? {
+			_: 16,
+			sm: 32
+		} : 0,
+		width: "auto",
+		bg: "transparent"
+	}, renderHeaderSection(item, action, handleCloseSubMenu)))));
+};
+
+//#endregion
+exports.AppHeaderSubNavMobile = AppHeaderSubNavMobile;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Box","Menu","Text","ArrowLeftIcon","css","states","theme","styled","useEffect","useRef","React","CATALOG_NAV_SECTIONS","MarketingBanner","AppHeaderLinkSections","AppHeaderListItem","RESOURCES_NAV_SECTIONS","AppHeaderSection","MobileSubMenuWrapper","MobileUlWrapper","StyledAnchor","alignItems","display","width","py","mt","mb","BackgroundWrapper","isNotCatalogOrResources","background","colors","white","border","borderColor","borderRadius","padding","mx","renderHeaderSection","item","action","handleCloseSubMenu","type","navSections","isMobile","handleClose","mobile","AppHeaderSubNavMobile","mainUlWrapper","current","focus","isProfileMenu","isCatalogOrResourcesMenu","renderBackButton","onClick","variant","as","size","aria-hidden","pl","ref","tabIndex","isMenuRole","fontSize","ml","userDisplayName","text","_","sm","bg"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":["import { Anchor, Box, Menu, Text } from '@codecademy/gamut';\nimport { ArrowLeftIcon } from '@codecademy/gamut-icons';\nimport { css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';\nimport { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';\nimport { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';\nimport { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';\nimport { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared';\nimport { MobileSubMenuWrapper, MobileUlWrapper } from './elements';\n\nexport type AppHeaderSubMenuMobileProps = (\n  | AppHeaderDropdownProps\n  | AppHeaderCatalogDropdownProps\n  | AppHeaderResourceDropdownProps\n) & {\n  handleCloseSubMenu: () => void;\n};\n\ntype AppHeaderSectionItem =\n  | AppHeaderDropdownItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderResourcesDropdownItem;\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    width: 'calc(100% - 64px)',\n    py: 8,\n    mt: 0,\n    mb: 16,\n  })\n);\n\nconst BackgroundWrapper = styled(Box)<{\n  isNotCatalogOrResources: boolean;\n}>(\n  states({\n    isNotCatalogOrResources: {\n      background: theme.colors.white,\n      border: 1,\n      borderColor: 'border-tertiary',\n      borderRadius: 'lg',\n      padding: '16px',\n      mx: 16,\n    },\n  })\n);\n\nconst renderHeaderSection = (\n  item: AppHeaderSectionItem,\n  action: AppHeaderClickHandler,\n  handleCloseSubMenu: () => void\n) => {\n  switch (item.type) {\n    case 'catalog-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={CATALOG_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"catalog-dropdown\"\n        />\n      );\n    case 'resources-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={RESOURCES_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"resources-dropdown\"\n        />\n      );\n    default:\n      return <AppHeaderLinkSections action={action} item={item} mobile />;\n  }\n};\n\nexport const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps> = ({\n  action,\n  handleCloseSubMenu,\n  item,\n}) => {\n  const mainUlWrapper = useRef<HTMLUListElement>(null);\n\n  useEffect(() => {\n    if (mainUlWrapper?.current) {\n      mainUlWrapper.current.focus();\n    }\n  }, []);\n\n  const isProfileMenu = item.type === 'profile-dropdown';\n\n  const isCatalogOrResourcesMenu =\n    item.type === 'catalog-dropdown' || item.type === 'resources-dropdown';\n\n  const renderBackButton = () => {\n    if (!isCatalogOrResourcesMenu) {\n      return (\n        <AppHeaderListItem>\n          <StyledAnchor\n            onClick={handleCloseSubMenu}\n            variant=\"interface\"\n            as=\"button\"\n          >\n            <ArrowLeftIcon size={24} aria-hidden />\n            <Text pl={8}>Back</Text>\n          </StyledAnchor>\n        </AppHeaderListItem>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <BackgroundWrapper isNotCatalogOrResources={!isCatalogOrResourcesMenu}>\n      <MobileUlWrapper ref={mainUlWrapper} tabIndex={-1}>\n        {renderBackButton()}\n        <MobileSubMenuWrapper\n          handleClose={handleCloseSubMenu}\n          isMenuRole={isProfileMenu}\n        >\n          {!isCatalogOrResourcesMenu && (\n            <Text as=\"h1\" fontSize={20} mb={16} ml={0}>\n              {isProfileMenu ? item.userDisplayName : item.text}\n            </Text>\n          )}\n          <Menu\n            variant=\"fixed\"\n            mx={isCatalogOrResourcesMenu ? { _: 16, sm: 32 } : 0}\n            width=\"auto\"\n            bg=\"transparent\"\n          >\n            {renderHeaderSection(item, action, handleCloseSubMenu)}\n          </Menu>\n        </MobileSubMenuWrapper>\n      </MobileUlWrapper>\n    </BackgroundWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,MAAMoB,eAAeZ,6CAAOR,0BAAAA;;;qCACtB;CACFqB,YAAY;CACZC,SAAS;CACTC,OAAO;CACPC,IAAI;CACJC,IAAI;CACJC,IAAI;CACN,CAAA,EAAA,01NAAA;AAGF,MAAMC,oBAAoBnB,6CAAOP,uBAAAA;;;wCAGxB,EACL2B,yBAAyB;CACvBC,YAAYtB,+BAAMuB,OAAOC;CACzBC,QAAQ;CACRC,aAAa;CACbC,cAAc;CACdC,SAAS;CACTC,IAAI;CACN,EACF,CAAA,EAAA,01NAAA;AAGF,MAAMC,uBACJC,MACAC,QACAC,uBAAAA;AAEA,SAAQF,KAAKG,MAAb;EACE,KAAK,mBACH,QACE,sBAAA,cAACxB,kCAAAA;GACCyB,aAAa9B;GACbC,iBAAiBA;GACjB8B,UAAAA;GACAC,aAAaJ;GACbC,MAAK;;EAGX,KAAK,qBACH,QACE,sBAAA,cAACxB,kCAAAA;GACCyB,aAAa1B;GACbH,iBAAiBA;GACjB8B,UAAAA;GACAC,aAAaJ;GACbC,MAAK;;EAGX,QACE,QAAO,sBAAA,cAAC3B,uCAAAA;GAA8ByB;GAAcD;GAAMO,QAAAA;;;;AAIhE,MAAaC,yBAAgE,EAC3EP,QACAC,oBACAF,WACD;CACC,MAAMS,kCAAyC,KAAA;AAE/CtC,4BAAU;AACR,MAAIsC,eAAeC,QACjBD,eAAcC,QAAQC,OAAK;IAE5B,EAAE,CAAA;CAEL,MAAMC,gBAAgBZ,KAAKG,SAAS;CAEpC,MAAMU,2BACJb,KAAKG,SAAS,sBAAsBH,KAAKG,SAAS;CAEpD,MAAMW,yBAAmB;AACvB,MAAI,CAACD,yBACH,QACE,sBAAA,cAACpC,iCAAAA,MACC,sBAAA,cAACK,cAAAA;GACCiC,SAASb;GACTc,SAAQ;GACRC,IAAG;KAEH,sBAAA,cAACnD,uCAAAA;GAAcoD,MAAM;GAAIC,eAAAA;MACzB,sBAAA,cAACtD,wBAAAA,EAAKuD,IAAI,KAAG,OAAA,CAAA,CAAA;AAKrB,SAAO;;AAGT,QACE,sBAAA,cAAC/B,mBAAAA,EAAkBC,yBAAyB,CAACuB,4BAC3C,sBAAA,cAAChC,kCAAAA;EAAgBwC,KAAKZ;EAAea,UAAU;IAC5CR,kBAAAA,EACD,sBAAA,cAAClC,uCAAAA;EACC0B,aAAaJ;EACbqB,YAAYX;IAEX,CAACC,4BACA,sBAAA,cAAChD,wBAAAA;EAAKoD,IAAG;EAAKO,UAAU;EAAIpC,IAAI;EAAIqC,IAAI;IACrCb,gBAAgBZ,KAAK0B,kBAAkB1B,KAAK2B,KAAI,EAGrD,sBAAA,cAAC/D,wBAAAA;EACCoD,SAAQ;EACRlB,IAAIe,2BAA2B;GAAEe,GAAG;GAAIC,IAAI;GAAG,GAAI;EACnD5C,OAAM;EACN6C,IAAG;IAEF/B,oBAAoBC,MAAMC,QAAQC,mBAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

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

@@ -0,0 +1,13 @@
+import { AppHeaderDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderDropdown/index.cjs";
+import { AppHeaderCatalogDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.cjs";
+import { AppHeaderResourceDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.cjs";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts
+type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
+  handleCloseSubMenu: () => void;
+};
+declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
+//#endregion
+export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"mappings":";;;;;;KAwBY,2BAAA,IACR,sBAAA,GACA,6BAAA,GACA,8BAAA;EAEF,kBAAA;AAAA;AAAA,cAiEW,qBAAA,EAAuB,OAAA,CAAM,EAAA,CAAG,2BAAA"}

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

@@ -1,8 +1,13 @@
-import * as React from 'react';
-import { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';
-import { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';
-import { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';
-export type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
-    handleCloseSubMenu: () => void;
+import { AppHeaderDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderDropdown/index.js";
+import { AppHeaderCatalogDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js";
+import { AppHeaderResourceDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js";
+import * as React$1 from "react";
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts
+type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
+  handleCloseSubMenu: () => void;
 };
-export declare const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps>;
+declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
+//#endregion
+export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"mappings":";;;;;;KAwBY,2BAAA,IACR,sBAAA,GACA,6BAAA,GACA,8BAAA;EAEF,kBAAA;AAAA;AAAA,cAiEW,qBAAA,EAAuB,OAAA,CAAM,EAAA,CAAG,2BAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js

@@ -1,124 +1,103 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Box, Menu, Text } from '@codecademy/gamut';
-import { ArrowLeftIcon } from '@codecademy/gamut-icons';
-import { css, states, theme } from '@codecademy/gamut-styles';
-import { useEffect, useRef } from 'react';
-import * as React from 'react';
-import { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';
-import { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';
-import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
-import { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';
-import { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';
-import { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';
-import { MobileSubMenuWrapper, MobileUlWrapper } from './elements';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e1ch795o1",
-  label: "StyledAnchor"
+import { AppHeaderListItem } from "../../AppHeader/AppHeaderElements/AppHeaderListItem/index.js";
+import { MarketingBanner } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js";
+import { AppHeaderSection } from "../../AppHeader/AppHeaderElements/AppHeaderSection/index.js";
+import { CATALOG_NAV_SECTIONS } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js";
+import { AppHeaderLinkSections } from "../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js";
+import { RESOURCES_NAV_SECTIONS } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.js";
+import { MobileSubMenuWrapper, MobileUlWrapper } from "./elements.js";
+import { Anchor, Box, Menu, Text } from "@codecademy/gamut";
+import { css, states, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useEffect, useRef } from "react";
+import { ArrowLeftIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx
+const StyledAnchor = /* @__PURE__ */ styled(Anchor, {
+	target: "e1g8um1e0",
+	label: "brand-StyledAnchor"
 })(css({
-  alignItems: `center`,
-  display: `flex`,
-  width: 'calc(100% - 64px)',
-  py: 8,
-  mt: 0,
-  mb: 16
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIE1lbnUsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0xlZnRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRyb3Bkb3duJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHsgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duJztcbmltcG9ydCB7IFJFU09VUkNFU19OQVZfU0VDVElPTlMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IEFwcEhlYWRlclNlY3Rpb24gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvc2hhcmVkJztcbmltcG9ydCB7IE1vYmlsZVN1Yk1lbnVXcmFwcGVyLCBNb2JpbGVVbFdyYXBwZXIgfSBmcm9tICcuL2VsZW1lbnRzJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzID0gKFxuICB8IEFwcEhlYWRlckRyb3Bkb3duUHJvcHNcbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlclJlc291cmNlRHJvcGRvd25Qcm9wc1xuKSAmIHtcbiAgaGFuZGxlQ2xvc2VTdWJNZW51OiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBBcHBIZWFkZXJTZWN0aW9uSXRlbSA9XG4gIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogYGNlbnRlcmAsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHdpZHRoOiAnY2FsYygxMDAlIC0gNjRweCknLFxuICAgIHB5OiA4LFxuICAgIG10OiAwLFxuICAgIG1iOiAxNixcbiAgfSlcbik7XG5cbmNvbnN0IEJhY2tncm91bmRXcmFwcGVyID0gc3R5bGVkKEJveCk8e1xuICBpc05vdENhdGFsb2dPclJlc291cmNlczogYm9vbGVhbjtcbn0+KFxuICBzdGF0ZXMoe1xuICAgIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMud2hpdGUsXG4gICAgICBib3JkZXI6IDEsXG4gICAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICBwYWRkaW5nOiAnMTZweCcsXG4gICAgICBteDogMTYsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IHJlbmRlckhlYWRlclNlY3Rpb24gPSAoXG4gIGl0ZW06IEFwcEhlYWRlclNlY3Rpb25JdGVtLFxuICBhY3Rpb246IEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51OiAoKSA9PiB2b2lkXG4pID0+IHtcbiAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e0NBVEFMT0dfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgIGlzTW9iaWxlXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICB0eXBlPVwiY2F0YWxvZy1kcm9wZG93blwiXG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIGNhc2UgJ3Jlc291cmNlcy1kcm9wZG93bic6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8QXBwSGVhZGVyU2VjdGlvblxuICAgICAgICAgIG5hdlNlY3Rpb25zPXtSRVNPVVJDRVNfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgIGlzTW9iaWxlXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICB0eXBlPVwicmVzb3VyY2VzLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA8QXBwSGVhZGVyTGlua1NlY3Rpb25zIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBtb2JpbGUgLz47XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJTdWJOYXZNb2JpbGU6IFJlYWN0LkZDPEFwcEhlYWRlclN1Yk1lbnVNb2JpbGVQcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGhhbmRsZUNsb3NlU3ViTWVudSxcbiAgaXRlbSxcbn0pID0+IHtcbiAgY29uc3QgbWFpblVsV3JhcHBlciA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChtYWluVWxXcmFwcGVyPy5jdXJyZW50KSB7XG4gICAgICBtYWluVWxXcmFwcGVyLmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBpc1Byb2ZpbGVNZW51ID0gaXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bic7XG5cbiAgY29uc3QgaXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ID1cbiAgICBpdGVtLnR5cGUgPT09ICdjYXRhbG9nLWRyb3Bkb3duJyB8fCBpdGVtLnR5cGUgPT09ICdyZXNvdXJjZXMtZHJvcGRvd24nO1xuXG4gIGNvbnN0IHJlbmRlckJhY2tCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NhdGFsb2dPclJlc291cmNlc01lbnUpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8QXJyb3dMZWZ0SWNvbiBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz5cbiAgICAgICAgICAgIDxUZXh0IHBsPXs4fT5CYWNrPC9UZXh0PlxuICAgICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIG51bGw7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QmFja2dyb3VuZFdyYXBwZXIgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM9eyFpc0NhdGFsb2dPclJlc291cmNlc01lbnV9PlxuICAgICAgPE1vYmlsZVVsV3JhcHBlciByZWY9e21haW5VbFdyYXBwZXJ9IHRhYkluZGV4PXstMX0+XG4gICAgICAgIHtyZW5kZXJCYWNrQnV0dG9uKCl9XG4gICAgICAgIDxNb2JpbGVTdWJNZW51V3JhcHBlclxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgaXNNZW51Um9sZT17aXNQcm9maWxlTWVudX1cbiAgICAgICAgPlxuICAgICAgICAgIHshaXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ICYmIChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiBmb250U2l6ZT17MjB9IG1iPXsxNn0gbWw9ezB9PlxuICAgICAgICAgICAgICB7aXNQcm9maWxlTWVudSA/IGl0ZW0udXNlckRpc3BsYXlOYW1lIDogaXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPE1lbnVcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJmaXhlZFwiXG4gICAgICAgICAgICBteD17aXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ID8geyBfOiAxNiwgc206IDMyIH0gOiAwfVxuICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgIGJnPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJIZWFkZXJTZWN0aW9uKGl0ZW0sIGFjdGlvbiwgaGFuZGxlQ2xvc2VTdWJNZW51KX1cbiAgICAgICAgICA8L01lbnU+XG4gICAgICAgIDwvTW9iaWxlU3ViTWVudVdyYXBwZXI+XG4gICAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */");
-const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
-  target: "e1ch795o0",
-  label: "BackgroundWrapper"
-})(states({
-  isNotCatalogOrResources: {
-    background: theme.colors.white,
-    border: 1,
-    borderColor: 'border-tertiary',
-    borderRadius: 'lg',
-    padding: '16px',
-    mx: 16
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIE1lbnUsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0xlZnRJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRyb3Bkb3duJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHsgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duJztcbmltcG9ydCB7IFJFU09VUkNFU19OQVZfU0VDVElPTlMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IEFwcEhlYWRlclNlY3Rpb24gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvc2hhcmVkJztcbmltcG9ydCB7IE1vYmlsZVN1Yk1lbnVXcmFwcGVyLCBNb2JpbGVVbFdyYXBwZXIgfSBmcm9tICcuL2VsZW1lbnRzJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzID0gKFxuICB8IEFwcEhlYWRlckRyb3Bkb3duUHJvcHNcbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlclJlc291cmNlRHJvcGRvd25Qcm9wc1xuKSAmIHtcbiAgaGFuZGxlQ2xvc2VTdWJNZW51OiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBBcHBIZWFkZXJTZWN0aW9uSXRlbSA9XG4gIHwgQXBwSGVhZGVyRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbVxuICB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogYGNlbnRlcmAsXG4gICAgZGlzcGxheTogYGZsZXhgLFxuICAgIHdpZHRoOiAnY2FsYygxMDAlIC0gNjRweCknLFxuICAgIHB5OiA4LFxuICAgIG10OiAwLFxuICAgIG1iOiAxNixcbiAgfSlcbik7XG5cbmNvbnN0IEJhY2tncm91bmRXcmFwcGVyID0gc3R5bGVkKEJveCk8e1xuICBpc05vdENhdGFsb2dPclJlc291cmNlczogYm9vbGVhbjtcbn0+KFxuICBzdGF0ZXMoe1xuICAgIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMud2hpdGUsXG4gICAgICBib3JkZXI6IDEsXG4gICAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICBwYWRkaW5nOiAnMTZweCcsXG4gICAgICBteDogMTYsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IHJlbmRlckhlYWRlclNlY3Rpb24gPSAoXG4gIGl0ZW06IEFwcEhlYWRlclNlY3Rpb25JdGVtLFxuICBhY3Rpb246IEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51OiAoKSA9PiB2b2lkXG4pID0+IHtcbiAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e0NBVEFMT0dfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgIGlzTW9iaWxlXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICB0eXBlPVwiY2F0YWxvZy1kcm9wZG93blwiXG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIGNhc2UgJ3Jlc291cmNlcy1kcm9wZG93bic6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8QXBwSGVhZGVyU2VjdGlvblxuICAgICAgICAgIG5hdlNlY3Rpb25zPXtSRVNPVVJDRVNfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgIGlzTW9iaWxlXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICB0eXBlPVwicmVzb3VyY2VzLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA8QXBwSGVhZGVyTGlua1NlY3Rpb25zIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBtb2JpbGUgLz47XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJTdWJOYXZNb2JpbGU6IFJlYWN0LkZDPEFwcEhlYWRlclN1Yk1lbnVNb2JpbGVQcm9wcz4gPSAoe1xuICBhY3Rpb24sXG4gIGhhbmRsZUNsb3NlU3ViTWVudSxcbiAgaXRlbSxcbn0pID0+IHtcbiAgY29uc3QgbWFpblVsV3JhcHBlciA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChtYWluVWxXcmFwcGVyPy5jdXJyZW50KSB7XG4gICAgICBtYWluVWxXcmFwcGVyLmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBpc1Byb2ZpbGVNZW51ID0gaXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bic7XG5cbiAgY29uc3QgaXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ID1cbiAgICBpdGVtLnR5cGUgPT09ICdjYXRhbG9nLWRyb3Bkb3duJyB8fCBpdGVtLnR5cGUgPT09ICdyZXNvdXJjZXMtZHJvcGRvd24nO1xuXG4gIGNvbnN0IHJlbmRlckJhY2tCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKCFpc0NhdGFsb2dPclJlc291cmNlc01lbnUpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8QXJyb3dMZWZ0SWNvbiBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz5cbiAgICAgICAgICAgIDxUZXh0IHBsPXs4fT5CYWNrPC9UZXh0PlxuICAgICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgICA8L0FwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIG51bGw7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QmFja2dyb3VuZFdyYXBwZXIgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM9eyFpc0NhdGFsb2dPclJlc291cmNlc01lbnV9PlxuICAgICAgPE1vYmlsZVVsV3JhcHBlciByZWY9e21haW5VbFdyYXBwZXJ9IHRhYkluZGV4PXstMX0+XG4gICAgICAgIHtyZW5kZXJCYWNrQnV0dG9uKCl9XG4gICAgICAgIDxNb2JpbGVTdWJNZW51V3JhcHBlclxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgaXNNZW51Um9sZT17aXNQcm9maWxlTWVudX1cbiAgICAgICAgPlxuICAgICAgICAgIHshaXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ICYmIChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiBmb250U2l6ZT17MjB9IG1iPXsxNn0gbWw9ezB9PlxuICAgICAgICAgICAgICB7aXNQcm9maWxlTWVudSA/IGl0ZW0udXNlckRpc3BsYXlOYW1lIDogaXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPE1lbnVcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJmaXhlZFwiXG4gICAgICAgICAgICBteD17aXNDYXRhbG9nT3JSZXNvdXJjZXNNZW51ID8geyBfOiAxNiwgc206IDMyIH0gOiAwfVxuICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgIGJnPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJIZWFkZXJTZWN0aW9uKGl0ZW0sIGFjdGlvbiwgaGFuZGxlQ2xvc2VTdWJNZW51KX1cbiAgICAgICAgICA8L01lbnU+XG4gICAgICAgIDwvTW9iaWxlU3ViTWVudVdyYXBwZXI+XG4gICAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */");
+	alignItems: `center`,
+	display: `flex`,
+	width: "calc(100% - 64px)",
+	py: 8,
+	mt: 0,
+	mb: 16
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgTWVudSwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93TGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBDQVRBTE9HX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IE1hcmtldGluZ0Jhbm5lciB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24nO1xuaW1wb3J0IHsgUkVTT1VSQ0VTX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgTW9iaWxlU3ViTWVudVdyYXBwZXIsIE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4vZWxlbWVudHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHMgPSAoXG4gIHwgQXBwSGVhZGVyRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4pICYge1xuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEFwcEhlYWRlclNlY3Rpb25JdGVtID1cbiAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgd2lkdGg6ICdjYWxjKDEwMCUgLSA2NHB4KScsXG4gICAgcHk6IDgsXG4gICAgbXQ6IDAsXG4gICAgbWI6IDE2LFxuICB9KVxuKTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiBib29sZWFuO1xufT4oXG4gIHN0YXRlcyh7XG4gICAgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgICAgIG14OiAxNixcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgcmVuZGVySGVhZGVyU2VjdGlvbiA9IChcbiAgaXRlbTogQXBwSGVhZGVyU2VjdGlvbkl0ZW0sXG4gIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWRcbikgPT4ge1xuICBzd2l0Y2ggKGl0ZW0udHlwZSkge1xuICAgIGNhc2UgJ2NhdGFsb2ctZHJvcGRvd24nOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJjYXRhbG9nLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAncmVzb3VyY2VzLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e1JFU09VUkNFU19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDxBcHBIZWFkZXJMaW5rU2VjdGlvbnMgYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IG1vYmlsZSAvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk5hdk1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51LFxuICBpdGVtLFxufSkgPT4ge1xuICBjb25zdCBtYWluVWxXcmFwcGVyID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1haW5VbFdyYXBwZXI/LmN1cnJlbnQpIHtcbiAgICAgIG1haW5VbFdyYXBwZXIuY3VycmVudC5mb2N1cygpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZU1lbnUgPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcblxuICBjb25zdCBpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPVxuICAgIGl0ZW0udHlwZSA9PT0gJ2NhdGFsb2ctZHJvcGRvd24nIHx8IGl0ZW0udHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bic7XG5cbiAgY29uc3QgcmVuZGVyQmFja0J1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxBcnJvd0xlZnRJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICAgPFRleHQgcGw9ezh9PkJhY2s8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBpc05vdENhdGFsb2dPclJlc291cmNlcz17IWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudX0+XG4gICAgICA8TW9iaWxlVWxXcmFwcGVyIHJlZj17bWFpblVsV3JhcHBlcn0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3JlbmRlckJhY2tCdXR0b24oKX1cbiAgICAgICAgPE1vYmlsZVN1Yk1lbnVXcmFwcGVyXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICBpc01lbnVSb2xlPXtpc1Byb2ZpbGVNZW51fVxuICAgICAgICA+XG4gICAgICAgICAgeyFpc0NhdGFsb2dPclJlc291cmNlc01lbnUgJiYgKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMVwiIGZvbnRTaXplPXsyMH0gbWI9ezE2fSBtbD17MH0+XG4gICAgICAgICAgICAgIHtpc1Byb2ZpbGVNZW51ID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgdmFyaWFudD1cImZpeGVkXCJcbiAgICAgICAgICAgIG14PXtpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPyB7IF86IDE2LCBzbTogMzIgfSA6IDB9XG4gICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgYmc9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3JlbmRlckhlYWRlclNlY3Rpb24oaXRlbSwgYWN0aW9uLCBoYW5kbGVDbG9zZVN1Yk1lbnUpfVxuICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICAgIDwvTW9iaWxlVWxXcmFwcGVyPlxuICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDcUIifQ== */");
+const BackgroundWrapper = /* @__PURE__ */ styled(Box, {
+	target: "e1g8um1e1",
+	label: "brand-BackgroundWrapper"
+})(states({ isNotCatalogOrResources: {
+	background: theme.colors.white,
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg",
+	padding: "16px",
+	mx: 16
+} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJTdWJNZW51TW9iaWxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgTWVudSwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93TGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBDQVRBTE9HX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IE1hcmtldGluZ0Jhbm5lciB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24nO1xuaW1wb3J0IHsgUkVTT1VSQ0VTX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uJztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgQXBwSGVhZGVyRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL0FwcEhlYWRlci9zaGFyZWQnO1xuaW1wb3J0IHsgTW9iaWxlU3ViTWVudVdyYXBwZXIsIE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4vZWxlbWVudHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHMgPSAoXG4gIHwgQXBwSGVhZGVyRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4pICYge1xuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEFwcEhlYWRlclNlY3Rpb25JdGVtID1cbiAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgd2lkdGg6ICdjYWxjKDEwMCUgLSA2NHB4KScsXG4gICAgcHk6IDgsXG4gICAgbXQ6IDAsXG4gICAgbWI6IDE2LFxuICB9KVxuKTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzTm90Q2F0YWxvZ09yUmVzb3VyY2VzOiBib29sZWFuO1xufT4oXG4gIHN0YXRlcyh7XG4gICAgaXNOb3RDYXRhbG9nT3JSZXNvdXJjZXM6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgICAgIGJvcmRlcjogMSxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgIHBhZGRpbmc6ICcxNnB4JyxcbiAgICAgIG14OiAxNixcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgcmVuZGVySGVhZGVyU2VjdGlvbiA9IChcbiAgaXRlbTogQXBwSGVhZGVyU2VjdGlvbkl0ZW0sXG4gIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyLFxuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWRcbikgPT4ge1xuICBzd2l0Y2ggKGl0ZW0udHlwZSkge1xuICAgIGNhc2UgJ2NhdGFsb2ctZHJvcGRvd24nOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJjYXRhbG9nLWRyb3Bkb3duXCJcbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAncmVzb3VyY2VzLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e1JFU09VUkNFU19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgTWFya2V0aW5nQmFubmVyPXtNYXJrZXRpbmdCYW5uZXJ9XG4gICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDxBcHBIZWFkZXJMaW5rU2VjdGlvbnMgYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IG1vYmlsZSAvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk5hdk1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51LFxuICBpdGVtLFxufSkgPT4ge1xuICBjb25zdCBtYWluVWxXcmFwcGVyID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1haW5VbFdyYXBwZXI/LmN1cnJlbnQpIHtcbiAgICAgIG1haW5VbFdyYXBwZXIuY3VycmVudC5mb2N1cygpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZU1lbnUgPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcblxuICBjb25zdCBpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPVxuICAgIGl0ZW0udHlwZSA9PT0gJ2NhdGFsb2ctZHJvcGRvd24nIHx8IGl0ZW0udHlwZSA9PT0gJ3Jlc291cmNlcy1kcm9wZG93bic7XG5cbiAgY29uc3QgcmVuZGVyQmFja0J1dHRvbiA9ICgpID0+IHtcbiAgICBpZiAoIWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEFwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxBcnJvd0xlZnRJY29uIHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICAgPFRleHQgcGw9ezh9PkJhY2s8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBpc05vdENhdGFsb2dPclJlc291cmNlcz17IWlzQ2F0YWxvZ09yUmVzb3VyY2VzTWVudX0+XG4gICAgICA8TW9iaWxlVWxXcmFwcGVyIHJlZj17bWFpblVsV3JhcHBlcn0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3JlbmRlckJhY2tCdXR0b24oKX1cbiAgICAgICAgPE1vYmlsZVN1Yk1lbnVXcmFwcGVyXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICBpc01lbnVSb2xlPXtpc1Byb2ZpbGVNZW51fVxuICAgICAgICA+XG4gICAgICAgICAgeyFpc0NhdGFsb2dPclJlc291cmNlc01lbnUgJiYgKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMVwiIGZvbnRTaXplPXsyMH0gbWI9ezE2fSBtbD17MH0+XG4gICAgICAgICAgICAgIHtpc1Byb2ZpbGVNZW51ID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgdmFyaWFudD1cImZpeGVkXCJcbiAgICAgICAgICAgIG14PXtpc0NhdGFsb2dPclJlc291cmNlc01lbnUgPyB7IF86IDE2LCBzbTogMzIgfSA6IDB9XG4gICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgYmc9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3JlbmRlckhlYWRlclNlY3Rpb24oaXRlbSwgYWN0aW9uLCBoYW5kbGVDbG9zZVN1Yk1lbnUpfVxuICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICAgIDwvTW9iaWxlVWxXcmFwcGVyPlxuICAgIDwvQmFja2dyb3VuZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEMEIifQ== */");
 const renderHeaderSection = (item, action, handleCloseSubMenu) => {
-  switch (item.type) {
-    case 'catalog-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderSection, {
-        navSections: CATALOG_NAV_SECTIONS,
-        MarketingBanner: MarketingBanner,
-        isMobile: true,
-        handleClose: handleCloseSubMenu,
-        type: "catalog-dropdown"
-      });
-    case 'resources-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderSection, {
-        navSections: RESOURCES_NAV_SECTIONS,
-        MarketingBanner: MarketingBanner,
-        isMobile: true,
-        handleClose: handleCloseSubMenu,
-        type: "resources-dropdown"
-      });
-    default:
-      return /*#__PURE__*/_jsx(AppHeaderLinkSections, {
-        action: action,
-        item: item,
-        mobile: true
-      });
-  }
+	switch (item.type) {
+		case "catalog-dropdown": return /* @__PURE__ */ React$1.createElement(AppHeaderSection, {
+			navSections: CATALOG_NAV_SECTIONS,
+			MarketingBanner,
+			isMobile: true,
+			handleClose: handleCloseSubMenu,
+			type: "catalog-dropdown"
+		});
+		case "resources-dropdown": return /* @__PURE__ */ React$1.createElement(AppHeaderSection, {
+			navSections: RESOURCES_NAV_SECTIONS,
+			MarketingBanner,
+			isMobile: true,
+			handleClose: handleCloseSubMenu,
+			type: "resources-dropdown"
+		});
+		default: return /* @__PURE__ */ React$1.createElement(AppHeaderLinkSections, {
+			action,
+			item,
+			mobile: true
+		});
+	}
 };
-export const AppHeaderSubNavMobile = ({
-  action,
-  handleCloseSubMenu,
-  item
-}) => {
-  const mainUlWrapper = useRef(null);
-  useEffect(() => {
-    if (mainUlWrapper?.current) {
-      mainUlWrapper.current.focus();
-    }
-  }, []);
-  const isProfileMenu = item.type === 'profile-dropdown';
-  const isCatalogOrResourcesMenu = item.type === 'catalog-dropdown' || item.type === 'resources-dropdown';
-  const renderBackButton = () => {
-    if (!isCatalogOrResourcesMenu) {
-      return /*#__PURE__*/_jsx(AppHeaderListItem, {
-        children: /*#__PURE__*/_jsxs(StyledAnchor, {
-          onClick: handleCloseSubMenu,
-          variant: "interface",
-          as: "button",
-          children: [/*#__PURE__*/_jsx(ArrowLeftIcon, {
-            size: 24,
-            "aria-hidden": true
-          }), /*#__PURE__*/_jsx(Text, {
-            pl: 8,
-            children: "Back"
-          })]
-        })
-      });
-    }
-    return null;
-  };
-  return /*#__PURE__*/_jsx(BackgroundWrapper, {
-    isNotCatalogOrResources: !isCatalogOrResourcesMenu,
-    children: /*#__PURE__*/_jsxs(MobileUlWrapper, {
-      ref: mainUlWrapper,
-      tabIndex: -1,
-      children: [renderBackButton(), /*#__PURE__*/_jsxs(MobileSubMenuWrapper, {
-        handleClose: handleCloseSubMenu,
-        isMenuRole: isProfileMenu,
-        children: [!isCatalogOrResourcesMenu && /*#__PURE__*/_jsx(Text, {
-          as: "h1",
-          fontSize: 20,
-          mb: 16,
-          ml: 0,
-          children: isProfileMenu ? item.userDisplayName : item.text
-        }), /*#__PURE__*/_jsx(Menu, {
-          variant: "fixed",
-          mx: isCatalogOrResourcesMenu ? {
-            _: 16,
-            sm: 32
-          } : 0,
-          width: "auto",
-          bg: "transparent",
-          children: renderHeaderSection(item, action, handleCloseSubMenu)
-        })]
-      })]
-    })
-  });
-};
+const AppHeaderSubNavMobile = ({ action, handleCloseSubMenu, item }) => {
+	const mainUlWrapper = useRef(null);
+	useEffect(() => {
+		if (mainUlWrapper?.current) mainUlWrapper.current.focus();
+	}, []);
+	const isProfileMenu = item.type === "profile-dropdown";
+	const isCatalogOrResourcesMenu = item.type === "catalog-dropdown" || item.type === "resources-dropdown";
+	const renderBackButton = () => {
+		if (!isCatalogOrResourcesMenu) return /* @__PURE__ */ React$1.createElement(AppHeaderListItem, null, /* @__PURE__ */ React$1.createElement(StyledAnchor, {
+			onClick: handleCloseSubMenu,
+			variant: "interface",
+			as: "button"
+		}, /* @__PURE__ */ React$1.createElement(ArrowLeftIcon, {
+			size: 24,
+			"aria-hidden": true
+		}), /* @__PURE__ */ React$1.createElement(Text, { pl: 8 }, "Back")));
+		return null;
+	};
+	return /* @__PURE__ */ React$1.createElement(BackgroundWrapper, { isNotCatalogOrResources: !isCatalogOrResourcesMenu }, /* @__PURE__ */ React$1.createElement(MobileUlWrapper, {
+		ref: mainUlWrapper,
+		tabIndex: -1
+	}, renderBackButton(), /* @__PURE__ */ React$1.createElement(MobileSubMenuWrapper, {
+		handleClose: handleCloseSubMenu,
+		isMenuRole: isProfileMenu
+	}, !isCatalogOrResourcesMenu && /* @__PURE__ */ React$1.createElement(Text, {
+		as: "h1",
+		fontSize: 20,
+		mb: 16,
+		ml: 0
+	}, isProfileMenu ? item.userDisplayName : item.text), /* @__PURE__ */ React$1.createElement(Menu, {
+		variant: "fixed",
+		mx: isCatalogOrResourcesMenu ? {
+			_: 16,
+			sm: 32
+		} : 0,
+		width: "auto",
+		bg: "transparent"
+	}, renderHeaderSection(item, action, handleCloseSubMenu)))));
+};
+
+//#endregion
+export { AppHeaderSubNavMobile };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Box","Menu","Text","ArrowLeftIcon","css","states","theme","styled","useEffect","useRef","React","CATALOG_NAV_SECTIONS","MarketingBanner","AppHeaderLinkSections","AppHeaderListItem","RESOURCES_NAV_SECTIONS","AppHeaderSection","MobileSubMenuWrapper","MobileUlWrapper","StyledAnchor","alignItems","display","width","py","mt","mb","BackgroundWrapper","isNotCatalogOrResources","background","colors","white","border","borderColor","borderRadius","padding","mx","renderHeaderSection","item","action","handleCloseSubMenu","type","navSections","isMobile","handleClose","mobile","AppHeaderSubNavMobile","mainUlWrapper","current","focus","isProfileMenu","isCatalogOrResourcesMenu","renderBackButton","onClick","variant","as","size","aria-hidden","pl","ref","tabIndex","isMenuRole","fontSize","ml","userDisplayName","text","_","sm","bg"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":["import { Anchor, Box, Menu, Text } from '@codecademy/gamut';\nimport { ArrowLeftIcon } from '@codecademy/gamut-icons';\nimport { css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';\nimport { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';\nimport { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';\nimport { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';\nimport { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared';\nimport { MobileSubMenuWrapper, MobileUlWrapper } from './elements';\n\nexport type AppHeaderSubMenuMobileProps = (\n  | AppHeaderDropdownProps\n  | AppHeaderCatalogDropdownProps\n  | AppHeaderResourceDropdownProps\n) & {\n  handleCloseSubMenu: () => void;\n};\n\ntype AppHeaderSectionItem =\n  | AppHeaderDropdownItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderResourcesDropdownItem;\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    width: 'calc(100% - 64px)',\n    py: 8,\n    mt: 0,\n    mb: 16,\n  })\n);\n\nconst BackgroundWrapper = styled(Box)<{\n  isNotCatalogOrResources: boolean;\n}>(\n  states({\n    isNotCatalogOrResources: {\n      background: theme.colors.white,\n      border: 1,\n      borderColor: 'border-tertiary',\n      borderRadius: 'lg',\n      padding: '16px',\n      mx: 16,\n    },\n  })\n);\n\nconst renderHeaderSection = (\n  item: AppHeaderSectionItem,\n  action: AppHeaderClickHandler,\n  handleCloseSubMenu: () => void\n) => {\n  switch (item.type) {\n    case 'catalog-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={CATALOG_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"catalog-dropdown\"\n        />\n      );\n    case 'resources-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={RESOURCES_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"resources-dropdown\"\n        />\n      );\n    default:\n      return <AppHeaderLinkSections action={action} item={item} mobile />;\n  }\n};\n\nexport const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps> = ({\n  action,\n  handleCloseSubMenu,\n  item,\n}) => {\n  const mainUlWrapper = useRef<HTMLUListElement>(null);\n\n  useEffect(() => {\n    if (mainUlWrapper?.current) {\n      mainUlWrapper.current.focus();\n    }\n  }, []);\n\n  const isProfileMenu = item.type === 'profile-dropdown';\n\n  const isCatalogOrResourcesMenu =\n    item.type === 'catalog-dropdown' || item.type === 'resources-dropdown';\n\n  const renderBackButton = () => {\n    if (!isCatalogOrResourcesMenu) {\n      return (\n        <AppHeaderListItem>\n          <StyledAnchor\n            onClick={handleCloseSubMenu}\n            variant=\"interface\"\n            as=\"button\"\n          >\n            <ArrowLeftIcon size={24} aria-hidden />\n            <Text pl={8}>Back</Text>\n          </StyledAnchor>\n        </AppHeaderListItem>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <BackgroundWrapper isNotCatalogOrResources={!isCatalogOrResourcesMenu}>\n      <MobileUlWrapper ref={mainUlWrapper} tabIndex={-1}>\n        {renderBackButton()}\n        <MobileSubMenuWrapper\n          handleClose={handleCloseSubMenu}\n          isMenuRole={isProfileMenu}\n        >\n          {!isCatalogOrResourcesMenu && (\n            <Text as=\"h1\" fontSize={20} mb={16} ml={0}>\n              {isProfileMenu ? item.userDisplayName : item.text}\n            </Text>\n          )}\n          <Menu\n            variant=\"fixed\"\n            mx={isCatalogOrResourcesMenu ? { _: 16, sm: 32 } : 0}\n            width=\"auto\"\n            bg=\"transparent\"\n          >\n            {renderHeaderSection(item, action, handleCloseSubMenu)}\n          </Menu>\n        </MobileSubMenuWrapper>\n      </MobileUlWrapper>\n    </BackgroundWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAMoB,eAAeZ,uBAAOR,QAAAA;;;GAC1BK,IAAI;CACFgB,YAAY;CACZC,SAAS;CACTC,OAAO;CACPC,IAAI;CACJC,IAAI;CACJC,IAAI;CACN,CAAA,EAAA,01NAAA;AAGF,MAAMC,oBAAoBnB,uBAAOP,KAAAA;;;GAG/BK,OAAO,EACLsB,yBAAyB;CACvBC,YAAYtB,MAAMuB,OAAOC;CACzBC,QAAQ;CACRC,aAAa;CACbC,cAAc;CACdC,SAAS;CACTC,IAAI;CACN,EACF,CAAA,EAAA,01NAAA;AAGF,MAAMC,uBACJC,MACAC,QACAC,uBAAAA;AAEA,SAAQF,KAAKG,MAAb;EACE,KAAK,mBACH,QACE,wBAAA,cAACxB,kBAAAA;GACCyB,aAAa9B;GACIC;GACjB8B,UAAAA;GACAC,aAAaJ;GACbC,MAAK;;EAGX,KAAK,qBACH,QACE,wBAAA,cAACxB,kBAAAA;GACCyB,aAAa1B;GACIH;GACjB8B,UAAAA;GACAC,aAAaJ;GACbC,MAAK;;EAGX,QACE,QAAO,wBAAA,cAAC3B,uBAAAA;GAA8ByB;GAAcD;GAAMO,QAAAA;;;;AAIhE,MAAaC,yBAAgE,EAC3EP,QACAC,oBACAF,WACD;CACC,MAAMS,gBAAgBrC,OAAyB,KAAA;AAE/CD,iBAAU;AACR,MAAIsC,eAAeC,QACjBD,eAAcC,QAAQC,OAAK;IAE5B,EAAE,CAAA;CAEL,MAAMC,gBAAgBZ,KAAKG,SAAS;CAEpC,MAAMU,2BACJb,KAAKG,SAAS,sBAAsBH,KAAKG,SAAS;CAEpD,MAAMW,yBAAmB;AACvB,MAAI,CAACD,yBACH,QACE,wBAAA,cAACpC,mBAAAA,MACC,wBAAA,cAACK,cAAAA;GACCiC,SAASb;GACTc,SAAQ;GACRC,IAAG;KAEH,wBAAA,cAACnD,eAAAA;GAAcoD,MAAM;GAAIC,eAAAA;MACzB,wBAAA,cAACtD,MAAAA,EAAKuD,IAAI,KAAG,OAAA,CAAA,CAAA;AAKrB,SAAO;;AAGT,QACE,wBAAA,cAAC/B,mBAAAA,EAAkBC,yBAAyB,CAACuB,4BAC3C,wBAAA,cAAChC,iBAAAA;EAAgBwC,KAAKZ;EAAea,UAAU;IAC5CR,kBAAAA,EACD,wBAAA,cAAClC,sBAAAA;EACC0B,aAAaJ;EACbqB,YAAYX;IAEX,CAACC,4BACA,wBAAA,cAAChD,MAAAA;EAAKoD,IAAG;EAAKO,UAAU;EAAIpC,IAAI;EAAIqC,IAAI;IACrCb,gBAAgBZ,KAAK0B,kBAAkB1B,KAAK2B,KAAI,EAGrD,wBAAA,cAAC/D,MAAAA;EACCoD,SAAQ;EACRlB,IAAIe,2BAA2B;GAAEe,GAAG;GAAIC,IAAI;GAAG,GAAI;EACnD5C,OAAM;EACN6C,IAAG;IAEF/B,oBAAoBC,MAAMC,QAAQC,mBAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}