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

package/dist/CurriculumCard/Footer/index.js

@@ -1,54 +1,37 @@
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { BetaSticker } from '../../BetaSticker';
-import { BottomTag } from '../BottomTag/index';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Footer = ({
-  beta,
-  progressState,
-  tag,
-  tagColor,
-  footerTextVariant
-}) => {
-  if (progressState) {
-    return /*#__PURE__*/_jsxs(Box, {
-      mt: "auto",
-      children: [progressState === 'completed' && /*#__PURE__*/_jsx(Text, {
-        fontSize: 16,
-        fontFamily: "accent",
-        textColor: "yellow",
-        children: "Completed"
-      }), progressState === 'inProgress' && /*#__PURE__*/_jsxs(FlexBox, {
-        flexWrap: "wrap",
-        justifyContent: "space-between",
-        alignItems: "flex-end",
-        width: "100%",
-        children: [/*#__PURE__*/_jsx(Text, {
-          fontFamily: "accent",
-          fontSize: 14,
-          children: footerTextVariant === 'inProgress' ? 'In Progress...' : 'Enrolled...'
-        }), /*#__PURE__*/_jsx(Text, {
-          textColor: "hyper",
-          children: "Keep Going"
-        })]
-      })]
-    });
-  }
-  if (beta) {
-    return /*#__PURE__*/_jsx(Box, {
-      position: "absolute",
-      bottom: 0,
-      right: 0,
-      pb: 16,
-      pr: 16,
-      children: /*#__PURE__*/_jsx(BetaSticker, {})
-    });
-  }
-  if (tag && tagColor) {
-    return /*#__PURE__*/_jsx(BottomTag, {
-      text: tag,
-      color: tagColor
-    });
-  }
-  return null;
-};
+import { BetaSticker } from "../../BetaSticker/index.js";
+import { BottomTag } from "../BottomTag/index.js";
+import { Box, FlexBox, Text } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/CurriculumCard/Footer/index.tsx
+const Footer = ({ beta, progressState, tag, tagColor, footerTextVariant }) => {
+	if (progressState) return /* @__PURE__ */ React$1.createElement(Box, { mt: "auto" }, progressState === "completed" && /* @__PURE__ */ React$1.createElement(Text, {
+		fontSize: 16,
+		fontFamily: "accent",
+		textColor: "yellow"
+	}, "Completed"), progressState === "inProgress" && /* @__PURE__ */ React$1.createElement(FlexBox, {
+		flexWrap: "wrap",
+		justifyContent: "space-between",
+		alignItems: "flex-end",
+		width: "100%"
+	}, /* @__PURE__ */ React$1.createElement(Text, {
+		fontFamily: "accent",
+		fontSize: 14
+	}, footerTextVariant === "inProgress" ? "In Progress..." : "Enrolled..."), /* @__PURE__ */ React$1.createElement(Text, { textColor: "hyper" }, "Keep Going")));
+	if (beta) return /* @__PURE__ */ React$1.createElement(Box, {
+		position: "absolute",
+		bottom: 0,
+		right: 0,
+		pb: 16,
+		pr: 16
+	}, /* @__PURE__ */ React$1.createElement(BetaSticker, null));
+	if (tag && tagColor) return /* @__PURE__ */ React$1.createElement(BottomTag, {
+		text: tag,
+		color: tagColor
+	});
+	return null;
+};
+
+//#endregion
+export { Footer };
+//# sourceMappingURL=index.js.map

