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

package/dist/CurriculumCard/Difficulty/index.cjs

@@ -0,0 +1,45 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_types = require('./types.cjs');
+const require_helpers = require('./helpers.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lodash_times = require("lodash/times");
+lodash_times = require_rolldown_runtime.__toESM(lodash_times);
+let lodash_uniqueId = require("lodash/uniqueId");
+lodash_uniqueId = require_rolldown_runtime.__toESM(lodash_uniqueId);
+
+//#region src/CurriculumCard/Difficulty/index.tsx
+const DifficultySpan = (0, _emotion_styled.default)(_codecademy_gamut.Box)(_codecademy_gamut_styles.system.variant({
+	base: {
+		display: "inline-block",
+		marginRight: (0, _codecademy_gamut_styles.pxRem)(4),
+		verticalAlign: "middle",
+		border: 1,
+		background: _codecademy_gamut_styles.theme.colors.navy,
+		marginBottom: (0, _codecademy_gamut_styles.pxRem)(1),
+		borderRadius: "full"
+	},
+	defaultVariant: "small",
+	variants: {
+		small: {
+			width: (0, _codecademy_gamut_styles.pxRem)(8),
+			height: (0, _codecademy_gamut_styles.pxRem)(8)
+		},
+		medium: {
+			width: (0, _codecademy_gamut_styles.pxRem)(10),
+			height: (0, _codecademy_gamut_styles.pxRem)(10)
+		}
+	}
+}));
+const Difficulty = ({ difficulty, variant }) => {
+	const difficultyNumber = require_helpers.getDifficultyNumber(difficulty);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, lodash_times.default)(difficultyNumber + 1, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DifficultySpan, { variant }, (0, lodash_uniqueId.default)())), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: require_types.DifficultyString[difficultyNumber] })] });
+};
+
+//#endregion
+exports.Difficulty = Difficulty;

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

@@ -0,0 +1,7 @@
+import { ContentDifficultyProps } from "./types.cjs";
+import * as React$1 from "react";
+
+//#region src/CurriculumCard/Difficulty/index.d.ts
+declare const Difficulty: React$1.FC<ContentDifficultyProps>;
+//#endregion
+export { Difficulty };

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

@@ -1,3 +1,7 @@
-import * as React from 'react';
-import { ContentDifficultyProps } from './types';
-export declare const Difficulty: React.FC<ContentDifficultyProps>;
+import { ContentDifficultyProps } from "./types.js";
+import * as React$1 from "react";
+
+//#region src/CurriculumCard/Difficulty/index.d.ts
+declare const Difficulty: React$1.FC<ContentDifficultyProps>;
+//#endregion
+export { Difficulty };

package/dist/CurriculumCard/Difficulty/index.js

