@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

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

@@ -1,70 +1,56 @@
-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"
-})(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
-    })]
-  });
-});
+import { Anchor, MenuItem } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MiniOpenIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx
+const StyledAnchor = styled(Anchor)(css({
+	alignContent: "center",
+	alignItems: "center",
+	display: "flex",
+	fontWeight: "normal",
+	lineHeight: "base",
+	minWidth: "0",
+	textAlign: "left",
+	whiteSpace: "nowrap"
+}));
+const StyledMenuItem = styled(MenuItem)(css({ whiteSpace: "nowrap" }));
+const ResponsiveMiniOpenIcon = styled(MiniOpenIcon)(css({ display: { _: "block" } }));
+const AppHeaderLink = 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,
+		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,
+		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
+			})
+		]
+	});
+});
+
+//#endregion
+export { AppHeaderLink };

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

@@ -0,0 +1,34 @@
+const require_rolldown_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_rolldown_runtime.__toESM(_emotion_styled);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx
+const StyledAppHeaderLink = (0, _emotion_styled.default)(require_index.AppHeaderLink)((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"] }
+}));
+
+//#endregion
+exports.StyledAppHeaderLink = StyledAppHeaderLink;

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

@@ -1,36 +1,32 @@
-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"
-})(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== */");
+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 = styled(AppHeaderLink)(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"] }
+}));
+
+//#endregion
+export { StyledAppHeaderLink };

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

@@ -0,0 +1,44 @@
+const require_rolldown_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_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showLineBreak && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.MenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.StyledAppHeaderLink, {
+		ref,
+		action,
+		item: link,
+		mobile,
+		role,
+		tabIndex: isOpen || mobile ? 0 : -1,
+		isInDropdown: true
+	})] });
+};
+const AppHeaderLinkSections = ({ action, item, isOpen, mobile }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: item.type === "profile-dropdown" ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
+		action,
+		link,
+		mobile,
+		isOpen,
+		role: "menuitem",
+		showLineBreak: sectionIndex !== 0 && linkIndex === 0
+	}, link.id))) : item.popover.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
+		action,
+		link,
+		mobile,
+		isOpen
+	}, link.id)) });
+};
+
+//#endregion
+exports.AppHeaderLinkSections = AppHeaderLinkSections;

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

@@ -1,60 +1,42 @@
-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 { useEffect, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#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__ */ jsxs(Fragment, { children: [showLineBreak && /* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsx(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__ */ jsx(Fragment, { children: item.type === "profile-dropdown" ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /* @__PURE__ */ jsx(LinkComponent, {
+		action,
+		link,
+		mobile,
+		isOpen,
+		role: "menuitem",
+		showLineBreak: sectionIndex !== 0 && linkIndex === 0
+	}, link.id))) : item.popover.map((link) => /* @__PURE__ */ jsx(LinkComponent, {
+		action,
+		link,
+		mobile,
+		isOpen
+	}, link.id)) });
+};
+
+//#endregion
+export { AppHeaderLinkSections };

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

@@ -0,0 +1,26 @@
+const require_rolldown_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_rolldown_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx
+const StyledListItem = (0, _emotion_styled.default)(_codecademy_gamut.Box)((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 } }
+}));
+const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledListItem, {
+	as: "li",
+	...props,
+	children
+});
+
+//#endregion
+exports.AppHeaderListItem = AppHeaderListItem;

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

@@ -1,32 +1,23 @@
-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"
-})(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
-});
+import { Box } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx
+const StyledListItem = styled(Box)(css({
+	display: `flex`,
+	justifyContent: `center`,
+	flexDirection: `column`,
+	position: `relative`,
+	"&:first-of-type": { ml: { md: 0 } },
+	"&:last-of-type": { mr: { md: 0 } }
+}));
+const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ jsx(StyledListItem, {
+	as: "li",
+	...props,
+	children
+});
+
+//#endregion
+export { AppHeaderListItem };

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

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../../Logos/LogoCodecademy/index.cjs');
+const require_index$1 = require('../../../Logos/LogoCodecademyMini/index.cjs');
+const require_index$2 = require('../../../Logos/LogoCodecademyPro/index.cjs');
+const require_index$3 = require('../../../Logos/LogoFromSkillsoft/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLogo/index.tsx
+const getLogoComponent = (item, showMini) => {
+	if (item.checkMini && showMini) return require_index$1.LogoCodecademyMini;
+	if (item.enterprise) return require_index$3.LogoFromSkillsoft;
+	return item.pro ? require_index$2.LogoCodecademyPro : require_index.LogoCodecademy;
+};
+const AppHeaderLogo = ({ action, item }) => {
+	const [showMini, setShowMini] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!item.checkMini) return;
+		const handleResize = () => {
+			const shouldShowMini = window.innerWidth < 480 || window.innerWidth <= 1285 && window.innerWidth >= 1200;
+			if (showMini !== shouldShowMini) setShowMini(shouldShowMini);
+		};
+		window.addEventListener("resize", handleResize);
+		handleResize();
+		return () => window.removeEventListener("resize", handleResize);
+	}, [item.checkMini, showMini]);
+	const LogoComponent = getLogoComponent(item, showMini);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: item.removeAnchorLink ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LogoComponent, {
+		color: "text",
+		"data-testid": item.dataTestId,
+		height: item.enterprise ? 36 : 27,
+		verticalAlign: "text-bottom",
+		role: "img",
+		...item.enterprise ? { "aria-label": "Codecademy from Skillsoft" } : {}
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
+		variant: "interface",
+		"data-testid": item.dataTestId,
+		py: 4,
+		onClick: (event) => action(event, item),
+		href: item.href,
+		tabIndex: 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LogoComponent, {
+			color: "currentColor",
+			height: item.enterprise ? 36 : 27,
+			verticalAlign: "text-bottom"
+		})
+	}) });
+};
+
+//#endregion
+exports.AppHeaderLogo = AppHeaderLogo;

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.cts

@@ -0,0 +1,10 @@
+import { AppHeaderAction, AppHeaderLogoItem } from "../../shared/types.cjs";
+import React from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.ts
+type AppHeaderLogoProps = AppHeaderAction & {
+  item: AppHeaderLogoItem;
+};
+declare const AppHeaderLogo: React.FC<AppHeaderLogoProps>;
+//#endregion
+export { AppHeaderLogo, AppHeaderLogoProps };

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.ts

@@ -1,6 +1,11 @@
-import React from 'react';
-import { AppHeaderAction, AppHeaderLogoItem } from '../../shared';
-export type AppHeaderLogoProps = AppHeaderAction & {
-    item: AppHeaderLogoItem;
+import { AppHeaderAction, AppHeaderLogoItem } from "../../shared/types.js";
+import "../../shared/index.js";
+import React from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.ts
+type AppHeaderLogoProps = AppHeaderAction & {
+  item: AppHeaderLogoItem;
 };
-export declare const AppHeaderLogo: React.FC<AppHeaderLogoProps>;
+declare const AppHeaderLogo: React.FC<AppHeaderLogoProps>;
+//#endregion
+export { AppHeaderLogo, AppHeaderLogoProps };