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

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js

@@ -1,113 +1,94 @@
-import _styled from "@emotion/styled/base";
-import { Menu } from '@codecademy/gamut';
-import { ColorMode, css } from '@codecademy/gamut-styles';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import * as React from 'react';
-import { AnimatedSimpleDropdown } from '../../shared';
-import { AppHeaderLinkSections } from '../AppHeaderLinkSections';
-import { AppHeaderMenuProvider } from '../AppHeaderMenuProvider';
-import { AppHeaderMenuNavButton } from '../AppHeaderNavButton';
-import { useAppHeaderContext } from '../AppHeaderProvider';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledLinkSection = /*#__PURE__*/_styled(AppHeaderLinkSections, {
-  target: "efmcgmc1",
-  label: "StyledLinkSection"
+import { AnimatedSimpleDropdown } from "../../shared/elements.js";
+import "../../shared/index.js";
+import { useAppHeaderContext } from "../AppHeaderProvider/index.js";
+import { AppHeaderMenuProvider } from "../AppHeaderMenuProvider/index.js";
+import { AppHeaderMenuNavButton } from "../AppHeaderNavButton/index.js";
+import { AppHeaderLinkSections } from "../AppHeaderLinkSections/index.js";
+import { Menu } from "@codecademy/gamut";
+import { ColorMode, css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.tsx
+const StyledLinkSection = /* @__PURE__ */ styled(AppHeaderLinkSections, {
+	target: "ee15vcs0",
+	label: "brand-StyledLinkSection"
 })(css({
-  padding: `0.75rem 0`,
-  position: `absolute`
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZW51IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JNb2RlLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQW5pbWF0ZWRTaW1wbGVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudVByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyTWVudVByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlck1lbnVOYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuY29uc3QgU3R5bGVkTGlua1NlY3Rpb24gPSBzdHlsZWQoQXBwSGVhZGVyTGlua1NlY3Rpb25zKShcbiAgY3NzKHtcbiAgICBwYWRkaW5nOiBgMC43NXJlbSAwYCxcbiAgICBwb3NpdGlvbjogYGFic29sdXRlYCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTWVudSA9IHN0eWxlZChNZW51KShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJlxuICBQaWNrPFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PiwgJ3NwYWNpbmcnPiAmIHtcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW07XG4gICAgLyoqXG4gICAgICogSWYgdHJ1ZSwgdGhlIGRyb3Bkb3duIGlzIGJlaW5nIHJlbmRlcmVkIGFzIGEgc3RhbmRhbG9uZSBjb21wb25lbnQsIHJhdGhlciB0aGFuXG4gICAgICogcGFydCBvZiB0aGUgZ2xvYmFsIGhlYWRlci5cbiAgICAgKi9cbiAgICBzdGFuZGFsb25lPzogYm9vbGVhbjtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRyb3Bkb3duOiBSZWFjdC5GQzxBcHBIZWFkZXJEcm9wZG93blByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaXRlbSxcbiAgc3BhY2luZyA9ICdub3JtYWwnLFxuICBzdGFuZGFsb25lLFxufSkgPT4ge1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcblxuICBjb25zdCBkcm9wZG93bklkID0gaXRlbT8udGV4dCA/PyBpdGVtPy50eXBlO1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgaWYgKGFjdGlvbikgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKGRyb3Bkb3duSWQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlib2FyZENsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgYnV0dG9uUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IGRyb3Bkb3duSWQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBsaXN0ID0gbGlzdFJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGxpc3QgJiZcbiAgICAgICAgIWxpc3QuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICBjb25zdCBpc1Byb2ZpbGVEcm9wZG93biA9IGl0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nO1xuICBjb25zdCBpc0dlbmVyaWNEcm9wZG93biA9IFsnZHJvcGRvd24nLCAncmVzb3VyY2VzLXNpbXBsZS1kcm9wZG93biddLmluY2x1ZGVzKFxuICAgIGl0ZW0udHlwZVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFwcEhlYWRlck1lbnVQcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlS2V5Ym9hcmRDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyTWVudU5hdkJ1dHRvblxuICAgICAgICBidXR0b25SZWY9e2J1dHRvblJlZn1cbiAgICAgICAgaGFuZGxlT25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAvPlxuICAgICAgPEFuaW1hdGVkU2ltcGxlRHJvcGRvd25cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICByaWdodDogaXNQcm9maWxlRHJvcGRvd24gPyAnMC41cmVtJyA6ICcnLFxuICAgICAgICAgIHRvcDogaXNHZW5lcmljRHJvcGRvd24gJiYgc3RhbmRhbG9uZSA/ICcyLjc1cmVtJyA6ICczLjVyZW0nLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnVcbiAgICAgICAgICAgIG1pbldpZHRoPVwiMjAycHhcIlxuICAgICAgICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgICAgICAgcm9sZT17aXNQcm9maWxlRHJvcGRvd24gPyAnbWVudScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBzcGFjaW5nPXtzcGFjaW5nfVxuICAgICAgICAgICAgdmFyaWFudD1cInBvcG92ZXJcIlxuICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgICAgICBweT17c3BhY2luZyA9PT0gJ25vcm1hbCcgPyAxMiA6IDB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFN0eWxlZExpbmtTZWN0aW9uIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBpc09wZW49e2lzT3Blbn0gLz5cbiAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTWVudT5cbiAgICAgICAgPC9Db2xvck1vZGU+XG4gICAgICA8L0FuaW1hdGVkU2ltcGxlRHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJNZW51UHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */");
-const StyledDropdownMenu = /*#__PURE__*/_styled(Menu, {
-  target: "efmcgmc0",
-  label: "StyledDropdownMenu"
+	padding: `0.75rem 0`,
+	position: `absolute`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1lbnUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb2xvck1vZGUsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBbmltYXRlZFNpbXBsZURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJNZW51UHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJNZW51UHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudU5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuXG5jb25zdCBTdHlsZWRMaW5rU2VjdGlvbiA9IHN0eWxlZChBcHBIZWFkZXJMaW5rU2VjdGlvbnMpKFxuICBjc3Moe1xuICAgIHBhZGRpbmc6IGAwLjc1cmVtIDBgLFxuICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRHJvcGRvd25NZW51ID0gc3R5bGVkKE1lbnUpKFxuICBjc3Moe1xuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyRHJvcGRvd25Qcm9wcyA9IEFwcEhlYWRlckFjdGlvbiAmXG4gIFBpY2s8UmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1lbnU+LCAnc3BhY2luZyc+ICYge1xuICAgIGl0ZW06IEFwcEhlYWRlckRyb3Bkb3duSXRlbTtcbiAgICAvKipcbiAgICAgKiBJZiB0cnVlLCB0aGUgZHJvcGRvd24gaXMgYmVpbmcgcmVuZGVyZWQgYXMgYSBzdGFuZGFsb25lIGNvbXBvbmVudCwgcmF0aGVyIHRoYW5cbiAgICAgKiBwYXJ0IG9mIHRoZSBnbG9iYWwgaGVhZGVyLlxuICAgICAqL1xuICAgIHN0YW5kYWxvbmU/OiBib29sZWFuO1xuICB9O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyRHJvcGRvd246IFJlYWN0LkZDPEFwcEhlYWRlckRyb3Bkb3duUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBpdGVtLFxuICBzcGFjaW5nID0gJ25vcm1hbCcsXG4gIHN0YW5kYWxvbmUsXG59KSA9PiB7XG4gIGNvbnN0IGxpc3RSZWYgPSB1c2VSZWY8SFRNTFVMaXN0RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuXG4gIGNvbnN0IGRyb3Bkb3duSWQgPSBpdGVtPy50ZXh0ID8/IGl0ZW0/LnR5cGU7XG5cbiAgY29uc3QgdG9nZ2xlSXNPcGVuID0gKCkgPT4gc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIHRvZ2dsZUlzT3BlbigpO1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBpZiAoYWN0aW9uKSBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24oZHJvcGRvd25JZCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUtleWJvYXJkQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBidXR0b25SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gZHJvcGRvd25JZCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGxpc3QgPSBsaXN0UmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgbGlzdCAmJlxuICAgICAgICAhbGlzdC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2xpc3RSZWYsIGlzT3Blbl0pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZURyb3Bkb3duID0gaXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bic7XG4gIGNvbnN0IGlzR2VuZXJpY0Ryb3Bkb3duID0gWydkcm9wZG93bicsICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJ10uaW5jbHVkZXMoXG4gICAgaXRlbS50eXBlXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyTWVudVByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVLZXlib2FyZENsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJNZW51TmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgIC8+XG4gICAgICA8QW5pbWF0ZWRTaW1wbGVEcm9wZG93blxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHJpZ2h0OiBpc1Byb2ZpbGVEcm9wZG93biA/ICcwLjVyZW0nIDogJycsXG4gICAgICAgICAgdG9wOiBpc0dlbmVyaWNEcm9wZG93biAmJiBzdGFuZGFsb25lID8gJzIuNzVyZW0nIDogJzMuNXJlbScsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgPFN0eWxlZERyb3Bkb3duTWVudVxuICAgICAgICAgICAgbWluV2lkdGg9XCIyMDJweFwiXG4gICAgICAgICAgICByZWY9e2xpc3RSZWZ9XG4gICAgICAgICAgICByb2xlPXtpc1Byb2ZpbGVEcm9wZG93biA/ICdtZW51JyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHNwYWNpbmc9e3NwYWNpbmd9XG4gICAgICAgICAgICB2YXJpYW50PVwicG9wb3ZlclwiXG4gICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgICAgIHB5PXtzcGFjaW5nID09PSAnbm9ybWFsJyA/IDEyIDogMH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkTGlua1NlY3Rpb24gYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IGlzT3Blbj17aXNPcGVufSAvPlxuICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25NZW51PlxuICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgIDwvQW5pbWF0ZWRTaW1wbGVEcm9wZG93bj5cbiAgICA8L0FwcEhlYWRlck1lbnVQcm92aWRlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiJ9 */");
+const StyledDropdownMenu = /* @__PURE__ */ styled(Menu, {
+	target: "ee15vcs1",
+	label: "brand-StyledDropdownMenu"
 })(css({
-  border: 1,
-  borderColor: 'border-tertiary',
-  borderRadius: 'lg'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCMkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZW51IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JNb2RlLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQW5pbWF0ZWRTaW1wbGVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaW5rU2VjdGlvbnMgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudVByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyTWVudVByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlck1lbnVOYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuY29uc3QgU3R5bGVkTGlua1NlY3Rpb24gPSBzdHlsZWQoQXBwSGVhZGVyTGlua1NlY3Rpb25zKShcbiAgY3NzKHtcbiAgICBwYWRkaW5nOiBgMC43NXJlbSAwYCxcbiAgICBwb3NpdGlvbjogYGFic29sdXRlYCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTWVudSA9IHN0eWxlZChNZW51KShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJlxuICBQaWNrPFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PiwgJ3NwYWNpbmcnPiAmIHtcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW07XG4gICAgLyoqXG4gICAgICogSWYgdHJ1ZSwgdGhlIGRyb3Bkb3duIGlzIGJlaW5nIHJlbmRlcmVkIGFzIGEgc3RhbmRhbG9uZSBjb21wb25lbnQsIHJhdGhlciB0aGFuXG4gICAgICogcGFydCBvZiB0aGUgZ2xvYmFsIGhlYWRlci5cbiAgICAgKi9cbiAgICBzdGFuZGFsb25lPzogYm9vbGVhbjtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckRyb3Bkb3duOiBSZWFjdC5GQzxBcHBIZWFkZXJEcm9wZG93blByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaXRlbSxcbiAgc3BhY2luZyA9ICdub3JtYWwnLFxuICBzdGFuZGFsb25lLFxufSkgPT4ge1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcblxuICBjb25zdCBkcm9wZG93bklkID0gaXRlbT8udGV4dCA/PyBpdGVtPy50eXBlO1xuXG4gIGNvbnN0IHRvZ2dsZUlzT3BlbiA9ICgpID0+IHNldElzT3BlbigocHJldikgPT4gIXByZXYpO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICB0b2dnbGVJc09wZW4oKTtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgaWYgKGFjdGlvbikgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKGRyb3Bkb3duSWQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlib2FyZENsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgYnV0dG9uUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IGRyb3Bkb3duSWQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBsaXN0ID0gbGlzdFJlZj8uY3VycmVudDtcbiAgICAgIGNvbnN0IGJ1dHRvbiA9IGJ1dHRvblJlZj8uY3VycmVudDtcbiAgICAgIGlmIChcbiAgICAgICAgaXNPcGVuICYmXG4gICAgICAgIGxpc3QgJiZcbiAgICAgICAgIWxpc3QuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtsaXN0UmVmLCBpc09wZW5dKTtcblxuICBjb25zdCBpc1Byb2ZpbGVEcm9wZG93biA9IGl0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nO1xuICBjb25zdCBpc0dlbmVyaWNEcm9wZG93biA9IFsnZHJvcGRvd24nLCAncmVzb3VyY2VzLXNpbXBsZS1kcm9wZG93biddLmluY2x1ZGVzKFxuICAgIGl0ZW0udHlwZVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFwcEhlYWRlck1lbnVQcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlS2V5Ym9hcmRDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyTWVudU5hdkJ1dHRvblxuICAgICAgICBidXR0b25SZWY9e2J1dHRvblJlZn1cbiAgICAgICAgaGFuZGxlT25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAvPlxuICAgICAgPEFuaW1hdGVkU2ltcGxlRHJvcGRvd25cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICByaWdodDogaXNQcm9maWxlRHJvcGRvd24gPyAnMC41cmVtJyA6ICcnLFxuICAgICAgICAgIHRvcDogaXNHZW5lcmljRHJvcGRvd24gJiYgc3RhbmRhbG9uZSA/ICcyLjc1cmVtJyA6ICczLjVyZW0nLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgIDxTdHlsZWREcm9wZG93bk1lbnVcbiAgICAgICAgICAgIG1pbldpZHRoPVwiMjAycHhcIlxuICAgICAgICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgICAgICAgcm9sZT17aXNQcm9maWxlRHJvcGRvd24gPyAnbWVudScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBzcGFjaW5nPXtzcGFjaW5nfVxuICAgICAgICAgICAgdmFyaWFudD1cInBvcG92ZXJcIlxuICAgICAgICAgICAgd2lkdGg9XCJmaXQtY29udGVudFwiXG4gICAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgICAgICBweT17c3BhY2luZyA9PT0gJ25vcm1hbCcgPyAxMiA6IDB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFN0eWxlZExpbmtTZWN0aW9uIGFjdGlvbj17YWN0aW9ufSBpdGVtPXtpdGVtfSBpc09wZW49e2lzT3Blbn0gLz5cbiAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTWVudT5cbiAgICAgICAgPC9Db2xvck1vZGU+XG4gICAgICA8L0FuaW1hdGVkU2ltcGxlRHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJNZW51UHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */");
-export const AppHeaderDropdown = ({
-  action,
-  item,
-  spacing = 'normal',
-  standalone
-}) => {
-  const listRef = useRef(null);
-  const buttonRef = useRef(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const {
-    lastOpenedDropdown,
-    setLastOpenedDropdown
-  } = useAppHeaderContext();
-  const dropdownId = item?.text ?? item?.type;
-  const toggleIsOpen = () => setIsOpen(prev => !prev);
-  const handleOnClick = event => {
-    toggleIsOpen();
-    if (!isOpen) {
-      if (action) action(event, item);
-      if (setLastOpenedDropdown) {
-        setLastOpenedDropdown(dropdownId);
-      }
-    }
-  };
-  const handleKeyboardClose = useCallback(() => {
-    setIsOpen(false);
-    buttonRef.current?.focus();
-  }, []);
-  useEffect(() => {
-    if (lastOpenedDropdown !== dropdownId && isOpen) {
-      setIsOpen(false);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [lastOpenedDropdown]);
-  useEffect(() => {
-    function handleClickOutside(event) {
-      const list = listRef?.current;
-      const button = buttonRef?.current;
-      if (isOpen && list && !list.contains(event.target) && button && !button.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutside);
-    document.addEventListener('blur', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-      document.removeEventListener('blur', handleClickOutside);
-    };
-  }, [listRef, isOpen]);
-  const isProfileDropdown = item.type === 'profile-dropdown';
-  const isGenericDropdown = ['dropdown', 'resources-simple-dropdown'].includes(item.type);
-  return /*#__PURE__*/_jsxs(AppHeaderMenuProvider, {
-    handleClose: handleKeyboardClose,
-    children: [/*#__PURE__*/_jsx(AppHeaderMenuNavButton, {
-      buttonRef: buttonRef,
-      handleOnClick: handleOnClick,
-      isOpen: isOpen,
-      item: item
-    }), /*#__PURE__*/_jsx(AnimatedSimpleDropdown, {
-      isOpen: isOpen
-      // eslint-disable-next-line gamut/no-inline-style
-      ,
-      style: {
-        right: isProfileDropdown ? '0.5rem' : '',
-        top: isGenericDropdown && standalone ? '2.75rem' : '3.5rem'
-      },
-      children: /*#__PURE__*/_jsx(ColorMode, {
-        mode: "light",
-        children: /*#__PURE__*/_jsx(StyledDropdownMenu, {
-          minWidth: "202px",
-          ref: listRef,
-          role: isProfileDropdown ? 'menu' : undefined,
-          spacing: spacing,
-          variant: "popover",
-          width: "fit-content",
-          zIndex: 1,
-          py: spacing === 'normal' ? 12 : 0,
-          children: /*#__PURE__*/_jsx(StyledLinkSection, {
-            action: action,
-            item: item,
-            isOpen: isOpen
-          })
-        })
-      })
-    })]
-  });
-};
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1lbnUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDb2xvck1vZGUsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBbmltYXRlZFNpbXBsZURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJNZW51UHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJNZW51UHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyTWVudU5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuXG5jb25zdCBTdHlsZWRMaW5rU2VjdGlvbiA9IHN0eWxlZChBcHBIZWFkZXJMaW5rU2VjdGlvbnMpKFxuICBjc3Moe1xuICAgIHBhZGRpbmc6IGAwLjc1cmVtIDBgLFxuICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRHJvcGRvd25NZW51ID0gc3R5bGVkKE1lbnUpKFxuICBjc3Moe1xuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyRHJvcGRvd25Qcm9wcyA9IEFwcEhlYWRlckFjdGlvbiAmXG4gIFBpY2s8UmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1lbnU+LCAnc3BhY2luZyc+ICYge1xuICAgIGl0ZW06IEFwcEhlYWRlckRyb3Bkb3duSXRlbTtcbiAgICAvKipcbiAgICAgKiBJZiB0cnVlLCB0aGUgZHJvcGRvd24gaXMgYmVpbmcgcmVuZGVyZWQgYXMgYSBzdGFuZGFsb25lIGNvbXBvbmVudCwgcmF0aGVyIHRoYW5cbiAgICAgKiBwYXJ0IG9mIHRoZSBnbG9iYWwgaGVhZGVyLlxuICAgICAqL1xuICAgIHN0YW5kYWxvbmU/OiBib29sZWFuO1xuICB9O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyRHJvcGRvd246IFJlYWN0LkZDPEFwcEhlYWRlckRyb3Bkb3duUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBpdGVtLFxuICBzcGFjaW5nID0gJ25vcm1hbCcsXG4gIHN0YW5kYWxvbmUsXG59KSA9PiB7XG4gIGNvbnN0IGxpc3RSZWYgPSB1c2VSZWY8SFRNTFVMaXN0RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuXG4gIGNvbnN0IGRyb3Bkb3duSWQgPSBpdGVtPy50ZXh0ID8/IGl0ZW0/LnR5cGU7XG5cbiAgY29uc3QgdG9nZ2xlSXNPcGVuID0gKCkgPT4gc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIHRvZ2dsZUlzT3BlbigpO1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBpZiAoYWN0aW9uKSBhY3Rpb24oZXZlbnQsIGl0ZW0pO1xuICAgICAgaWYgKHNldExhc3RPcGVuZWREcm9wZG93bikge1xuICAgICAgICBzZXRMYXN0T3BlbmVkRHJvcGRvd24oZHJvcGRvd25JZCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUtleWJvYXJkQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBidXR0b25SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhc3RPcGVuZWREcm9wZG93biAhPT0gZHJvcGRvd25JZCAmJiBpc09wZW4pIHtcbiAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2xhc3RPcGVuZWREcm9wZG93bl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpIHtcbiAgICAgIGNvbnN0IGxpc3QgPSBsaXN0UmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgbGlzdCAmJlxuICAgICAgICAhbGlzdC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2xpc3RSZWYsIGlzT3Blbl0pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZURyb3Bkb3duID0gaXRlbS50eXBlID09PSAncHJvZmlsZS1kcm9wZG93bic7XG4gIGNvbnN0IGlzR2VuZXJpY0Ryb3Bkb3duID0gWydkcm9wZG93bicsICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJ10uaW5jbHVkZXMoXG4gICAgaXRlbS50eXBlXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyTWVudVByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVLZXlib2FyZENsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJNZW51TmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgIC8+XG4gICAgICA8QW5pbWF0ZWRTaW1wbGVEcm9wZG93blxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHJpZ2h0OiBpc1Byb2ZpbGVEcm9wZG93biA/ICcwLjVyZW0nIDogJycsXG4gICAgICAgICAgdG9wOiBpc0dlbmVyaWNEcm9wZG93biAmJiBzdGFuZGFsb25lID8gJzIuNzVyZW0nIDogJzMuNXJlbScsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgPFN0eWxlZERyb3Bkb3duTWVudVxuICAgICAgICAgICAgbWluV2lkdGg9XCIyMDJweFwiXG4gICAgICAgICAgICByZWY9e2xpc3RSZWZ9XG4gICAgICAgICAgICByb2xlPXtpc1Byb2ZpbGVEcm9wZG93biA/ICdtZW51JyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHNwYWNpbmc9e3NwYWNpbmd9XG4gICAgICAgICAgICB2YXJpYW50PVwicG9wb3ZlclwiXG4gICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgICAgIHB5PXtzcGFjaW5nID09PSAnbm9ybWFsJyA/IDEyIDogMH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkTGlua1NlY3Rpb24gYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IGlzT3Blbj17aXNPcGVufSAvPlxuICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25NZW51PlxuICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgIDwvQW5pbWF0ZWRTaW1wbGVEcm9wZG93bj5cbiAgICA8L0FwcEhlYWRlck1lbnVQcm92aWRlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiJ9 */");
+const AppHeaderDropdown = ({ action, item, spacing = "normal", standalone }) => {
+	const listRef = useRef(null);
+	const buttonRef = useRef(null);
+	const [isOpen, setIsOpen] = useState(false);
+	const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();
+	const dropdownId = item?.text ?? item?.type;
+	const toggleIsOpen = () => setIsOpen((prev) => !prev);
+	const handleOnClick = (event) => {
+		toggleIsOpen();
+		if (!isOpen) {
+			if (action) action(event, item);
+			if (setLastOpenedDropdown) setLastOpenedDropdown(dropdownId);
+		}
+	};
+	const handleKeyboardClose = useCallback(() => {
+		setIsOpen(false);
+		buttonRef.current?.focus();
+	}, []);
+	useEffect(() => {
+		if (lastOpenedDropdown !== dropdownId && isOpen) setIsOpen(false);
+	}, [lastOpenedDropdown]);
+	useEffect(() => {
+		function handleClickOutside(event) {
+			const list = listRef?.current;
+			const button = buttonRef?.current;
+			if (isOpen && list && !list.contains(event.target) && button && !button.contains(event.target)) setIsOpen(false);
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		document.addEventListener("blur", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+			document.removeEventListener("blur", handleClickOutside);
+		};
+	}, [listRef, isOpen]);
+	const isProfileDropdown = item.type === "profile-dropdown";
+	const isGenericDropdown = ["dropdown", "resources-simple-dropdown"].includes(item.type);
+	return /* @__PURE__ */ React$1.createElement(AppHeaderMenuProvider, { handleClose: handleKeyboardClose }, /* @__PURE__ */ React$1.createElement(AppHeaderMenuNavButton, {
+		buttonRef,
+		handleOnClick,
+		isOpen,
+		item
+	}), /* @__PURE__ */ React$1.createElement(AnimatedSimpleDropdown, {
+		isOpen,
+		style: {
+			right: isProfileDropdown ? "0.5rem" : "",
+			top: isGenericDropdown && standalone ? "2.75rem" : "3.5rem"
+		}
+	}, /* @__PURE__ */ React$1.createElement(ColorMode, { mode: "light" }, /* @__PURE__ */ React$1.createElement(StyledDropdownMenu, {
+		minWidth: "202px",
+		ref: listRef,
+		role: isProfileDropdown ? "menu" : void 0,
+		spacing,
+		variant: "popover",
+		width: "fit-content",
+		zIndex: 1,
+		py: spacing === "normal" ? 12 : 0
+	}, /* @__PURE__ */ React$1.createElement(StyledLinkSection, {
+		action,
+		item,
+		isOpen
+	})))));
+};
+
+//#endregion
+export { AppHeaderDropdown };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Menu","ColorMode","css","styled","useCallback","useEffect","useRef","useState","React","AnimatedSimpleDropdown","AppHeaderLinkSections","AppHeaderMenuProvider","AppHeaderMenuNavButton","useAppHeaderContext","StyledLinkSection","padding","position","StyledDropdownMenu","border","borderColor","borderRadius","AppHeaderDropdown","action","item","spacing","standalone","listRef","buttonRef","isOpen","setIsOpen","lastOpenedDropdown","setLastOpenedDropdown","dropdownId","text","type","toggleIsOpen","prev","handleOnClick","event","handleKeyboardClose","current","focus","handleClickOutside","list","button","contains","target","document","addEventListener","removeEventListener","isProfileDropdown","isGenericDropdown","includes","handleClose","style","right","top","mode","minWidth","ref","role","undefined","variant","width","zIndex","py"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.tsx"],"sourcesContent":["import { Menu } from '@codecademy/gamut';\nimport { ColorMode, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  AnimatedSimpleDropdown,\n  AppHeaderAction,\n  AppHeaderDropdownItem,\n} from '../../shared';\nimport { AppHeaderLinkSections } from '../AppHeaderLinkSections';\nimport { AppHeaderMenuProvider } from '../AppHeaderMenuProvider';\nimport { AppHeaderMenuNavButton } from '../AppHeaderNavButton';\nimport { useAppHeaderContext } from '../AppHeaderProvider';\n\nconst StyledLinkSection = styled(AppHeaderLinkSections)(\n  css({\n    padding: `0.75rem 0`,\n    position: `absolute`,\n  })\n);\n\nconst StyledDropdownMenu = styled(Menu)(\n  css({\n    border: 1,\n    borderColor: 'border-tertiary',\n    borderRadius: 'lg',\n  })\n);\n\nexport type AppHeaderDropdownProps = AppHeaderAction &\n  Pick<React.ComponentProps<typeof Menu>, 'spacing'> & {\n    item: AppHeaderDropdownItem;\n    /**\n     * If true, the dropdown is being rendered as a standalone component, rather than\n     * part of the global header.\n     */\n    standalone?: boolean;\n  };\n\nexport const AppHeaderDropdown: React.FC<AppHeaderDropdownProps> = ({\n  action,\n  item,\n  spacing = 'normal',\n  standalone,\n}) => {\n  const listRef = useRef<HTMLUListElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const dropdownId = item?.text ?? item?.type;\n\n  const toggleIsOpen = () => setIsOpen((prev) => !prev);\n\n  const handleOnClick = (event: React.MouseEvent) => {\n    toggleIsOpen();\n    if (!isOpen) {\n      if (action) action(event, item);\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(dropdownId);\n      }\n    }\n  };\n\n  const handleKeyboardClose = useCallback(() => {\n    setIsOpen(false);\n    buttonRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== dropdownId && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent | Event) {\n      const list = listRef?.current;\n      const button = buttonRef?.current;\n      if (\n        isOpen &&\n        list &&\n        !list.contains(event.target as Node) &&\n        button &&\n        !button.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('blur', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('blur', handleClickOutside);\n    };\n  }, [listRef, isOpen]);\n\n  const isProfileDropdown = item.type === 'profile-dropdown';\n  const isGenericDropdown = ['dropdown', 'resources-simple-dropdown'].includes(\n    item.type\n  );\n\n  return (\n    <AppHeaderMenuProvider handleClose={handleKeyboardClose}>\n      <AppHeaderMenuNavButton\n        buttonRef={buttonRef}\n        handleOnClick={handleOnClick}\n        isOpen={isOpen}\n        item={item}\n      />\n      <AnimatedSimpleDropdown\n        isOpen={isOpen}\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{\n          right: isProfileDropdown ? '0.5rem' : '',\n          top: isGenericDropdown && standalone ? '2.75rem' : '3.5rem',\n        }}\n      >\n        <ColorMode mode=\"light\">\n          <StyledDropdownMenu\n            minWidth=\"202px\"\n            ref={listRef}\n            role={isProfileDropdown ? 'menu' : undefined}\n            spacing={spacing}\n            variant=\"popover\"\n            width=\"fit-content\"\n            zIndex={1}\n            py={spacing === 'normal' ? 12 : 0}\n          >\n            <StyledLinkSection action={action} item={item} isOpen={isOpen} />\n          </StyledDropdownMenu>\n        </ColorMode>\n      </AnimatedSimpleDropdown>\n    </AppHeaderMenuProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMc,oBAAoBX,uBAAOO,uBAAAA;;;GAC/BR,IAAI;CACFa,SAAS;CACTC,UAAU;CACZ,CAAA,EAAA,07LAAA;AAGF,MAAMC,qBAAqBd,uBAAOH,MAAAA;;;GAChCE,IAAI;CACFgB,QAAQ;CACRC,aAAa;CACbC,cAAc;CAChB,CAAA,EAAA,07LAAA;AAaF,MAAaC,qBAAuD,EAClEC,QACAC,MACAC,UAAU,UACVC,iBACD;CACC,MAAMC,UAAUpB,OAAyB,KAAA;CACzC,MAAMqB,YAAYrB,OAA0B,KAAA;CAE5C,MAAM,CAACsB,QAAQC,aAAatB,SAAS,MAAA;CACrC,MAAM,EAAEuB,oBAAoBC,0BAA0BlB,qBAAAA;CAEtD,MAAMmB,aAAaT,MAAMU,QAAQV,MAAMW;CAEvC,MAAMC,qBAAqBN,WAAWO,SAAS,CAACA,KAAAA;CAEhD,MAAMC,iBAAiBC,UAAAA;AACrBH,gBAAAA;AACA,MAAI,CAACP,QAAQ;AACX,OAAIN,OAAQA,QAAOgB,OAAOf,KAAAA;AAC1B,OAAIQ,sBACFA,uBAAsBC,WAAAA;;;CAK5B,MAAMO,sBAAsBnC,kBAAY;AACtCyB,YAAU,MAAA;AACVF,YAAUa,SAASC,OAAAA;IAClB,EAAE,CAAA;AAELpC,iBAAU;AACR,MAAIyB,uBAAuBE,cAAcJ,OACvCC,WAAU,MAAA;IAGX,CAACC,mBAAmB,CAAA;AAEvBzB,iBAAU;EACR,SAASqC,mBAAmBJ,OAAyB;GACnD,MAAMK,OAAOjB,SAASc;GACtB,MAAMI,SAASjB,WAAWa;AAC1B,OACEZ,UACAe,QACA,CAACA,KAAKE,SAASP,MAAMQ,OAAM,IAC3BF,UACA,CAACA,OAAOC,SAASP,MAAMQ,OAAM,CAE7BjB,WAAU,MAAA;;AAIdkB,WAASC,iBAAiB,aAAaN,mBAAAA;AACvCK,WAASC,iBAAiB,QAAQN,mBAAAA;AAClC,eAAO;AACLK,YAASE,oBAAoB,aAAaP,mBAAAA;AAC1CK,YAASE,oBAAoB,QAAQP,mBAAAA;;IAEtC,CAAChB,SAASE,OAAO,CAAA;CAEpB,MAAMsB,oBAAoB3B,KAAKW,SAAS;CACxC,MAAMiB,oBAAoB,CAAC,YAAY,4BAA4B,CAACC,SAClE7B,KAAKW,KAAI;AAGX,QACE,wBAAA,cAACvB,uBAAAA,EAAsB0C,aAAad,uBAClC,wBAAA,cAAC3B,wBAAAA;EACYe;EACIU;EACPT;EACFL;KAER,wBAAA,cAACd,wBAAAA;EACSmB;EAER0B,OAAO;GACLC,OAAOL,oBAAoB,WAAW;GACtCM,KAAKL,qBAAqB1B,aAAa,YAAY;GACrD;IAEA,wBAAA,cAACxB,WAAAA,EAAUwD,MAAK,WACd,wBAAA,cAACxC,oBAAAA;EACCyC,UAAS;EACTC,KAAKjC;EACLkC,MAAMV,oBAAoB,SAASW;EAC1BrC;EACTsC,SAAQ;EACRC,OAAM;EACNC,QAAQ;EACRC,IAAIzC,YAAY,WAAW,KAAK;IAEhC,wBAAA,cAACV,mBAAAA;EAA0BQ;EAAcC;EAAcK"}

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.cjs

@@ -0,0 +1,31 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_keyboardNav = require('../../shared/keyboardNav.cjs');
+require('../../shared/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let lodash_fp_noop = require("lodash/fp/noop");
+lodash_fp_noop = require_runtime.__toESM(lodash_fp_noop);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.tsx
+const AppHeaderDropdownContext = /* @__PURE__ */ (0, react.createContext)({
+	firstItemRef: void 0,
+	setFirstItemRef: void 0,
+	handleClose: () => lodash_fp_noop.default
+});
+const AppHeaderDropdownProvider = ({ children, handleClose }) => {
+	const [firstItemRef, setFirstItemRef] = (0, react.useState)(void 0);
+	const onKeyDown = require_keyboardNav.useOnEscHandler(handleClose);
+	return /* @__PURE__ */ react.default.createElement(AppHeaderDropdownContext.Provider, { value: {
+		firstItemRef,
+		setFirstItemRef,
+		handleClose
+	} }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { onKeyDown }, children));
+};
+const useAppHeaderDropdownContext = () => (0, react.useContext)(AppHeaderDropdownContext);
+
+//#endregion
+exports.AppHeaderDropdownContext = AppHeaderDropdownContext;
+exports.AppHeaderDropdownProvider = AppHeaderDropdownProvider;
+exports.useAppHeaderDropdownContext = useAppHeaderDropdownContext;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","noop","React","createContext","useContext","useState","useOnEscHandler","AppHeaderDropdownContext","firstItemRef","undefined","setFirstItemRef","handleClose","AppHeaderDropdownProvider","children","onKeyDown","Provider","value","useAppHeaderDropdownContext"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport React, {\n  createContext,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react';\n\nimport { AnchorRefItemType, useOnEscHandler } from '../../shared';\n\nexport interface AppHeaderDropdownContextType {\n  firstItemRef?: AnchorRefItemType;\n  setFirstItemRef: Dispatch<SetStateAction<AnchorRefItemType>> | undefined;\n  handleClose: () => void;\n}\n\nexport const AppHeaderDropdownContext =\n  createContext<AppHeaderDropdownContextType>({\n    firstItemRef: undefined,\n    setFirstItemRef: undefined,\n    handleClose: () => noop,\n  });\n\nexport const AppHeaderDropdownProvider: React.FC<{\n  children: ReactNode;\n  handleClose: () => void;\n}> = ({ children, handleClose }) => {\n  const [firstItemRef, setFirstItemRef] = useState<\n    AnchorRefItemType | undefined\n  >(undefined);\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  return (\n    <AppHeaderDropdownContext.Provider\n      value={{ firstItemRef, setFirstItemRef, handleClose }}\n    >\n      <Box onKeyDown={onKeyDown}>{children}</Box>\n    </AppHeaderDropdownContext.Provider>\n  );\n};\n\nexport const useAppHeaderDropdownContext = () =>\n  useContext(AppHeaderDropdownContext);\n"],"mappings":";;;;;;;;;;AAmBA,MAAaO,2BACXJ,yCAA4C;CAC1CK,cAAcC;CACdC,iBAAiBD;CACjBE,mBAAmBV;CACrB,CAAA;AAEF,MAAaW,6BAGP,EAAEC,UAAUF,kBAAa;CAC7B,MAAM,CAACH,cAAcE,uCAEnBD,OAAAA;CAEF,MAAMK,YAAYR,oCAAgBK,YAAAA;AAElC,QACE,8BAAA,cAACJ,yBAAyBQ,UAAQ,EAChCC,OAAO;EAAER;EAAcE;EAAiBC;EAAY,IAEpD,8BAAA,cAACX,uBAAAA,EAAec,aAAYD,SAAAA,CAAAA;;AAKlC,MAAaI,0DACAV,yBAAAA"}

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.js

@@ -1,29 +1,26 @@
-import { Box } from '@codecademy/gamut';
-import noop from 'lodash/fp/noop';
-import React, { createContext, useContext, useState } from 'react';
-import { useOnEscHandler } from '../../shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AppHeaderDropdownContext = /*#__PURE__*/createContext({
-  firstItemRef: undefined,
-  setFirstItemRef: undefined,
-  handleClose: () => noop
+import { useOnEscHandler } from "../../shared/keyboardNav.js";
+import "../../shared/index.js";
+import { Box } from "@codecademy/gamut";
+import React, { createContext, useContext, useState } from "react";
+import noop from "lodash/fp/noop";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.tsx
+const AppHeaderDropdownContext = /* @__PURE__ */ createContext({
+	firstItemRef: void 0,
+	setFirstItemRef: void 0,
+	handleClose: () => noop
 });
-export const AppHeaderDropdownProvider = ({
-  children,
-  handleClose
-}) => {
-  const [firstItemRef, setFirstItemRef] = useState(undefined);
-  const onKeyDown = useOnEscHandler(handleClose);
-  return /*#__PURE__*/_jsx(AppHeaderDropdownContext.Provider, {
-    value: {
-      firstItemRef,
-      setFirstItemRef,
-      handleClose
-    },
-    children: /*#__PURE__*/_jsx(Box, {
-      onKeyDown: onKeyDown,
-      children: children
-    })
-  });
+const AppHeaderDropdownProvider = ({ children, handleClose }) => {
+	const [firstItemRef, setFirstItemRef] = useState(void 0);
+	const onKeyDown = useOnEscHandler(handleClose);
+	return /* @__PURE__ */ React.createElement(AppHeaderDropdownContext.Provider, { value: {
+		firstItemRef,
+		setFirstItemRef,
+		handleClose
+	} }, /* @__PURE__ */ React.createElement(Box, { onKeyDown }, children));
 };
-export const useAppHeaderDropdownContext = () => useContext(AppHeaderDropdownContext);
+const useAppHeaderDropdownContext = () => useContext(AppHeaderDropdownContext);
+
+//#endregion
+export { AppHeaderDropdownContext, AppHeaderDropdownProvider, useAppHeaderDropdownContext };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","noop","React","createContext","useContext","useState","useOnEscHandler","AppHeaderDropdownContext","firstItemRef","undefined","setFirstItemRef","handleClose","AppHeaderDropdownProvider","children","onKeyDown","Provider","value","useAppHeaderDropdownContext"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport React, {\n  createContext,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react';\n\nimport { AnchorRefItemType, useOnEscHandler } from '../../shared';\n\nexport interface AppHeaderDropdownContextType {\n  firstItemRef?: AnchorRefItemType;\n  setFirstItemRef: Dispatch<SetStateAction<AnchorRefItemType>> | undefined;\n  handleClose: () => void;\n}\n\nexport const AppHeaderDropdownContext =\n  createContext<AppHeaderDropdownContextType>({\n    firstItemRef: undefined,\n    setFirstItemRef: undefined,\n    handleClose: () => noop,\n  });\n\nexport const AppHeaderDropdownProvider: React.FC<{\n  children: ReactNode;\n  handleClose: () => void;\n}> = ({ children, handleClose }) => {\n  const [firstItemRef, setFirstItemRef] = useState<\n    AnchorRefItemType | undefined\n  >(undefined);\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  return (\n    <AppHeaderDropdownContext.Provider\n      value={{ firstItemRef, setFirstItemRef, handleClose }}\n    >\n      <Box onKeyDown={onKeyDown}>{children}</Box>\n    </AppHeaderDropdownContext.Provider>\n  );\n};\n\nexport const useAppHeaderDropdownContext = () =>\n  useContext(AppHeaderDropdownContext);\n"],"mappings":";;;;;;;AAmBA,MAAaO,2BACXJ,8BAA4C;CAC1CK,cAAcC;CACdC,iBAAiBD;CACjBE,mBAAmBV;CACrB,CAAA;AAEF,MAAaW,6BAGP,EAAEC,UAAUF,kBAAa;CAC7B,MAAM,CAACH,cAAcE,mBAAmBL,SAEtCI,OAAAA;CAEF,MAAMK,YAAYR,gBAAgBK,YAAAA;AAElC,QACE,sBAAA,cAACJ,yBAAyBQ,UAAQ,EAChCC,OAAO;EAAER;EAAcE;EAAiBC;EAAY,IAEpD,sBAAA,cAACX,KAAAA,EAAec,aAAYD,SAAAA,CAAAA;;AAKlC,MAAaI,oCACXb,WAAWG,yBAAAA"}

package/dist/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.cjs

@@ -0,0 +1,45 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.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 _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.tsx
+const StyledCard = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Card, {
+	target: "ejxxj80",
+	label: "brand-StyledCard"
+})("&:hover{color:", ({ theme }) => theme.colors.primary, ";border-color:", ({ theme }) => theme.colors.primary, ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJGZWF0dXJlQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRmVhdHVyZUNhcmQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdyaWREZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQ2FyZEl0ZW0gfSBmcm9tICcuLi9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckZlYXR1cmVDYXJkID0gKHsgaXRlbSB9OiB7IGl0ZW06IEFwcEhlYWRlckNhcmRJdGVtIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcHg9ezE2fVxuICAgICAgcHk9ezI0fVxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119XG4gICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgIHA9ezR9XG4gICAgICAgICAgaGVpZ2h0PXszMn1cbiAgICAgICAgICB3aWR0aD17MzJ9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uaWNvbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICAgIHtpdGVtLmxpbmtJdGVtLnRleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxHcmlkRGVuc2UgaGVpZ2h0PXs0fSAvPlxuICAgICAgPC9Cb3g+XG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiPntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD5cbiAgICA8L1N0eWxlZENhcmQ+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiJ9 */");
+const AppHeaderFeatureCard = ({ item }) => {
+	return /* @__PURE__ */ React.createElement(StyledCard, {
+		isInteractive: true,
+		px: 16,
+		py: 24,
+		borderRadius: "lg",
+		border: 1,
+		borderColor: "border-tertiary",
+		display: "flex",
+		alignItems: "flex-start",
+		flexDirection: "column",
+		height: "100%"
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 8
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		background: _codecademy_gamut_styles.theme.colors["navy-200"],
+		borderRadius: "md",
+		p: 4,
+		height: 32,
+		width: 32,
+		alignItems: "center",
+		justifyContent: "center"
+	}, item.icon), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, item.linkItem.text)), /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { width: "100%" }, /* @__PURE__ */ React.createElement(_codecademy_gamut_patterns.GridDense, { height: 4 })), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { variant: "p-small" }, item.description));
+};
+
+//#endregion
+exports.AppHeaderFeatureCard = AppHeaderFeatureCard;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","Card","FlexBox","Text","GridDense","theme","styled","StyledCard","colors","primary","AppHeaderFeatureCard","item","isInteractive","px","py","borderRadius","border","borderColor","display","alignItems","flexDirection","height","gap","background","p","width","justifyContent","icon","variant","fontWeight","as","linkItem","text","description"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { GridDense } from '@codecademy/gamut-patterns';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { AppHeaderCardItem } from '../AppHeaderResourcesDropdown/consts';\n\nconst StyledCard = styled(Card)`\n  &:hover {\n    color: ${({ theme }) => theme.colors.primary};\n    border-color: ${({ theme }) => theme.colors.primary};\n  }\n`;\n\nexport const AppHeaderFeatureCard = ({ item }: { item: AppHeaderCardItem }) => {\n  return (\n    <StyledCard\n      isInteractive\n      px={16}\n      py={24}\n      borderRadius=\"lg\"\n      border={1}\n      borderColor=\"border-tertiary\"\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      flexDirection=\"column\"\n      height=\"100%\"\n    >\n      <FlexBox alignItems=\"center\" gap={8}>\n        <FlexBox\n          background={theme.colors['navy-200']}\n          borderRadius=\"md\"\n          p={4}\n          height={32}\n          width={32}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          {item.icon}\n        </FlexBox>\n        <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n          {item.linkItem.text}\n        </Text>\n      </FlexBox>\n      <Box width=\"100%\">\n        <GridDense height={4} />\n      </Box>\n      <Text variant=\"p-small\">{item.description}</Text>\n    </StyledCard>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAMO,aAAaD,6CAAOL,wBAAAA;;;sBAEZ,EAAEI,YAAYA,MAAMG,OAAOC,SAAO,mBAC3B,EAAEJ,YAAYA,MAAMG,OAAOC,SAAO,MAAA,81EAAA;AAIvD,MAAaC,wBAAwB,EAAEC,WAAmC;AACxE,QACE,sBAAA,cAACJ,YAAAA;EACCK,eAAAA;EACAC,IAAI;EACJC,IAAI;EACJC,cAAa;EACbC,QAAQ;EACRC,aAAY;EACZC,SAAQ;EACRC,YAAW;EACXC,eAAc;EACdC,QAAO;IAEP,sBAAA,cAACnB,2BAAAA;EAAQiB,YAAW;EAASG,KAAK;IAChC,sBAAA,cAACpB,2BAAAA;EACCqB,YAAYlB,+BAAMG,OAAO;EACzBO,cAAa;EACbS,GAAG;EACHH,QAAQ;EACRI,OAAO;EACPN,YAAW;EACXO,gBAAe;IAEdf,KAAKgB,KAAI,EAEZ,sBAAA,cAACxB,wBAAAA;EAAKyB,SAAQ;EAAUC,YAAY;EAAKC,IAAG;IACzCnB,KAAKoB,SAASC,KAAI,CAAA,EAGvB,sBAAA,cAAChC,uBAAAA,EAAIyB,OAAM,UACT,sBAAA,cAACrB,sCAAAA,EAAUiB,QAAQ,OAErB,sBAAA,cAAClB,wBAAAA,EAAKyB,SAAQ,aAAWjB,KAAKsB,YAAW,CAAA"}

package/dist/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.js

@@ -1,56 +1,43 @@
-import _styled from "@emotion/styled/base";
-import { Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { GridDense } from '@codecademy/gamut-patterns';
-import { theme } from '@codecademy/gamut-styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledCard = /*#__PURE__*/_styled(Card, {
-  target: "e1lwunvl0",
-  label: "StyledCard"
-})("&:hover{color:", ({
-  theme
-}) => theme.colors.primary, ";border-color:", ({
-  theme
-}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRmVhdHVyZUNhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckZlYXR1cmVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdyaWREZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQ2FyZEl0ZW0gfSBmcm9tICcuLi9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckZlYXR1cmVDYXJkID0gKHsgaXRlbSB9OiB7IGl0ZW06IEFwcEhlYWRlckNhcmRJdGVtIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcHg9ezE2fVxuICAgICAgcHk9ezI0fVxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119XG4gICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgIHA9ezR9XG4gICAgICAgICAgaGVpZ2h0PXszMn1cbiAgICAgICAgICB3aWR0aD17MzJ9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uaWNvbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICAgIHtpdGVtLmxpbmtJdGVtLnRleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxHcmlkRGVuc2UgaGVpZ2h0PXs0fSAvPlxuICAgICAgPC9Cb3g+XG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiPntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD5cbiAgICA8L1N0eWxlZENhcmQ+XG4gICk7XG59O1xuIl19 */"));
-export const AppHeaderFeatureCard = ({
-  item
-}) => {
-  return /*#__PURE__*/_jsxs(StyledCard, {
-    isInteractive: true,
-    px: 16,
-    py: 24,
-    borderRadius: "lg",
-    border: 1,
-    borderColor: "border-tertiary",
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    height: "100%",
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      gap: 8,
-      children: [/*#__PURE__*/_jsx(FlexBox, {
-        background: theme.colors['navy-200'],
-        borderRadius: "md",
-        p: 4,
-        height: 32,
-        width: 32,
-        alignItems: "center",
-        justifyContent: "center",
-        children: item.icon
-      }), /*#__PURE__*/_jsx(Text, {
-        variant: "p-large",
-        fontWeight: 700,
-        as: "h3",
-        children: item.linkItem.text
-      })]
-    }), /*#__PURE__*/_jsx(Box, {
-      width: "100%",
-      children: /*#__PURE__*/_jsx(GridDense, {
-        height: 4
-      })
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "p-small",
-      children: item.description
-    })]
-  });
-};
+import { Box, Card, FlexBox, Text } from "@codecademy/gamut";
+import { theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { GridDense } from "@codecademy/gamut-patterns";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.tsx
+const StyledCard = /* @__PURE__ */ styled(Card, {
+	target: "ejxxj80",
+	label: "brand-StyledCard"
+})("&:hover{color:", ({ theme }) => theme.colors.primary, ";border-color:", ({ theme }) => theme.colors.primary, ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJGZWF0dXJlQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRmVhdHVyZUNhcmQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdyaWREZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQ2FyZEl0ZW0gfSBmcm9tICcuLi9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckZlYXR1cmVDYXJkID0gKHsgaXRlbSB9OiB7IGl0ZW06IEFwcEhlYWRlckNhcmRJdGVtIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcHg9ezE2fVxuICAgICAgcHk9ezI0fVxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119XG4gICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgIHA9ezR9XG4gICAgICAgICAgaGVpZ2h0PXszMn1cbiAgICAgICAgICB3aWR0aD17MzJ9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uaWNvbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICAgIHtpdGVtLmxpbmtJdGVtLnRleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxHcmlkRGVuc2UgaGVpZ2h0PXs0fSAvPlxuICAgICAgPC9Cb3g+XG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiPntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD5cbiAgICA8L1N0eWxlZENhcmQ+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiJ9 */");
+const AppHeaderFeatureCard = ({ item }) => {
+	return /* @__PURE__ */ React.createElement(StyledCard, {
+		isInteractive: true,
+		px: 16,
+		py: 24,
+		borderRadius: "lg",
+		border: 1,
+		borderColor: "border-tertiary",
+		display: "flex",
+		alignItems: "flex-start",
+		flexDirection: "column",
+		height: "100%"
+	}, /* @__PURE__ */ React.createElement(FlexBox, {
+		alignItems: "center",
+		gap: 8
+	}, /* @__PURE__ */ React.createElement(FlexBox, {
+		background: theme.colors["navy-200"],
+		borderRadius: "md",
+		p: 4,
+		height: 32,
+		width: 32,
+		alignItems: "center",
+		justifyContent: "center"
+	}, item.icon), /* @__PURE__ */ React.createElement(Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, item.linkItem.text)), /* @__PURE__ */ React.createElement(Box, { width: "100%" }, /* @__PURE__ */ React.createElement(GridDense, { height: 4 })), /* @__PURE__ */ React.createElement(Text, { variant: "p-small" }, item.description));
+};
+
+//#endregion
+export { AppHeaderFeatureCard };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","Card","FlexBox","Text","GridDense","theme","styled","StyledCard","colors","primary","AppHeaderFeatureCard","item","isInteractive","px","py","borderRadius","border","borderColor","display","alignItems","flexDirection","height","gap","background","p","width","justifyContent","icon","variant","fontWeight","as","linkItem","text","description"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { GridDense } from '@codecademy/gamut-patterns';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { AppHeaderCardItem } from '../AppHeaderResourcesDropdown/consts';\n\nconst StyledCard = styled(Card)`\n  &:hover {\n    color: ${({ theme }) => theme.colors.primary};\n    border-color: ${({ theme }) => theme.colors.primary};\n  }\n`;\n\nexport const AppHeaderFeatureCard = ({ item }: { item: AppHeaderCardItem }) => {\n  return (\n    <StyledCard\n      isInteractive\n      px={16}\n      py={24}\n      borderRadius=\"lg\"\n      border={1}\n      borderColor=\"border-tertiary\"\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      flexDirection=\"column\"\n      height=\"100%\"\n    >\n      <FlexBox alignItems=\"center\" gap={8}>\n        <FlexBox\n          background={theme.colors['navy-200']}\n          borderRadius=\"md\"\n          p={4}\n          height={32}\n          width={32}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          {item.icon}\n        </FlexBox>\n        <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n          {item.linkItem.text}\n        </Text>\n      </FlexBox>\n      <Box width=\"100%\">\n        <GridDense height={4} />\n      </Box>\n      <Text variant=\"p-small\">{item.description}</Text>\n    </StyledCard>\n  );\n};\n"],"mappings":";;;;;;AAOA,MAAMO,aAAaD,uBAAOL,MAAAA;;;sBAEZ,EAAEI,YAAYA,MAAMG,OAAOC,SAAO,mBAC3B,EAAEJ,YAAYA,MAAMG,OAAOC,SAAO,MAAA,81EAAA;AAIvD,MAAaC,wBAAwB,EAAEC,WAAmC;AACxE,QACE,sBAAA,cAACJ,YAAAA;EACCK,eAAAA;EACAC,IAAI;EACJC,IAAI;EACJC,cAAa;EACbC,QAAQ;EACRC,aAAY;EACZC,SAAQ;EACRC,YAAW;EACXC,eAAc;EACdC,QAAO;IAEP,sBAAA,cAACnB,SAAAA;EAAQiB,YAAW;EAASG,KAAK;IAChC,sBAAA,cAACpB,SAAAA;EACCqB,YAAYlB,MAAMG,OAAO;EACzBO,cAAa;EACbS,GAAG;EACHH,QAAQ;EACRI,OAAO;EACPN,YAAW;EACXO,gBAAe;IAEdf,KAAKgB,KAAI,EAEZ,sBAAA,cAACxB,MAAAA;EAAKyB,SAAQ;EAAUC,YAAY;EAAKC,IAAG;IACzCnB,KAAKoB,SAASC,KAAI,CAAA,EAGvB,sBAAA,cAAChC,KAAAA,EAAIyB,OAAM,UACT,sBAAA,cAACrB,WAAAA,EAAUiB,QAAQ,OAErB,sBAAA,cAAClB,MAAAA,EAAKyB,SAAQ,aAAWjB,KAAKsB,YAAW,CAAA"}