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

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

@@ -1,124 +1,112 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { CheckerDense } from '@codecademy/gamut-patterns';
-import { css } from '@codecademy/gamut-styles';
-import { CourseDifficulty } from '../../../ContentGroupBaseCard/types';
-import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledCard = /*#__PURE__*/_styled(Card, {
-  target: "e1d52gk02",
-  label: "StyledCard"
-})("&:hover{border-color:", ({
-  theme
-}) => theme.colors.black, ";cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogODgwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIGFuZCAobWF4LXdpZHRoOiAxMTM2cHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMjMwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuYDtcblxudHlwZSBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBob3VyczogbnVtYmVyIHwgbnVsbDtcbiAgaWNvbjogUmVhY3QuUmVhY3ROb2RlO1xuICBkaWZmaWN1bHR5OiBDb3Vyc2VEaWZmaWN1bHR5IHwgbnVsbDtcbiAgaHJlZjogc3RyaW5nO1xuICB0cmFja2luZ1RhcmdldD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJEaWV0Q2FyZCA9ICh7XG4gIHRpdGxlLFxuICBob3VycyxcbiAgaWNvbixcbiAgZGlmZmljdWx0eSxcbiAgaHJlZixcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICB2YXJpYW50PVwicC1sYXJnZVwiXG4gICAgICAgICAgICBmb250V2VpZ2h0PXs3MDB9XG4gICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgPEJveCBweT17NH0gbWI9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8RG90dGVkTGluZSBjb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgIDxEaWZmaWN1bHR5VGV4dENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lcj17aXNCZWdpbm5lckNvbnRhaW5lcn1cbiAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9EaWZmaWN1bHR5VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2hvdXJzICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Yj57aG91cnN9PC9iPiBob3Vyc1xuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgPC9BbmNob3I+XG4gICAgPC9saT5cbiAgKTtcbn07XG4iXX0= */"));
-const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
-  target: "e1d52gk01",
-  label: "DottedLine"
-})(css({
-  height: '1px',
-  display: 'flex',
-  position: 'absolute',
-  marginTop: '-1px'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogODgwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIGFuZCAobWF4LXdpZHRoOiAxMTM2cHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMjMwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuYDtcblxudHlwZSBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBob3VyczogbnVtYmVyIHwgbnVsbDtcbiAgaWNvbjogUmVhY3QuUmVhY3ROb2RlO1xuICBkaWZmaWN1bHR5OiBDb3Vyc2VEaWZmaWN1bHR5IHwgbnVsbDtcbiAgaHJlZjogc3RyaW5nO1xuICB0cmFja2luZ1RhcmdldD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJEaWV0Q2FyZCA9ICh7XG4gIHRpdGxlLFxuICBob3VycyxcbiAgaWNvbixcbiAgZGlmZmljdWx0eSxcbiAgaHJlZixcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICB2YXJpYW50PVwicC1sYXJnZVwiXG4gICAgICAgICAgICBmb250V2VpZ2h0PXs3MDB9XG4gICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgPEJveCBweT17NH0gbWI9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8RG90dGVkTGluZSBjb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgIDxEaWZmaWN1bHR5VGV4dENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lcj17aXNCZWdpbm5lckNvbnRhaW5lcn1cbiAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9EaWZmaWN1bHR5VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2hvdXJzICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Yj57aG91cnN9PC9iPiBob3Vyc1xuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgPC9BbmNob3I+XG4gICAgPC9saT5cbiAgKTtcbn07XG4iXX0= */");
-const DifficultyTextContainer = /*#__PURE__*/_styled(FlexBox, {
-  target: "e1d52gk00",
-  label: "DifficultyTextContainer"
-})("@media (min-width: 768px) and (max-width: 880px){max-width:", ({
-  isBeginnerContainer
-}) => isBeginnerContainer ? '60%' : 'none', ";}@media (min-width: 1024px) and (max-width: 1136px){max-width:", ({
-  isBeginnerContainer
-}) => isBeginnerContainer ? '60%' : 'none', ";}@media (min-width: 1200px) and (max-width: 1230px){max-width:", ({
-  isBeginnerContainer
-}) => isBeginnerContainer ? '60%' : 'none', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRGlldENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRpZXRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5ibGFja307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5jb25zdCBEaWZmaWN1bHR5VGV4dENvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KTx7XG4gIGlzQmVnaW5uZXJDb250YWluZXI6IGJvb2xlYW47XG59PmBcbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogODgwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIGFuZCAobWF4LXdpZHRoOiAxMTM2cHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMjMwcHgpIHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgaXNCZWdpbm5lckNvbnRhaW5lciB9KSA9PlxuICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICc2MCUnIDogJ25vbmUnfTtcbiAgfVxuYDtcblxudHlwZSBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBob3VyczogbnVtYmVyIHwgbnVsbDtcbiAgaWNvbjogUmVhY3QuUmVhY3ROb2RlO1xuICBkaWZmaWN1bHR5OiBDb3Vyc2VEaWZmaWN1bHR5IHwgbnVsbDtcbiAgaHJlZjogc3RyaW5nO1xuICB0cmFja2luZ1RhcmdldD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJEaWV0Q2FyZCA9ICh7XG4gIHRpdGxlLFxuICBob3VycyxcbiAgaWNvbixcbiAgZGlmZmljdWx0eSxcbiAgaHJlZixcbiAgdHJhY2tpbmdUYXJnZXQsXG59OiBBcHBIZWFkZXJEaWV0Q2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxBbmNob3JcbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBpZDogYHRvcG5hdl9jYXRhbG9nXyR7dGl0bGV9YCxcbiAgICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2X2NhdGFsb2dfJHt0cmFja2luZ1RhcmdldCA/PyB0aXRsZX1gLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENhcmRcbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgIG1pbkhlaWdodD17MTIwfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICBweT17OH1cbiAgICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICB2YXJpYW50PVwicC1sYXJnZVwiXG4gICAgICAgICAgICBmb250V2VpZ2h0PXs3MDB9XG4gICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Qm94PlxuICAgICAgICAgICAgPEJveCBweT17NH0gbWI9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8RG90dGVkTGluZSBjb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgIDxEaWZmaWN1bHR5VGV4dENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lcj17aXNCZWdpbm5lckNvbnRhaW5lcn1cbiAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9EaWZmaWN1bHR5VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2hvdXJzICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Yj57aG91cnN9PC9iPiBob3Vyc1xuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgPC9BbmNob3I+XG4gICAgPC9saT5cbiAgKTtcbn07XG4iXX0= */"));
-export const AppHeaderDietCard = ({
-  title,
-  hours,
-  icon,
-  difficulty,
-  href,
-  trackingTarget
-}) => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
-  return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(Anchor, {
-      href: href,
-      variant: "interface",
-      display: "block",
-      onClick: event => globalHeaderItemClick(event, {
-        type: 'link',
-        id: `topnav_catalog_${title}`,
-        href,
-        text: title,
-        trackingTarget: `topnav_catalog_${trackingTarget ?? title}`
-      }),
-      children: /*#__PURE__*/_jsxs(StyledCard, {
-        borderRadius: "md",
-        borderColor: "border-tertiary",
-        minHeight: 120,
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        px: 12,
-        py: 8,
-        isInteractive: true,
-        children: [/*#__PURE__*/_jsx(Text, {
-          as: "h3",
-          variant: "p-large",
-          fontWeight: 700,
-          truncate: "ellipsis",
-          truncateLines: 2,
-          children: title
-        }), /*#__PURE__*/_jsxs(Box, {
-          children: [/*#__PURE__*/_jsx(Box, {
-            py: 4,
-            mb: 4,
-            height: 0,
-            position: "relative",
-            "aria-hidden": true,
-            children: /*#__PURE__*/_jsx(DottedLine, {
-              color: "border-tertiary"
-            })
-          }), /*#__PURE__*/_jsxs(FlexBox, {
-            justifyContent: "space-between",
-            alignItems: "center",
-            children: [difficulty && /*#__PURE__*/_jsxs(DifficultyTextContainer, {
-              isBeginnerContainer: isBeginnerContainer,
-              justifyContent: "center",
-              alignItems: "center",
-              gap: 8,
-              children: [icon, /*#__PURE__*/_jsx(Text, {
-                screenreader: true,
-                children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
-              }), /*#__PURE__*/_jsxs(Text, {
-                variant: "p-small",
-                fontSize: 14,
-                color: "text-secondary",
-                "data-testid": "card-difficulty",
-                "aria-hidden": true,
-                truncate: "ellipsis",
-                truncateLines: 1,
-                overflow: "hidden",
-                children: [/*#__PURE__*/_jsx("b", {
-                  children: difficulty
-                }), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
-                  children: " Friendly"
-                })]
-              })]
-            }), hours && /*#__PURE__*/_jsxs(Text, {
-              fontSize: 14,
-              variant: "p-small",
-              color: "text-secondary",
-              whiteSpace: "nowrap",
-              children: [/*#__PURE__*/_jsx("b", {
-                children: hours
-              }), " hours"]
-            })]
-          })]
-        })]
-      })
-    })
-  });
-};
+import { useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
+import { CourseDifficulty } from "../../../ContentGroupBaseCard/types.js";
+import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckerDense } from "@codecademy/gamut-patterns";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDietCard/index.tsx
+const StyledCard = styled(Card)`
+  &:hover {
+    border-color: ${({ theme: theme$1 }) => theme$1.colors.black};
+    cursor: pointer;
+  }
+`;
+const DottedLine = styled(CheckerDense)(css({
+	height: "1px",
+	display: "flex",
+	position: "absolute",
+	marginTop: "-1px"
+}));
+const DifficultyTextContainer = styled(FlexBox)`
+  @media (min-width: 768px) and (max-width: 880px) {
+    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
+  }
+
+  @media (min-width: 1024px) and (max-width: 1136px) {
+    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
+  }
+
+  @media (min-width: 1200px) and (max-width: 1230px) {
+    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
+  }
+`;
+const AppHeaderDietCard = ({ title, hours, icon, difficulty, href, trackingTarget }) => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Anchor, {
+		href,
+		variant: "interface",
+		display: "block",
+		onClick: (event) => globalHeaderItemClick(event, {
+			type: "link",
+			id: `topnav_catalog_${title}`,
+			href,
+			text: title,
+			trackingTarget: `topnav_catalog_${trackingTarget ?? title}`
+		}),
+		children: /* @__PURE__ */ jsxs(StyledCard, {
+			borderRadius: "md",
+			borderColor: "border-tertiary",
+			minHeight: 120,
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "space-between",
+			px: 12,
+			py: 8,
+			isInteractive: true,
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "h3",
+				variant: "p-large",
+				fontWeight: 700,
+				truncate: "ellipsis",
+				truncateLines: 2,
+				children: title
+			}), /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+				py: 4,
+				mb: 4,
+				height: 0,
+				position: "relative",
+				"aria-hidden": true,
+				children: /* @__PURE__ */ jsx(DottedLine, { color: "border-tertiary" })
+			}), /* @__PURE__ */ jsxs(FlexBox, {
+				justifyContent: "space-between",
+				alignItems: "center",
+				children: [difficulty && /* @__PURE__ */ jsxs(DifficultyTextContainer, {
+					isBeginnerContainer,
+					justifyContent: "center",
+					alignItems: "center",
+					gap: 8,
+					children: [
+						icon,
+						/* @__PURE__ */ jsx(Text, {
+							screenreader: true,
+							children: `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							variant: "p-small",
+							fontSize: 14,
+							color: "text-secondary",
+							"data-testid": "card-difficulty",
+							"aria-hidden": true,
+							truncate: "ellipsis",
+							truncateLines: 1,
+							overflow: "hidden",
+							children: [/* @__PURE__ */ jsx("b", { children: difficulty }), isBeginnerContainer && /* @__PURE__ */ jsx(Fragment, { children: " Friendly" })]
+						})
+					]
+				}), hours && /* @__PURE__ */ jsxs(Text, {
+					fontSize: 14,
+					variant: "p-small",
+					color: "text-secondary",
+					whiteSpace: "nowrap",
+					children: [/* @__PURE__ */ jsx("b", { children: hours }), " hours"]
+				})]
+			})] })]
+		})
+	}) });
+};
+
+//#endregion
+export { AppHeaderDietCard };

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

@@ -0,0 +1,97 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_elements = require('../../shared/elements.cjs');
+const require_index = require('../AppHeaderProvider/index.cjs');
+const require_index$1 = require('../AppHeaderMenuProvider/index.cjs');
+const require_index$2 = require('../AppHeaderNavButton/index.cjs');
+const require_index$3 = require('../AppHeaderLinkSections/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.tsx
+const StyledLinkSection = (0, _emotion_styled.default)(require_index$3.AppHeaderLinkSections)((0, _codecademy_gamut_styles.css)({
+	padding: `0.75rem 0`,
+	position: `absolute`
+}));
+const StyledDropdownMenu = (0, _emotion_styled.default)(_codecademy_gamut.Menu)((0, _codecademy_gamut_styles.css)({
+	border: 1,
+	borderColor: "border-tertiary",
+	borderRadius: "lg"
+}));
+const AppHeaderDropdown = ({ action, item, spacing = "normal", standalone }) => {
+	const listRef = (0, react.useRef)(null);
+	const buttonRef = (0, react.useRef)(null);
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
+	const dropdownId = item?.text ?? item?.type;
+	const toggleIsOpen = () => setIsOpen((prev) => !prev);
+	const handleOnClick = (event) => {
+		toggleIsOpen();
+		if (!isOpen) {
+			if (action) action(event, item);
+			if (setLastOpenedDropdown) setLastOpenedDropdown(dropdownId);
+		}
+	};
+	const handleKeyboardClose = (0, react.useCallback)(() => {
+		setIsOpen(false);
+		buttonRef.current?.focus();
+	}, []);
+	(0, react.useEffect)(() => {
+		if (lastOpenedDropdown !== dropdownId && isOpen) setIsOpen(false);
+	}, [lastOpenedDropdown]);
+	(0, react.useEffect)(() => {
+		function handleClickOutside(event) {
+			const list = listRef?.current;
+			const button = buttonRef?.current;
+			if (isOpen && list && !list.contains(event.target) && button && !button.contains(event.target)) setIsOpen(false);
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		document.addEventListener("blur", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+			document.removeEventListener("blur", handleClickOutside);
+		};
+	}, [listRef, isOpen]);
+	const isProfileDropdown = item.type === "profile-dropdown";
+	const isGenericDropdown = ["dropdown", "resources-simple-dropdown"].includes(item.type);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.AppHeaderMenuProvider, {
+		handleClose: handleKeyboardClose,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderMenuNavButton, {
+			buttonRef,
+			handleOnClick,
+			isOpen,
+			item
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.AnimatedSimpleDropdown, {
+			isOpen,
+			style: {
+				right: isProfileDropdown ? "0.5rem" : "",
+				top: isGenericDropdown && standalone ? "2.75rem" : "3.5rem"
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.ColorMode, {
+				mode: "light",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledDropdownMenu, {
+					minWidth: "202px",
+					ref: listRef,
+					role: isProfileDropdown ? "menu" : void 0,
+					spacing,
+					variant: "popover",
+					width: "fit-content",
+					zIndex: 1,
+					py: spacing === "normal" ? 12 : 0,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLinkSection, {
+						action,
+						item,
+						isOpen
+					})
+				})
+			})
+		})]
+	});
+};
+
+//#endregion
+exports.AppHeaderDropdown = AppHeaderDropdown;

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

@@ -0,0 +1,16 @@
+import { AppHeaderAction, AppHeaderDropdownItem } from "../../shared/types.cjs";
+import { Menu } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.d.ts
+type AppHeaderDropdownProps = AppHeaderAction & Pick<React$1.ComponentProps<typeof Menu>, 'spacing'> & {
+  item: AppHeaderDropdownItem;
+  /**
+   * If true, the dropdown is being rendered as a standalone component, rather than
+   * part of the global header.
+   */
+  standalone?: boolean;
+};
+declare const AppHeaderDropdown: React$1.FC<AppHeaderDropdownProps>;
+//#endregion
+export { AppHeaderDropdown, AppHeaderDropdownProps };

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

@@ -1,12 +1,17 @@
-import { Menu } from '@codecademy/gamut';
-import * as React from 'react';
-import { AppHeaderAction, AppHeaderDropdownItem } from '../../shared';
-export type AppHeaderDropdownProps = AppHeaderAction & Pick<React.ComponentProps<typeof Menu>, 'spacing'> & {
-    item: AppHeaderDropdownItem;
-    /**
-     * If true, the dropdown is being rendered as a standalone component, rather than
-     * part of the global header.
-     */
-    standalone?: boolean;
+import { AppHeaderAction, AppHeaderDropdownItem } from "../../shared/types.js";
+import "../../shared/index.js";
+import { Menu } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.d.ts
+type AppHeaderDropdownProps = AppHeaderAction & Pick<React$1.ComponentProps<typeof Menu>, 'spacing'> & {
+  item: AppHeaderDropdownItem;
+  /**
+   * If true, the dropdown is being rendered as a standalone component, rather than
+   * part of the global header.
+   */
+  standalone?: boolean;
 };
-export declare const AppHeaderDropdown: React.FC<AppHeaderDropdownProps>;
+declare const AppHeaderDropdown: React$1.FC<AppHeaderDropdownProps>;
+//#endregion
+export { AppHeaderDropdown, AppHeaderDropdownProps };