@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/ContentGroupBaseCard/index.cjs

@@ -1,167 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.cjs');
-const require_helpers = require('./helpers.cjs');
-const require_shared = require('./shared.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 _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let pluralize = require("pluralize");
-pluralize = require_rolldown_runtime.__toESM(pluralize);
-
-//#region src/ContentGroupBaseCard/index.tsx
-const Image = _codecademy_gamut.Box.withComponent("img");
-const CardAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
-	target: "em7qvl80",
-	label: "brand-CardAnchor"
-})((0, _codecademy_gamut_styles.css)({
-	"&:hover, &:focus, &:focus-visible": { color: "text" },
-	"&:before": { inset: 2 }
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCbUIifQ== */");
-const ContentGroupBaseCardHeaderBackground = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_styles.Background, {
-	target: "em7qvl81",
-	label: "brand-ContentGroupBaseCardHeaderBackground"
-})((0, _codecademy_gamut_styles.css)({
-	pl: 12,
-	py: 4,
-	borderRadiusTop: "md",
-	borderRadiusBottom: "none",
-	boxShadow: `inset 0 0 0 1px ${_codecademy_gamut_styles.theme.colors.white}`
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFb0QifQ== */");
-const ContentGroupBaseCard = /* @__PURE__ */ (0, react.forwardRef)(({ headerBackgroundColor, headerText, title, headingLevel, description, difficulty, numLessons, imageSrc, isFullSize = false, shadow = "none", enrollmentStatus, timeToComplete, brandDetails, children, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	const enrollmentAssets = {
-		completed: {
-			text: headerText + " completed!",
-			backgroundColor: "green"
-		},
-		inProgress: {
-			text: "In progress...",
-			backgroundColor: "yellow"
-		},
-		none: {
-			text: headerText,
-			backgroundColor: headerBackgroundColor
-		}
-	};
-	const isEnrolled = enrollmentStatus === require_types.EnrollmentStatus.InProgress || enrollmentStatus === require_types.EnrollmentStatus.Completed;
-	const isBeginnerContainer = difficulty === require_types.CourseDifficulty.Beginner;
-	const renderTimeToCompleteOrNumLessons = () => {
-		if (typeof timeToComplete === "number" && timeToComplete >= 0) {
-			const displayAmount = require_helpers.getTimeToCompleteDisplayAmount(timeToComplete);
-			const displayDuration = require_helpers.getTimeToCompleteDisplayDuration(timeToComplete);
-			return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { screenreader: true }, `${displayAmount} ${displayDuration}`), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true
-			}, /* @__PURE__ */ react.default.createElement("b", null, displayAmount), " ", displayDuration));
-		}
-		if (numLessons > 0) {
-			const label = (0, pluralize.default)("Lesson", numLessons);
-			return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { screenreader: true }, `${numLessons} ${label}`), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true
-			}, /* @__PURE__ */ react.default.createElement("b", null, numLessons), " ", label));
-		}
-		return null;
-	};
-	return /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Card, {
-		variant: isEnrolled ? "beige" : "white",
-		borderRadius: "md",
-		borderColor: "border-primary",
-		overflow: "hidden",
-		display: "flex",
-		flexDirection: "column",
-		shadow,
-		isInteractive: true,
-		p: 0,
-		height: "100%",
-		style: { cursor: "pointer" },
-		onClick: (e) => {
-			if (e.target.closest("a") === null) {
-				e.preventDefault();
-				onClick?.();
-			}
-		}
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { position: "relative" }, /* @__PURE__ */ react.default.createElement(CardAnchor, {
-		href,
-		onClick,
-		variant: "interface",
-		display: "block",
-		ref,
-		target: openInNewTab ? "_blank" : void 0
-	}, header || /* @__PURE__ */ react.default.createElement(ContentGroupBaseCardHeaderBackground, { bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		fontFamily: "accent",
-		fontSize: 14
-	}, enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText)), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		px: 12,
-		pt: 4,
-		flexDirection: "column",
-		alignItems: "flex-start"
-	}, brandDetails?.logoUrl && /* @__PURE__ */ react.default.createElement(Image, {
-		src: brandDetails.logoUrl,
-		alt: brandDetails.name,
-		width: "auto",
-		height: brandDetails.logoHeight,
-		mt: 12
-	}), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "title-xs",
-		as: headingLevel,
-		pt: brandDetails?.logoUrl ? 8 : 12,
-		pb: 4
-	}, title)))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		textAlign: "left",
-		mx: 12,
-		my: 4,
-		height: "100%",
-		maxWidth: isFullSize ? { md: "calc(100% - 228px)" } : "100%"
-	}, description && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "p-small",
-		truncate: "ellipsis",
-		truncateLines: 3,
-		mb: 16
-	}, description), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
-		as: "ul",
-		listStyle: "none",
-		p: 0,
-		m: 0,
-		mt: "auto"
-	}, children, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { as: "li" }, /* @__PURE__ */ react.default.createElement(require_shared.Divider, null), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		justifyContent: "space-between",
-		flexWrap: "wrap"
-	}, difficulty && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut_icons.LevelIcon, null), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { screenreader: true }, `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "p-small",
-		pl: 8,
-		whiteSpace: "nowrap",
-		"data-testid": "card-difficulty",
-		"aria-hidden": true
-	}, /* @__PURE__ */ react.default.createElement("b", null, difficulty), isBeginnerContainer && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, " Friendly"))), renderTimeToCompleteOrNumLessons()))), footer), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
-		display: isFullSize ? {
-			_: "none",
-			md: "flex"
-		} : "none",
-		alignItems: "center",
-		justifyContent: "center",
-		px: 64,
-		position: "absolute",
-		top: 32,
-		bottom: 0,
-		right: 0
-	}, /* @__PURE__ */ react.default.createElement(Image, {
-		"aria-hidden": true,
-		width: 100,
-		height: 100,
-		src: imageSrc
-	})));
-});
-
-//#endregion
-exports.ContentGroupBaseCard = ContentGroupBaseCard;
-exports.ContentGroupBaseCardHeaderBackground = ContentGroupBaseCardHeaderBackground;
-//# sourceMappingURL=index.cjs.map

package/dist/ContentGroupBaseCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","FlexBox","Text","LevelIcon","Background","css","theme","styled","pluralize","React","forwardRef","getTimeToCompleteDisplayAmount","getTimeToCompleteDisplayDuration","Divider","CourseDifficulty","EnrollmentStatus","Image","withComponent","CardAnchor","color","inset","ContentGroupBaseCardHeaderBackground","pl","py","borderRadiusTop","borderRadiusBottom","boxShadow","colors","white","ContentGroupBaseCard","headerBackgroundColor","headerText","title","headingLevel","description","difficulty","numLessons","imageSrc","isFullSize","shadow","enrollmentStatus","timeToComplete","brandDetails","children","header","footer","openInNewTab","href","onClick","ref","enrollmentAssets","completed","text","backgroundColor","inProgress","none","isEnrolled","InProgress","Completed","isBeginnerContainer","Beginner","renderTimeToCompleteOrNumLessons","displayAmount","displayDuration","screenreader","variant","whiteSpace","aria-hidden","b","label","borderRadius","borderColor","overflow","display","flexDirection","isInteractive","p","height","style","cursor","e","target","closest","preventDefault","position","undefined","bg","fontFamily","fontSize","px","pt","alignItems","logoUrl","src","alt","name","width","logoHeight","mt","as","pb","textAlign","mx","my","maxWidth","md","truncate","truncateLines","mb","listStyle","m","justifyContent","flexWrap","data-testid","_","top","bottom","right"],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Text,\n} from '@codecademy/gamut';\nimport { LevelIcon } from '@codecademy/gamut-icons';\nimport { Background, Colors, css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport pluralize from 'pluralize';\nimport React, { forwardRef, PropsWithRef } from 'react';\n\nimport {\n  getTimeToCompleteDisplayAmount,\n  getTimeToCompleteDisplayDuration,\n} from './helpers';\nimport { Divider } from './shared';\nimport { CourseDifficulty, EnrollmentStatus } from './types';\n\nconst Image = Box.withComponent('img');\n\nconst CardAnchor = styled(Anchor)(\n  css({\n    '&:hover, &:focus, &:focus-visible': {\n      color: 'text',\n    },\n    '&:before': {\n      inset: 2,\n    },\n  })\n);\n\nexport type ContentGroupBaseCardProps = {\n  headerBackgroundColor: Colors;\n  headerText: string;\n  title: string;\n  headingLevel?: HeadingTags;\n  description?: string | null;\n  difficulty?: CourseDifficulty | null;\n  numLessons: number;\n  imageSrc?: string;\n  isFullSize?: boolean;\n  shadow?: 'none' | 'outline';\n  enrollmentStatus?: EnrollmentStatus;\n  timeToComplete?: number | null;\n  brandDetails?: {\n    name: string;\n    logoUrl: string;\n    logoHeight: number;\n  };\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\ntype EnrollmentStatusAssets = {\n  [status in\n    | EnrollmentStatus.InProgress\n    | EnrollmentStatus.Completed\n    | EnrollmentStatus.None]: {\n    text: string;\n    backgroundColor: Colors;\n  };\n};\n\nexport const ContentGroupBaseCardHeaderBackground = styled(Background)(\n  css({\n    pl: 12,\n    py: 4,\n    borderRadiusTop: 'md',\n    borderRadiusBottom: 'none',\n    boxShadow: `inset 0 0 0 1px ${theme.colors.white}`,\n  })\n);\n\nexport const ContentGroupBaseCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<ContentGroupBaseCardProps>\n>(\n  (\n    {\n      headerBackgroundColor,\n      headerText,\n      title,\n      headingLevel,\n      description,\n      difficulty,\n      numLessons,\n      imageSrc,\n      isFullSize = false,\n      shadow = 'none',\n      enrollmentStatus,\n      timeToComplete,\n      brandDetails,\n      children,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const enrollmentAssets: EnrollmentStatusAssets = {\n      completed: { text: headerText + ' completed!', backgroundColor: 'green' },\n      inProgress: { text: 'In progress...', backgroundColor: 'yellow' },\n      none: { text: headerText, backgroundColor: headerBackgroundColor },\n    };\n\n    const isEnrolled =\n      enrollmentStatus === EnrollmentStatus.InProgress ||\n      enrollmentStatus === EnrollmentStatus.Completed;\n\n    const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;\n\n    const renderTimeToCompleteOrNumLessons = () => {\n      if (typeof timeToComplete === 'number' && timeToComplete >= 0) {\n        const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);\n        const displayDuration =\n          getTimeToCompleteDisplayDuration(timeToComplete);\n        return (\n          <>\n            <Text screenreader>{`${displayAmount} ${displayDuration}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{displayAmount}</b> {displayDuration}\n            </Text>\n          </>\n        );\n      }\n      if (numLessons > 0) {\n        const label = pluralize('Lesson', numLessons);\n        return (\n          <>\n            <Text screenreader>{`${numLessons} ${label}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{numLessons}</b> {label}\n            </Text>\n          </>\n        );\n      }\n\n      return null;\n    };\n\n    return (\n      <Card\n        variant={isEnrolled ? 'beige' : 'white'}\n        borderRadius=\"md\"\n        borderColor=\"border-primary\"\n        overflow=\"hidden\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        shadow={shadow}\n        isInteractive\n        p={0}\n        height=\"100%\"\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{ cursor: 'pointer' }}\n        onClick={(e: React.MouseEvent) => {\n          // only handle clicks if they didn't come from the anchor to avoid double navigation\n          if ((e.target as HTMLElement).closest('a') === null) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        <Box position=\"relative\">\n          <CardAnchor\n            href={href}\n            onClick={onClick}\n            variant=\"interface\"\n            display=\"block\"\n            ref={ref}\n            target={openInNewTab ? '_blank' : undefined}\n          >\n            {header || (\n              <ContentGroupBaseCardHeaderBackground\n                bg={\n                  enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].backgroundColor\n                    : headerBackgroundColor\n                }\n              >\n                <Text fontFamily=\"accent\" fontSize={14}>\n                  {enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].text\n                    : headerText}\n                </Text>\n              </ContentGroupBaseCardHeaderBackground>\n            )}\n            <FlexBox\n              px={12}\n              pt={4}\n              flexDirection=\"column\"\n              alignItems=\"flex-start\"\n            >\n              {brandDetails?.logoUrl && (\n                <Image\n                  src={brandDetails.logoUrl}\n                  alt={brandDetails.name}\n                  width=\"auto\"\n                  height={brandDetails.logoHeight}\n                  mt={12}\n                />\n              )}\n              <Text\n                variant=\"title-xs\"\n                as={headingLevel}\n                pt={brandDetails?.logoUrl ? 8 : 12}\n                pb={4}\n              >\n                {title}\n              </Text>\n            </FlexBox>\n          </CardAnchor>\n        </Box>\n        <FlexBox\n          flexDirection=\"column\"\n          textAlign=\"left\"\n          mx={12}\n          my={4}\n          height=\"100%\"\n          maxWidth={isFullSize ? { md: 'calc(100% - 228px)' } : '100%'}\n        >\n          {description && (\n            <Text\n              variant=\"p-small\"\n              truncate=\"ellipsis\"\n              truncateLines={3}\n              mb={16}\n            >\n              {description}\n            </Text>\n          )}\n          <Box as=\"ul\" listStyle=\"none\" p={0} m={0} mt=\"auto\">\n            {children}\n            <Box as=\"li\">\n              <Divider />\n              <FlexBox justifyContent=\"space-between\" flexWrap=\"wrap\">\n                {difficulty && (\n                  <FlexBox alignItems=\"center\">\n                    <LevelIcon />\n                    <Text screenreader>{`${difficulty}${\n                      isBeginnerContainer ? ' Friendly' : ''\n                    }.`}</Text>\n                    <Text\n                      variant=\"p-small\"\n                      pl={8}\n                      whiteSpace=\"nowrap\"\n                      data-testid=\"card-difficulty\"\n                      aria-hidden\n                    >\n                      <b>{difficulty}</b>\n                      {isBeginnerContainer && <> Friendly</>}\n                    </Text>\n                  </FlexBox>\n                )}\n                {renderTimeToCompleteOrNumLessons()}\n              </FlexBox>\n            </Box>\n          </Box>\n          {footer}\n        </FlexBox>\n        <Box\n          display={isFullSize ? { _: 'none', md: 'flex' } : 'none'}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          px={64}\n          position=\"absolute\"\n          top={32}\n          bottom={0}\n          right={0}\n        >\n          <Image aria-hidden width={100} height={100} src={imageSrc} />\n        </Box>\n      </Card>\n    );\n  }\n);\n"],"mappings":"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"}

package/dist/ContentGroupBaseCard/index.d.cts

@@ -1,41 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "./types.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-import React from "react";
-import * as _emotion_react7 from "@emotion/react";
-import * as _emotion_styled0 from "@emotion/styled";
-import * as _codecademy_gamut_styles0 from "@codecademy/gamut-styles";
-import { Colors } from "@codecademy/gamut-styles";
-
-//#region src/ContentGroupBaseCard/index.d.ts
-type ContentGroupBaseCardProps = {
-  headerBackgroundColor: Colors;
-  headerText: string;
-  title: string;
-  headingLevel?: HeadingTags;
-  description?: string | null;
-  difficulty?: CourseDifficulty | null;
-  numLessons: number;
-  imageSrc?: string;
-  isFullSize?: boolean;
-  shadow?: 'none' | 'outline';
-  enrollmentStatus?: EnrollmentStatus;
-  timeToComplete?: number | null;
-  brandDetails?: {
-    name: string;
-    logoUrl: string;
-    logoHeight: number;
-  };
-  children?: React.ReactNode;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const ContentGroupBaseCardHeaderBackground: _emotion_styled0.StyledComponent<Omit<_codecademy_gamut_styles0.BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
-  theme?: _emotion_react7.Theme;
-}, {}, {}>;
-declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps };
-//# sourceMappingURL=index.d.cts.map

package/dist/ContentGroupBaseCard/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAkCY,yBAAA;yBACa;;;iBAGR;EAJL,WAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EACa,UAAA,CAAA,EAKV,gBALU,GAAA,IAAA;EAGR,UAAA,EAAA,MAAA;EAEF,QAAA,CAAA,EAAA,MAAA;EAKM,UAAA,CAAA,EAAA,OAAA;EAOR,MAAM,CAAA,EAAA,MAAA,GAAA,SAAA;EACR,gBAAM,CAAA,EARI,gBAQJ;EACN,cAAM,CAAA,EAAA,MAAA,GAAA,IAAA;EAAS,YAAA,CAAA,EAAA;IAgBb,IAAA,EAAA,MAAA;IAQZ,OAAA,EAAA,MAAA;IARgD,UAAA,EAAA,MAAA;EAAA,CAAA;EAAA,QAAA,CAAA,EAlBpC,KAAA,CAAM,SAkB8B;EAAA,MAAA,CAAA,EAjBtC,KAAA,CAAM,SAiBgC;WAhBtC,KAAA,CAAM,SAgBgC;EAAA,YAAA,CAAA,EAAA,OAAA;EAUpC,IAAA,EAAA,MAAA;EAAoB,OAAA,EAAA,GAAA,GAAA,IAAA;CAAA;AAAA,cAVpB,oCAUoB,mBAVgB,eAUhB,CAVgB,IAUhB,CAFhC,yBAAA,CARgD,eAAA,EAUhB,KAAA,CAAA,GAVgB,KAAA,CAAA,aAUhB,CAVgB,cAUhB,CAAA,GAAA;EAAA,KAAA,CAAA,EAVgB,eAAA,CAAA,KAUhB;CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAApB,sBAAoB,KAAA,CAAA,0BAAA,4BAAA,KAAA,CAAA,cAAA"}

package/dist/ContentGroupBaseCard/index.d.mts

@@ -1,41 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "./types.mjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as _codecademy_gamut_styles0 from "@codecademy/gamut-styles";
-import { Colors } from "@codecademy/gamut-styles";
-import * as _emotion_styled0 from "@emotion/styled";
-import React from "react";
-import * as _emotion_react7 from "@emotion/react";
-
-//#region src/ContentGroupBaseCard/index.d.ts
-type ContentGroupBaseCardProps = {
-  headerBackgroundColor: Colors;
-  headerText: string;
-  title: string;
-  headingLevel?: HeadingTags;
-  description?: string | null;
-  difficulty?: CourseDifficulty | null;
-  numLessons: number;
-  imageSrc?: string;
-  isFullSize?: boolean;
-  shadow?: 'none' | 'outline';
-  enrollmentStatus?: EnrollmentStatus;
-  timeToComplete?: number | null;
-  brandDetails?: {
-    name: string;
-    logoUrl: string;
-    logoHeight: number;
-  };
-  children?: React.ReactNode;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const ContentGroupBaseCardHeaderBackground: _emotion_styled0.StyledComponent<Omit<_codecademy_gamut_styles0.BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
-  theme?: _emotion_react7.Theme;
-}, {}, {}>;
-declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/ContentGroupBaseCard/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAkCY,yBAAA;yBACa;;;iBAGR;EAJL,WAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EACa,UAAA,CAAA,EAKV,gBALU,GAAA,IAAA;EAGR,UAAA,EAAA,MAAA;EAEF,QAAA,CAAA,EAAA,MAAA;EAKM,UAAA,CAAA,EAAA,OAAA;EAOR,MAAM,CAAA,EAAA,MAAA,GAAA,SAAA;EACR,gBAAM,CAAA,EARI,gBAQJ;EACN,cAAM,CAAA,EAAA,MAAA,GAAA,IAAA;EAAS,YAAA,CAAA,EAAA;IAgBb,IAAA,EAAA,MAAA;IAQZ,OAAA,EAAA,MAAA;IARgD,UAAA,EAAA,MAAA;EAAA,CAAA;EAAA,QAAA,CAAA,EAlBpC,KAAA,CAAM,SAkB8B;EAAA,MAAA,CAAA,EAjBtC,KAAA,CAAM,SAiBgC;WAhBtC,KAAA,CAAM,SAgBgC;EAAA,YAAA,CAAA,EAAA,OAAA;EAUpC,IAAA,EAAA,MAAA;EAAoB,OAAA,EAAA,GAAA,GAAA,IAAA;CAAA;AAAA,cAVpB,oCAUoB,mBAVgB,eAUhB,CAVgB,IAUhB,CAFhC,yBAAA,CARgD,eAAA,EAUhB,KAAA,CAAA,GAVgB,KAAA,CAAA,aAUhB,CAVgB,cAUhB,CAAA,GAAA;EAAA,KAAA,CAAA,EAVgB,eAAA,CAAA,KAUhB;CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAApB,sBAAoB,KAAA,CAAA,0BAAA,4BAAA,KAAA,CAAA,cAAA"}

package/dist/ContentGroupBaseCard/index.mjs

@@ -1,162 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "./types.mjs";
-import { getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from "./helpers.mjs";
-import { Divider } from "./shared.mjs";
-import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
-import { Background, css, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React, { forwardRef } from "react";
-import { LevelIcon } from "@codecademy/gamut-icons";
-import pluralize from "pluralize";
-
-//#region src/ContentGroupBaseCard/index.tsx
-const Image = Box.withComponent("img");
-const CardAnchor = /* @__PURE__ */ styled(Anchor, {
-	target: "em7qvl80",
-	label: "brand-CardAnchor"
-})(css({
-	"&:hover, &:focus, &:focus-visible": { color: "text" },
-	"&:before": { inset: 2 }
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCbUIifQ== */");
-const ContentGroupBaseCardHeaderBackground = /* @__PURE__ */ styled(Background, {
-	target: "em7qvl81",
-	label: "brand-ContentGroupBaseCardHeaderBackground"
-})(css({
-	pl: 12,
-	py: 4,
-	borderRadiusTop: "md",
-	borderRadiusBottom: "none",
-	boxShadow: `inset 0 0 0 1px ${theme.colors.white}`
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFb0QifQ== */");
-const ContentGroupBaseCard = /* @__PURE__ */ forwardRef(({ headerBackgroundColor, headerText, title, headingLevel, description, difficulty, numLessons, imageSrc, isFullSize = false, shadow = "none", enrollmentStatus, timeToComplete, brandDetails, children, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	const enrollmentAssets = {
-		completed: {
-			text: headerText + " completed!",
-			backgroundColor: "green"
-		},
-		inProgress: {
-			text: "In progress...",
-			backgroundColor: "yellow"
-		},
-		none: {
-			text: headerText,
-			backgroundColor: headerBackgroundColor
-		}
-	};
-	const isEnrolled = enrollmentStatus === EnrollmentStatus.InProgress || enrollmentStatus === EnrollmentStatus.Completed;
-	const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
-	const renderTimeToCompleteOrNumLessons = () => {
-		if (typeof timeToComplete === "number" && timeToComplete >= 0) {
-			const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
-			const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
-			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${displayAmount} ${displayDuration}`), /* @__PURE__ */ React.createElement(Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true
-			}, /* @__PURE__ */ React.createElement("b", null, displayAmount), " ", displayDuration));
-		}
-		if (numLessons > 0) {
-			const label = pluralize("Lesson", numLessons);
-			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${numLessons} ${label}`), /* @__PURE__ */ React.createElement(Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true
-			}, /* @__PURE__ */ React.createElement("b", null, numLessons), " ", label));
-		}
-		return null;
-	};
-	return /* @__PURE__ */ React.createElement(Card, {
-		variant: isEnrolled ? "beige" : "white",
-		borderRadius: "md",
-		borderColor: "border-primary",
-		overflow: "hidden",
-		display: "flex",
-		flexDirection: "column",
-		shadow,
-		isInteractive: true,
-		p: 0,
-		height: "100%",
-		style: { cursor: "pointer" },
-		onClick: (e) => {
-			if (e.target.closest("a") === null) {
-				e.preventDefault();
-				onClick?.();
-			}
-		}
-	}, /* @__PURE__ */ React.createElement(Box, { position: "relative" }, /* @__PURE__ */ React.createElement(CardAnchor, {
-		href,
-		onClick,
-		variant: "interface",
-		display: "block",
-		ref,
-		target: openInNewTab ? "_blank" : void 0
-	}, header || /* @__PURE__ */ React.createElement(ContentGroupBaseCardHeaderBackground, { bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor }, /* @__PURE__ */ React.createElement(Text, {
-		fontFamily: "accent",
-		fontSize: 14
-	}, enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText)), /* @__PURE__ */ React.createElement(FlexBox, {
-		px: 12,
-		pt: 4,
-		flexDirection: "column",
-		alignItems: "flex-start"
-	}, brandDetails?.logoUrl && /* @__PURE__ */ React.createElement(Image, {
-		src: brandDetails.logoUrl,
-		alt: brandDetails.name,
-		width: "auto",
-		height: brandDetails.logoHeight,
-		mt: 12
-	}), /* @__PURE__ */ React.createElement(Text, {
-		variant: "title-xs",
-		as: headingLevel,
-		pt: brandDetails?.logoUrl ? 8 : 12,
-		pb: 4
-	}, title)))), /* @__PURE__ */ React.createElement(FlexBox, {
-		flexDirection: "column",
-		textAlign: "left",
-		mx: 12,
-		my: 4,
-		height: "100%",
-		maxWidth: isFullSize ? { md: "calc(100% - 228px)" } : "100%"
-	}, description && /* @__PURE__ */ React.createElement(Text, {
-		variant: "p-small",
-		truncate: "ellipsis",
-		truncateLines: 3,
-		mb: 16
-	}, description), /* @__PURE__ */ React.createElement(Box, {
-		as: "ul",
-		listStyle: "none",
-		p: 0,
-		m: 0,
-		mt: "auto"
-	}, children, /* @__PURE__ */ React.createElement(Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(FlexBox, {
-		justifyContent: "space-between",
-		flexWrap: "wrap"
-	}, difficulty && /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(LevelIcon, null), /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`), /* @__PURE__ */ React.createElement(Text, {
-		variant: "p-small",
-		pl: 8,
-		whiteSpace: "nowrap",
-		"data-testid": "card-difficulty",
-		"aria-hidden": true
-	}, /* @__PURE__ */ React.createElement("b", null, difficulty), isBeginnerContainer && /* @__PURE__ */ React.createElement(React.Fragment, null, " Friendly"))), renderTimeToCompleteOrNumLessons()))), footer), /* @__PURE__ */ React.createElement(Box, {
-		display: isFullSize ? {
-			_: "none",
-			md: "flex"
-		} : "none",
-		alignItems: "center",
-		justifyContent: "center",
-		px: 64,
-		position: "absolute",
-		top: 32,
-		bottom: 0,
-		right: 0
-	}, /* @__PURE__ */ React.createElement(Image, {
-		"aria-hidden": true,
-		width: 100,
-		height: 100,
-		src: imageSrc
-	})));
-});
-
-//#endregion
-export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground };
-//# sourceMappingURL=index.mjs.map