package/dist/CurriculumCard/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","FlexBox","Text","React","BetaSticker","BottomTag","Footer","beta","progressState","tag","tagColor","footerTextVariant","mt","fontSize","fontFamily","textColor","flexWrap","justifyContent","alignItems","width","position","bottom","right","pb","pr","text","color"],"sources":["../../../src/CurriculumCard/Footer/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { BetaSticker } from '../../BetaSticker';\nimport { BottomTag, TagColor } from '../BottomTag/index';\n\nexport type FooterProps = {\n  beta?: boolean;\n  progressState?: 'completed' | 'inProgress';\n  tag?: string;\n  tagColor?: TagColor;\n  footerTextVariant?: 'enrolled' | 'inProgress';\n};\n\nexport const Footer: React.FC<FooterProps> = ({\n  beta,\n  progressState,\n  tag,\n  tagColor,\n  footerTextVariant,\n}) => {\n  if (progressState) {\n    return (\n      <Box mt=\"auto\">\n        {progressState === 'completed' && (\n          <Text fontSize={16} fontFamily=\"accent\" textColor=\"yellow\">\n            Completed\n          </Text>\n        )}\n        {progressState === 'inProgress' && (\n          <FlexBox\n            flexWrap=\"wrap\"\n            justifyContent=\"space-between\"\n            alignItems=\"flex-end\"\n            width=\"100%\"\n          >\n            <Text fontFamily=\"accent\" fontSize={14}>\n              {footerTextVariant === 'inProgress'\n                ? 'In Progress...'\n                : 'Enrolled...'}\n            </Text>\n            <Text textColor=\"hyper\">Keep Going</Text>\n          </FlexBox>\n        )}\n      </Box>\n    );\n  }\n  if (beta) {\n    return (\n      <Box position=\"absolute\" bottom={0} right={0} pb={16} pr={16}>\n        <BetaSticker />\n      </Box>\n    );\n  }\n  if (tag && tagColor) {\n    return <BottomTag text={tag} color={tagColor} />;\n  }\n  return null;\n};\n"],"mappings":";;;;;;AAcA,MAAaM,UAAiC,EAC5CC,MACAC,eACAC,KACAC,UACAC,wBACD;AACC,KAAIH,cACF,QACE,wBAAA,cAACR,KAAAA,EAAIY,IAAG,UACLJ,kBAAkB,eACjB,wBAAA,cAACN,MAAAA;EAAKW,UAAU;EAAIC,YAAW;EAASC,WAAU;IAAS,YAAA,EAI5DP,kBAAkB,gBACjB,wBAAA,cAACP,SAAAA;EACCe,UAAS;EACTC,gBAAe;EACfC,YAAW;EACXC,OAAM;IAEN,wBAAA,cAACjB,MAAAA;EAAKY,YAAW;EAASD,UAAU;IACjCF,sBAAsB,eACnB,mBACA,cAAA,EAEN,wBAAA,cAACT,MAAAA,EAAKa,WAAU,WAAQ,aAAA,CAAA,CAAA;AAMlC,KAAIR,KACF,QACE,wBAAA,cAACP,KAAAA;EAAIoB,UAAS;EAAWC,QAAQ;EAAGC,OAAO;EAAGC,IAAI;EAAIC,IAAI;IACxD,wBAAA,cAACpB,aAAAA,KAAAA,CAAAA;AAIP,KAAIK,OAAOC,SACT,QAAO,wBAAA,cAACL,WAAAA;EAAUoB,MAAMhB;EAAKiB,OAAOhB;;AAEtC,QAAO"}

package/dist/CurriculumCard/Image/index.cjs

@@ -0,0 +1,52 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_components = require('../../remoteAssets/components.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_use = require("react-use");
+
+//#region src/CurriculumCard/Image/index.tsx
+const variants = (0, _codecademy_gamut_styles.variant)({
+	base: {
+		display: "block",
+		margin: "0 auto"
+	},
+	variants: {
+		default: { width: 160 },
+		small: { width: 111 }
+	}
+});
+const StyledImg = /* @__PURE__ */ (0, _emotion_styled.default)("img", {
+	target: "ekngfsm0",
+	label: "brand-StyledImg"
+})(variants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL0ltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL0ltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0LXVzZSc7XG5cbmltcG9ydCB7IEJBU0VfU1RBVElDX0FTU0VUX1BBVEggfSBmcm9tICcuLi8uLi9yZW1vdGVBc3NldHMvY29tcG9uZW50cyc7XG5cbmNvbnN0IHZhcmlhbnRzID0gdmFyaWFudCh7XG4gIGJhc2U6IHtcbiAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgIG1hcmdpbjogJzAgYXV0bycsXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgZGVmYXVsdDoge1xuICAgICAgd2lkdGg6IDE2MCxcbiAgICB9LFxuICAgIHNtYWxsOiB7XG4gICAgICB3aWR0aDogMTExLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZyh2YXJpYW50cyk7XG5cbnR5cGUgUHJvZ3Jlc3NTdGF0ZSA9ICdpblByb2dyZXNzJyB8ICdjb21wbGV0ZWQnO1xuXG5jb25zdCBnZXRQbGFjZWhvbGRlckFzc2V0UGF0aCA9IChwYXRoUHJvZ3Jlc3NTdGF0ZT86IFByb2dyZXNzU3RhdGUpID0+IHtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0ZSA9IHBhdGhQcm9ncmVzc1N0YXRlID8gYC0ke3BhdGhQcm9ncmVzc1N0YXRlfWAgOiAnJztcbiAgcmV0dXJuIGAke0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L2N1cnJpY3VsdW0vcGF0aC9wbGFjZWhvbGRlciR7cHJvZ3Jlc3NTdGF0ZX0uc3ZnYDtcbn07XG5cbmV4cG9ydCB0eXBlIEltYWdlUHJvcHMgPSB7XG4gIGltYWdlOiBzdHJpbmc7XG4gIHByb2dyZXNzU3RhdGU/OiBQcm9ncmVzc1N0YXRlO1xuICBpc1NtYWxsPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZTogUmVhY3QuRkM8SW1hZ2VQcm9wcz4gPSAoe1xuICBpbWFnZSxcbiAgcHJvZ3Jlc3NTdGF0ZSxcbiAgaXNTbWFsbCxcbn0pID0+IHtcbiAgY29uc3QgW3JlYWR5LCBzZXRSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtlcnJvciwgc2V0RXJyb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIC8qKiBEZWxheSBpbml0aWFsIHJlbmRlciBvbmNlIHRvIGVuc3VyZSB0aGF0IHJlaHlkcmF0aW9uIGRvZXMgbm90IGNvbmZsaWN0IHdpdGggcG9ydGFsIG1vdW50aW5nICovXG4gIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIHNldFJlYWR5KHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcpO1xuICB9LCBbXSk7XG5cbiAgaWYgKCFyZWFkeSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgYWRkRGVmYXVsdEltYWdlU291cmNlID0gKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGlmICghZXJyb3IpIHtcbiAgICAgIChldmVudC50YXJnZXQgYXMgSFRNTEltYWdlRWxlbWVudCkub25lcnJvciA9IG51bGw7XG4gICAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbWFnZUVsZW1lbnQpLnNyYyA9XG4gICAgICAgIGdldFBsYWNlaG9sZGVyQXNzZXRQYXRoKHByb2dyZXNzU3RhdGUpO1xuICAgICAgc2V0RXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltZ1xuICAgICAgdmFyaWFudD17aXNTbWFsbCA/ICdzbWFsbCcgOiAnZGVmYXVsdCd9XG4gICAgICBzcmM9e2ltYWdlfVxuICAgICAgYWx0PVwiXCJcbiAgICAgIG9uRXJyb3I9e2FkZERlZmF1bHRJbWFnZVNvdXJjZX1cbiAgICAvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtCIn0= */");
+const getPlaceholderAssetPath = (pathProgressState) => {
+	return `${require_components.BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${pathProgressState ? `-${pathProgressState}` : ""}.svg`;
+};
+const Image = ({ image, progressState, isSmall }) => {
+	const [ready, setReady] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(false);
+	/** Delay initial render once to ensure that rehydration does not conflict with portal mounting */ (0, react_use.useIsomorphicLayoutEffect)(() => {
+		setReady(typeof document !== "undefined");
+	}, []);
+	if (!ready) return null;
+	const addDefaultImageSource = (event) => {
+		if (!error) {
+			event.target.onerror = null;
+			event.target.src = getPlaceholderAssetPath(progressState);
+			setError(true);
+		}
+	};
+	return /* @__PURE__ */ react.createElement(StyledImg, {
+		variant: isSmall ? "small" : "default",
+		src: image,
+		alt: "",
+		onError: addDefaultImageSource
+	});
+};
+
+//#endregion
+exports.Image = Image;
+//# sourceMappingURL=index.cjs.map

package/dist/CurriculumCard/Image/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["variant","styled","useState","React","useIsomorphicLayoutEffect","BASE_STATIC_ASSET_PATH","variants","base","display","margin","default","width","small","StyledImg","getPlaceholderAssetPath","pathProgressState","progressState","Image","image","isSmall","ready","setReady","error","setError","document","addDefaultImageSource","event","target","onerror","src","alt","onError"],"sources":["../../../src/CurriculumCard/Image/index.tsx"],"sourcesContent":["import { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from 'react-use';\n\nimport { BASE_STATIC_ASSET_PATH } from '../../remoteAssets/components';\n\nconst variants = variant({\n  base: {\n    display: 'block',\n    margin: '0 auto',\n  },\n  variants: {\n    default: {\n      width: 160,\n    },\n    small: {\n      width: 111,\n    },\n  },\n});\n\nconst StyledImg = styled.img(variants);\n\ntype ProgressState = 'inProgress' | 'completed';\n\nconst getPlaceholderAssetPath = (pathProgressState?: ProgressState) => {\n  const progressState = pathProgressState ? `-${pathProgressState}` : '';\n  return `${BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${progressState}.svg`;\n};\n\nexport type ImageProps = {\n  image: string;\n  progressState?: ProgressState;\n  isSmall?: boolean;\n};\n\nexport const Image: React.FC<ImageProps> = ({\n  image,\n  progressState,\n  isSmall,\n}) => {\n  const [ready, setReady] = useState(false);\n  const [error, setError] = useState(false);\n\n  /** Delay initial render once to ensure that rehydration does not conflict with portal mounting */\n  useIsomorphicLayoutEffect(() => {\n    setReady(typeof document !== 'undefined');\n  }, []);\n\n  if (!ready) return null;\n\n  const addDefaultImageSource = (event: React.SyntheticEvent) => {\n    if (!error) {\n      (event.target as HTMLImageElement).onerror = null;\n      (event.target as HTMLImageElement).src =\n        getPlaceholderAssetPath(progressState);\n      setError(true);\n    }\n  };\n\n  return (\n    <StyledImg\n      variant={isSmall ? 'small' : 'default'}\n      src={image}\n      alt=\"\"\n      onError={addDefaultImageSource}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAMM,iDAAmB;CACvBC,MAAM;EACJC,SAAS;EACTC,QAAQ;EACV;CACAH,UAAU;EACRI,SAAS,EACPC,OAAO,KACT;EACAC,OAAO,EACLD,OAAO,KACT;EACF;CACF,CAAA;AAEA,MAAME,YAAYZ,6CAAAA,OAAAA;;;GAAWK,UAAAA,svFAAAA;AAI7B,MAAMQ,2BAA2BC,sBAAAA;AAE/B,QAAO,GAAGV,0CAAuB,8BADXU,oBAAoB,IAAIA,sBAAsB,GACS;;AAS/E,MAAaE,SAA+B,EAC1CC,OACAF,eACAG,cACD;CACC,MAAM,CAACC,OAAOC,gCAAqB,MAAA;CACnC,MAAM,CAACC,OAAOC,gCAAqB,MAAA;mGAGnCnB,gDAA0B;AACxBiB,WAAS,OAAOG,aAAa,YAAA;IAC5B,EAAE,CAAA;AAEL,KAAI,CAACJ,MAAO,QAAO;CAEnB,MAAMK,yBAAyBC,UAAAA;AAC7B,MAAI,CAACJ,OAAO;AACTI,SAAMC,OAA4BC,UAAU;AAC5CF,SAAMC,OAA4BE,MACjCf,wBAAwBE,cAAAA;AAC1BO,YAAS,KAAA;;;AAIb,QACE,sBAAA,cAACV,WAAAA;EACCb,SAASmB,UAAU,UAAU;EAC7BU,KAAKX;EACLY,KAAI;EACJC,SAASN"}

package/dist/CurriculumCard/Image/index.js

@@ -1,56 +1,50 @@
-import _styled from "@emotion/styled/base";
-import { variant } from '@codecademy/gamut-styles';
-import { useState } from 'react';
-import * as React from 'react';
-import { useIsomorphicLayoutEffect } from 'react-use';
-import { BASE_STATIC_ASSET_PATH } from '../../remoteAssets/components';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { BASE_STATIC_ASSET_PATH } from "../../remoteAssets/components.js";
+import { variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useState } from "react";
+import { useIsomorphicLayoutEffect } from "react-use";
+
+//#region src/CurriculumCard/Image/index.tsx
 const variants = variant({
-  base: {
-    display: 'block',
-    margin: '0 auto'
-  },
-  variants: {
-    default: {
-      width: 160
-    },
-    small: {
-      width: 111
-    }
-  }
+	base: {
+		display: "block",
+		margin: "0 auto"
+	},
+	variants: {
+		default: { width: 160 },
+		small: { width: 111 }
+	}
 });
-const StyledImg = /*#__PURE__*/_styled("img", {
-  target: "e17253uu0",
-  label: "StyledImg"
-})(variants, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DdXJyaWN1bHVtQ2FyZC9JbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ3VycmljdWx1bUNhcmQvSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5pbXBvcnQgeyBCQVNFX1NUQVRJQ19BU1NFVF9QQVRIIH0gZnJvbSAnLi4vLi4vcmVtb3RlQXNzZXRzL2NvbXBvbmVudHMnO1xuXG5jb25zdCB2YXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICBtYXJnaW46ICcwIGF1dG8nLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIGRlZmF1bHQ6IHtcbiAgICAgIHdpZHRoOiAxNjAsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgd2lkdGg6IDExMSxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcodmFyaWFudHMpO1xuXG50eXBlIFByb2dyZXNzU3RhdGUgPSAnaW5Qcm9ncmVzcycgfCAnY29tcGxldGVkJztcblxuY29uc3QgZ2V0UGxhY2Vob2xkZXJBc3NldFBhdGggPSAocGF0aFByb2dyZXNzU3RhdGU/OiBQcm9ncmVzc1N0YXRlKSA9PiB7XG4gIGNvbnN0IHByb2dyZXNzU3RhdGUgPSBwYXRoUHJvZ3Jlc3NTdGF0ZSA/IGAtJHtwYXRoUHJvZ3Jlc3NTdGF0ZX1gIDogJyc7XG4gIHJldHVybiBgJHtCQVNFX1NUQVRJQ19BU1NFVF9QQVRIfS9jdXJyaWN1bHVtL3BhdGgvcGxhY2Vob2xkZXIke3Byb2dyZXNzU3RhdGV9LnN2Z2A7XG59O1xuXG5leHBvcnQgdHlwZSBJbWFnZVByb3BzID0ge1xuICBpbWFnZTogc3RyaW5nO1xuICBwcm9ncmVzc1N0YXRlPzogUHJvZ3Jlc3NTdGF0ZTtcbiAgaXNTbWFsbD86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgSW1hZ2U6IFJlYWN0LkZDPEltYWdlUHJvcHM+ID0gKHtcbiAgaW1hZ2UsXG4gIHByb2dyZXNzU3RhdGUsXG4gIGlzU21hbGwsXG59KSA9PiB7XG4gIGNvbnN0IFtyZWFkeSwgc2V0UmVhZHldID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZXJyb3IsIHNldEVycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAvKiogRGVsYXkgaW5pdGlhbCByZW5kZXIgb25jZSB0byBlbnN1cmUgdGhhdCByZWh5ZHJhdGlvbiBkb2VzIG5vdCBjb25mbGljdCB3aXRoIHBvcnRhbCBtb3VudGluZyAqL1xuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBzZXRSZWFkeSh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKTtcbiAgfSwgW10pO1xuXG4gIGlmICghcmVhZHkpIHJldHVybiBudWxsO1xuXG4gIGNvbnN0IGFkZERlZmF1bHRJbWFnZVNvdXJjZSA9IChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICBpZiAoIWVycm9yKSB7XG4gICAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbWFnZUVsZW1lbnQpLm9uZXJyb3IgPSBudWxsO1xuICAgICAgKGV2ZW50LnRhcmdldCBhcyBIVE1MSW1hZ2VFbGVtZW50KS5zcmMgPVxuICAgICAgICBnZXRQbGFjZWhvbGRlckFzc2V0UGF0aChwcm9ncmVzc1N0YXRlKTtcbiAgICAgIHNldEVycm9yKHRydWUpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWdcbiAgICAgIHZhcmlhbnQ9e2lzU21hbGwgPyAnc21hbGwnIDogJ2RlZmF1bHQnfVxuICAgICAgc3JjPXtpbWFnZX1cbiAgICAgIGFsdD1cIlwiXG4gICAgICBvbkVycm9yPXthZGREZWZhdWx0SW1hZ2VTb3VyY2V9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */");
-const getPlaceholderAssetPath = pathProgressState => {
-  const progressState = pathProgressState ? `-${pathProgressState}` : '';
-  return `${BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${progressState}.svg`;
+const StyledImg = /* @__PURE__ */ styled("img", {
+	target: "ekngfsm0",
+	label: "brand-StyledImg"
+})(variants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL0ltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL0ltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0LXVzZSc7XG5cbmltcG9ydCB7IEJBU0VfU1RBVElDX0FTU0VUX1BBVEggfSBmcm9tICcuLi8uLi9yZW1vdGVBc3NldHMvY29tcG9uZW50cyc7XG5cbmNvbnN0IHZhcmlhbnRzID0gdmFyaWFudCh7XG4gIGJhc2U6IHtcbiAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgIG1hcmdpbjogJzAgYXV0bycsXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgZGVmYXVsdDoge1xuICAgICAgd2lkdGg6IDE2MCxcbiAgICB9LFxuICAgIHNtYWxsOiB7XG4gICAgICB3aWR0aDogMTExLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZyh2YXJpYW50cyk7XG5cbnR5cGUgUHJvZ3Jlc3NTdGF0ZSA9ICdpblByb2dyZXNzJyB8ICdjb21wbGV0ZWQnO1xuXG5jb25zdCBnZXRQbGFjZWhvbGRlckFzc2V0UGF0aCA9IChwYXRoUHJvZ3Jlc3NTdGF0ZT86IFByb2dyZXNzU3RhdGUpID0+IHtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0ZSA9IHBhdGhQcm9ncmVzc1N0YXRlID8gYC0ke3BhdGhQcm9ncmVzc1N0YXRlfWAgOiAnJztcbiAgcmV0dXJuIGAke0JBU0VfU1RBVElDX0FTU0VUX1BBVEh9L2N1cnJpY3VsdW0vcGF0aC9wbGFjZWhvbGRlciR7cHJvZ3Jlc3NTdGF0ZX0uc3ZnYDtcbn07XG5cbmV4cG9ydCB0eXBlIEltYWdlUHJvcHMgPSB7XG4gIGltYWdlOiBzdHJpbmc7XG4gIHByb2dyZXNzU3RhdGU/OiBQcm9ncmVzc1N0YXRlO1xuICBpc1NtYWxsPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZTogUmVhY3QuRkM8SW1hZ2VQcm9wcz4gPSAoe1xuICBpbWFnZSxcbiAgcHJvZ3Jlc3NTdGF0ZSxcbiAgaXNTbWFsbCxcbn0pID0+IHtcbiAgY29uc3QgW3JlYWR5LCBzZXRSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtlcnJvciwgc2V0RXJyb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIC8qKiBEZWxheSBpbml0aWFsIHJlbmRlciBvbmNlIHRvIGVuc3VyZSB0aGF0IHJlaHlkcmF0aW9uIGRvZXMgbm90IGNvbmZsaWN0IHdpdGggcG9ydGFsIG1vdW50aW5nICovXG4gIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIHNldFJlYWR5KHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcpO1xuICB9LCBbXSk7XG5cbiAgaWYgKCFyZWFkeSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgYWRkRGVmYXVsdEltYWdlU291cmNlID0gKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGlmICghZXJyb3IpIHtcbiAgICAgIChldmVudC50YXJnZXQgYXMgSFRNTEltYWdlRWxlbWVudCkub25lcnJvciA9IG51bGw7XG4gICAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbWFnZUVsZW1lbnQpLnNyYyA9XG4gICAgICAgIGdldFBsYWNlaG9sZGVyQXNzZXRQYXRoKHByb2dyZXNzU3RhdGUpO1xuICAgICAgc2V0RXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltZ1xuICAgICAgdmFyaWFudD17aXNTbWFsbCA/ICdzbWFsbCcgOiAnZGVmYXVsdCd9XG4gICAgICBzcmM9e2ltYWdlfVxuICAgICAgYWx0PVwiXCJcbiAgICAgIG9uRXJyb3I9e2FkZERlZmF1bHRJbWFnZVNvdXJjZX1cbiAgICAvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtCIn0= */");
+const getPlaceholderAssetPath = (pathProgressState) => {
+	return `${BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${pathProgressState ? `-${pathProgressState}` : ""}.svg`;
+};
+const Image = ({ image, progressState, isSmall }) => {
+	const [ready, setReady] = useState(false);
+	const [error, setError] = useState(false);
+	/** Delay initial render once to ensure that rehydration does not conflict with portal mounting */ useIsomorphicLayoutEffect(() => {
+		setReady(typeof document !== "undefined");
+	}, []);
+	if (!ready) return null;
+	const addDefaultImageSource = (event) => {
+		if (!error) {
+			event.target.onerror = null;
+			event.target.src = getPlaceholderAssetPath(progressState);
+			setError(true);
+		}
+	};
+	return /* @__PURE__ */ React$1.createElement(StyledImg, {
+		variant: isSmall ? "small" : "default",
+		src: image,
+		alt: "",
+		onError: addDefaultImageSource
+	});
 };
-export const Image = ({
-  image,
-  progressState,
-  isSmall
-}) => {
-  const [ready, setReady] = useState(false);
-  const [error, setError] = useState(false);
 
-  /** Delay initial render once to ensure that rehydration does not conflict with portal mounting */
-  useIsomorphicLayoutEffect(() => {
-    setReady(typeof document !== 'undefined');
-  }, []);
-  if (!ready) return null;
-  const addDefaultImageSource = event => {
-    if (!error) {
-      event.target.onerror = null;
-      event.target.src = getPlaceholderAssetPath(progressState);
-      setError(true);
-    }
-  };
-  return /*#__PURE__*/_jsx(StyledImg, {
-    variant: isSmall ? 'small' : 'default',
-    src: image,
-    alt: "",
-    onError: addDefaultImageSource
-  });
-};
+//#endregion
+export { Image };
+//# sourceMappingURL=index.js.map

package/dist/CurriculumCard/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["variant","styled","useState","React","useIsomorphicLayoutEffect","BASE_STATIC_ASSET_PATH","variants","base","display","margin","default","width","small","StyledImg","getPlaceholderAssetPath","pathProgressState","progressState","Image","image","isSmall","ready","setReady","error","setError","document","addDefaultImageSource","event","target","onerror","src","alt","onError"],"sources":["../../../src/CurriculumCard/Image/index.tsx"],"sourcesContent":["import { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from 'react-use';\n\nimport { BASE_STATIC_ASSET_PATH } from '../../remoteAssets/components';\n\nconst variants = variant({\n  base: {\n    display: 'block',\n    margin: '0 auto',\n  },\n  variants: {\n    default: {\n      width: 160,\n    },\n    small: {\n      width: 111,\n    },\n  },\n});\n\nconst StyledImg = styled.img(variants);\n\ntype ProgressState = 'inProgress' | 'completed';\n\nconst getPlaceholderAssetPath = (pathProgressState?: ProgressState) => {\n  const progressState = pathProgressState ? `-${pathProgressState}` : '';\n  return `${BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${progressState}.svg`;\n};\n\nexport type ImageProps = {\n  image: string;\n  progressState?: ProgressState;\n  isSmall?: boolean;\n};\n\nexport const Image: React.FC<ImageProps> = ({\n  image,\n  progressState,\n  isSmall,\n}) => {\n  const [ready, setReady] = useState(false);\n  const [error, setError] = useState(false);\n\n  /** Delay initial render once to ensure that rehydration does not conflict with portal mounting */\n  useIsomorphicLayoutEffect(() => {\n    setReady(typeof document !== 'undefined');\n  }, []);\n\n  if (!ready) return null;\n\n  const addDefaultImageSource = (event: React.SyntheticEvent) => {\n    if (!error) {\n      (event.target as HTMLImageElement).onerror = null;\n      (event.target as HTMLImageElement).src =\n        getPlaceholderAssetPath(progressState);\n      setError(true);\n    }\n  };\n\n  return (\n    <StyledImg\n      variant={isSmall ? 'small' : 'default'}\n      src={image}\n      alt=\"\"\n      onError={addDefaultImageSource}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAMM,WAAWN,QAAQ;CACvBO,MAAM;EACJC,SAAS;EACTC,QAAQ;EACV;CACAH,UAAU;EACRI,SAAS,EACPC,OAAO,KACT;EACAC,OAAO,EACLD,OAAO,KACT;EACF;CACF,CAAA;AAEA,MAAME,YAAYZ,uBAAAA,OAAAA;;;GAAWK,UAAAA,svFAAAA;AAI7B,MAAMQ,2BAA2BC,sBAAAA;AAE/B,QAAO,GAAGV,uBAAuB,8BADXU,oBAAoB,IAAIA,sBAAsB,GACS;;AAS/E,MAAaE,SAA+B,EAC1CC,OACAF,eACAG,cACD;CACC,MAAM,CAACC,OAAOC,YAAYnB,SAAS,MAAA;CACnC,MAAM,CAACoB,OAAOC,YAAYrB,SAAS,MAAA;mGAGnCE,iCAA0B;AACxBiB,WAAS,OAAOG,aAAa,YAAA;IAC5B,EAAE,CAAA;AAEL,KAAI,CAACJ,MAAO,QAAO;CAEnB,MAAMK,yBAAyBC,UAAAA;AAC7B,MAAI,CAACJ,OAAO;AACTI,SAAMC,OAA4BC,UAAU;AAC5CF,SAAMC,OAA4BE,MACjCf,wBAAwBE,cAAAA;AAC1BO,YAAS,KAAA;;;AAIb,QACE,wBAAA,cAACV,WAAAA;EACCb,SAASmB,UAAU,UAAU;EAC7BU,KAAKX;EACLY,KAAI;EACJC,SAASN"}

package/dist/CurriculumCard/Subtitle/helpers.cjs

@@ -0,0 +1,10 @@
+
+//#region src/CurriculumCard/Subtitle/helpers.tsx
+const pluralizeWithS = (scope, scopeCount) => {
+	if (scope.charAt(scope.length - 1) === "z") return `${scope}${scopeCount !== 1 ? "zes" : ""}`;
+	return `${scope}${scopeCount !== 1 ? "s" : ""}`;
+};
+
+//#endregion
+exports.pluralizeWithS = pluralizeWithS;
+//# sourceMappingURL=helpers.cjs.map

package/dist/CurriculumCard/Subtitle/helpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.cjs","names":["pluralizeWithS","scope","scopeCount","charAt","length"],"sources":["../../../src/CurriculumCard/Subtitle/helpers.tsx"],"sourcesContent":["/* Quick and easy credit: https://stackoverflow.com/a/39835908 */\nexport const pluralizeWithS = (scope: string, scopeCount: number) => {\n  // Out of all of our content types, only quizzes need a different way to be pluralized\n  if (scope.charAt(scope.length - 1) === 'z') {\n    return `${scope}${scopeCount !== 1 ? 'zes' : ''}`;\n  }\n\n  return `${scope}${scopeCount !== 1 ? 's' : ''}`;\n};\n"],"mappings":";;AACA,MAAaA,kBAAkBC,OAAeC,eAAAA;AAE5C,KAAID,MAAME,OAAOF,MAAMG,SAAS,EAAA,KAAO,IACrC,QAAO,GAAGH,QAAQC,eAAe,IAAI,QAAQ;AAG/C,QAAO,GAAGD,QAAQC,eAAe,IAAI,MAAM"}

package/dist/CurriculumCard/Subtitle/helpers.js

@@ -1,8 +1,9 @@
-/* Quick and easy credit: https://stackoverflow.com/a/39835908 */
-export const pluralizeWithS = (scope, scopeCount) => {
-  // Out of all of our content types, only quizzes need a different way to be pluralized
-  if (scope.charAt(scope.length - 1) === 'z') {
-    return `${scope}${scopeCount !== 1 ? 'zes' : ''}`;
-  }
-  return `${scope}${scopeCount !== 1 ? 's' : ''}`;
-};
+//#region src/CurriculumCard/Subtitle/helpers.tsx
+const pluralizeWithS = (scope, scopeCount) => {
+	if (scope.charAt(scope.length - 1) === "z") return `${scope}${scopeCount !== 1 ? "zes" : ""}`;
+	return `${scope}${scopeCount !== 1 ? "s" : ""}`;
+};
+
+//#endregion
+export { pluralizeWithS };
+//# sourceMappingURL=helpers.js.map

package/dist/CurriculumCard/Subtitle/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["pluralizeWithS","scope","scopeCount","charAt","length"],"sources":["../../../src/CurriculumCard/Subtitle/helpers.tsx"],"sourcesContent":["/* Quick and easy credit: https://stackoverflow.com/a/39835908 */\nexport const pluralizeWithS = (scope: string, scopeCount: number) => {\n  // Out of all of our content types, only quizzes need a different way to be pluralized\n  if (scope.charAt(scope.length - 1) === 'z') {\n    return `${scope}${scopeCount !== 1 ? 'zes' : ''}`;\n  }\n\n  return `${scope}${scopeCount !== 1 ? 's' : ''}`;\n};\n"],"mappings":";AACA,MAAaA,kBAAkBC,OAAeC,eAAAA;AAE5C,KAAID,MAAME,OAAOF,MAAMG,SAAS,EAAA,KAAO,IACrC,QAAO,GAAGH,QAAQC,eAAe,IAAI,QAAQ;AAG/C,QAAO,GAAGD,QAAQC,eAAe,IAAI,MAAM"}

package/dist/CurriculumCard/Subtitle/index.cjs

@@ -0,0 +1,29 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../Difficulty/index.cjs');
+const require_helpers = require('./helpers.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let lodash_capitalize = require("lodash/capitalize");
+lodash_capitalize = require_runtime.__toESM(lodash_capitalize);
+
+//#region src/CurriculumCard/Subtitle/index.tsx
+const Subtitle = ({ difficulty, scope, showAltSubtitle = false, difficultyVariant }) => {
+	const scopeToMap = Object.keys(scope).filter((val) => scope[val] > 0);
+	const separatingChar = showAltSubtitle ? "|" : ",";
+	return /* @__PURE__ */ react.createElement(react.Fragment, null, !showAltSubtitle && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		fontSize: 14,
+		alignItems: "center"
+	}, /* @__PURE__ */ react.createElement(require_index.Difficulty, {
+		variant: difficultyVariant,
+		difficulty
+	}), scopeToMap.length ? separatingChar : null), scopeToMap.map((scopeType, index) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		ml: showAltSubtitle && index === 0 ? 0 : 4,
+		variant: "p-small",
+		key: `${scopeType}-count`
+	}, /* @__PURE__ */ react.createElement("b", null, scope[scopeType]), " ", /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { textColor: "gray-900" }, (0, lodash_capitalize.default)(require_helpers.pluralizeWithS(scopeType, scope[scopeType]))), " ", index < scopeToMap.length - 1 && separatingChar, " ")));
+};
+
+//#endregion
+exports.Subtitle = Subtitle;
+//# sourceMappingURL=index.cjs.map

package/dist/CurriculumCard/Subtitle/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["FlexBox","Text","capitalize","React","Difficulty","pluralizeWithS","Subtitle","difficulty","scope","showAltSubtitle","difficultyVariant","scopeToMap","Object","keys","filter","val","separatingChar","fontSize","alignItems","variant","length","map","scopeType","index","ml","key","b","textColor"],"sources":["../../../src/CurriculumCard/Subtitle/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport capitalize from 'lodash/capitalize';\nimport * as React from 'react';\n\nimport { Difficulty } from '../Difficulty';\nimport { ContentDifficultyProps, DifficultyVariant } from '../Difficulty/types';\nimport { pluralizeWithS } from './helpers';\n\nexport type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {\n  scope: Record<string, number>;\n  showAltSubtitle?: boolean;\n  difficultyVariant?: DifficultyVariant;\n};\n\nexport const Subtitle: React.FC<SubtitleProps> = ({\n  difficulty,\n  scope,\n  showAltSubtitle = false,\n  difficultyVariant,\n}) => {\n  const scopeToMap = Object.keys(scope).filter((val) => scope[val] > 0);\n\n  const separatingChar = showAltSubtitle ? '|' : ',';\n\n  return (\n    <>\n      {!showAltSubtitle && (\n        <FlexBox fontSize={14} alignItems=\"center\">\n          <Difficulty variant={difficultyVariant} difficulty={difficulty} />\n          {scopeToMap.length ? separatingChar : null}\n        </FlexBox>\n      )}\n      {scopeToMap.map((scopeType, index) => (\n        <Text\n          ml={showAltSubtitle && index === 0 ? 0 : 4}\n          variant=\"p-small\"\n          key={`${scopeType}-count`}\n        >\n          <b>{scope[scopeType]}</b>{' '}\n          <Text textColor=\"gray-900\">\n            {capitalize(pluralizeWithS(scopeType, scope[scopeType]))}\n          </Text>{' '}\n          {index < scopeToMap.length - 1 && separatingChar}{' '}\n        </Text>\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAcA,MAAaM,YAAqC,EAChDC,YACAC,OACAC,kBAAkB,OAClBC,wBACD;CACC,MAAMC,aAAaC,OAAOC,KAAKL,MAAAA,CAAOM,QAAQC,QAAQP,MAAMO,OAAO,EAAA;CAEnE,MAAMC,iBAAiBP,kBAAkB,MAAM;AAE/C,QACE,sBAAA,cAAA,MAAA,UAAA,MACG,CAACA,mBACA,sBAAA,cAACT,2BAAAA;EAAQiB,UAAU;EAAIC,YAAW;IAChC,sBAAA,cAACd,0BAAAA;EAAWe,SAAST;EAA+BH;KACnDI,WAAWS,SAASJ,iBAAiB,KAAA,EAGzCL,WAAWU,KAAKC,WAAWC,UAC1B,sBAAA,cAACtB,wBAAAA;EACCuB,IAAIf,mBAAmBc,UAAU,IAAI,IAAI;EACzCJ,SAAQ;EACRM,KAAK,GAAGH,UAAU;IAElB,sBAAA,cAACI,KAAAA,MAAGlB,MAAMc,WAAU,EAAM,KAC1B,sBAAA,cAACrB,wBAAAA,EAAK0B,WAAU,6CACFtB,+BAAeiB,WAAWd,MAAMc,WAAU,CAAA,CAAA,EAChD,KACPC,QAAQZ,WAAWS,SAAS,KAAKJ,gBAAgB,IAAA,CAAA,CAAA"}

package/dist/CurriculumCard/Subtitle/index.d.cts

@@ -0,0 +1,11 @@
+import { ContentDifficultyProps, DifficultyVariant } from "../Difficulty/types.cjs";
+
+//#region src/CurriculumCard/Subtitle/index.d.ts
+type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {
+  scope: Record<string, number>;
+  showAltSubtitle?: boolean;
+  difficultyVariant?: DifficultyVariant;
+};
+//#endregion
+export { SubtitleProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/CurriculumCard/Subtitle/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/CurriculumCard/Subtitle/index.tsx"],"mappings":";;;KAQY,aAAA,GAAgB,IAAA,CAAK,sBAAA;EAC/B,KAAA,EAAO,MAAA;EACP,eAAA;EACA,iBAAA,GAAoB,iBAAA;AAAA"}

package/dist/CurriculumCard/Subtitle/index.d.ts

@@ -1,8 +1,12 @@
-import * as React from 'react';
-import { ContentDifficultyProps, DifficultyVariant } from '../Difficulty/types';
-export type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {
-    scope: Record<string, number>;
-    showAltSubtitle?: boolean;
-    difficultyVariant?: DifficultyVariant;
+import { ContentDifficultyProps, DifficultyVariant } from "../Difficulty/types.js";
+import "react";
+
+//#region src/CurriculumCard/Subtitle/index.d.ts
+type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {
+  scope: Record<string, number>;
+  showAltSubtitle?: boolean;
+  difficultyVariant?: DifficultyVariant;
 };
-export declare const Subtitle: React.FC<SubtitleProps>;
+//#endregion
+export { SubtitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/CurriculumCard/Subtitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/CurriculumCard/Subtitle/index.tsx"],"mappings":";;;;KAQY,aAAA,GAAgB,IAAA,CAAK,sBAAA;EAC/B,KAAA,EAAO,MAAA;EACP,eAAA;EACA,iBAAA,GAAoB,iBAAA;AAAA"}

package/dist/CurriculumCard/Subtitle/index.js

@@ -1,34 +1,26 @@
-import { FlexBox, Text } from '@codecademy/gamut';
-import capitalize from 'lodash/capitalize';
-import * as React from 'react';
-import { Difficulty } from '../Difficulty';
-import { pluralizeWithS } from './helpers';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const Subtitle = ({
-  difficulty,
-  scope,
-  showAltSubtitle = false,
-  difficultyVariant
-}) => {
-  const scopeToMap = Object.keys(scope).filter(val => scope[val] > 0);
-  const separatingChar = showAltSubtitle ? '|' : ',';
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!showAltSubtitle && /*#__PURE__*/_jsxs(FlexBox, {
-      fontSize: 14,
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Difficulty, {
-        variant: difficultyVariant,
-        difficulty: difficulty
-      }), scopeToMap.length ? separatingChar : null]
-    }), scopeToMap.map((scopeType, index) => /*#__PURE__*/_jsxs(Text, {
-      ml: showAltSubtitle && index === 0 ? 0 : 4,
-      variant: "p-small",
-      children: [/*#__PURE__*/_jsx("b", {
-        children: scope[scopeType]
-      }), ' ', /*#__PURE__*/_jsx(Text, {
-        textColor: "gray-900",
-        children: capitalize(pluralizeWithS(scopeType, scope[scopeType]))
-      }), ' ', index < scopeToMap.length - 1 && separatingChar, ' ']
-    }, `${scopeType}-count`))]
-  });
-};
+import { Difficulty } from "../Difficulty/index.js";
+import { pluralizeWithS } from "./helpers.js";
+import { FlexBox, Text } from "@codecademy/gamut";
+import * as React$1 from "react";
+import capitalize from "lodash/capitalize";
+
+//#region src/CurriculumCard/Subtitle/index.tsx
+const Subtitle = ({ difficulty, scope, showAltSubtitle = false, difficultyVariant }) => {
+	const scopeToMap = Object.keys(scope).filter((val) => scope[val] > 0);
+	const separatingChar = showAltSubtitle ? "|" : ",";
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !showAltSubtitle && /* @__PURE__ */ React$1.createElement(FlexBox, {
+		fontSize: 14,
+		alignItems: "center"
+	}, /* @__PURE__ */ React$1.createElement(Difficulty, {
+		variant: difficultyVariant,
+		difficulty
+	}), scopeToMap.length ? separatingChar : null), scopeToMap.map((scopeType, index) => /* @__PURE__ */ React$1.createElement(Text, {
+		ml: showAltSubtitle && index === 0 ? 0 : 4,
+		variant: "p-small",
+		key: `${scopeType}-count`
+	}, /* @__PURE__ */ React$1.createElement("b", null, scope[scopeType]), " ", /* @__PURE__ */ React$1.createElement(Text, { textColor: "gray-900" }, capitalize(pluralizeWithS(scopeType, scope[scopeType]))), " ", index < scopeToMap.length - 1 && separatingChar, " ")));
+};
+
+//#endregion
+export { Subtitle };
+//# sourceMappingURL=index.js.map