@@ -1,47 +1,40 @@
-import _styled from "@emotion/styled/base";
-import { Box, Text } from '@codecademy/gamut';
-import { pxRem, system, theme } from '@codecademy/gamut-styles';
-import times from 'lodash/times';
-import uniqueId from 'lodash/uniqueId';
-import * as React from 'react';
-import { getDifficultyNumber } from './helpers';
-import { DifficultyString } from './types';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const DifficultySpan = /*#__PURE__*/_styled(Box, {
-  target: "e1ygnflb0",
-  label: "DifficultySpan"
-})(system.variant({
-  base: {
-    display: 'inline-block',
-    marginRight: pxRem(4),
-    verticalAlign: 'middle',
-    border: 1,
-    background: theme.colors.navy,
-    marginBottom: pxRem(1),
-    borderRadius: 'full'
-  },
-  defaultVariant: 'small',
-  variants: {
-    small: {
-      width: pxRem(8),
-      height: pxRem(8)
-    },
-    medium: {
-      width: pxRem(10),
-      height: pxRem(10)
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DdXJyaWN1bHVtQ2FyZC9EaWZmaWN1bHR5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVdUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0N1cnJpY3VsdW1DYXJkL0RpZmZpY3VsdHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgcHhSZW0sIHN5c3RlbSwgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHRpbWVzIGZyb20gJ2xvZGFzaC90aW1lcyc7XG5pbXBvcnQgdW5pcXVlSWQgZnJvbSAnbG9kYXNoL3VuaXF1ZUlkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0RGlmZmljdWx0eU51bWJlciB9IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBDb250ZW50RGlmZmljdWx0eVByb3BzLCBEaWZmaWN1bHR5U3RyaW5nIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IERpZmZpY3VsdHlTcGFuID0gc3R5bGVkKEJveCkoXG4gIHN5c3RlbS52YXJpYW50KHtcbiAgICBiYXNlOiB7XG4gICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgIG1hcmdpblJpZ2h0OiBweFJlbSg0KSxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgYm9yZGVyOiAxLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLm5hdnksXG4gICAgICBtYXJnaW5Cb3R0b206IHB4UmVtKDEpLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgfSxcbiAgICBkZWZhdWx0VmFyaWFudDogJ3NtYWxsJyxcbiAgICB2YXJpYW50czoge1xuICAgICAgc21hbGw6IHtcbiAgICAgICAgd2lkdGg6IHB4UmVtKDgpLFxuICAgICAgICBoZWlnaHQ6IHB4UmVtKDgpLFxuICAgICAgfSxcbiAgICAgIG1lZGl1bToge1xuICAgICAgICB3aWR0aDogcHhSZW0oMTApLFxuICAgICAgICBoZWlnaHQ6IHB4UmVtKDEwKSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaWZmaWN1bHR5OiBSZWFjdC5GQzxDb250ZW50RGlmZmljdWx0eVByb3BzPiA9ICh7XG4gIGRpZmZpY3VsdHksXG4gIHZhcmlhbnQsXG59KSA9PiB7XG4gIGNvbnN0IGRpZmZpY3VsdHlOdW1iZXIgPSBnZXREaWZmaWN1bHR5TnVtYmVyKGRpZmZpY3VsdHkpO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHt0aW1lcyhkaWZmaWN1bHR5TnVtYmVyICsgMSwgKCkgPT4gKFxuICAgICAgICA8RGlmZmljdWx0eVNwYW4ga2V5PXt1bmlxdWVJZCgpfSB2YXJpYW50PXt2YXJpYW50fSAvPlxuICAgICAgKSl9XG4gICAgICA8VGV4dD57RGlmZmljdWx0eVN0cmluZ1tkaWZmaWN1bHR5TnVtYmVyXX08L1RleHQ+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
-export const Difficulty = ({
-  difficulty,
-  variant
-}) => {
-  const difficultyNumber = getDifficultyNumber(difficulty);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [times(difficultyNumber + 1, () => /*#__PURE__*/_jsx(DifficultySpan, {
-      variant: variant
-    }, uniqueId())), /*#__PURE__*/_jsx(Text, {
-      children: DifficultyString[difficultyNumber]
-    })]
-  });
-};
+import { DifficultyString } from "./types.js";
+import { getDifficultyNumber } from "./helpers.js";
+import { Box, Text } from "@codecademy/gamut";
+import { pxRem, system, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import times from "lodash/times";
+import uniqueId from "lodash/uniqueId";
+
+//#region src/CurriculumCard/Difficulty/index.tsx
+const DifficultySpan = styled(Box)(system.variant({
+	base: {
+		display: "inline-block",
+		marginRight: pxRem(4),
+		verticalAlign: "middle",
+		border: 1,
+		background: theme.colors.navy,
+		marginBottom: pxRem(1),
+		borderRadius: "full"
+	},
+	defaultVariant: "small",
+	variants: {
+		small: {
+			width: pxRem(8),
+			height: pxRem(8)
+		},
+		medium: {
+			width: pxRem(10),
+			height: pxRem(10)
+		}
+	}
+}));
+const Difficulty = ({ difficulty, variant: variant$1 }) => {
+	const difficultyNumber = getDifficultyNumber(difficulty);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [times(difficultyNumber + 1, () => /* @__PURE__ */ jsx(DifficultySpan, { variant: variant$1 }, uniqueId())), /* @__PURE__ */ jsx(Text, { children: DifficultyString[difficultyNumber] })] });
+};
+
+//#endregion
+export { Difficulty };

package/dist/CurriculumCard/Difficulty/types.cjs

@@ -0,0 +1,21 @@
+
+//#region src/CurriculumCard/Difficulty/types.ts
+/**
+* Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
+*/
+let ContainerDifficulty = /* @__PURE__ */ function(ContainerDifficulty$1) {
+	ContainerDifficulty$1["Beginner"] = "Beginner";
+	ContainerDifficulty$1["Intermediate"] = "Intermediate";
+	ContainerDifficulty$1["Advanced"] = "Advanced";
+	return ContainerDifficulty$1;
+}({});
+let DifficultyString = /* @__PURE__ */ function(DifficultyString$1) {
+	DifficultyString$1[DifficultyString$1["Beginner friendly"] = 0] = "Beginner friendly";
+	DifficultyString$1[DifficultyString$1["Intermediate"] = 1] = "Intermediate";
+	DifficultyString$1[DifficultyString$1["Advanced"] = 2] = "Advanced";
+	return DifficultyString$1;
+}({});
+
+//#endregion
+exports.ContainerDifficulty = ContainerDifficulty;
+exports.DifficultyString = DifficultyString;

package/dist/CurriculumCard/Difficulty/types.d.cts

@@ -0,0 +1,25 @@
+//#region src/CurriculumCard/Difficulty/types.d.ts
+/**
+ * Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
+ */
+declare enum ContainerDifficulty {
+  Beginner = "Beginner",
+  Intermediate = "Intermediate",
+  Advanced = "Advanced",
+}
+/**
+ * converting ContainerDifficulty enum into union type
+ */
+type ContainerDifficultyUnion = `${ContainerDifficulty}`;
+type DifficultyVariant = 'small' | 'medium';
+type ContentDifficultyProps = {
+  difficulty: ContainerDifficulty | ContainerDifficultyUnion;
+  variant?: DifficultyVariant;
+};
+declare enum DifficultyString {
+  'Beginner friendly' = 0,
+  'Intermediate' = 1,
+  'Advanced' = 2,
+}
+//#endregion
+export { ContainerDifficulty, ContainerDifficultyUnion, ContentDifficultyProps, DifficultyString, DifficultyVariant };

package/dist/CurriculumCard/Difficulty/types.d.ts

@@ -1,22 +1,25 @@
+//#region src/CurriculumCard/Difficulty/types.d.ts
 /**
  * Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
  */
-export declare enum ContainerDifficulty {
-    Beginner = "Beginner",
-    Intermediate = "Intermediate",
-    Advanced = "Advanced"
+declare enum ContainerDifficulty {
+  Beginner = "Beginner",
+  Intermediate = "Intermediate",
+  Advanced = "Advanced",
 }
 /**
  * converting ContainerDifficulty enum into union type
  */
-export type ContainerDifficultyUnion = `${ContainerDifficulty}`;
-export type DifficultyVariant = 'small' | 'medium';
-export type ContentDifficultyProps = {
-    difficulty: ContainerDifficulty | ContainerDifficultyUnion;
-    variant?: DifficultyVariant;
+type ContainerDifficultyUnion = `${ContainerDifficulty}`;
+type DifficultyVariant = 'small' | 'medium';
+type ContentDifficultyProps = {
+  difficulty: ContainerDifficulty | ContainerDifficultyUnion;
+  variant?: DifficultyVariant;
 };
-export declare enum DifficultyString {
-    'Beginner friendly' = 0,
-    'Intermediate' = 1,
-    'Advanced' = 2
+declare enum DifficultyString {
+  'Beginner friendly' = 0,
+  'Intermediate' = 1,
+  'Advanced' = 2,
 }
+//#endregion
+export { ContainerDifficulty, ContainerDifficultyUnion, ContentDifficultyProps, DifficultyString, DifficultyVariant };

package/dist/CurriculumCard/Difficulty/types.js

@@ -1,20 +1,19 @@
+//#region src/CurriculumCard/Difficulty/types.ts
 /**
- * Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
- */
-export let ContainerDifficulty = /*#__PURE__*/function (ContainerDifficulty) {
-  ContainerDifficulty["Beginner"] = "Beginner";
-  ContainerDifficulty["Intermediate"] = "Intermediate";
-  ContainerDifficulty["Advanced"] = "Advanced";
-  return ContainerDifficulty;
+* Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
+*/
+let ContainerDifficulty = /* @__PURE__ */ function(ContainerDifficulty$1) {
+	ContainerDifficulty$1["Beginner"] = "Beginner";
+	ContainerDifficulty$1["Intermediate"] = "Intermediate";
+	ContainerDifficulty$1["Advanced"] = "Advanced";
+	return ContainerDifficulty$1;
+}({});
+let DifficultyString = /* @__PURE__ */ function(DifficultyString$1) {
+	DifficultyString$1[DifficultyString$1["Beginner friendly"] = 0] = "Beginner friendly";
+	DifficultyString$1[DifficultyString$1["Intermediate"] = 1] = "Intermediate";
+	DifficultyString$1[DifficultyString$1["Advanced"] = 2] = "Advanced";
+	return DifficultyString$1;
 }({});
 
-/**
- * converting ContainerDifficulty enum into union type
- */
-
-export let DifficultyString = /*#__PURE__*/function (DifficultyString) {
-  DifficultyString[DifficultyString["Beginner friendly"] = 0] = "Beginner friendly";
-  DifficultyString[DifficultyString["Intermediate"] = 1] = "Intermediate";
-  DifficultyString[DifficultyString["Advanced"] = 2] = "Advanced";
-  return DifficultyString;
-}({});
+//#endregion
+export { ContainerDifficulty, DifficultyString };

package/dist/CurriculumCard/Footer/index.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_BetaSticker_index = require('../../BetaSticker/index.cjs');
+const require_index = require('../BottomTag/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/CurriculumCard/Footer/index.tsx
+const Footer = ({ beta, progressState, tag, tagColor, footerTextVariant }) => {
+	if (progressState) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
+		mt: "auto",
+		children: [progressState === "completed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+			fontSize: 16,
+			fontFamily: "accent",
+			textColor: "yellow",
+			children: "Completed"
+		}), progressState === "inProgress" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+			flexWrap: "wrap",
+			justifyContent: "space-between",
+			alignItems: "flex-end",
+			width: "100%",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				fontFamily: "accent",
+				fontSize: 14,
+				children: footerTextVariant === "inProgress" ? "In Progress..." : "Enrolled..."
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				textColor: "hyper",
+				children: "Keep Going"
+			})]
+		})]
+	});
+	if (beta) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+		position: "absolute",
+		bottom: 0,
+		right: 0,
+		pb: 16,
+		pr: 16,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BetaSticker_index.BetaSticker, {})
+	});
+	if (tag && tagColor) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.BottomTag, {
+		text: tag,
+		color: tagColor
+	});
+	return null;
+};
+
+//#endregion
+exports.Footer = Footer;

package/dist/CurriculumCard/Footer/index.js

@@ -1,54 +1,47 @@
-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 "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/CurriculumCard/Footer/index.tsx
+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;
+};
+
+//#endregion
+export { Footer };

package/dist/CurriculumCard/Image/index.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_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_rolldown_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+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 = _emotion_styled.default.img(variants);
+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__ */ (0, react_jsx_runtime.jsx)(StyledImg, {
+		variant: isSmall ? "small" : "default",
+		src: image,
+		alt: "",
+		onError: addDefaultImageSource
+	});
+};
+
+//#endregion
+exports.Image = Image;

package/dist/CurriculumCard/Image/index.js

@@ -1,56 +1,47 @@
-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 { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+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 = styled.img(variants);
+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__ */ jsx(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 };

package/dist/CurriculumCard/Subtitle/helpers.cjs

@@ -0,0 +1,9 @@
+
+//#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;

package/dist/CurriculumCard/Subtitle/helpers.js

@@ -1,8 +1,8 @@
-/* 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 };