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

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

@@ -1,70 +1,59 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, MenuItem } from '@codecademy/gamut';
-import { MiniOpenIcon } from '@codecademy/gamut-icons';
-import { css } from '@codecademy/gamut-styles';
-import React, { forwardRef } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "eey89862",
-  label: "StyledAnchor"
+import { Anchor, MenuItem } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React, { forwardRef } from "react";
+import { MiniOpenIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx
+const StyledAnchor = /* @__PURE__ */ styled(Anchor, {
+	target: "e1czf0gd0",
+	label: "brand-StyledAnchor"
 })(css({
-  alignContent: 'center',
-  alignItems: 'center',
-  display: 'flex',
-  fontWeight: 'normal',
-  lineHeight: 'base',
-  minWidth: '0',
-  textAlign: 'left',
-  whiteSpace: 'nowrap'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGluay9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmsvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBNZW51SXRlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlPcGVuSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckFjdGlvbiwgQXBwSGVhZGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPiAmXG4gIEFwcEhlYWRlckFjdGlvbiAmIHtcbiAgICBpc0luRHJvcGRvd24/OiBib29sZWFuO1xuICAgIGl0ZW06IEFwcEhlYWRlckxpbmtJdGVtO1xuICAgIG1vYmlsZT86IGJvb2xlYW47XG4gICAgb25LZXlEb3duPzogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuICAgIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbiAgfTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gICAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICAgIG1pbldpZHRoOiAnMCcsXG4gICAgdGV4dEFsaWduOiAnbGVmdCcsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSkoXG4gIGNzcyh7XG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBSZXNwb25zaXZlTWluaU9wZW5JY29uID0gc3R5bGVkKE1pbmlPcGVuSWNvbikoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogeyBfOiAnYmxvY2snIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGluayA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQsXG4gIEFwcEhlYWRlckxpbmtQcm9wc1xuPigoeyBhY3Rpb24sIGl0ZW0sIG1vYmlsZSwgaXNJbkRyb3Bkb3duLCByb2xlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgSXRlbSA9IGlzSW5Ecm9wZG93biA/IFN0eWxlZE1lbnVJdGVtIDogU3R5bGVkQW5jaG9yO1xuICBjb25zdCBJY29uID0gaXRlbS5pY29uO1xuICByZXR1cm4gKFxuICAgIDxJdGVtXG4gICAgICBhcmlhLWxhYmVsPXtpdGVtLmFyaWFMYWJlbCA/IGl0ZW0uYXJpYUxhYmVsIDogaXRlbS50ZXh0fVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgLSBUaGUgb25DbGljayB0eXBlIGZvciBTdHlsZWRNZW51SXRlbSBpcyBwcmV0dHkgY29tcGxpY2F0ZWQsIHdlIGFyZSBiZXR0ZXIgb2ZmIGV4cGVjdGluZyBhbiBlcnJvciBoZXJlIGZvciBub3cuIFdpbGwgcmVmYWN0b3Igd2l0aCBuZXcgSGVhZGVyIHdvcms6IEdNLTEwMjVcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICB0YXJnZXQ9e2l0ZW0ubmV3VGFiID8gJ2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGljb249e0ljb24gJiYgIW1vYmlsZSAmJiBpc0luRHJvcGRvd24gPyBJY29uIDogdW5kZWZpbmVkfVxuICAgICAgdmFyaWFudD17IWlzSW5Ecm9wZG93biAmJiAnaW50ZXJmYWNlJ31cbiAgICAgIHB5PXttb2JpbGUgJiYgIWlzSW5Ecm9wZG93biA/IDE2IDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIHttb2JpbGUgJiYgSWNvbiAmJiA8SWNvbiBtcj17MTZ9IG1iPXs0fSBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz59XG4gICAgICB7aXRlbS50ZXh0fVxuICAgICAge2l0ZW0uYmFkZ2V9XG4gICAgICB7aXRlbS5uZXdUYWIgJiYgKFxuICAgICAgICA8UmVzcG9uc2l2ZU1pbmlPcGVuSWNvbiBtbD17MTZ9IG1iPXs0fSBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz5cbiAgICAgICl9XG4gICAgPC9JdGVtPlxuICApO1xufSk7XG4iXX0= */");
-const StyledMenuItem = /*#__PURE__*/_styled(MenuItem, {
-  target: "eey89861",
-  label: "StyledMenuItem"
-})(css({
-  whiteSpace: 'nowrap'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGluay9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmsvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBNZW51SXRlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlPcGVuSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckFjdGlvbiwgQXBwSGVhZGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPiAmXG4gIEFwcEhlYWRlckFjdGlvbiAmIHtcbiAgICBpc0luRHJvcGRvd24/OiBib29sZWFuO1xuICAgIGl0ZW06IEFwcEhlYWRlckxpbmtJdGVtO1xuICAgIG1vYmlsZT86IGJvb2xlYW47XG4gICAgb25LZXlEb3duPzogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuICAgIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbiAgfTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gICAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICAgIG1pbldpZHRoOiAnMCcsXG4gICAgdGV4dEFsaWduOiAnbGVmdCcsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSkoXG4gIGNzcyh7XG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBSZXNwb25zaXZlTWluaU9wZW5JY29uID0gc3R5bGVkKE1pbmlPcGVuSWNvbikoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogeyBfOiAnYmxvY2snIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGluayA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQsXG4gIEFwcEhlYWRlckxpbmtQcm9wc1xuPigoeyBhY3Rpb24sIGl0ZW0sIG1vYmlsZSwgaXNJbkRyb3Bkb3duLCByb2xlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgSXRlbSA9IGlzSW5Ecm9wZG93biA/IFN0eWxlZE1lbnVJdGVtIDogU3R5bGVkQW5jaG9yO1xuICBjb25zdCBJY29uID0gaXRlbS5pY29uO1xuICByZXR1cm4gKFxuICAgIDxJdGVtXG4gICAgICBhcmlhLWxhYmVsPXtpdGVtLmFyaWFMYWJlbCA/IGl0ZW0uYXJpYUxhYmVsIDogaXRlbS50ZXh0fVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgLSBUaGUgb25DbGljayB0eXBlIGZvciBTdHlsZWRNZW51SXRlbSBpcyBwcmV0dHkgY29tcGxpY2F0ZWQsIHdlIGFyZSBiZXR0ZXIgb2ZmIGV4cGVjdGluZyBhbiBlcnJvciBoZXJlIGZvciBub3cuIFdpbGwgcmVmYWN0b3Igd2l0aCBuZXcgSGVhZGVyIHdvcms6IEdNLTEwMjVcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICB0YXJnZXQ9e2l0ZW0ubmV3VGFiID8gJ2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGljb249e0ljb24gJiYgIW1vYmlsZSAmJiBpc0luRHJvcGRvd24gPyBJY29uIDogdW5kZWZpbmVkfVxuICAgICAgdmFyaWFudD17IWlzSW5Ecm9wZG93biAmJiAnaW50ZXJmYWNlJ31cbiAgICAgIHB5PXttb2JpbGUgJiYgIWlzSW5Ecm9wZG93biA/IDE2IDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIHttb2JpbGUgJiYgSWNvbiAmJiA8SWNvbiBtcj17MTZ9IG1iPXs0fSBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz59XG4gICAgICB7aXRlbS50ZXh0fVxuICAgICAge2l0ZW0uYmFkZ2V9XG4gICAgICB7aXRlbS5uZXdUYWIgJiYgKFxuICAgICAgICA8UmVzcG9uc2l2ZU1pbmlPcGVuSWNvbiBtbD17MTZ9IG1iPXs0fSBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz5cbiAgICAgICl9XG4gICAgPC9JdGVtPlxuICApO1xufSk7XG4iXX0= */");
-const ResponsiveMiniOpenIcon = /*#__PURE__*/_styled(MiniOpenIcon, {
-  target: "eey89860",
-  label: "ResponsiveMiniOpenIcon"
-})(css({
-  display: {
-    _: 'block'
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGluay9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmsvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBNZW51SXRlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlPcGVuSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckFjdGlvbiwgQXBwSGVhZGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPiAmXG4gIEFwcEhlYWRlckFjdGlvbiAmIHtcbiAgICBpc0luRHJvcGRvd24/OiBib29sZWFuO1xuICAgIGl0ZW06IEFwcEhlYWRlckxpbmtJdGVtO1xuICAgIG1vYmlsZT86IGJvb2xlYW47XG4gICAgb25LZXlEb3duPzogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuICAgIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbiAgfTtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gICAgbGluZUhlaWdodDogJ2Jhc2UnLFxuICAgIG1pbldpZHRoOiAnMCcsXG4gICAgdGV4dEFsaWduOiAnbGVmdCcsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51SXRlbSkoXG4gIGNzcyh7XG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gIH0pXG4pO1xuXG5jb25zdCBSZXNwb25zaXZlTWluaU9wZW5JY29uID0gc3R5bGVkKE1pbmlPcGVuSWNvbikoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogeyBfOiAnYmxvY2snIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGluayA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQsXG4gIEFwcEhlYWRlckxpbmtQcm9wc1xuPigoeyBhY3Rpb24sIGl0ZW0sIG1vYmlsZSwgaXNJbkRyb3Bkb3duLCByb2xlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgSXRlbSA9IGlzSW5Ecm9wZG93biA/IFN0eWxlZE1lbnVJdGVtIDogU3R5bGVkQW5jaG9yO1xuICBjb25zdCBJY29uID0gaXRlbS5pY29uO1xuICByZXR1cm4gKFxuICAgIDxJdGVtXG4gICAgICBhcmlhLWxhYmVsPXtpdGVtLmFyaWFMYWJlbCA/IGl0ZW0uYXJpYUxhYmVsIDogaXRlbS50ZXh0fVxuICAgICAgZGF0YS10ZXN0aWQ9e2l0ZW0uZGF0YVRlc3RJZH1cbiAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgLSBUaGUgb25DbGljayB0eXBlIGZvciBTdHlsZWRNZW51SXRlbSBpcyBwcmV0dHkgY29tcGxpY2F0ZWQsIHdlIGFyZSBiZXR0ZXIgb2ZmIGV4cGVjdGluZyBhbiBlcnJvciBoZXJlIGZvciBub3cuIFdpbGwgcmVmYWN0b3Igd2l0aCBuZXcgSGVhZGVyIHdvcms6IEdNLTEwMjVcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICB0YXJnZXQ9e2l0ZW0ubmV3VGFiID8gJ2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGljb249e0ljb24gJiYgIW1vYmlsZSAmJiBpc0luRHJvcGRvd24gPyBJY29uIDogdW5kZWZpbmVkfVxuICAgICAgdmFyaWFudD17IWlzSW5Ecm9wZG93biAmJiAnaW50ZXJmYWNlJ31cbiAgICAgIHB5PXttb2JpbGUgJiYgIWlzSW5Ecm9wZG93biA/IDE2IDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIHttb2JpbGUgJiYgSWNvbiAmJiA8SWNvbiBtcj17MTZ9IG1iPXs0fSBzaXplPXsyNH0gYXJpYS1oaWRkZW4gLz59XG4gICAgICB7aXRlbS50ZXh0fVxuICAgICAge2l0ZW0uYmFkZ2V9XG4gICAgICB7aXRlbS5uZXdUYWIgJiYgKFxuICAgICAgICA8UmVzcG9uc2l2ZU1pbmlPcGVuSWNvbiBtbD17MTZ9IG1iPXs0fSBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz5cbiAgICAgICl9XG4gICAgPC9JdGVtPlxuICApO1xufSk7XG4iXX0= */");
-export const AppHeaderLink = /*#__PURE__*/forwardRef(({
-  action,
-  item,
-  mobile,
-  isInDropdown,
-  role,
-  ...props
-}, ref) => {
-  const Item = isInDropdown ? StyledMenuItem : StyledAnchor;
-  const Icon = item.icon;
-  return /*#__PURE__*/_jsxs(Item, {
-    "aria-label": item.ariaLabel ? item.ariaLabel : item.text,
-    "data-testid": item.dataTestId,
-    href: item.href
-    // @ts-expect-error - The onClick type for StyledMenuItem is pretty complicated, we are better off expecting an error here for now. Will refactor with new Header work: GM-1025
-    ,
-    onClick: event => action(event, item),
-    target: item.newTab ? 'blank' : undefined,
-    role: role,
-    ...props,
-    ref: ref,
-    icon: Icon && !mobile && isInDropdown ? Icon : undefined,
-    variant: !isInDropdown && 'interface',
-    py: mobile && !isInDropdown ? 16 : undefined,
-    children: [mobile && Icon && /*#__PURE__*/_jsx(Icon, {
-      mr: 16,
-      mb: 4,
-      size: 24,
-      "aria-hidden": true
-    }), item.text, item.badge, item.newTab && /*#__PURE__*/_jsx(ResponsiveMiniOpenIcon, {
-      ml: 16,
-      mb: 4,
-      size: 16,
-      "aria-hidden": true
-    })]
-  });
-});
+	alignContent: "center",
+	alignItems: "center",
+	display: "flex",
+	fontWeight: "normal",
+	lineHeight: "base",
+	minWidth: "0",
+	textAlign: "left",
+	whiteSpace: "nowrap"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIE1lbnVJdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaU9wZW5JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQWN0aW9uLCBBcHBIZWFkZXJMaW5rSXRlbSB9IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckxpbmtQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+ICZcbiAgQXBwSGVhZGVyQWN0aW9uICYge1xuICAgIGlzSW5Ecm9wZG93bj86IGJvb2xlYW47XG4gICAgaXRlbTogQXBwSGVhZGVyTGlua0l0ZW07XG4gICAgbW9iaWxlPzogYm9vbGVhbjtcbiAgICBvbktleURvd24/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gICAgcm9sZT86IFJlYWN0LkFyaWFSb2xlO1xuICB9O1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICBsaW5lSGVpZ2h0OiAnYmFzZScsXG4gICAgbWluV2lkdGg6ICcwJyxcbiAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkKE1lbnVJdGVtKShcbiAgY3NzKHtcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJlc3BvbnNpdmVNaW5pT3Blbkljb24gPSBzdHlsZWQoTWluaU9wZW5JY29uKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiB7IF86ICdibG9jaycgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJMaW5rID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCxcbiAgQXBwSGVhZGVyTGlua1Byb3BzXG4+KCh7IGFjdGlvbiwgaXRlbSwgbW9iaWxlLCBpc0luRHJvcGRvd24sIHJvbGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBJdGVtID0gaXNJbkRyb3Bkb3duID8gU3R5bGVkTWVudUl0ZW0gOiBTdHlsZWRBbmNob3I7XG4gIGNvbnN0IEljb24gPSBpdGVtLmljb247XG4gIHJldHVybiAoXG4gICAgPEl0ZW1cbiAgICAgIGFyaWEtbGFiZWw9e2l0ZW0uYXJpYUxhYmVsID8gaXRlbS5hcmlhTGFiZWwgOiBpdGVtLnRleHR9XG4gICAgICBkYXRhLXRlc3RpZD17aXRlbS5kYXRhVGVzdElkfVxuICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciAtIFRoZSBvbkNsaWNrIHR5cGUgZm9yIFN0eWxlZE1lbnVJdGVtIGlzIHByZXR0eSBjb21wbGljYXRlZCwgd2UgYXJlIGJldHRlciBvZmYgZXhwZWN0aW5nIGFuIGVycm9yIGhlcmUgZm9yIG5vdy4gV2lsbCByZWZhY3RvciB3aXRoIG5ldyBIZWFkZXIgd29yazogR00tMTAyNVxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgIHRhcmdldD17aXRlbS5uZXdUYWIgPyAnYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaWNvbj17SWNvbiAmJiAhbW9iaWxlICYmIGlzSW5Ecm9wZG93biA/IEljb24gOiB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PXshaXNJbkRyb3Bkb3duICYmICdpbnRlcmZhY2UnfVxuICAgICAgcHk9e21vYmlsZSAmJiAhaXNJbkRyb3Bkb3duID8gMTYgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge21vYmlsZSAmJiBJY29uICYmIDxJY29uIG1yPXsxNn0gbWI9ezR9IHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPn1cbiAgICAgIHtpdGVtLnRleHR9XG4gICAgICB7aXRlbS5iYWRnZX1cbiAgICAgIHtpdGVtLm5ld1RhYiAmJiAoXG4gICAgICAgIDxSZXNwb25zaXZlTWluaU9wZW5JY29uIG1sPXsxNn0gbWI9ezR9IHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnFCIn0= */");
+const StyledMenuItem = /* @__PURE__ */ styled(MenuItem, {
+	target: "e1czf0gd1",
+	label: "brand-StyledMenuItem"
+})(css({ whiteSpace: "nowrap" }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIE1lbnVJdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaU9wZW5JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQWN0aW9uLCBBcHBIZWFkZXJMaW5rSXRlbSB9IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckxpbmtQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+ICZcbiAgQXBwSGVhZGVyQWN0aW9uICYge1xuICAgIGlzSW5Ecm9wZG93bj86IGJvb2xlYW47XG4gICAgaXRlbTogQXBwSGVhZGVyTGlua0l0ZW07XG4gICAgbW9iaWxlPzogYm9vbGVhbjtcbiAgICBvbktleURvd24/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gICAgcm9sZT86IFJlYWN0LkFyaWFSb2xlO1xuICB9O1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICBsaW5lSGVpZ2h0OiAnYmFzZScsXG4gICAgbWluV2lkdGg6ICcwJyxcbiAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkKE1lbnVJdGVtKShcbiAgY3NzKHtcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJlc3BvbnNpdmVNaW5pT3Blbkljb24gPSBzdHlsZWQoTWluaU9wZW5JY29uKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiB7IF86ICdibG9jaycgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJMaW5rID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCxcbiAgQXBwSGVhZGVyTGlua1Byb3BzXG4+KCh7IGFjdGlvbiwgaXRlbSwgbW9iaWxlLCBpc0luRHJvcGRvd24sIHJvbGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBJdGVtID0gaXNJbkRyb3Bkb3duID8gU3R5bGVkTWVudUl0ZW0gOiBTdHlsZWRBbmNob3I7XG4gIGNvbnN0IEljb24gPSBpdGVtLmljb247XG4gIHJldHVybiAoXG4gICAgPEl0ZW1cbiAgICAgIGFyaWEtbGFiZWw9e2l0ZW0uYXJpYUxhYmVsID8gaXRlbS5hcmlhTGFiZWwgOiBpdGVtLnRleHR9XG4gICAgICBkYXRhLXRlc3RpZD17aXRlbS5kYXRhVGVzdElkfVxuICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciAtIFRoZSBvbkNsaWNrIHR5cGUgZm9yIFN0eWxlZE1lbnVJdGVtIGlzIHByZXR0eSBjb21wbGljYXRlZCwgd2UgYXJlIGJldHRlciBvZmYgZXhwZWN0aW5nIGFuIGVycm9yIGhlcmUgZm9yIG5vdy4gV2lsbCByZWZhY3RvciB3aXRoIG5ldyBIZWFkZXIgd29yazogR00tMTAyNVxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgIHRhcmdldD17aXRlbS5uZXdUYWIgPyAnYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaWNvbj17SWNvbiAmJiAhbW9iaWxlICYmIGlzSW5Ecm9wZG93biA/IEljb24gOiB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PXshaXNJbkRyb3Bkb3duICYmICdpbnRlcmZhY2UnfVxuICAgICAgcHk9e21vYmlsZSAmJiAhaXNJbkRyb3Bkb3duID8gMTYgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge21vYmlsZSAmJiBJY29uICYmIDxJY29uIG1yPXsxNn0gbWI9ezR9IHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPn1cbiAgICAgIHtpdGVtLnRleHR9XG4gICAgICB7aXRlbS5iYWRnZX1cbiAgICAgIHtpdGVtLm5ld1RhYiAmJiAoXG4gICAgICAgIDxSZXNwb25zaXZlTWluaU9wZW5JY29uIG1sPXsxNn0gbWI9ezR9IHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnVCIn0= */");
+const ResponsiveMiniOpenIcon = /* @__PURE__ */ styled(MiniOpenIcon, {
+	target: "e1czf0gd2",
+	label: "brand-ResponsiveMiniOpenIcon"
+})(css({ display: { _: "block" } }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIE1lbnVJdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaU9wZW5JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQWN0aW9uLCBBcHBIZWFkZXJMaW5rSXRlbSB9IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckxpbmtQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+ICZcbiAgQXBwSGVhZGVyQWN0aW9uICYge1xuICAgIGlzSW5Ecm9wZG93bj86IGJvb2xlYW47XG4gICAgaXRlbTogQXBwSGVhZGVyTGlua0l0ZW07XG4gICAgbW9iaWxlPzogYm9vbGVhbjtcbiAgICBvbktleURvd24/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gICAgcm9sZT86IFJlYWN0LkFyaWFSb2xlO1xuICB9O1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICBsaW5lSGVpZ2h0OiAnYmFzZScsXG4gICAgbWluV2lkdGg6ICcwJyxcbiAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkKE1lbnVJdGVtKShcbiAgY3NzKHtcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJlc3BvbnNpdmVNaW5pT3Blbkljb24gPSBzdHlsZWQoTWluaU9wZW5JY29uKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiB7IF86ICdibG9jaycgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJMaW5rID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCxcbiAgQXBwSGVhZGVyTGlua1Byb3BzXG4+KCh7IGFjdGlvbiwgaXRlbSwgbW9iaWxlLCBpc0luRHJvcGRvd24sIHJvbGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBJdGVtID0gaXNJbkRyb3Bkb3duID8gU3R5bGVkTWVudUl0ZW0gOiBTdHlsZWRBbmNob3I7XG4gIGNvbnN0IEljb24gPSBpdGVtLmljb247XG4gIHJldHVybiAoXG4gICAgPEl0ZW1cbiAgICAgIGFyaWEtbGFiZWw9e2l0ZW0uYXJpYUxhYmVsID8gaXRlbS5hcmlhTGFiZWwgOiBpdGVtLnRleHR9XG4gICAgICBkYXRhLXRlc3RpZD17aXRlbS5kYXRhVGVzdElkfVxuICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciAtIFRoZSBvbkNsaWNrIHR5cGUgZm9yIFN0eWxlZE1lbnVJdGVtIGlzIHByZXR0eSBjb21wbGljYXRlZCwgd2UgYXJlIGJldHRlciBvZmYgZXhwZWN0aW5nIGFuIGVycm9yIGhlcmUgZm9yIG5vdy4gV2lsbCByZWZhY3RvciB3aXRoIG5ldyBIZWFkZXIgd29yazogR00tMTAyNVxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gYWN0aW9uKGV2ZW50LCBpdGVtKX1cbiAgICAgIHRhcmdldD17aXRlbS5uZXdUYWIgPyAnYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaWNvbj17SWNvbiAmJiAhbW9iaWxlICYmIGlzSW5Ecm9wZG93biA/IEljb24gOiB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PXshaXNJbkRyb3Bkb3duICYmICdpbnRlcmZhY2UnfVxuICAgICAgcHk9e21vYmlsZSAmJiAhaXNJbkRyb3Bkb3duID8gMTYgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge21vYmlsZSAmJiBJY29uICYmIDxJY29uIG1yPXsxNn0gbWI9ezR9IHNpemU9ezI0fSBhcmlhLWhpZGRlbiAvPn1cbiAgICAgIHtpdGVtLnRleHR9XG4gICAgICB7aXRlbS5iYWRnZX1cbiAgICAgIHtpdGVtLm5ld1RhYiAmJiAoXG4gICAgICAgIDxSZXNwb25zaXZlTWluaU9wZW5JY29uIG1sPXsxNn0gbWI9ezR9IHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQytCIn0= */");
+const AppHeaderLink = /* @__PURE__ */ forwardRef(({ action, item, mobile, isInDropdown, role, ...props }, ref) => {
+	const Item = isInDropdown ? StyledMenuItem : StyledAnchor;
+	const Icon = item.icon;
+	return /* @__PURE__ */ React.createElement(Item, {
+		"aria-label": item.ariaLabel ? item.ariaLabel : item.text,
+		"data-testid": item.dataTestId,
+		href: item.href,
+		onClick: (event) => action(event, item),
+		target: item.newTab ? "blank" : void 0,
+		role,
+		...props,
+		ref,
+		icon: Icon && !mobile && isInDropdown ? Icon : void 0,
+		variant: !isInDropdown && "interface",
+		py: mobile && !isInDropdown ? 16 : void 0
+	}, mobile && Icon && /* @__PURE__ */ React.createElement(Icon, {
+		mr: 16,
+		mb: 4,
+		size: 24,
+		"aria-hidden": true
+	}), item.text, item.badge, item.newTab && /* @__PURE__ */ React.createElement(ResponsiveMiniOpenIcon, {
+		ml: 16,
+		mb: 4,
+		size: 16,
+		"aria-hidden": true
+	}));
+});
+
+//#endregion
+export { AppHeaderLink };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","MenuItem","MiniOpenIcon","css","styled","React","forwardRef","StyledAnchor","alignContent","alignItems","display","fontWeight","lineHeight","minWidth","textAlign","whiteSpace","StyledMenuItem","ResponsiveMiniOpenIcon","_","AppHeaderLink","action","item","mobile","isInDropdown","role","props","ref","Item","Icon","icon","aria-label","ariaLabel","text","data-testid","dataTestId","href","onClick","event","target","newTab","undefined","variant","py","mr","mb","size","aria-hidden","badge","ml"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx"],"sourcesContent":["import { Anchor, MenuItem } from '@codecademy/gamut';\nimport { MiniOpenIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React, { ComponentProps, forwardRef } from 'react';\n\nimport { AppHeaderAction, AppHeaderLinkItem } from '../../shared';\n\nexport type AppHeaderLinkProps = ComponentProps<typeof Anchor> &\n  AppHeaderAction & {\n    isInDropdown?: boolean;\n    item: AppHeaderLinkItem;\n    mobile?: boolean;\n    onKeyDown?: (event: React.KeyboardEvent) => void;\n    role?: React.AriaRole;\n  };\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignContent: 'center',\n    alignItems: 'center',\n    display: 'flex',\n    fontWeight: 'normal',\n    lineHeight: 'base',\n    minWidth: '0',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n  })\n);\n\nconst StyledMenuItem = styled(MenuItem)(\n  css({\n    whiteSpace: 'nowrap',\n  })\n);\n\nconst ResponsiveMiniOpenIcon = styled(MiniOpenIcon)(\n  css({\n    display: { _: 'block' },\n  })\n);\n\nexport const AppHeaderLink = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  AppHeaderLinkProps\n>(({ action, item, mobile, isInDropdown, role, ...props }, ref) => {\n  const Item = isInDropdown ? StyledMenuItem : StyledAnchor;\n  const Icon = item.icon;\n  return (\n    <Item\n      aria-label={item.ariaLabel ? item.ariaLabel : item.text}\n      data-testid={item.dataTestId}\n      href={item.href}\n      // @ts-expect-error - The onClick type for StyledMenuItem is pretty complicated, we are better off expecting an error here for now. Will refactor with new Header work: GM-1025\n      onClick={(event: React.MouseEvent<HTMLElement>) => action(event, item)}\n      target={item.newTab ? 'blank' : undefined}\n      role={role}\n      {...props}\n      ref={ref}\n      icon={Icon && !mobile && isInDropdown ? Icon : undefined}\n      variant={!isInDropdown && 'interface'}\n      py={mobile && !isInDropdown ? 16 : undefined}\n    >\n      {mobile && Icon && <Icon mr={16} mb={4} size={24} aria-hidden />}\n      {item.text}\n      {item.badge}\n      {item.newTab && (\n        <ResponsiveMiniOpenIcon ml={16} mb={4} size={16} aria-hidden />\n      )}\n    </Item>\n  );\n});\n"],"mappings":";;;;;;;AAiBA,MAAMO,eAAeH,uBAAOJ,QAAAA;;;GAC1BG,IAAI;CACFK,cAAc;CACdC,YAAY;CACZC,SAAS;CACTC,YAAY;CACZC,YAAY;CACZC,UAAU;CACVC,WAAW;CACXC,YAAY;CACd,CAAA,EAAA,k3GAAA;AAGF,MAAMC,iBAAiBZ,uBAAOH,UAAAA;;;GAC5BE,IAAI,EACFY,YAAY,UACd,CAAA,EAAA,k3GAAA;AAGF,MAAME,yBAAyBb,uBAAOF,cAAAA;;;GACpCC,IAAI,EACFO,SAAS,EAAEQ,GAAG,SAAQ,EACxB,CAAA,EAAA,k3GAAA;AAGF,MAAaC,gBAAgBb,4BAG1B,EAAEc,QAAQC,MAAMC,QAAQC,cAAcC,MAAM,GAAGC,SAASC,QAAAA;CACzD,MAAMC,OAAOJ,eAAeP,iBAAiBT;CAC7C,MAAMqB,OAAOP,KAAKQ;AAClB,QACE,sBAAA,cAACF,MAAAA;EACCG,cAAYT,KAAKU,YAAYV,KAAKU,YAAYV,KAAKW;EACnDC,eAAaZ,KAAKa;EAClBC,MAAMd,KAAKc;EAEXC,UAAUC,UAAyCjB,OAAOiB,OAAOhB,KAAAA;EACjEiB,QAAQjB,KAAKkB,SAAS,UAAUC;EAC1BhB;EACL,GAAGC;EACCC;EACLG,MAAMD,QAAQ,CAACN,UAAUC,eAAeK,OAAOY;EAC/CC,SAAS,CAAClB,gBAAgB;EAC1BmB,IAAIpB,UAAU,CAACC,eAAe,KAAKiB;IAElClB,UAAUM,QAAQ,sBAAA,cAACA,MAAAA;EAAKe,IAAI;EAAIC,IAAI;EAAGC,MAAM;EAAIC,eAAAA;KACjDzB,KAAKW,MACLX,KAAK0B,OACL1B,KAAKkB,UACJ,sBAAA,cAACtB,wBAAAA;EAAuB+B,IAAI;EAAIJ,IAAI;EAAGC,MAAM;EAAIC,eAAAA;;EAIzD"}

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.cjs

@@ -0,0 +1,38 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../AppHeaderLink/index.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx
+const StyledAppHeaderLink = /* @__PURE__ */ (0, _emotion_styled.default)(require_index.AppHeaderLink, {
+	target: "e1mpb1p00",
+	label: "brand-StyledAppHeaderLink"
+})((0, _codecademy_gamut_styles.css)({
+	display: "flex",
+	position: "relative",
+	"@media (max-width: 1199px)": { pl: 0 },
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		width: "calc(100% - 24px)",
+		left: {
+			_: 0,
+			lg: 12
+		},
+		borderRadius: "lg",
+		transition: "background-color 0.15s ease",
+		pointerEvents: "none",
+		zIndex: -1
+	},
+	"&:hover::before, &:focus-visible::before": { backgroundColor: _codecademy_gamut_styles.theme.colors["navy-100"] },
+	"&:hover, &:focus-visible, &:active": {
+		color: "hyper-400",
+		borderRadius: "lg"
+	},
+	"&:active::before": { backgroundColor: _codecademy_gamut_styles.theme.colors["navy-200"] }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucy9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluaykoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgIHBsOiAwLFxuICAgIH0sXG4gICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICBsZWZ0OiB7IF86IDAsIGxnOiAxMiB9LFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gICAgJyY6aG92ZXI6OmJlZm9yZSwgJjpmb2N1cy12aXNpYmxlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICB9LFxuICAgICcmOmhvdmVyLCAmOmZvY3VzLXZpc2libGUsICY6YWN0aXZlJzoge1xuICAgICAgY29sb3I6ICdoeXBlci00MDAnLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICB9LFxuICB9KVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMifQ== */");
+
+//#endregion
+exports.StyledAppHeaderLink = StyledAppHeaderLink;
+//# sourceMappingURL=elements.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.cjs","names":["css","theme","styled","AppHeaderLink","StyledAppHeaderLink","display","position","pl","content","width","left","_","lg","borderRadius","transition","pointerEvents","zIndex","backgroundColor","colors","color"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx"],"sourcesContent":["import { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { AppHeaderLink } from '../AppHeaderLink';\n\nexport const StyledAppHeaderLink = styled(AppHeaderLink)(\n  css({\n    display: 'flex',\n    position: 'relative',\n    '@media (max-width: 1199px)': {\n      pl: 0,\n    },\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      width: 'calc(100% - 24px)',\n      left: { _: 0, lg: 12 },\n      borderRadius: 'lg',\n      transition: 'background-color 0.15s ease',\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n    '&:hover::before, &:focus-visible::before': {\n      backgroundColor: theme.colors['navy-100'],\n    },\n    '&:hover, &:focus-visible, &:active': {\n      color: 'hyper-400',\n      borderRadius: 'lg',\n    },\n    '&:active::before': {\n      backgroundColor: theme.colors['navy-200'],\n    },\n  })\n);\n"],"mappings":";;;;;;;AAKA,MAAaI,sBAAsBF,6CAAOC,6BAAAA;;;qCACpC;CACFE,SAAS;CACTC,UAAU;CACV,8BAA8B,EAC5BC,IAAI,GACN;CACA,aAAa;EACXC,SAAS;EACTF,UAAU;EACVG,OAAO;EACPC,MAAM;GAAEC,GAAG;GAAGC,IAAI;GAAG;EACrBC,cAAc;EACdC,YAAY;EACZC,eAAe;EACfC,QAAQ;EACV;CACA,4CAA4C,EAC1CC,iBAAiBhB,+BAAMiB,OAAO,aAChC;CACA,sCAAsC;EACpCC,OAAO;EACPN,cAAc;EAChB;CACA,oBAAoB,EAClBI,iBAAiBhB,+BAAMiB,OAAO,aAChC;CACF,CAAA,EAAA,8pDAAA"}

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.js

@@ -1,36 +1,36 @@
-import _styled from "@emotion/styled/base";
-import { css, theme } from '@codecademy/gamut-styles';
-import { AppHeaderLink } from '../AppHeaderLink';
-export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
-  target: "exw2w3p0",
-  label: "StyledAppHeaderLink"
+import { AppHeaderLink } from "../AppHeaderLink/index.js";
+import { css, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx
+const StyledAppHeaderLink = /* @__PURE__ */ styled(AppHeaderLink, {
+	target: "e1mpb1p00",
+	label: "brand-StyledAppHeaderLink"
 })(css({
-  display: 'flex',
-  position: 'relative',
-  '@media (max-width: 1199px)': {
-    pl: 0
-  },
-  '&::before': {
-    content: '""',
-    position: 'absolute',
-    width: 'calc(100% - 24px)',
-    left: {
-      _: 0,
-      lg: 12
-    },
-    borderRadius: 'lg',
-    transition: 'background-color 0.15s ease',
-    pointerEvents: 'none',
-    zIndex: -1
-  },
-  '&:hover::before, &:focus-visible::before': {
-    backgroundColor: theme.colors['navy-100']
-  },
-  '&:hover, &:focus-visible, &:active': {
-    color: 'hyper-400',
-    borderRadius: 'lg'
-  },
-  '&:active::before': {
-    backgroundColor: theme.colors['navy-200']
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlua1NlY3Rpb25zL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMvZWxlbWVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluaykoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgIHBsOiAwLFxuICAgIH0sXG4gICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICBsZWZ0OiB7IF86IDAsIGxnOiAxMiB9LFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gICAgJyY6aG92ZXI6OmJlZm9yZSwgJjpmb2N1cy12aXNpYmxlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICB9LFxuICAgICcmOmhvdmVyLCAmOmZvY3VzLXZpc2libGUsICY6YWN0aXZlJzoge1xuICAgICAgY29sb3I6ICdoeXBlci00MDAnLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+	display: "flex",
+	position: "relative",
+	"@media (max-width: 1199px)": { pl: 0 },
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		width: "calc(100% - 24px)",
+		left: {
+			_: 0,
+			lg: 12
+		},
+		borderRadius: "lg",
+		transition: "background-color 0.15s ease",
+		pointerEvents: "none",
+		zIndex: -1
+	},
+	"&:hover::before, &:focus-visible::before": { backgroundColor: theme.colors["navy-100"] },
+	"&:hover, &:focus-visible, &:active": {
+		color: "hyper-400",
+		borderRadius: "lg"
+	},
+	"&:active::before": { backgroundColor: theme.colors["navy-200"] }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMvZWxlbWVudHMudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucy9lbGVtZW50cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluaykoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgIHBsOiAwLFxuICAgIH0sXG4gICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICBsZWZ0OiB7IF86IDAsIGxnOiAxMiB9LFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gICAgJyY6aG92ZXI6OmJlZm9yZSwgJjpmb2N1cy12aXNpYmxlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICB9LFxuICAgICcmOmhvdmVyLCAmOmZvY3VzLXZpc2libGUsICY6YWN0aXZlJzoge1xuICAgICAgY29sb3I6ICdoeXBlci00MDAnLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICB9LFxuICB9KVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMifQ== */");
+
+//#endregion
+export { StyledAppHeaderLink };
+//# sourceMappingURL=elements.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["css","theme","styled","AppHeaderLink","StyledAppHeaderLink","display","position","pl","content","width","left","_","lg","borderRadius","transition","pointerEvents","zIndex","backgroundColor","colors","color"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx"],"sourcesContent":["import { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { AppHeaderLink } from '../AppHeaderLink';\n\nexport const StyledAppHeaderLink = styled(AppHeaderLink)(\n  css({\n    display: 'flex',\n    position: 'relative',\n    '@media (max-width: 1199px)': {\n      pl: 0,\n    },\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      width: 'calc(100% - 24px)',\n      left: { _: 0, lg: 12 },\n      borderRadius: 'lg',\n      transition: 'background-color 0.15s ease',\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n    '&:hover::before, &:focus-visible::before': {\n      backgroundColor: theme.colors['navy-100'],\n    },\n    '&:hover, &:focus-visible, &:active': {\n      color: 'hyper-400',\n      borderRadius: 'lg',\n    },\n    '&:active::before': {\n      backgroundColor: theme.colors['navy-200'],\n    },\n  })\n);\n"],"mappings":";;;;;AAKA,MAAaI,sBAAsBF,uBAAOC,eAAAA;;;GACxCH,IAAI;CACFK,SAAS;CACTC,UAAU;CACV,8BAA8B,EAC5BC,IAAI,GACN;CACA,aAAa;EACXC,SAAS;EACTF,UAAU;EACVG,OAAO;EACPC,MAAM;GAAEC,GAAG;GAAGC,IAAI;GAAG;EACrBC,cAAc;EACdC,YAAY;EACZC,eAAe;EACfC,QAAQ;EACV;CACA,4CAA4C,EAC1CC,iBAAiBhB,MAAMiB,OAAO,aAChC;CACA,sCAAsC;EACpCC,OAAO;EACPN,cAAc;EAChB;CACA,oBAAoB,EAClBI,iBAAiBhB,MAAMiB,OAAO,aAChC;CACF,CAAA,EAAA,8pDAAA"}

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

@@ -0,0 +1,46 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../AppHeaderMenuProvider/index.cjs');
+const require_elements = require('./elements.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx
+const LinkComponent = ({ action, link, mobile, isOpen, role, showLineBreak = false }) => {
+	const { menuItems, setMenuItems } = require_index.useAppHeaderMenuContext();
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (setMenuItems && ref?.current) setMenuItems(menuItems.add(ref.current));
+		return () => menuItems.clear();
+	}, []);
+	return /* @__PURE__ */ react.createElement(react.Fragment, null, showLineBreak && /* @__PURE__ */ react.createElement(_codecademy_gamut.MenuSeparator, null), /* @__PURE__ */ react.createElement(require_elements.StyledAppHeaderLink, {
+		ref,
+		action,
+		item: link,
+		mobile,
+		role,
+		tabIndex: isOpen || mobile ? 0 : -1,
+		isInDropdown: true
+	}));
+};
+const AppHeaderLinkSections = ({ action, item, isOpen, mobile }) => {
+	return /* @__PURE__ */ react.createElement(react.Fragment, null, item.type === "profile-dropdown" ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /* @__PURE__ */ react.createElement(LinkComponent, {
+		key: link.id,
+		action,
+		link,
+		mobile,
+		isOpen,
+		role: "menuitem",
+		showLineBreak: sectionIndex !== 0 && linkIndex === 0
+	}))) : item.popover.map((link) => /* @__PURE__ */ react.createElement(LinkComponent, {
+		key: link.id,
+		action,
+		link,
+		mobile,
+		isOpen
+	})));
+};
+
+//#endregion
+exports.AppHeaderLinkSections = AppHeaderLinkSections;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["MenuSeparator","React","useEffect","useRef","useAppHeaderMenuContext","StyledAppHeaderLink","LinkComponent","action","link","mobile","isOpen","role","showLineBreak","menuItems","setMenuItems","ref","current","add","clear","item","tabIndex","isInDropdown","AppHeaderLinkSections","type","popover","map","linkSection","sectionIndex","linkIndex","key","id"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx"],"sourcesContent":["import { MenuSeparator } from '@codecademy/gamut';\nimport * as React from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport {\n  AppHeaderAction,\n  AppHeaderDropdownItem,\n  AppHeaderLinkItem,\n} from '../../shared';\nimport { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';\nimport { StyledAppHeaderLink } from './elements';\n\nexport type AppHeaderLinkSectionsProps = AppHeaderAction & {\n  item: AppHeaderDropdownItem;\n  isOpen?: boolean;\n  mobile?: boolean;\n};\n\ntype LinkComponentProps = AppHeaderAction & {\n  isOpen?: boolean;\n  role?: string;\n  link: AppHeaderLinkItem;\n  //* This is what renders the MenuSeparator component  for sectioned dropdowns */\n  showLineBreak?: boolean;\n  mobile?: boolean;\n};\n\nconst LinkComponent: React.FC<LinkComponentProps> = ({\n  action,\n  link,\n  mobile,\n  isOpen,\n  role,\n  showLineBreak = false,\n}) => {\n  const { menuItems, setMenuItems } = useAppHeaderMenuContext();\n\n  const ref = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (setMenuItems && ref?.current) {\n      setMenuItems(menuItems.add(ref.current));\n    }\n    return () => menuItems.clear();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      {showLineBreak && <MenuSeparator />}\n      <StyledAppHeaderLink\n        ref={ref}\n        action={action}\n        item={link}\n        mobile={mobile}\n        role={role}\n        tabIndex={isOpen || mobile ? 0 : -1}\n        isInDropdown\n      />\n    </>\n  );\n};\n\nexport const AppHeaderLinkSections: React.FC<AppHeaderLinkSectionsProps> = ({\n  action,\n  item,\n  isOpen,\n  mobile,\n}) => {\n  return (\n    <>\n      {item.type === 'profile-dropdown'\n        ? item.popover.map((linkSection: AppHeaderLinkItem[], sectionIndex) =>\n            linkSection.map((link: AppHeaderLinkItem, linkIndex) => (\n              <LinkComponent\n                key={link.id}\n                action={action}\n                link={link}\n                mobile={mobile}\n                isOpen={isOpen}\n                role=\"menuitem\"\n                showLineBreak={sectionIndex !== 0 && linkIndex === 0}\n              />\n            ))\n          )\n        : item.popover.map((link: AppHeaderLinkItem) => (\n            <LinkComponent\n              key={link.id}\n              action={action}\n              link={link}\n              mobile={mobile}\n              isOpen={isOpen}\n            />\n          ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AA2BA,MAAMM,iBAA+C,EACnDC,QACAC,MACAC,QACAC,QACAC,MACAC,gBAAgB,YACjB;CACC,MAAM,EAAEC,WAAWC,iBAAiBV,uCAAAA;CAEpC,MAAMW,wBAAgC,KAAA;AAEtCb,4BAAU;AACR,MAAIY,gBAAgBC,KAAKC,QACvBF,cAAaD,UAAUI,IAAIF,IAAIC,QAAO,CAAA;AAExC,eAAaH,UAAUK,OAAK;IAE3B,EAAE,CAAA;AAEL,QACE,sBAAA,cAAA,MAAA,UAAA,MACGN,iBAAiB,sBAAA,cAACZ,iCAAAA,KAAAA,EACnB,sBAAA,cAACK,sCAAAA;EACMU;EACGR;EACRY,MAAMX;EACEC;EACFE;EACNS,UAAUV,UAAUD,SAAS,IAAI;EACjCY,cAAAA;;;AAMR,MAAaC,yBAA+D,EAC1Ef,QACAY,MACAT,QACAD,aACD;AACC,QACE,sBAAA,cAAA,MAAA,UAAA,MACGU,KAAKI,SAAS,qBACXJ,KAAKK,QAAQC,KAAKC,aAAkCC,iBAClDD,YAAYD,KAAKjB,MAAyBoB,cACxC,sBAAA,cAACtB,eAAAA;EACCuB,KAAKrB,KAAKsB;EACFvB;EACFC;EACEC;EACAC;EACRC,MAAK;EACLC,eAAee,iBAAiB,KAAKC,cAAc;QAIzDT,KAAKK,QAAQC,KAAKjB,SAChB,sBAAA,cAACF,eAAAA;EACCuB,KAAKrB,KAAKsB;EACFvB;EACFC;EACEC;EACAC"}

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

@@ -1,60 +1,45 @@
-import { MenuSeparator } from '@codecademy/gamut';
-import * as React from 'react';
-import { useEffect, useRef } from 'react';
-import { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';
-import { StyledAppHeaderLink } from './elements';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const LinkComponent = ({
-  action,
-  link,
-  mobile,
-  isOpen,
-  role,
-  showLineBreak = false
-}) => {
-  const {
-    menuItems,
-    setMenuItems
-  } = useAppHeaderMenuContext();
-  const ref = useRef(null);
-  useEffect(() => {
-    if (setMenuItems && ref?.current) {
-      setMenuItems(menuItems.add(ref.current));
-    }
-    return () => menuItems.clear();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [showLineBreak && /*#__PURE__*/_jsx(MenuSeparator, {}), /*#__PURE__*/_jsx(StyledAppHeaderLink, {
-      ref: ref,
-      action: action,
-      item: link,
-      mobile: mobile,
-      role: role,
-      tabIndex: isOpen || mobile ? 0 : -1,
-      isInDropdown: true
-    })]
-  });
+import { useAppHeaderMenuContext } from "../AppHeaderMenuProvider/index.js";
+import { StyledAppHeaderLink } from "./elements.js";
+import { MenuSeparator } from "@codecademy/gamut";
+import * as React$1 from "react";
+import { useEffect, useRef } from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx
+const LinkComponent = ({ action, link, mobile, isOpen, role, showLineBreak = false }) => {
+	const { menuItems, setMenuItems } = useAppHeaderMenuContext();
+	const ref = useRef(null);
+	useEffect(() => {
+		if (setMenuItems && ref?.current) setMenuItems(menuItems.add(ref.current));
+		return () => menuItems.clear();
+	}, []);
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, showLineBreak && /* @__PURE__ */ React$1.createElement(MenuSeparator, null), /* @__PURE__ */ React$1.createElement(StyledAppHeaderLink, {
+		ref,
+		action,
+		item: link,
+		mobile,
+		role,
+		tabIndex: isOpen || mobile ? 0 : -1,
+		isInDropdown: true
+	}));
 };
-export const AppHeaderLinkSections = ({
-  action,
-  item,
-  isOpen,
-  mobile
-}) => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: item.type === 'profile-dropdown' ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /*#__PURE__*/_jsx(LinkComponent, {
-      action: action,
-      link: link,
-      mobile: mobile,
-      isOpen: isOpen,
-      role: "menuitem",
-      showLineBreak: sectionIndex !== 0 && linkIndex === 0
-    }, link.id))) : item.popover.map(link => /*#__PURE__*/_jsx(LinkComponent, {
-      action: action,
-      link: link,
-      mobile: mobile,
-      isOpen: isOpen
-    }, link.id))
-  });
-};
+const AppHeaderLinkSections = ({ action, item, isOpen, mobile }) => {
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, item.type === "profile-dropdown" ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /* @__PURE__ */ React$1.createElement(LinkComponent, {
+		key: link.id,
+		action,
+		link,
+		mobile,
+		isOpen,
+		role: "menuitem",
+		showLineBreak: sectionIndex !== 0 && linkIndex === 0
+	}))) : item.popover.map((link) => /* @__PURE__ */ React$1.createElement(LinkComponent, {
+		key: link.id,
+		action,
+		link,
+		mobile,
+		isOpen
+	})));
+};
+
+//#endregion
+export { AppHeaderLinkSections };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MenuSeparator","React","useEffect","useRef","useAppHeaderMenuContext","StyledAppHeaderLink","LinkComponent","action","link","mobile","isOpen","role","showLineBreak","menuItems","setMenuItems","ref","current","add","clear","item","tabIndex","isInDropdown","AppHeaderLinkSections","type","popover","map","linkSection","sectionIndex","linkIndex","key","id"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx"],"sourcesContent":["import { MenuSeparator } from '@codecademy/gamut';\nimport * as React from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport {\n  AppHeaderAction,\n  AppHeaderDropdownItem,\n  AppHeaderLinkItem,\n} from '../../shared';\nimport { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';\nimport { StyledAppHeaderLink } from './elements';\n\nexport type AppHeaderLinkSectionsProps = AppHeaderAction & {\n  item: AppHeaderDropdownItem;\n  isOpen?: boolean;\n  mobile?: boolean;\n};\n\ntype LinkComponentProps = AppHeaderAction & {\n  isOpen?: boolean;\n  role?: string;\n  link: AppHeaderLinkItem;\n  //* This is what renders the MenuSeparator component  for sectioned dropdowns */\n  showLineBreak?: boolean;\n  mobile?: boolean;\n};\n\nconst LinkComponent: React.FC<LinkComponentProps> = ({\n  action,\n  link,\n  mobile,\n  isOpen,\n  role,\n  showLineBreak = false,\n}) => {\n  const { menuItems, setMenuItems } = useAppHeaderMenuContext();\n\n  const ref = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (setMenuItems && ref?.current) {\n      setMenuItems(menuItems.add(ref.current));\n    }\n    return () => menuItems.clear();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      {showLineBreak && <MenuSeparator />}\n      <StyledAppHeaderLink\n        ref={ref}\n        action={action}\n        item={link}\n        mobile={mobile}\n        role={role}\n        tabIndex={isOpen || mobile ? 0 : -1}\n        isInDropdown\n      />\n    </>\n  );\n};\n\nexport const AppHeaderLinkSections: React.FC<AppHeaderLinkSectionsProps> = ({\n  action,\n  item,\n  isOpen,\n  mobile,\n}) => {\n  return (\n    <>\n      {item.type === 'profile-dropdown'\n        ? item.popover.map((linkSection: AppHeaderLinkItem[], sectionIndex) =>\n            linkSection.map((link: AppHeaderLinkItem, linkIndex) => (\n              <LinkComponent\n                key={link.id}\n                action={action}\n                link={link}\n                mobile={mobile}\n                isOpen={isOpen}\n                role=\"menuitem\"\n                showLineBreak={sectionIndex !== 0 && linkIndex === 0}\n              />\n            ))\n          )\n        : item.popover.map((link: AppHeaderLinkItem) => (\n            <LinkComponent\n              key={link.id}\n              action={action}\n              link={link}\n              mobile={mobile}\n              isOpen={isOpen}\n            />\n          ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA2BA,MAAMM,iBAA+C,EACnDC,QACAC,MACAC,QACAC,QACAC,MACAC,gBAAgB,YACjB;CACC,MAAM,EAAEC,WAAWC,iBAAiBV,yBAAAA;CAEpC,MAAMW,MAAMZ,OAA0B,KAAA;AAEtCD,iBAAU;AACR,MAAIY,gBAAgBC,KAAKC,QACvBF,cAAaD,UAAUI,IAAIF,IAAIC,QAAO,CAAA;AAExC,eAAaH,UAAUK,OAAK;IAE3B,EAAE,CAAA;AAEL,QACE,wBAAA,cAAA,QAAA,UAAA,MACGN,iBAAiB,wBAAA,cAACZ,eAAAA,KAAAA,EACnB,wBAAA,cAACK,qBAAAA;EACMU;EACGR;EACRY,MAAMX;EACEC;EACFE;EACNS,UAAUV,UAAUD,SAAS,IAAI;EACjCY,cAAAA;;;AAMR,MAAaC,yBAA+D,EAC1Ef,QACAY,MACAT,QACAD,aACD;AACC,QACE,wBAAA,cAAA,QAAA,UAAA,MACGU,KAAKI,SAAS,qBACXJ,KAAKK,QAAQC,KAAKC,aAAkCC,iBAClDD,YAAYD,KAAKjB,MAAyBoB,cACxC,wBAAA,cAACtB,eAAAA;EACCuB,KAAKrB,KAAKsB;EACFvB;EACFC;EACEC;EACAC;EACRC,MAAK;EACLC,eAAee,iBAAiB,KAAKC,cAAc;QAIzDT,KAAKK,QAAQC,KAAKjB,SAChB,wBAAA,cAACF,eAAAA;EACCuB,KAAKrB,KAAKsB;EACFvB;EACFC;EACEC;EACAC"}

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

@@ -0,0 +1,28 @@
+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 react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx
+const StyledListItem = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e1ta24mt0",
+	label: "brand-StyledListItem"
+})((0, _codecademy_gamut_styles.css)({
+	display: `flex`,
+	justifyContent: `center`,
+	flexDirection: `column`,
+	position: `relative`,
+	"&:first-of-type": { ml: { md: 0 } },
+	"&:last-of-type": { mr: { md: 0 } }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQm94UHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAganVzdGlmeUNvbnRlbnQ6IGBjZW50ZXJgLFxuICAgIGZsZXhEaXJlY3Rpb246IGBjb2x1bW5gLFxuICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgLFxuXG4gICAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgIG1sOiB7IG1kOiAwIH0sXG4gICAgfSxcbiAgICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICBtcjogeyBtZDogMCB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG50eXBlIEFwcEhlYWRlckxpc3RJdGVtUHJvcHMgPSB7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoKSA9PiB2b2lkO1xufSAmIEJveFByb3BzO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGlzdEl0ZW06IFJlYWN0LkZDPEFwcEhlYWRlckxpc3RJdGVtUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0SXRlbSBhcz1cImxpXCIgey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkTGlzdEl0ZW0+XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiJ9 */");
+const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ react.createElement(StyledListItem, {
+	as: "li",
+	...props
+}, children);
+
+//#endregion
+exports.AppHeaderListItem = AppHeaderListItem;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","css","styled","React","StyledListItem","display","justifyContent","flexDirection","position","ml","md","mr","AppHeaderListItem","children","props","as"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx"],"sourcesContent":["import { Box, BoxProps } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nexport const StyledListItem = styled(Box)(\n  css({\n    display: `flex`,\n    justifyContent: `center`,\n    flexDirection: `column`,\n    position: `relative`,\n\n    '&:first-of-type': {\n      ml: { md: 0 },\n    },\n    '&:last-of-type': {\n      mr: { md: 0 },\n    },\n  })\n);\n\ntype AppHeaderListItemProps = {\n  onBlur?: () => void;\n  onFocus?: () => void;\n} & BoxProps;\n\nexport const AppHeaderListItem: React.FC<AppHeaderListItemProps> = ({\n  children,\n  ...props\n}) => (\n  <StyledListItem as=\"li\" {...props}>\n    {children}\n  </StyledListItem>\n);\n"],"mappings":";;;;;;;;;AAKA,MAAaI,iBAAiBF,6CAAOF,uBAAAA;;;qCAC/B;CACFK,SAAS;CACTC,gBAAgB;CAChBC,eAAe;CACfC,UAAU;CAEV,mBAAmB,EACjBC,IAAI,EAAEC,IAAI,GAAE,EACd;CACA,kBAAkB,EAChBC,IAAI,EAAED,IAAI,GAAE,EACd;CACF,CAAA,EAAA,k7CAAA;AAQF,MAAaE,qBAAuD,EAClEC,UACA,GAAGC,YAEH,sBAAA,cAACV,gBAAAA;CAAeW,IAAG;CAAM,GAAGD;GACzBD,SAAAA"}

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

@@ -1,32 +1,25 @@
-import _styled from "@emotion/styled/base";
-import { Box } from '@codecademy/gamut';
-import { css } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const StyledListItem = /*#__PURE__*/_styled(Box, {
-  target: "e1de70210",
-  label: "StyledListItem"
+import { Box } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx
+const StyledListItem = /* @__PURE__ */ styled(Box, {
+	target: "e1ta24mt0",
+	label: "brand-StyledListItem"
 })(css({
-  display: `flex`,
-  justifyContent: `center`,
-  flexDirection: `column`,
-  position: `relative`,
-  '&:first-of-type': {
-    ml: {
-      md: 0
-    }
-  },
-  '&:last-of-type': {
-    mr: {
-      md: 0
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpc3RJdGVtL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQm94UHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAganVzdGlmeUNvbnRlbnQ6IGBjZW50ZXJgLFxuICAgIGZsZXhEaXJlY3Rpb246IGBjb2x1bW5gLFxuICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgLFxuXG4gICAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgIG1sOiB7IG1kOiAwIH0sXG4gICAgfSxcbiAgICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICBtcjogeyBtZDogMCB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG50eXBlIEFwcEhlYWRlckxpc3RJdGVtUHJvcHMgPSB7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoKSA9PiB2b2lkO1xufSAmIEJveFByb3BzO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGlzdEl0ZW06IFJlYWN0LkZDPEFwcEhlYWRlckxpc3RJdGVtUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0SXRlbSBhcz1cImxpXCIgey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkTGlzdEl0ZW0+XG4pO1xuIl19 */");
-export const AppHeaderListItem = ({
-  children,
-  ...props
-}) => /*#__PURE__*/_jsx(StyledListItem, {
-  as: "li",
-  ...props,
-  children: children
-});
+	display: `flex`,
+	justifyContent: `center`,
+	flexDirection: `column`,
+	position: `relative`,
+	"&:first-of-type": { ml: { md: 0 } },
+	"&:last-of-type": { mr: { md: 0 } }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbS9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQm94UHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAganVzdGlmeUNvbnRlbnQ6IGBjZW50ZXJgLFxuICAgIGZsZXhEaXJlY3Rpb246IGBjb2x1bW5gLFxuICAgIHBvc2l0aW9uOiBgcmVsYXRpdmVgLFxuXG4gICAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgIG1sOiB7IG1kOiAwIH0sXG4gICAgfSxcbiAgICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICBtcjogeyBtZDogMCB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG50eXBlIEFwcEhlYWRlckxpc3RJdGVtUHJvcHMgPSB7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoKSA9PiB2b2lkO1xufSAmIEJveFByb3BzO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyTGlzdEl0ZW06IFJlYWN0LkZDPEFwcEhlYWRlckxpc3RJdGVtUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0SXRlbSBhcz1cImxpXCIgey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkTGlzdEl0ZW0+XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiJ9 */");
+const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ React$1.createElement(StyledListItem, {
+	as: "li",
+	...props
+}, children);
+
+//#endregion
+export { AppHeaderListItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","css","styled","React","StyledListItem","display","justifyContent","flexDirection","position","ml","md","mr","AppHeaderListItem","children","props","as"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx"],"sourcesContent":["import { Box, BoxProps } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nexport const StyledListItem = styled(Box)(\n  css({\n    display: `flex`,\n    justifyContent: `center`,\n    flexDirection: `column`,\n    position: `relative`,\n\n    '&:first-of-type': {\n      ml: { md: 0 },\n    },\n    '&:last-of-type': {\n      mr: { md: 0 },\n    },\n  })\n);\n\ntype AppHeaderListItemProps = {\n  onBlur?: () => void;\n  onFocus?: () => void;\n} & BoxProps;\n\nexport const AppHeaderListItem: React.FC<AppHeaderListItemProps> = ({\n  children,\n  ...props\n}) => (\n  <StyledListItem as=\"li\" {...props}>\n    {children}\n  </StyledListItem>\n);\n"],"mappings":";;;;;;AAKA,MAAaI,iBAAiBF,uBAAOF,KAAAA;;;GACnCC,IAAI;CACFI,SAAS;CACTC,gBAAgB;CAChBC,eAAe;CACfC,UAAU;CAEV,mBAAmB,EACjBC,IAAI,EAAEC,IAAI,GAAE,EACd;CACA,kBAAkB,EAChBC,IAAI,EAAED,IAAI,GAAE,EACd;CACF,CAAA,EAAA,k7CAAA;AAQF,MAAaE,qBAAuD,EAClEC,UACA,GAAGC,YAEH,wBAAA,cAACV,gBAAAA;CAAeW,IAAG;CAAM,GAAGD;GACzBD,SAAAA"}