package/dist/CurriculumCard/Subtitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FlexBox","Text","capitalize","React","Difficulty","pluralizeWithS","Subtitle","difficulty","scope","showAltSubtitle","difficultyVariant","scopeToMap","Object","keys","filter","val","separatingChar","fontSize","alignItems","variant","length","map","scopeType","index","ml","key","b","textColor"],"sources":["../../../src/CurriculumCard/Subtitle/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport capitalize from 'lodash/capitalize';\nimport * as React from 'react';\n\nimport { Difficulty } from '../Difficulty';\nimport { ContentDifficultyProps, DifficultyVariant } from '../Difficulty/types';\nimport { pluralizeWithS } from './helpers';\n\nexport type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {\n  scope: Record<string, number>;\n  showAltSubtitle?: boolean;\n  difficultyVariant?: DifficultyVariant;\n};\n\nexport const Subtitle: React.FC<SubtitleProps> = ({\n  difficulty,\n  scope,\n  showAltSubtitle = false,\n  difficultyVariant,\n}) => {\n  const scopeToMap = Object.keys(scope).filter((val) => scope[val] > 0);\n\n  const separatingChar = showAltSubtitle ? '|' : ',';\n\n  return (\n    <>\n      {!showAltSubtitle && (\n        <FlexBox fontSize={14} alignItems=\"center\">\n          <Difficulty variant={difficultyVariant} difficulty={difficulty} />\n          {scopeToMap.length ? separatingChar : null}\n        </FlexBox>\n      )}\n      {scopeToMap.map((scopeType, index) => (\n        <Text\n          ml={showAltSubtitle && index === 0 ? 0 : 4}\n          variant=\"p-small\"\n          key={`${scopeType}-count`}\n        >\n          <b>{scope[scopeType]}</b>{' '}\n          <Text textColor=\"gray-900\">\n            {capitalize(pluralizeWithS(scopeType, scope[scopeType]))}\n          </Text>{' '}\n          {index < scopeToMap.length - 1 && separatingChar}{' '}\n        </Text>\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAcA,MAAaM,YAAqC,EAChDC,YACAC,OACAC,kBAAkB,OAClBC,wBACD;CACC,MAAMC,aAAaC,OAAOC,KAAKL,MAAAA,CAAOM,QAAQC,QAAQP,MAAMO,OAAO,EAAA;CAEnE,MAAMC,iBAAiBP,kBAAkB,MAAM;AAE/C,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,CAACA,mBACA,wBAAA,cAACT,SAAAA;EAAQiB,UAAU;EAAIC,YAAW;IAChC,wBAAA,cAACd,YAAAA;EAAWe,SAAST;EAA+BH;KACnDI,WAAWS,SAASJ,iBAAiB,KAAA,EAGzCL,WAAWU,KAAKC,WAAWC,UAC1B,wBAAA,cAACtB,MAAAA;EACCuB,IAAIf,mBAAmBc,UAAU,IAAI,IAAI;EACzCJ,SAAQ;EACRM,KAAK,GAAGH,UAAU;IAElB,wBAAA,cAACI,KAAAA,MAAGlB,MAAMc,WAAU,EAAM,KAC1B,wBAAA,cAACrB,MAAAA,EAAK0B,WAAU,cACbzB,WAAWG,eAAeiB,WAAWd,MAAMc,WAAU,CAAA,CAAA,EAChD,KACPC,QAAQZ,WAAWS,SAAS,KAAKJ,gBAAgB,IAAA,CAAA,CAAA"}

package/dist/CurriculumCard/index.cjs

@@ -0,0 +1,105 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('./Footer/index.cjs');
+const require_index$1 = require('./Image/index.cjs');
+const require_index$2 = require('./Subtitle/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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/CurriculumCard/index.tsx
+const cardHeight = 180;
+const cardStyles = {
+	inProgress: "yellow",
+	completed: "navy"
+};
+const LineDecoration = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e1v380j50",
+	label: "brand-LineDecoration"
+})("border-top:1px solid\n    ", ({ inProgress }) => inProgress ? _codecademy_gamut_styles.theme.colors.navy : _codecademy_gamut_styles.theme.colors["navy-200"], ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0N1cnJpY3VsdW1DYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIENhcmQsIEZsZXhCb3gsIEhlYWRpbmdUYWdzLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgcHhSZW0sIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRhZ0NvbG9yIH0gZnJvbSAnLi9Cb3R0b21UYWcvaW5kZXgnO1xuaW1wb3J0IHsgRm9vdGVyIH0gZnJvbSAnLi9Gb290ZXIvaW5kZXgnO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tICcuL0ltYWdlL2luZGV4JztcbmltcG9ydCB7IFN1YnRpdGxlLCBTdWJ0aXRsZVByb3BzIH0gZnJvbSAnLi9TdWJ0aXRsZSc7XG5cbmV4cG9ydCB0eXBlIFByb2dyZXNzU3RhdGUgPSAnaW5Qcm9ncmVzcycgfCAnY29tcGxldGVkJztcblxuZXhwb3J0IHR5cGUgRm9vdGVyVGV4dFZhcmlhbnRUeXBlID0gJ2Vucm9sbGVkJyB8ICdpblByb2dyZXNzJztcblxuY29uc3QgY2FyZEhlaWdodCA9IDE4MDtcblxuY29uc3QgY2FyZFN0eWxlcyA9IHtcbiAgaW5Qcm9ncmVzczogJ3llbGxvdycsXG4gIGNvbXBsZXRlZDogJ25hdnknLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgQ2FyZFByb3BzID0gUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIENhcmQ+O1xuXG5leHBvcnQgdHlwZSBDdXJyaWN1bHVtQ2FyZFByb3BzID0gU3VidGl0bGVQcm9wcyAmIHtcbiAgYmV0YT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBEaXNwbGF5cyB0aGUgY3VycmljdWx1bSB0eXBlIGFib3ZlIHRoZSB0aXRsZVxuICAgKi9cbiAgdGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBpc1N0YXRpY1NpemU/OiBib29sZWFuO1xuICBwcm9ncmVzc1N0YXRlPzogUHJvZ3Jlc3NTdGF0ZTtcbiAgc2hvd1Byb0xvZ28/OiBib29sZWFuO1xuICB0YWc/OiBzdHJpbmc7XG4gIHRhZ0NvbG9yPzogVGFnQ29sb3I7XG4gIHNob3dBbHRTdWJ0aXRsZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBDaGFuZ2VzIEluIFByb2dyZXNzIGNhcmQgZm9vdGVyIHRleHQgZnJvbSBcIkVucm9sbGVkLi4uXCIgdG8gXCJJbiBQcm9ncmVzcy4uLlwiXG4gICAqL1xuICBmb290ZXJUZXh0VmFyaWFudD86IEZvb3RlclRleHRWYXJpYW50VHlwZTtcbiAgLyoqXG4gICAqIG9wdGlvbmFsIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IGNhcmQgc3VidGl0bGVcbiAgICovXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAvKipcbiAgICogYWxsb3dzIGRlc2NyaXB0aW9uIHRvIGJlIHNob3duIGluIGNhcmQgYm9keS5cbiAgICovXG4gIHNob3dEZXNjcmlwdGlvbj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBjYXJlZXIgcGF0aCBjYXJkcyBhcmUgZGlzcGxheWVkIHdpdGggYSB2YXJpYW50IHN0eWxlIC8gZGVjb3JhdGl2ZSBlbGVtZW50XG4gICAqL1xuICBzaG93Q2FyZWVyUGF0aFZhcmlhbnQ/OiBib29sZWFuO1xuICAvKipcbiAgICogZGlzcGxheXMgaW5uZXIgY29udGVudCB3aXRoIGEgaG9yaXpvbnRhbCBvcmllbnRhdGlvblxuICAgKi9cbiAgaG9yaXpvbnRhbE9yaWVudGF0aW9uPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogY3VzdG9tIG1pbmltdW0gaGVpZ2h0IGZvciBjdXJyaWN1bHVtIGNhcmQgaW4gcGl4ZWxzXG4gICAqL1xuICBtaW5IZWlnaHQ/OiBDYXJkUHJvcHNbJ21pbkhlaWdodCddO1xuICAvKipcbiAgICogY3VzdG9tIG1pbmltdW0gd2lkdGggZm9yIGN1cnJpY3VsdW0gY2FyZCBpbiBwaXhlbHNcbiAgICovXG4gIG1pbldpZHRoPzogQ2FyZFByb3BzWydtaW5XaWR0aCddO1xufTtcblxuY29uc3QgTGluZURlY29yYXRpb24gPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkXG4gICAgJHsoeyBpblByb2dyZXNzIH06IHsgaW5Qcm9ncmVzcz86IGJvb2xlYW4gfSkgPT5cbiAgICAgIGluUHJvZ3Jlc3MgPyB0aGVtZS5jb2xvcnMubmF2eSA6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXX07XG5gO1xuXG4vKipcbiAqXG4gKiBAZGVwcmVjYXRlZCAgVGhpcyBjb21wb25lbnQgaXMgZGVwcmVjYXRlZFxuICpcbiAqIFBsZWFzZSB1c2UgdGhlIENhcmVlclBhdGhDYXJkLCBTa2lsbFBhdGhDYXJkLCBvciBDb3Vyc2VDYXJkIGluc3RlYWRcbiAqL1xuXG5leHBvcnQgY29uc3QgQ3VycmljdWx1bUNhcmQ6IFJlYWN0LkZDPEN1cnJpY3VsdW1DYXJkUHJvcHM+ID0gKHtcbiAgYmV0YSxcbiAgZGlmZmljdWx0eSxcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbCA9ICdoMycsXG4gIGltYWdlLFxuICBpc0Z1bGxTaXplID0gZmFsc2UsXG4gIGlzU3RhdGljU2l6ZSA9IGZhbHNlLFxuICBwcm9ncmVzc1N0YXRlLFxuICBzY29wZSxcbiAgdGFnLFxuICB0YWdDb2xvcixcbiAgdGV4dCxcbiAgdGl0bGUsXG4gIHNob3dDYXJlZXJQYXRoVmFyaWFudCxcbiAgc2hvd0FsdFN1YnRpdGxlID0gZmFsc2UsXG4gIGZvb3RlclRleHRWYXJpYW50ID0gJ2Vucm9sbGVkJyxcbiAgc2hvd0Rlc2NyaXB0aW9uLFxuICBkaWZmaWN1bHR5VmFyaWFudCxcbiAgaG9yaXpvbnRhbE9yaWVudGF0aW9uLFxuICBtaW5IZWlnaHQsXG4gIG1pbldpZHRoLFxuICBzaG93UHJvTG9nbzogcHJvLFxufSkgPT4ge1xuICBjb25zdCBib3hWYXJpYW50ID0gcHJvZ3Jlc3NTdGF0ZSAmJiBjYXJkU3R5bGVzW3Byb2dyZXNzU3RhdGVdO1xuXG4gIGNvbnN0IGlzQ2FyZWVyUGF0aFZhcmlhbnQgPVxuICAgIHRleHQudG9Mb3dlckNhc2UoKSA9PT0gJ2NhcmVlciBwYXRoJyAmJiBzaG93Q2FyZWVyUGF0aFZhcmlhbnQ7XG5cbiAgY29uc3QgbWluaW11bUhlaWdodCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChtaW5IZWlnaHQpIHJldHVybiBtaW5IZWlnaHQ7XG4gICAgcmV0dXJuIGlzU3RhdGljU2l6ZVxuICAgICAgPyBweFJlbSgyODUpXG4gICAgICA6IGlzRnVsbFNpemVcbiAgICAgID8gcHhSZW0oY2FyZEhlaWdodCAqIDIgKyAzMilcbiAgICAgIDogcHhSZW0oY2FyZEhlaWdodCk7XG4gIH0sIFtpc0Z1bGxTaXplLCBpc1N0YXRpY1NpemUsIG1pbkhlaWdodF0pO1xuXG4gIGNvbnN0IGNvbnRlbnRUeXBlID0gdGV4dCA9PT0gJ0NvdXJzZScgJiYgIXBybyA/ICdGcmVlIENvdXJzZScgOiB0ZXh0O1xuICByZXR1cm4gKFxuICAgIDxDYXJkXG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXt7XG4gICAgICAgIF86ICdjb2x1bW4nLFxuICAgICAgICB4czogaG9yaXpvbnRhbE9yaWVudGF0aW9uID8gJ3JvdycgOiAnY29sdW1uJyxcbiAgICAgIH19XG4gICAgICBtaW5IZWlnaHQ9e21pbmltdW1IZWlnaHR9XG4gICAgICBtaW5XaWR0aD17bWluV2lkdGh9XG4gICAgICB2YXJpYW50PXtib3hWYXJpYW50ID8/ICd3aGl0ZSd9XG4gICAgICBpc0ludGVyYWN0aXZlXG4gICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtob3Jpem9udGFsT3JpZW50YXRpb24gPyA0MTggOiAnbm9uZSd9XG4gICAgICAgIHByPXt7IF86IDAsIHhzOiBob3Jpem9udGFsT3JpZW50YXRpb24gPyA0MCA6IDAgfX1cbiAgICAgID5cbiAgICAgICAgPFRleHQgZGlzcGxheT1cImZsZXhcIiBmb250U2l6ZT17MTR9IG1iPXsxMn0gZm9udEZhbWlseT1cImFjY2VudFwiPlxuICAgICAgICAgIHtjb250ZW50VHlwZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBhcz17aGVhZGluZ0xldmVsfSBtYj17NH0gZm9udFNpemU9ezIwfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgeyFwcm9ncmVzc1N0YXRlICYmIChcbiAgICAgICAgICA8RmxleEJveCBmbGV4V3JhcD1cIndyYXBcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8U3VidGl0bGVcbiAgICAgICAgICAgICAgc2NvcGU9e3Njb3BlfVxuICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtkaWZmaWN1bHR5fVxuICAgICAgICAgICAgICBzaG93QWx0U3VidGl0bGU9e3Nob3dBbHRTdWJ0aXRsZX1cbiAgICAgICAgICAgICAgZGlmZmljdWx0eVZhcmlhbnQ9e2RpZmZpY3VsdHlWYXJpYW50fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpc0NhcmVlclBhdGhWYXJpYW50ICYmIChcbiAgICAgICAgICA8TGluZURlY29yYXRpb24gaW5Qcm9ncmVzcz17cHJvZ3Jlc3NTdGF0ZSA9PT0gJ2luUHJvZ3Jlc3MnfSBteT17OH0gLz5cbiAgICAgICAgKX1cbiAgICAgICAgeyhpc0NhcmVlclBhdGhWYXJpYW50IHx8IHNob3dEZXNjcmlwdGlvbikgJiYgKFxuICAgICAgICAgIDxUZXh0IHB0PXs4fSBwYj17MTZ9IGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7aXNGdWxsU2l6ZSAmJiBpbWFnZSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgbXk9XCJhdXRvXCJcbiAgICAgICAgICBtbD1cImF1dG9cIlxuICAgICAgICAgIG1yPXtob3Jpem9udGFsT3JpZW50YXRpb24gPyAwIDogJ2F1dG8nfVxuICAgICAgICAgIHB0PXsxNn1cbiAgICAgICAgICBwYj17aXNDYXJlZXJQYXRoVmFyaWFudCA/IDMyIDogMH1cbiAgICAgICAgICBwcj17eyBfOiAwLCB4czogaG9yaXpvbnRhbE9yaWVudGF0aW9uID8gMjQgOiAwIH19XG4gICAgICAgID5cbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGlzU21hbGw9e2lzQ2FyZWVyUGF0aFZhcmlhbnR9XG4gICAgICAgICAgICBpbWFnZT17aW1hZ2V9XG4gICAgICAgICAgICBwcm9ncmVzc1N0YXRlPXtwcm9ncmVzc1N0YXRlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgICA8Rm9vdGVyXG4gICAgICAgIGJldGE9e2JldGF9XG4gICAgICAgIHByb2dyZXNzU3RhdGU9e3Byb2dyZXNzU3RhdGV9XG4gICAgICAgIHRhZz17dGFnfVxuICAgICAgICB0YWdDb2xvcj17dGFnQ29sb3J9XG4gICAgICAgIGZvb3RlclRleHRWYXJpYW50PXtmb290ZXJUZXh0VmFyaWFudH1cbiAgICAgIC8+XG4gICAgPC9DYXJkPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RXVCIn0= */");
+/**
+*
+* @deprecated  This component is deprecated
+*
+* Please use the CareerPathCard, SkillPathCard, or CourseCard instead
+*/ const CurriculumCard = ({ beta, difficulty, description, headingLevel = "h3", image, isFullSize = false, isStaticSize = false, progressState, scope, tag, tagColor, text, title, showCareerPathVariant, showAltSubtitle = false, footerTextVariant = "enrolled", showDescription, difficultyVariant, horizontalOrientation, minHeight, minWidth, showProLogo: pro }) => {
+	const boxVariant = progressState && cardStyles[progressState];
+	const isCareerPathVariant = text.toLowerCase() === "career path" && showCareerPathVariant;
+	const minimumHeight = (0, react.useMemo)(() => {
+		if (minHeight) return minHeight;
+		return isStaticSize ? (0, _codecademy_gamut_styles.pxRem)(285) : isFullSize ? (0, _codecademy_gamut_styles.pxRem)(cardHeight * 2 + 32) : (0, _codecademy_gamut_styles.pxRem)(cardHeight);
+	}, [
+		isFullSize,
+		isStaticSize,
+		minHeight
+	]);
+	const contentType = text === "Course" && !pro ? "Free Course" : text;
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Card, {
+		display: "flex",
+		flexDirection: {
+			_: "column",
+			xs: horizontalOrientation ? "row" : "column"
+		},
+		minHeight: minimumHeight,
+		minWidth,
+		variant: boxVariant ?? "white",
+		isInteractive: true,
+		position: "relative"
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+		maxWidth: horizontalOrientation ? 418 : "none",
+		pr: {
+			_: 0,
+			xs: horizontalOrientation ? 40 : 0
+		}
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		display: "flex",
+		fontSize: 14,
+		mb: 12,
+		fontFamily: "accent"
+	}, contentType), /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		as: headingLevel,
+		mb: 4,
+		fontSize: 20
+	}, title), !progressState && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		flexWrap: "wrap",
+		alignItems: "center"
+	}, /* @__PURE__ */ react.createElement(require_index$2.Subtitle, {
+		scope,
+		difficulty,
+		showAltSubtitle,
+		difficultyVariant
+	})), isCareerPathVariant && /* @__PURE__ */ react.createElement(LineDecoration, {
+		inProgress: progressState === "inProgress",
+		my: 8
+	}), (isCareerPathVariant || showDescription) && /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		pt: 8,
+		pb: 16,
+		fontSize: 14
+	}, description)), isFullSize && image && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		my: "auto",
+		ml: "auto",
+		mr: horizontalOrientation ? 0 : "auto",
+		pt: 16,
+		pb: isCareerPathVariant ? 32 : 0,
+		pr: {
+			_: 0,
+			xs: horizontalOrientation ? 24 : 0
+		}
+	}, /* @__PURE__ */ react.createElement(require_index$1.Image, {
+		isSmall: isCareerPathVariant,
+		image,
+		progressState
+	})), /* @__PURE__ */ react.createElement(require_index.Footer, {
+		beta,
+		progressState,
+		tag,
+		tagColor,
+		footerTextVariant
+	}));
+};
+
+//#endregion
+exports.CurriculumCard = CurriculumCard;
+//# sourceMappingURL=index.cjs.map