package/dist/ContentGroupBaseCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Anchor","Box","Card","FlexBox","Text","LevelIcon","Background","css","theme","styled","pluralize","React","forwardRef","getTimeToCompleteDisplayAmount","getTimeToCompleteDisplayDuration","Divider","CourseDifficulty","EnrollmentStatus","Image","withComponent","CardAnchor","color","inset","ContentGroupBaseCardHeaderBackground","pl","py","borderRadiusTop","borderRadiusBottom","boxShadow","colors","white","ContentGroupBaseCard","headerBackgroundColor","headerText","title","headingLevel","description","difficulty","numLessons","imageSrc","isFullSize","shadow","enrollmentStatus","timeToComplete","brandDetails","children","header","footer","openInNewTab","href","onClick","ref","enrollmentAssets","completed","text","backgroundColor","inProgress","none","isEnrolled","InProgress","Completed","isBeginnerContainer","Beginner","renderTimeToCompleteOrNumLessons","displayAmount","displayDuration","screenreader","variant","whiteSpace","aria-hidden","b","label","borderRadius","borderColor","overflow","display","flexDirection","isInteractive","p","height","style","cursor","e","target","closest","preventDefault","position","undefined","bg","fontFamily","fontSize","px","pt","alignItems","logoUrl","src","alt","name","width","logoHeight","mt","as","pb","textAlign","mx","my","maxWidth","md","truncate","truncateLines","mb","listStyle","m","justifyContent","flexWrap","data-testid","_","top","bottom","right"],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Text,\n} from '@codecademy/gamut';\nimport { LevelIcon } from '@codecademy/gamut-icons';\nimport { Background, Colors, css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport pluralize from 'pluralize';\nimport React, { forwardRef, PropsWithRef } from 'react';\n\nimport {\n  getTimeToCompleteDisplayAmount,\n  getTimeToCompleteDisplayDuration,\n} from './helpers';\nimport { Divider } from './shared';\nimport { CourseDifficulty, EnrollmentStatus } from './types';\n\nconst Image = Box.withComponent('img');\n\nconst CardAnchor = styled(Anchor)(\n  css({\n    '&:hover, &:focus, &:focus-visible': {\n      color: 'text',\n    },\n    '&:before': {\n      inset: 2,\n    },\n  })\n);\n\nexport type ContentGroupBaseCardProps = {\n  headerBackgroundColor: Colors;\n  headerText: string;\n  title: string;\n  headingLevel?: HeadingTags;\n  description?: string | null;\n  difficulty?: CourseDifficulty | null;\n  numLessons: number;\n  imageSrc?: string;\n  isFullSize?: boolean;\n  shadow?: 'none' | 'outline';\n  enrollmentStatus?: EnrollmentStatus;\n  timeToComplete?: number | null;\n  brandDetails?: {\n    name: string;\n    logoUrl: string;\n    logoHeight: number;\n  };\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\ntype EnrollmentStatusAssets = {\n  [status in\n    | EnrollmentStatus.InProgress\n    | EnrollmentStatus.Completed\n    | EnrollmentStatus.None]: {\n    text: string;\n    backgroundColor: Colors;\n  };\n};\n\nexport const ContentGroupBaseCardHeaderBackground = styled(Background)(\n  css({\n    pl: 12,\n    py: 4,\n    borderRadiusTop: 'md',\n    borderRadiusBottom: 'none',\n    boxShadow: `inset 0 0 0 1px ${theme.colors.white}`,\n  })\n);\n\nexport const ContentGroupBaseCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<ContentGroupBaseCardProps>\n>(\n  (\n    {\n      headerBackgroundColor,\n      headerText,\n      title,\n      headingLevel,\n      description,\n      difficulty,\n      numLessons,\n      imageSrc,\n      isFullSize = false,\n      shadow = 'none',\n      enrollmentStatus,\n      timeToComplete,\n      brandDetails,\n      children,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const enrollmentAssets: EnrollmentStatusAssets = {\n      completed: { text: headerText + ' completed!', backgroundColor: 'green' },\n      inProgress: { text: 'In progress...', backgroundColor: 'yellow' },\n      none: { text: headerText, backgroundColor: headerBackgroundColor },\n    };\n\n    const isEnrolled =\n      enrollmentStatus === EnrollmentStatus.InProgress ||\n      enrollmentStatus === EnrollmentStatus.Completed;\n\n    const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;\n\n    const renderTimeToCompleteOrNumLessons = () => {\n      if (typeof timeToComplete === 'number' && timeToComplete >= 0) {\n        const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);\n        const displayDuration =\n          getTimeToCompleteDisplayDuration(timeToComplete);\n        return (\n          <>\n            <Text screenreader>{`${displayAmount} ${displayDuration}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{displayAmount}</b> {displayDuration}\n            </Text>\n          </>\n        );\n      }\n      if (numLessons > 0) {\n        const label = pluralize('Lesson', numLessons);\n        return (\n          <>\n            <Text screenreader>{`${numLessons} ${label}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{numLessons}</b> {label}\n            </Text>\n          </>\n        );\n      }\n\n      return null;\n    };\n\n    return (\n      <Card\n        variant={isEnrolled ? 'beige' : 'white'}\n        borderRadius=\"md\"\n        borderColor=\"border-primary\"\n        overflow=\"hidden\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        shadow={shadow}\n        isInteractive\n        p={0}\n        height=\"100%\"\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{ cursor: 'pointer' }}\n        onClick={(e: React.MouseEvent) => {\n          // only handle clicks if they didn't come from the anchor to avoid double navigation\n          if ((e.target as HTMLElement).closest('a') === null) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        <Box position=\"relative\">\n          <CardAnchor\n            href={href}\n            onClick={onClick}\n            variant=\"interface\"\n            display=\"block\"\n            ref={ref}\n            target={openInNewTab ? '_blank' : undefined}\n          >\n            {header || (\n              <ContentGroupBaseCardHeaderBackground\n                bg={\n                  enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].backgroundColor\n                    : headerBackgroundColor\n                }\n              >\n                <Text fontFamily=\"accent\" fontSize={14}>\n                  {enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].text\n                    : headerText}\n                </Text>\n              </ContentGroupBaseCardHeaderBackground>\n            )}\n            <FlexBox\n              px={12}\n              pt={4}\n              flexDirection=\"column\"\n              alignItems=\"flex-start\"\n            >\n              {brandDetails?.logoUrl && (\n                <Image\n                  src={brandDetails.logoUrl}\n                  alt={brandDetails.name}\n                  width=\"auto\"\n                  height={brandDetails.logoHeight}\n                  mt={12}\n                />\n              )}\n              <Text\n                variant=\"title-xs\"\n                as={headingLevel}\n                pt={brandDetails?.logoUrl ? 8 : 12}\n                pb={4}\n              >\n                {title}\n              </Text>\n            </FlexBox>\n          </CardAnchor>\n        </Box>\n        <FlexBox\n          flexDirection=\"column\"\n          textAlign=\"left\"\n          mx={12}\n          my={4}\n          height=\"100%\"\n          maxWidth={isFullSize ? { md: 'calc(100% - 228px)' } : '100%'}\n        >\n          {description && (\n            <Text\n              variant=\"p-small\"\n              truncate=\"ellipsis\"\n              truncateLines={3}\n              mb={16}\n            >\n              {description}\n            </Text>\n          )}\n          <Box as=\"ul\" listStyle=\"none\" p={0} m={0} mt=\"auto\">\n            {children}\n            <Box as=\"li\">\n              <Divider />\n              <FlexBox justifyContent=\"space-between\" flexWrap=\"wrap\">\n                {difficulty && (\n                  <FlexBox alignItems=\"center\">\n                    <LevelIcon />\n                    <Text screenreader>{`${difficulty}${\n                      isBeginnerContainer ? ' Friendly' : ''\n                    }.`}</Text>\n                    <Text\n                      variant=\"p-small\"\n                      pl={8}\n                      whiteSpace=\"nowrap\"\n                      data-testid=\"card-difficulty\"\n                      aria-hidden\n                    >\n                      <b>{difficulty}</b>\n                      {isBeginnerContainer && <> Friendly</>}\n                    </Text>\n                  </FlexBox>\n                )}\n                {renderTimeToCompleteOrNumLessons()}\n              </FlexBox>\n            </Box>\n          </Box>\n          {footer}\n        </FlexBox>\n        <Box\n          display={isFullSize ? { _: 'none', md: 'flex' } : 'none'}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          px={64}\n          position=\"absolute\"\n          top={32}\n          bottom={0}\n          right={0}\n        >\n          <Image aria-hidden width={100} height={100} src={imageSrc} />\n        </Box>\n      </Card>\n    );\n  }\n);\n"],"mappings":"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"}