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

package/dist/LearningOutcomeCard/index.js

@@ -1,203 +1,161 @@
-import _styled from "@emotion/styled/base";
-import { Card, FlexBox, RadialProgress, Text } from '@codecademy/gamut';
-import { CheckIcon } from '@codecademy/gamut-icons';
-import { css, theme, variant } from '@codecademy/gamut-styles';
-import { useEffect, useMemo, useState } from 'react';
-import { learningOutcomeLabels, LearningOutcomeLevelBadge, LearningOutcomeLevels } from '../LearningOutcomeBadges';
-import { progressState } from '../LearningOutcomeTile';
-import { Progress } from '../LearningOutcomeTile/types';
+import { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.js";
+import "../LearningOutcomeBadges/index.js";
+import { Progress } from "../LearningOutcomeTile/types.js";
+import { progressState } from "../LearningOutcomeTile/index.js";
+import { Card, FlexBox, RadialProgress, Text } from "@codecademy/gamut";
+import { css, theme, variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { useEffect, useMemo, useState } from "react";
+import { CheckIcon } from "@codecademy/gamut-icons";
 
-// to match the type from gql schema
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const COMPLETED_COLOR = 'yellow-500';
-const SkillTag = /*#__PURE__*/_styled(FlexBox, {
-  target: "ev1pt781",
-  label: "SkillTag"
+//#region src/LearningOutcomeCard/index.tsx
+const COMPLETED_COLOR = "yellow-500";
+const SkillTag = /* @__PURE__ */ styled(FlexBox, {
+	target: "e7a5w9p0",
+	label: "brand-SkillTag"
 })(css({
-  px: 8,
-  textColor: 'secondary',
-  opacity: '0.65',
-  bg: 'background-selected',
-  justifyContent: 'space-between'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RGlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNsaWNlKCkuc29ydCgoYSwgYikgPT4ge1xuICAgICAgY29uc3QgdGl0bGVBID0gYS50aXRsZSA/PyAnJztcbiAgICAgIGNvbnN0IHRpdGxlQiA9IGIudGl0bGUgPz8gJyc7XG5cbiAgICAgIHJldHVybiB0aXRsZUEubG9jYWxlQ29tcGFyZSh0aXRsZUIpO1xuICAgIH0pO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgYXM9e2FzfVxuICAgICAgYXJpYS1sYWJlbD17YCR7bGVhcm5pbmdPdXRjb21lTGFiZWxzW2xldmVsID8/IDFdfSAtICR7b3V0Y29tZX1gfVxuICAgICAgaXNJbnRlcmFjdGl2ZT17aXNJbnRlcmFjdGl2ZX1cbiAgICAgIHByb2dyZXNzPXtwcm9ncmVzc1N0YXR1c31cbiAgICAgIG1vZGU9e21vZGV9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICB7bGV2ZWwgJiYgKFxuICAgICAgICAgIDxMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlXG4gICAgICAgICAgICBsZXZlbD17bGV2ZWx9XG4gICAgICAgICAgICBzaXplPXtpc0VtcGhhc2l6ZWQgPyAnYmFzZScgOiAnc20nfVxuICAgICAgICAgICAgdGV4dENvbG9yPXtcbiAgICAgICAgICAgICAgbGV2ZWwgIT09IExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmUgPyAnbmF2eS04MDAnIDogJ3RleHQnXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZW1vdmVCYWNrZ3JvdW5kXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPFRleHRcbiAgICAgICAgICB2YXJpYW50PXtmb250VmFyaWFudChpc0VtcGhhc2l6ZWQsIGxldmVsKX1cbiAgICAgICAgICBmb250V2VpZ2h0PXtpc0VtcGhhc2l6ZWQgPyA3MDAgOiA0MDB9XG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICA+XG4gICAgICAgICAge291dGNvbWV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgeyEhc29ydGVkU2tpbGxzICYmIChcbiAgICAgICAgICA8RmxleEJveCBhcz1cInVsXCIgcGw9ezB9IG09ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fSB3cmFwPlxuICAgICAgICAgICAge3JlbmRlclNraWxscyhzb3J0ZWRTa2lsbHMpfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cblxuICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJlxuICAgICAgICByZW5kZXJQcm9ncmVzcyh7XG4gICAgICAgICAgZGlzcGxheVZhbHVlLFxuICAgICAgICAgIHByb2dyZXNzRHVyYXRpb24sXG4gICAgICAgICAgcmFkaWFsVmFsdWUsXG4gICAgICAgICAgc3RhcnRSYWRpYWxBbmltYXRpb24sXG4gICAgICAgICAgc2hvd0NvbXBsZXRpb25JY29uLFxuICAgICAgICB9KX1cbiAgICA8L1N0eWxlZENhcmQ+XG4gICk7XG59O1xuIl19 */");
-const StyledCard = /*#__PURE__*/_styled(Card, {
-  target: "ev1pt780",
-  label: "StyledCard"
-})(props => ({
-  ...variant({
-    prop: 'mode',
-    defaultVariant: 'base',
-    base: {
-      border: 2,
-      borderRadius: 'lg',
-      borderColor: props.progress === Progress.completed ? COMPLETED_COLOR : 'border-tertiary',
-      display: 'flex',
-      flexDirection: props.progress === Progress.notStarted ? 'column' : 'row',
-      alignSelf: 'stretch',
-      overflow: 'auto',
-      gap: props.progress === Progress.notStarted ? 0 : 32
-    },
-    variants: {
-      emphasized: {
-        bg: 'background-primary',
-        borderRadius: 'xl',
-        py: 32,
-        px: 24
-      },
-      base: {
-        bg: 'background-current',
-        py: 24,
-        px: 16
-      }
-    }
-  })(props)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRW1CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNsaWNlKCkuc29ydCgoYSwgYikgPT4ge1xuICAgICAgY29uc3QgdGl0bGVBID0gYS50aXRsZSA/PyAnJztcbiAgICAgIGNvbnN0IHRpdGxlQiA9IGIudGl0bGUgPz8gJyc7XG5cbiAgICAgIHJldHVybiB0aXRsZUEubG9jYWxlQ29tcGFyZSh0aXRsZUIpO1xuICAgIH0pO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgYXM9e2FzfVxuICAgICAgYXJpYS1sYWJlbD17YCR7bGVhcm5pbmdPdXRjb21lTGFiZWxzW2xldmVsID8/IDFdfSAtICR7b3V0Y29tZX1gfVxuICAgICAgaXNJbnRlcmFjdGl2ZT17aXNJbnRlcmFjdGl2ZX1cbiAgICAgIHByb2dyZXNzPXtwcm9ncmVzc1N0YXR1c31cbiAgICAgIG1vZGU9e21vZGV9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICB7bGV2ZWwgJiYgKFxuICAgICAgICAgIDxMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlXG4gICAgICAgICAgICBsZXZlbD17bGV2ZWx9XG4gICAgICAgICAgICBzaXplPXtpc0VtcGhhc2l6ZWQgPyAnYmFzZScgOiAnc20nfVxuICAgICAgICAgICAgdGV4dENvbG9yPXtcbiAgICAgICAgICAgICAgbGV2ZWwgIT09IExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmUgPyAnbmF2eS04MDAnIDogJ3RleHQnXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZW1vdmVCYWNrZ3JvdW5kXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPFRleHRcbiAgICAgICAgICB2YXJpYW50PXtmb250VmFyaWFudChpc0VtcGhhc2l6ZWQsIGxldmVsKX1cbiAgICAgICAgICBmb250V2VpZ2h0PXtpc0VtcGhhc2l6ZWQgPyA3MDAgOiA0MDB9XG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICA+XG4gICAgICAgICAge291dGNvbWV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgeyEhc29ydGVkU2tpbGxzICYmIChcbiAgICAgICAgICA8RmxleEJveCBhcz1cInVsXCIgcGw9ezB9IG09ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fSB3cmFwPlxuICAgICAgICAgICAge3JlbmRlclNraWxscyhzb3J0ZWRTa2lsbHMpfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cblxuICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJlxuICAgICAgICByZW5kZXJQcm9ncmVzcyh7XG4gICAgICAgICAgZGlzcGxheVZhbHVlLFxuICAgICAgICAgIHByb2dyZXNzRHVyYXRpb24sXG4gICAgICAgICAgcmFkaWFsVmFsdWUsXG4gICAgICAgICAgc3RhcnRSYWRpYWxBbmltYXRpb24sXG4gICAgICAgICAgc2hvd0NvbXBsZXRpb25JY29uLFxuICAgICAgICB9KX1cbiAgICA8L1N0eWxlZENhcmQ+XG4gICk7XG59O1xuIl19 */");
-const renderProgress = ({
-  displayValue,
-  progressDuration,
-  radialValue,
-  startRadialAnimation,
-  showCompletionIcon
-}) => /*#__PURE__*/_jsx(FlexBox, {
-  flexDirection: "column",
-  flex: "1 0 0",
-  alignSelf: "stretch",
-  flexWrap: "wrap",
-  alignContent: "end",
-  children: showCompletionIcon ? /*#__PURE__*/_jsx(FlexBox, {
-    bg: COMPLETED_COLOR,
-    width: 80,
-    height: 80,
-    center: true,
-    borderRadius: "full",
-    children: /*#__PURE__*/_jsx(CheckIcon, {
-      size: 44,
-      color: "text"
-    })
-  }) : /*#__PURE__*/_jsx(RadialProgress, {
-    color: theme.colors[COMPLETED_COLOR],
-    duration: progressDuration || undefined,
-    size: 80,
-    strokeLinecap: "round",
-    strokeWidth: 8,
-    value: radialValue ?? 0,
-    children: /*#__PURE__*/_jsx(Text, {
-      as: "span",
-      fontSize: 22,
-      fontWeight: 700,
-      children: `${displayValue}%`
-    })
-  }, `radial-progress-${startRadialAnimation ? 1 : 0}`)
-});
-const renderSkills = skills => skills.map(skill => /*#__PURE__*/_jsx(SkillTag, {
-  as: "li",
-  children: skill.title
+	px: 8,
+	textColor: "secondary",
+	opacity: "0.65",
+	bg: "background-selected",
+	justifyContent: "space-between"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUNhcmQvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGVhcm5pbmdPdXRjb21lQ2FyZC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFJhZGlhbFByb2dyZXNzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDaGVja0ljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHRoZW1lLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGxlYXJuaW5nT3V0Y29tZUxhYmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZSxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxzLFxufSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVCYWRnZXMnO1xuaW1wb3J0IHsgcHJvZ3Jlc3NTdGF0ZSB9IGZyb20gJy4uL0xlYXJuaW5nT3V0Y29tZVRpbGUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3MgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlL3R5cGVzJztcblxuLy8gdG8gbWF0Y2ggdGhlIHR5cGUgZnJvbSBncWwgc2NoZW1hXG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lU2tpbGwge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG59XG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzIHtcbiAgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIG91dGNvbWU6IHN0cmluZztcbiAgYXM/OiAnbGknO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgaXNJbnRlcmFjdGl2ZT86IGJvb2xlYW47XG4gIG1vZGU/OiAnZW1waGFzaXplZCcgfCAnYmFzZSc7XG4gIHByb2dyZXNzPzogbnVtYmVyO1xuICBza2lsbHM/OiBMZWFybmluZ091dGNvbWVTa2lsbFtdIHwgbnVsbDtcblxuICAvKipcbiAgICogT3B0aW9uYWwgcHJvcCBmb3IgcHJvZ3Jlc3MgdXBkYXRlcywgdXNlZCB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MgZnJvbSBhIHByZXZpb3VzIHZhbHVlIHRvIHRoZSBjdXJyZW50IHZhbHVlLlxuICAgKiBOZWVkIHRvIHByb3ZpZGUgcHJldmlvdXNQcm9ncmVzcyBhbmQgcHJvZ3Jlc3NEdXJhaW9uIHRvIGFuaW1hdGUgdGhlIHJhZGlhbCBwcm9ncmVzcy5cbiAgICogSWYgcHJvZ3Jlc3MgaXMgMTAwLCBjb21wbGV0aW9uRGVsYXkgbmVlZHMgdG8gYmUgcHJvdmlkZWQgaW5zdGVhZCBvZiBwcm9ncmVzc0R1cmF0aW9uIHRvIGRlbGF5IHRoZSBkaXNwbGF5IG9mIHRoZSBjb21wbGV0aW9uIGljb24uXG4gICAqL1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb24/OiBudW1iZXI7XG4gICAgY29tcGxldGlvbkRlbGF5PzogbnVtYmVyO1xuICB9O1xufVxuXG5pbnRlcmZhY2UgUHJvZ3Jlc3NQcm9wcyB7XG4gIGRpc3BsYXlWYWx1ZTogbnVtYmVyO1xuICBwcm9ncmVzc0R1cmF0aW9uOiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIHJhZGlhbFZhbHVlOiBudW1iZXIgfCBudW1iZXJbXTtcbiAgc3RhcnRSYWRpYWxBbmltYXRpb246IGJvb2xlYW47XG4gIHNob3dDb21wbGV0aW9uSWNvbjogYm9vbGVhbjtcbn1cblxuY29uc3QgQ09NUExFVEVEX0NPTE9SID0gJ3llbGxvdy01MDAnO1xuXG5jb25zdCBTa2lsbFRhZyA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBweDogOCxcbiAgICB0ZXh0Q29sb3I6ICdzZWNvbmRhcnknLFxuICAgIG9wYWNpdHk6ICcwLjY1JyxcbiAgICBiZzogJ2JhY2tncm91bmQtc2VsZWN0ZWQnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpPHtcbiAgcHJvZ3Jlc3M6IFByb2dyZXNzO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xufT4oKHByb3BzKSA9PiAoe1xuICAuLi52YXJpYW50KHtcbiAgICBwcm9wOiAnbW9kZScsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdiYXNlJyxcbiAgICBiYXNlOiB7XG4gICAgICBib3JkZXI6IDIsXG4gICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICBib3JkZXJDb2xvcjpcbiAgICAgICAgcHJvcHMucHJvZ3Jlc3MgPT09IFByb2dyZXNzLmNvbXBsZXRlZFxuICAgICAgICAgID8gQ09NUExFVEVEX0NPTE9SXG4gICAgICAgICAgOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gJ2NvbHVtbicgOiAncm93JyxcbiAgICAgIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICAgICAgb3ZlcmZsb3c6ICdhdXRvJyxcbiAgICAgIGdhcDogcHJvcHMucHJvZ3Jlc3MgPT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQgPyAwIDogMzIsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgZW1waGFzaXplZDoge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQtcHJpbWFyeScsXG4gICAgICAgIGJvcmRlclJhZGl1czogJ3hsJyxcbiAgICAgICAgcHk6IDMyLFxuICAgICAgICBweDogMjQsXG4gICAgICB9LFxuICAgICAgYmFzZToge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQtY3VycmVudCcsXG4gICAgICAgIHB5OiAyNCxcbiAgICAgICAgcHg6IDE2LFxuICAgICAgfSxcbiAgICB9LFxuICB9KShwcm9wcyksXG59KSk7XG5cbmNvbnN0IHJlbmRlclByb2dyZXNzID0gKHtcbiAgZGlzcGxheVZhbHVlLFxuICBwcm9ncmVzc0R1cmF0aW9uLFxuICByYWRpYWxWYWx1ZSxcbiAgc3RhcnRSYWRpYWxBbmltYXRpb24sXG4gIHNob3dDb21wbGV0aW9uSWNvbixcbn06IFByb2dyZXNzUHJvcHMpID0+IChcbiAgPEZsZXhCb3hcbiAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICBmbGV4PVwiMSAwIDBcIlxuICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgIGZsZXhXcmFwPVwid3JhcFwiXG4gICAgYWxpZ25Db250ZW50PVwiZW5kXCJcbiAgPlxuICAgIHtzaG93Q29tcGxldGlvbkljb24gPyAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBiZz17Q09NUExFVEVEX0NPTE9SfVxuICAgICAgICB3aWR0aD17ODB9XG4gICAgICAgIGhlaWdodD17ODB9XG4gICAgICAgIGNlbnRlclxuICAgICAgICBib3JkZXJSYWRpdXM9XCJmdWxsXCJcbiAgICAgID5cbiAgICAgICAgPENoZWNrSWNvbiBzaXplPXs0NH0gY29sb3I9XCJ0ZXh0XCIgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICApIDogKFxuICAgICAgPFJhZGlhbFByb2dyZXNzXG4gICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9yc1tDT01QTEVURURfQ09MT1JdfVxuICAgICAgICBkdXJhdGlvbj17cHJvZ3Jlc3NEdXJhdGlvbiB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9ezgwfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2VXaWR0aD17OH1cbiAgICAgICAgdmFsdWU9e3JhZGlhbFZhbHVlID8/IDB9XG4gICAgICA+XG4gICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRTaXplPXsyMn0gZm9udFdlaWdodD17NzAwfT5cbiAgICAgICAgICB7YCR7ZGlzcGxheVZhbHVlfSVgfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICl9XG4gIDwvRmxleEJveD5cbik7XG5cbmNvbnN0IHJlbmRlclNraWxscyA9IChza2lsbHM6IExlYXJuaW5nT3V0Y29tZVNraWxsW10pID0+XG4gIHNraWxscy5tYXAoKHNraWxsKSA9PiAoXG4gICAgPFNraWxsVGFnIGFzPVwibGlcIiBrZXk9e3NraWxsLnRpdGxlfT5cbiAgICAgIHtza2lsbC50aXRsZX1cbiAgICA8L1NraWxsVGFnPlxuICApKTtcblxuY29uc3QgZm9udFZhcmlhbnQgPSAoXG4gIGlzRW1waGFzaXplZDogYm9vbGVhbixcbiAgbGV2ZWw/OiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsXG4pID0+IHtcbiAgaWYgKGlzRW1waGFzaXplZCkge1xuICAgIHJldHVybiAndGl0bGUtc20nO1xuICB9XG5cbiAgc3dpdGNoIChsZXZlbCkge1xuICAgIGNhc2UgTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZTpcbiAgICAgIHJldHVybiAncC1iYXNlJztcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5Ud286XG4gICAgICByZXR1cm4gJ3RpdGxlLXhzJztcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5UaHJlZTpcbiAgICAgIHJldHVybiAndGl0bGUtc20nO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgbGV2ZWwsXG4gIG91dGNvbWUsXG4gIGFzLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcbiAgbW9kZSA9ICdiYXNlJyxcbiAgcHJvZ3Jlc3MgPSAwLFxuICBza2lsbHMsXG4gIHByb2dyZXNzVXBkYXRlRGF0YSxcbn0pID0+IHtcbiAgY29uc3QgW3N0YXJ0UmFkaWFsQW5pbWF0aW9uLCBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtzaG93Q29tcGxldGlvbkljb24sIHNldFNob3dDb21wbGV0aW9uSWNvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyBwcmV2aW91c1Byb2dyZXNzLCBwcm9ncmVzc0R1cmF0aW9uLCBjb21wbGV0aW9uRGVsYXkgfSA9XG4gICAgcHJvZ3Jlc3NVcGRhdGVEYXRhIHx8IHt9O1xuICBjb25zdCBwcm9ncmVzc1N0YXR1cyA9IHByb2dyZXNzU3RhdGUocHJvZ3Jlc3MpO1xuICBjb25zdCBkaXNwbGF5UHJvZ3Jlc3MgPSBwcm9ncmVzc1N0YXR1cyAhPT0gUHJvZ3Jlc3Mubm90U3RhcnRlZDtcblxuICAvLyB3aGVuIHByZXZpb3VzUHJvZ3Jlc3MgaXMgcHJvdmlkZWQsIGVpdGhlciBzdGFydCB0aGUgcHJvZ3Jlc3MgYW5pbWF0aW9uIG9yIG9ubHkgZGlzcGxheSBwcmV2aW91cyBwcm9ncmVzcyB3aGlsZSB3ZSB3YWl0LiBJZiBub3QgcHJvdmlkZWQgdGhlbiBvbmx5IGRpc3BsYXkgY3VycmVudCBwcm9ncmVzc1xuICBjb25zdCByYWRpYWxWYWx1ZSA9XG4gICAgcHJldmlvdXNQcm9ncmVzcyAhPT0gdW5kZWZpbmVkICYmIHByb2dyZXNzICE9PSB1bmRlZmluZWRcbiAgICAgID8gc3RhcnRSYWRpYWxBbmltYXRpb25cbiAgICAgICAgPyBbcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NdXG4gICAgICAgIDogcHJldmlvdXNQcm9ncmVzc1xuICAgICAgOiBwcm9ncmVzcztcblxuICAvLyB3aGVuIHByZXZpb3VzUHJvZ3Jlc3MgaXMgcHJvdmlkZWQgYnV0IHdlIGhhdmVuJ3Qgc3RhcnRlZCB0aGUgYW5pbWF0aW9uIHlldCB0aGVuIHNob3cgcHJldmlvdXMgcHJvZ3Jlc3MsIG90aGVyd2lzZSwgaWYgYW5pbWF0aW9uIGhhcyBzdGFydGVkLCB0aGVuIHNob3cgY3VycmVudCBwcm9ncmVzc1xuICBjb25zdCBkaXNwbGF5VmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiAhc3RhcnRSYWRpYWxBbmltYXRpb25cbiAgICAgID8gcHJldmlvdXNQcm9ncmVzc1xuICAgICAgOiBwcm9ncmVzcztcblxuICBjb25zdCBpc0VtcGhhc2l6ZWQgPSBtb2RlID09PSAnZW1waGFzaXplZCc7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG4gICAgfVxuXG4gICAgaWYgKHByb2dyZXNzID09PSAxMDApIHtcbiAgICAgIC8vIGNvbXBsZXRpb25EZWxheSBpcyBmb3IgYW5pbWF0aW5nIHRoZSBwcm9ncmVzczsgdGhlIHNldFRpbWVvdXQgd2lsbCBkZWxheSBzaG93aW5nIHRoZSBjaGVja21hcmsgaWNvbiBzbyByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBhcHBlYXIgZmlyc3QuXG4gICAgICBpZiAoY29tcGxldGlvbkRlbGF5KSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgICAgfSwgY29tcGxldGlvbkRlbGF5KTtcbiAgICAgICAgLy8gSWYgY29tcGxldGlvbkRlbGF5IGlzIG5vdCBwcm92aWRlZCwgdGhlIGNvbXBsZXRpb24gaWNvbiB3aWxsIHNob3cgaW1tZWRpYXRlbHkgYW5kIHJhZGlhbCBwcm9ncmVzcyB3aWxsIG5vdCBzaG93LlxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW3Byb2dyZXNzRHVyYXRpb24sIHByb2dyZXNzLCBjb21wbGV0aW9uRGVsYXldKTtcblxuICBjb25zdCBzb3J0ZWRTa2lsbHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoIXNraWxscyB8fCBza2lsbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiBza2lsbHMuc2xpY2UoKS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG4gIH0sIFtza2lsbHNdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkXG4gICAgICBhcz17YXN9XG4gICAgICBhcmlhLWxhYmVsPXtgJHtsZWFybmluZ091dGNvbWVMYWJlbHNbbGV2ZWwgPz8gMV19IC0gJHtvdXRjb21lfWB9XG4gICAgICBpc0ludGVyYWN0aXZlPXtpc0ludGVyYWN0aXZlfVxuICAgICAgcHJvZ3Jlc3M9e3Byb2dyZXNzU3RhdHVzfVxuICAgICAgbW9kZT17bW9kZX1cbiAgICA+XG4gICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXsyNH0+XG4gICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgPExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2VcbiAgICAgICAgICAgIGxldmVsPXtsZXZlbH1cbiAgICAgICAgICAgIHNpemU9e2lzRW1waGFzaXplZCA/ICdiYXNlJyA6ICdzbSd9XG4gICAgICAgICAgICB0ZXh0Q29sb3I9e1xuICAgICAgICAgICAgICBsZXZlbCAhPT0gTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZSA/ICduYXZ5LTgwMCcgOiAndGV4dCdcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJlbW92ZUJhY2tncm91bmRcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8VGV4dFxuICAgICAgICAgIHZhcmlhbnQ9e2ZvbnRWYXJpYW50KGlzRW1waGFzaXplZCwgbGV2ZWwpfVxuICAgICAgICAgIGZvbnRXZWlnaHQ9e2lzRW1waGFzaXplZCA/IDcwMCA6IDQwMH1cbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgID5cbiAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7ISFzb3J0ZWRTa2lsbHMgJiYgKFxuICAgICAgICAgIDxGbGV4Qm94IGFzPVwidWxcIiBwbD17MH0gbT17MH0gYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiBnYXA9ezh9IHdyYXA+XG4gICAgICAgICAgICB7cmVuZGVyU2tpbGxzKHNvcnRlZFNraWxscyl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICB7ZGlzcGxheVByb2dyZXNzICYmXG4gICAgICAgIHJlbmRlclByb2dyZXNzKHtcbiAgICAgICAgICBkaXNwbGF5VmFsdWUsXG4gICAgICAgICAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgICAgICAgICByYWRpYWxWYWx1ZSxcbiAgICAgICAgICBzdGFydFJhZGlhbEFuaW1hdGlvbixcbiAgICAgICAgICBzaG93Q29tcGxldGlvbkljb24sXG4gICAgICAgIH0pfVxuICAgIDwvU3R5bGVkQ2FyZD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RpQiJ9 */");
+const StyledCard = /* @__PURE__ */ styled(Card, {
+	target: "e7a5w9p1",
+	label: "brand-StyledCard"
+})((props) => ({ ...variant({
+	prop: "mode",
+	defaultVariant: "base",
+	base: {
+		border: 2,
+		borderRadius: "lg",
+		borderColor: props.progress === Progress.completed ? COMPLETED_COLOR : "border-tertiary",
+		display: "flex",
+		flexDirection: props.progress === Progress.notStarted ? "column" : "row",
+		alignSelf: "stretch",
+		overflow: "auto",
+		gap: props.progress === Progress.notStarted ? 0 : 32
+	},
+	variants: {
+		emphasized: {
+			bg: "background-primary",
+			borderRadius: "xl",
+			py: 32,
+			px: 24
+		},
+		base: {
+			bg: "background-current",
+			py: 24,
+			px: 16
+		}
+	}
+})(props) }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUNhcmQvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGVhcm5pbmdPdXRjb21lQ2FyZC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFJhZGlhbFByb2dyZXNzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDaGVja0ljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHRoZW1lLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGxlYXJuaW5nT3V0Y29tZUxhYmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZSxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxzLFxufSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVCYWRnZXMnO1xuaW1wb3J0IHsgcHJvZ3Jlc3NTdGF0ZSB9IGZyb20gJy4uL0xlYXJuaW5nT3V0Y29tZVRpbGUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3MgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlL3R5cGVzJztcblxuLy8gdG8gbWF0Y2ggdGhlIHR5cGUgZnJvbSBncWwgc2NoZW1hXG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lU2tpbGwge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG59XG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzIHtcbiAgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIG91dGNvbWU6IHN0cmluZztcbiAgYXM/OiAnbGknO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgaXNJbnRlcmFjdGl2ZT86IGJvb2xlYW47XG4gIG1vZGU/OiAnZW1waGFzaXplZCcgfCAnYmFzZSc7XG4gIHByb2dyZXNzPzogbnVtYmVyO1xuICBza2lsbHM/OiBMZWFybmluZ091dGNvbWVTa2lsbFtdIHwgbnVsbDtcblxuICAvKipcbiAgICogT3B0aW9uYWwgcHJvcCBmb3IgcHJvZ3Jlc3MgdXBkYXRlcywgdXNlZCB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MgZnJvbSBhIHByZXZpb3VzIHZhbHVlIHRvIHRoZSBjdXJyZW50IHZhbHVlLlxuICAgKiBOZWVkIHRvIHByb3ZpZGUgcHJldmlvdXNQcm9ncmVzcyBhbmQgcHJvZ3Jlc3NEdXJhaW9uIHRvIGFuaW1hdGUgdGhlIHJhZGlhbCBwcm9ncmVzcy5cbiAgICogSWYgcHJvZ3Jlc3MgaXMgMTAwLCBjb21wbGV0aW9uRGVsYXkgbmVlZHMgdG8gYmUgcHJvdmlkZWQgaW5zdGVhZCBvZiBwcm9ncmVzc0R1cmF0aW9uIHRvIGRlbGF5IHRoZSBkaXNwbGF5IG9mIHRoZSBjb21wbGV0aW9uIGljb24uXG4gICAqL1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb24/OiBudW1iZXI7XG4gICAgY29tcGxldGlvbkRlbGF5PzogbnVtYmVyO1xuICB9O1xufVxuXG5pbnRlcmZhY2UgUHJvZ3Jlc3NQcm9wcyB7XG4gIGRpc3BsYXlWYWx1ZTogbnVtYmVyO1xuICBwcm9ncmVzc0R1cmF0aW9uOiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIHJhZGlhbFZhbHVlOiBudW1iZXIgfCBudW1iZXJbXTtcbiAgc3RhcnRSYWRpYWxBbmltYXRpb246IGJvb2xlYW47XG4gIHNob3dDb21wbGV0aW9uSWNvbjogYm9vbGVhbjtcbn1cblxuY29uc3QgQ09NUExFVEVEX0NPTE9SID0gJ3llbGxvdy01MDAnO1xuXG5jb25zdCBTa2lsbFRhZyA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBweDogOCxcbiAgICB0ZXh0Q29sb3I6ICdzZWNvbmRhcnknLFxuICAgIG9wYWNpdHk6ICcwLjY1JyxcbiAgICBiZzogJ2JhY2tncm91bmQtc2VsZWN0ZWQnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpPHtcbiAgcHJvZ3Jlc3M6IFByb2dyZXNzO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xufT4oKHByb3BzKSA9PiAoe1xuICAuLi52YXJpYW50KHtcbiAgICBwcm9wOiAnbW9kZScsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdiYXNlJyxcbiAgICBiYXNlOiB7XG4gICAgICBib3JkZXI6IDIsXG4gICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICBib3JkZXJDb2xvcjpcbiAgICAgICAgcHJvcHMucHJvZ3Jlc3MgPT09IFByb2dyZXNzLmNvbXBsZXRlZFxuICAgICAgICAgID8gQ09NUExFVEVEX0NPTE9SXG4gICAgICAgICAgOiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gJ2NvbHVtbicgOiAncm93JyxcbiAgICAgIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICAgICAgb3ZlcmZsb3c6ICdhdXRvJyxcbiAgICAgIGdhcDogcHJvcHMucHJvZ3Jlc3MgPT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQgPyAwIDogMzIsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgZW1waGFzaXplZDoge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQtcHJpbWFyeScsXG4gICAgICAgIGJvcmRlclJhZGl1czogJ3hsJyxcbiAgICAgICAgcHk6IDMyLFxuICAgICAgICBweDogMjQsXG4gICAgICB9LFxuICAgICAgYmFzZToge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQtY3VycmVudCcsXG4gICAgICAgIHB5OiAyNCxcbiAgICAgICAgcHg6IDE2LFxuICAgICAgfSxcbiAgICB9LFxuICB9KShwcm9wcyksXG59KSk7XG5cbmNvbnN0IHJlbmRlclByb2dyZXNzID0gKHtcbiAgZGlzcGxheVZhbHVlLFxuICBwcm9ncmVzc0R1cmF0aW9uLFxuICByYWRpYWxWYWx1ZSxcbiAgc3RhcnRSYWRpYWxBbmltYXRpb24sXG4gIHNob3dDb21wbGV0aW9uSWNvbixcbn06IFByb2dyZXNzUHJvcHMpID0+IChcbiAgPEZsZXhCb3hcbiAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICBmbGV4PVwiMSAwIDBcIlxuICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgIGZsZXhXcmFwPVwid3JhcFwiXG4gICAgYWxpZ25Db250ZW50PVwiZW5kXCJcbiAgPlxuICAgIHtzaG93Q29tcGxldGlvbkljb24gPyAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBiZz17Q09NUExFVEVEX0NPTE9SfVxuICAgICAgICB3aWR0aD17ODB9XG4gICAgICAgIGhlaWdodD17ODB9XG4gICAgICAgIGNlbnRlclxuICAgICAgICBib3JkZXJSYWRpdXM9XCJmdWxsXCJcbiAgICAgID5cbiAgICAgICAgPENoZWNrSWNvbiBzaXplPXs0NH0gY29sb3I9XCJ0ZXh0XCIgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICApIDogKFxuICAgICAgPFJhZGlhbFByb2dyZXNzXG4gICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9yc1tDT01QTEVURURfQ09MT1JdfVxuICAgICAgICBkdXJhdGlvbj17cHJvZ3Jlc3NEdXJhdGlvbiB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9ezgwfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2VXaWR0aD17OH1cbiAgICAgICAgdmFsdWU9e3JhZGlhbFZhbHVlID8/IDB9XG4gICAgICA+XG4gICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRTaXplPXsyMn0gZm9udFdlaWdodD17NzAwfT5cbiAgICAgICAgICB7YCR7ZGlzcGxheVZhbHVlfSVgfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICl9XG4gIDwvRmxleEJveD5cbik7XG5cbmNvbnN0IHJlbmRlclNraWxscyA9IChza2lsbHM6IExlYXJuaW5nT3V0Y29tZVNraWxsW10pID0+XG4gIHNraWxscy5tYXAoKHNraWxsKSA9PiAoXG4gICAgPFNraWxsVGFnIGFzPVwibGlcIiBrZXk9e3NraWxsLnRpdGxlfT5cbiAgICAgIHtza2lsbC50aXRsZX1cbiAgICA8L1NraWxsVGFnPlxuICApKTtcblxuY29uc3QgZm9udFZhcmlhbnQgPSAoXG4gIGlzRW1waGFzaXplZDogYm9vbGVhbixcbiAgbGV2ZWw/OiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsXG4pID0+IHtcbiAgaWYgKGlzRW1waGFzaXplZCkge1xuICAgIHJldHVybiAndGl0bGUtc20nO1xuICB9XG5cbiAgc3dpdGNoIChsZXZlbCkge1xuICAgIGNhc2UgTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZTpcbiAgICAgIHJldHVybiAncC1iYXNlJztcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5Ud286XG4gICAgICByZXR1cm4gJ3RpdGxlLXhzJztcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5UaHJlZTpcbiAgICAgIHJldHVybiAndGl0bGUtc20nO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgbGV2ZWwsXG4gIG91dGNvbWUsXG4gIGFzLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSxcbiAgbW9kZSA9ICdiYXNlJyxcbiAgcHJvZ3Jlc3MgPSAwLFxuICBza2lsbHMsXG4gIHByb2dyZXNzVXBkYXRlRGF0YSxcbn0pID0+IHtcbiAgY29uc3QgW3N0YXJ0UmFkaWFsQW5pbWF0aW9uLCBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtzaG93Q29tcGxldGlvbkljb24sIHNldFNob3dDb21wbGV0aW9uSWNvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyBwcmV2aW91c1Byb2dyZXNzLCBwcm9ncmVzc0R1cmF0aW9uLCBjb21wbGV0aW9uRGVsYXkgfSA9XG4gICAgcHJvZ3Jlc3NVcGRhdGVEYXRhIHx8IHt9O1xuICBjb25zdCBwcm9ncmVzc1N0YXR1cyA9IHByb2dyZXNzU3RhdGUocHJvZ3Jlc3MpO1xuICBjb25zdCBkaXNwbGF5UHJvZ3Jlc3MgPSBwcm9ncmVzc1N0YXR1cyAhPT0gUHJvZ3Jlc3Mubm90U3RhcnRlZDtcblxuICAvLyB3aGVuIHByZXZpb3VzUHJvZ3Jlc3MgaXMgcHJvdmlkZWQsIGVpdGhlciBzdGFydCB0aGUgcHJvZ3Jlc3MgYW5pbWF0aW9uIG9yIG9ubHkgZGlzcGxheSBwcmV2aW91cyBwcm9ncmVzcyB3aGlsZSB3ZSB3YWl0LiBJZiBub3QgcHJvdmlkZWQgdGhlbiBvbmx5IGRpc3BsYXkgY3VycmVudCBwcm9ncmVzc1xuICBjb25zdCByYWRpYWxWYWx1ZSA9XG4gICAgcHJldmlvdXNQcm9ncmVzcyAhPT0gdW5kZWZpbmVkICYmIHByb2dyZXNzICE9PSB1bmRlZmluZWRcbiAgICAgID8gc3RhcnRSYWRpYWxBbmltYXRpb25cbiAgICAgICAgPyBbcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NdXG4gICAgICAgIDogcHJldmlvdXNQcm9ncmVzc1xuICAgICAgOiBwcm9ncmVzcztcblxuICAvLyB3aGVuIHByZXZpb3VzUHJvZ3Jlc3MgaXMgcHJvdmlkZWQgYnV0IHdlIGhhdmVuJ3Qgc3RhcnRlZCB0aGUgYW5pbWF0aW9uIHlldCB0aGVuIHNob3cgcHJldmlvdXMgcHJvZ3Jlc3MsIG90aGVyd2lzZSwgaWYgYW5pbWF0aW9uIGhhcyBzdGFydGVkLCB0aGVuIHNob3cgY3VycmVudCBwcm9ncmVzc1xuICBjb25zdCBkaXNwbGF5VmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiAhc3RhcnRSYWRpYWxBbmltYXRpb25cbiAgICAgID8gcHJldmlvdXNQcm9ncmVzc1xuICAgICAgOiBwcm9ncmVzcztcblxuICBjb25zdCBpc0VtcGhhc2l6ZWQgPSBtb2RlID09PSAnZW1waGFzaXplZCc7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG4gICAgfVxuXG4gICAgaWYgKHByb2dyZXNzID09PSAxMDApIHtcbiAgICAgIC8vIGNvbXBsZXRpb25EZWxheSBpcyBmb3IgYW5pbWF0aW5nIHRoZSBwcm9ncmVzczsgdGhlIHNldFRpbWVvdXQgd2lsbCBkZWxheSBzaG93aW5nIHRoZSBjaGVja21hcmsgaWNvbiBzbyByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBhcHBlYXIgZmlyc3QuXG4gICAgICBpZiAoY29tcGxldGlvbkRlbGF5KSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgICAgfSwgY29tcGxldGlvbkRlbGF5KTtcbiAgICAgICAgLy8gSWYgY29tcGxldGlvbkRlbGF5IGlzIG5vdCBwcm92aWRlZCwgdGhlIGNvbXBsZXRpb24gaWNvbiB3aWxsIHNob3cgaW1tZWRpYXRlbHkgYW5kIHJhZGlhbCBwcm9ncmVzcyB3aWxsIG5vdCBzaG93LlxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW3Byb2dyZXNzRHVyYXRpb24sIHByb2dyZXNzLCBjb21wbGV0aW9uRGVsYXldKTtcblxuICBjb25zdCBzb3J0ZWRTa2lsbHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoIXNraWxscyB8fCBza2lsbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiBza2lsbHMuc2xpY2UoKS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG4gIH0sIFtza2lsbHNdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkXG4gICAgICBhcz17YXN9XG4gICAgICBhcmlhLWxhYmVsPXtgJHtsZWFybmluZ091dGNvbWVMYWJlbHNbbGV2ZWwgPz8gMV19IC0gJHtvdXRjb21lfWB9XG4gICAgICBpc0ludGVyYWN0aXZlPXtpc0ludGVyYWN0aXZlfVxuICAgICAgcHJvZ3Jlc3M9e3Byb2dyZXNzU3RhdHVzfVxuICAgICAgbW9kZT17bW9kZX1cbiAgICA+XG4gICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXsyNH0+XG4gICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgPExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2VcbiAgICAgICAgICAgIGxldmVsPXtsZXZlbH1cbiAgICAgICAgICAgIHNpemU9e2lzRW1waGFzaXplZCA/ICdiYXNlJyA6ICdzbSd9XG4gICAgICAgICAgICB0ZXh0Q29sb3I9e1xuICAgICAgICAgICAgICBsZXZlbCAhPT0gTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZSA/ICduYXZ5LTgwMCcgOiAndGV4dCdcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJlbW92ZUJhY2tncm91bmRcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8VGV4dFxuICAgICAgICAgIHZhcmlhbnQ9e2ZvbnRWYXJpYW50KGlzRW1waGFzaXplZCwgbGV2ZWwpfVxuICAgICAgICAgIGZvbnRXZWlnaHQ9e2lzRW1waGFzaXplZCA/IDcwMCA6IDQwMH1cbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgID5cbiAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7ISFzb3J0ZWRTa2lsbHMgJiYgKFxuICAgICAgICAgIDxGbGV4Qm94IGFzPVwidWxcIiBwbD17MH0gbT17MH0gYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiBnYXA9ezh9IHdyYXA+XG4gICAgICAgICAgICB7cmVuZGVyU2tpbGxzKHNvcnRlZFNraWxscyl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICB7ZGlzcGxheVByb2dyZXNzICYmXG4gICAgICAgIHJlbmRlclByb2dyZXNzKHtcbiAgICAgICAgICBkaXNwbGF5VmFsdWUsXG4gICAgICAgICAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgICAgICAgICByYWRpYWxWYWx1ZSxcbiAgICAgICAgICBzdGFydFJhZGlhbEFuaW1hdGlvbixcbiAgICAgICAgICBzaG93Q29tcGxldGlvbkljb24sXG4gICAgICAgIH0pfVxuICAgIDwvU3R5bGVkQ2FyZD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VtQiJ9 */");
+const renderProgress = ({ displayValue, progressDuration, radialValue, startRadialAnimation, showCompletionIcon }) => /* @__PURE__ */ React.createElement(FlexBox, {
+	flexDirection: "column",
+	flex: "1 0 0",
+	alignSelf: "stretch",
+	flexWrap: "wrap",
+	alignContent: "end"
+}, showCompletionIcon ? /* @__PURE__ */ React.createElement(FlexBox, {
+	bg: COMPLETED_COLOR,
+	width: 80,
+	height: 80,
+	center: true,
+	borderRadius: "full"
+}, /* @__PURE__ */ React.createElement(CheckIcon, {
+	size: 44,
+	color: "text"
+})) : /* @__PURE__ */ React.createElement(RadialProgress, {
+	key: `radial-progress-${startRadialAnimation ? 1 : 0}`,
+	color: theme.colors[COMPLETED_COLOR],
+	duration: progressDuration || void 0,
+	size: 80,
+	strokeLinecap: "round",
+	strokeWidth: 8,
+	value: radialValue ?? 0
+}, /* @__PURE__ */ React.createElement(Text, {
+	as: "span",
+	fontSize: 22,
+	fontWeight: 700
+}, `${displayValue}%`)));
+const renderSkills = (skills) => skills.map((skill) => /* @__PURE__ */ React.createElement(SkillTag, {
+	as: "li",
+	key: skill.title
 }, skill.title));
 const fontVariant = (isEmphasized, level) => {
-  if (isEmphasized) {
-    return 'title-sm';
-  }
-  switch (level) {
-    case LearningOutcomeLevels.One:
-      return 'p-base';
-    case LearningOutcomeLevels.Two:
-      return 'title-xs';
-    case LearningOutcomeLevels.Three:
-      return 'title-sm';
-    default:
-      return 'p-base';
-  }
+	if (isEmphasized) return "title-sm";
+	switch (level) {
+		case LearningOutcomeLevels.One: return "p-base";
+		case LearningOutcomeLevels.Two: return "title-xs";
+		case LearningOutcomeLevels.Three: return "title-sm";
+		default: return "p-base";
+	}
+};
+const LearningOutcomeCard = ({ level, outcome, as, headingLevel, isInteractive = false, mode = "base", progress = 0, skills, progressUpdateData }) => {
+	const [startRadialAnimation, setStartRadialAnimation] = useState(false);
+	const [showCompletionIcon, setShowCompletionIcon] = useState(false);
+	const { previousProgress, progressDuration, completionDelay } = progressUpdateData || {};
+	const progressStatus = progressState(progress);
+	const displayProgress = progressStatus !== Progress.notStarted;
+	const radialValue = previousProgress !== void 0 && progress !== void 0 ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
+	const displayValue = previousProgress !== void 0 && !startRadialAnimation ? previousProgress : progress;
+	const isEmphasized = mode === "emphasized";
+	useEffect(() => {
+		if (progress && progressDuration) setTimeout(() => {
+			setStartRadialAnimation(true);
+		}, progressDuration);
+		if (progress === 100) if (completionDelay) setTimeout(() => {
+			setShowCompletionIcon(true);
+		}, completionDelay);
+		else setShowCompletionIcon(true);
+	}, [
+		progressDuration,
+		progress,
+		completionDelay
+	]);
+	const sortedSkills = useMemo(() => {
+		if (!skills || skills.length === 0) return;
+		return skills.slice().sort((a, b) => {
+			const titleA = a.title ?? "";
+			const titleB = b.title ?? "";
+			return titleA.localeCompare(titleB);
+		});
+	}, [skills]);
+	return /* @__PURE__ */ React.createElement(StyledCard, {
+		as,
+		"aria-label": `${learningOutcomeLabels[level ?? 1]} - ${outcome}`,
+		isInteractive,
+		progress: progressStatus,
+		mode
+	}, /* @__PURE__ */ React.createElement(FlexBox, {
+		flexDirection: "column",
+		gap: 24
+	}, level && /* @__PURE__ */ React.createElement(LearningOutcomeLevelBadge, {
+		level,
+		size: isEmphasized ? "base" : "sm",
+		textColor: level !== LearningOutcomeLevels.One ? "navy-800" : "text",
+		removeBackground: true
+	}), /* @__PURE__ */ React.createElement(Text, {
+		variant: fontVariant(isEmphasized, level),
+		fontWeight: isEmphasized ? 700 : 400,
+		width: "100%",
+		as: headingLevel
+	}, outcome), !!sortedSkills && /* @__PURE__ */ React.createElement(FlexBox, {
+		as: "ul",
+		pl: 0,
+		m: 0,
+		alignItems: "flex-start",
+		gap: 8,
+		wrap: true
+	}, renderSkills(sortedSkills))), displayProgress && renderProgress({
+		displayValue,
+		progressDuration,
+		radialValue,
+		startRadialAnimation,
+		showCompletionIcon
+	}));
 };
-export const LearningOutcomeCard = ({
-  level,
-  outcome,
-  as,
-  headingLevel,
-  isInteractive = false,
-  mode = 'base',
-  progress = 0,
-  skills,
-  progressUpdateData
-}) => {
-  const [startRadialAnimation, setStartRadialAnimation] = useState(false);
-  const [showCompletionIcon, setShowCompletionIcon] = useState(false);
-  const {
-    previousProgress,
-    progressDuration,
-    completionDelay
-  } = progressUpdateData || {};
-  const progressStatus = progressState(progress);
-  const displayProgress = progressStatus !== Progress.notStarted;
-
-  // when previousProgress is provided, either start the progress animation or only display previous progress while we wait. If not provided then only display current progress
-  const radialValue = previousProgress !== undefined && progress !== undefined ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
 
-  // when previousProgress is provided but we haven't started the animation yet then show previous progress, otherwise, if animation has started, then show current progress
-  const displayValue = previousProgress !== undefined && !startRadialAnimation ? previousProgress : progress;
-  const isEmphasized = mode === 'emphasized';
-  useEffect(() => {
-    if (progress && progressDuration) {
-      setTimeout(() => {
-        setStartRadialAnimation(true);
-      }, progressDuration);
-    }
-    if (progress === 100) {
-      // completionDelay is for animating the progress; the setTimeout will delay showing the checkmark icon so radial progress will appear first.
-      if (completionDelay) {
-        setTimeout(() => {
-          setShowCompletionIcon(true);
-        }, completionDelay);
-        // If completionDelay is not provided, the completion icon will show immediately and radial progress will not show.
-      } else {
-        setShowCompletionIcon(true);
-      }
-    }
-  }, [progressDuration, progress, completionDelay]);
-  const sortedSkills = useMemo(() => {
-    if (!skills || skills.length === 0) {
-      return undefined;
-    }
-    return skills.slice().sort((a, b) => {
-      const titleA = a.title ?? '';
-      const titleB = b.title ?? '';
-      return titleA.localeCompare(titleB);
-    });
-  }, [skills]);
-  return /*#__PURE__*/_jsxs(StyledCard, {
-    as: as,
-    "aria-label": `${learningOutcomeLabels[level ?? 1]} - ${outcome}`,
-    isInteractive: isInteractive,
-    progress: progressStatus,
-    mode: mode,
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      flexDirection: "column",
-      gap: 24,
-      children: [level && /*#__PURE__*/_jsx(LearningOutcomeLevelBadge, {
-        level: level,
-        size: isEmphasized ? 'base' : 'sm',
-        textColor: level !== LearningOutcomeLevels.One ? 'navy-800' : 'text',
-        removeBackground: true
-      }), /*#__PURE__*/_jsx(Text, {
-        variant: fontVariant(isEmphasized, level),
-        fontWeight: isEmphasized ? 700 : 400,
-        width: "100%",
-        as: headingLevel,
-        children: outcome
-      }), !!sortedSkills && /*#__PURE__*/_jsx(FlexBox, {
-        as: "ul",
-        pl: 0,
-        m: 0,
-        alignItems: "flex-start",
-        gap: 8,
-        wrap: true,
-        children: renderSkills(sortedSkills)
-      })]
-    }), displayProgress && renderProgress({
-      displayValue,
-      progressDuration,
-      radialValue,
-      startRadialAnimation,
-      showCompletionIcon
-    })]
-  });
-};
+//#endregion
+export { LearningOutcomeCard };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomeCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Card","FlexBox","RadialProgress","Text","CheckIcon","css","theme","variant","styled","useEffect","useMemo","useState","learningOutcomeLabels","LearningOutcomeLevelBadge","LearningOutcomeLevels","progressState","Progress","COMPLETED_COLOR","SkillTag","px","textColor","opacity","bg","justifyContent","StyledCard","props","prop","defaultVariant","base","border","borderRadius","borderColor","progress","completed","display","flexDirection","notStarted","alignSelf","overflow","gap","variants","emphasized","py","renderProgress","displayValue","progressDuration","radialValue","startRadialAnimation","showCompletionIcon","flex","flexWrap","alignContent","width","height","center","size","color","key","colors","duration","undefined","strokeLinecap","strokeWidth","value","as","fontSize","fontWeight","renderSkills","skills","map","skill","title","fontVariant","isEmphasized","level","One","Two","Three","LearningOutcomeCard","outcome","headingLevel","isInteractive","mode","progressUpdateData","setStartRadialAnimation","setShowCompletionIcon","previousProgress","completionDelay","progressStatus","displayProgress","setTimeout","sortedSkills","length","slice","sort","a","b","titleA","titleB","localeCompare","aria-label","removeBackground","pl","m","alignItems","wrap"],"sources":["../../src/LearningOutcomeCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FlexBox,\n  HeadingTags,\n  RadialProgress,\n  Text,\n} from '@codecademy/gamut';\nimport { CheckIcon } from '@codecademy/gamut-icons';\nimport { css, theme, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport {\n  learningOutcomeLabels,\n  LearningOutcomeLevelBadge,\n  LearningOutcomeLevels,\n} from '../LearningOutcomeBadges';\nimport { progressState } from '../LearningOutcomeTile';\nimport { Progress } from '../LearningOutcomeTile/types';\n\n// to match the type from gql schema\ninterface LearningOutcomeSkill {\n  title?: string | null | undefined;\n}\ninterface LearningOutcomeCardProps {\n  level: LearningOutcomeLevels | null | undefined;\n  outcome: string;\n  as?: 'li';\n  headingLevel?: HeadingTags;\n  isInteractive?: boolean;\n  mode?: 'emphasized' | 'base';\n  progress?: number;\n  skills?: LearningOutcomeSkill[] | null;\n\n  /**\n   * Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.\n   * Need to provide previousProgress and progressDuraion to animate the radial progress.\n   * If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.\n   */\n  progressUpdateData?: {\n    previousProgress: number;\n    progressDuration?: number;\n    completionDelay?: number;\n  };\n}\n\ninterface ProgressProps {\n  displayValue: number;\n  progressDuration: number | undefined;\n  radialValue: number | number[];\n  startRadialAnimation: boolean;\n  showCompletionIcon: boolean;\n}\n\nconst COMPLETED_COLOR = 'yellow-500';\n\nconst SkillTag = styled(FlexBox)(\n  css({\n    px: 8,\n    textColor: 'secondary',\n    opacity: '0.65',\n    bg: 'background-selected',\n    justifyContent: 'space-between',\n  })\n);\n\nconst StyledCard = styled(Card)<{\n  progress: Progress;\n  mode?: 'emphasized' | 'base';\n}>((props) => ({\n  ...variant({\n    prop: 'mode',\n    defaultVariant: 'base',\n    base: {\n      border: 2,\n      borderRadius: 'lg',\n      borderColor:\n        props.progress === Progress.completed\n          ? COMPLETED_COLOR\n          : 'border-tertiary',\n      display: 'flex',\n      flexDirection: props.progress === Progress.notStarted ? 'column' : 'row',\n      alignSelf: 'stretch',\n      overflow: 'auto',\n      gap: props.progress === Progress.notStarted ? 0 : 32,\n    },\n    variants: {\n      emphasized: {\n        bg: 'background-primary',\n        borderRadius: 'xl',\n        py: 32,\n        px: 24,\n      },\n      base: {\n        bg: 'background-current',\n        py: 24,\n        px: 16,\n      },\n    },\n  })(props),\n}));\n\nconst renderProgress = ({\n  displayValue,\n  progressDuration,\n  radialValue,\n  startRadialAnimation,\n  showCompletionIcon,\n}: ProgressProps) => (\n  <FlexBox\n    flexDirection=\"column\"\n    flex=\"1 0 0\"\n    alignSelf=\"stretch\"\n    flexWrap=\"wrap\"\n    alignContent=\"end\"\n  >\n    {showCompletionIcon ? (\n      <FlexBox\n        bg={COMPLETED_COLOR}\n        width={80}\n        height={80}\n        center\n        borderRadius=\"full\"\n      >\n        <CheckIcon size={44} color=\"text\" />\n      </FlexBox>\n    ) : (\n      <RadialProgress\n        key={`radial-progress-${startRadialAnimation ? 1 : 0}`}\n        color={theme.colors[COMPLETED_COLOR]}\n        duration={progressDuration || undefined}\n        size={80}\n        strokeLinecap=\"round\"\n        strokeWidth={8}\n        value={radialValue ?? 0}\n      >\n        <Text as=\"span\" fontSize={22} fontWeight={700}>\n          {`${displayValue}%`}\n        </Text>\n      </RadialProgress>\n    )}\n  </FlexBox>\n);\n\nconst renderSkills = (skills: LearningOutcomeSkill[]) =>\n  skills.map((skill) => (\n    <SkillTag as=\"li\" key={skill.title}>\n      {skill.title}\n    </SkillTag>\n  ));\n\nconst fontVariant = (\n  isEmphasized: boolean,\n  level?: LearningOutcomeLevels | null\n) => {\n  if (isEmphasized) {\n    return 'title-sm';\n  }\n\n  switch (level) {\n    case LearningOutcomeLevels.One:\n      return 'p-base';\n    case LearningOutcomeLevels.Two:\n      return 'title-xs';\n    case LearningOutcomeLevels.Three:\n      return 'title-sm';\n    default:\n      return 'p-base';\n  }\n};\n\nexport const LearningOutcomeCard: React.FC<LearningOutcomeCardProps> = ({\n  level,\n  outcome,\n  as,\n  headingLevel,\n  isInteractive = false,\n  mode = 'base',\n  progress = 0,\n  skills,\n  progressUpdateData,\n}) => {\n  const [startRadialAnimation, setStartRadialAnimation] = useState(false);\n  const [showCompletionIcon, setShowCompletionIcon] = useState(false);\n\n  const { previousProgress, progressDuration, completionDelay } =\n    progressUpdateData || {};\n  const progressStatus = progressState(progress);\n  const displayProgress = progressStatus !== Progress.notStarted;\n\n  // when previousProgress is provided, either start the progress animation or only display previous progress while we wait. If not provided then only display current progress\n  const radialValue =\n    previousProgress !== undefined && progress !== undefined\n      ? startRadialAnimation\n        ? [previousProgress, progress]\n        : previousProgress\n      : progress;\n\n  // when previousProgress is provided but we haven't started the animation yet then show previous progress, otherwise, if animation has started, then show current progress\n  const displayValue =\n    previousProgress !== undefined && !startRadialAnimation\n      ? previousProgress\n      : progress;\n\n  const isEmphasized = mode === 'emphasized';\n\n  useEffect(() => {\n    if (progress && progressDuration) {\n      setTimeout(() => {\n        setStartRadialAnimation(true);\n      }, progressDuration);\n    }\n\n    if (progress === 100) {\n      // completionDelay is for animating the progress; the setTimeout will delay showing the checkmark icon so radial progress will appear first.\n      if (completionDelay) {\n        setTimeout(() => {\n          setShowCompletionIcon(true);\n        }, completionDelay);\n        // If completionDelay is not provided, the completion icon will show immediately and radial progress will not show.\n      } else {\n        setShowCompletionIcon(true);\n      }\n    }\n  }, [progressDuration, progress, completionDelay]);\n\n  const sortedSkills = useMemo(() => {\n    if (!skills || skills.length === 0) {\n      return undefined;\n    }\n\n    return skills.slice().sort((a, b) => {\n      const titleA = a.title ?? '';\n      const titleB = b.title ?? '';\n\n      return titleA.localeCompare(titleB);\n    });\n  }, [skills]);\n\n  return (\n    <StyledCard\n      as={as}\n      aria-label={`${learningOutcomeLabels[level ?? 1]} - ${outcome}`}\n      isInteractive={isInteractive}\n      progress={progressStatus}\n      mode={mode}\n    >\n      <FlexBox flexDirection=\"column\" gap={24}>\n        {level && (\n          <LearningOutcomeLevelBadge\n            level={level}\n            size={isEmphasized ? 'base' : 'sm'}\n            textColor={\n              level !== LearningOutcomeLevels.One ? 'navy-800' : 'text'\n            }\n            removeBackground\n          />\n        )}\n        <Text\n          variant={fontVariant(isEmphasized, level)}\n          fontWeight={isEmphasized ? 700 : 400}\n          width=\"100%\"\n          as={headingLevel}\n        >\n          {outcome}\n        </Text>\n        {!!sortedSkills && (\n          <FlexBox as=\"ul\" pl={0} m={0} alignItems=\"flex-start\" gap={8} wrap>\n            {renderSkills(sortedSkills)}\n          </FlexBox>\n        )}\n      </FlexBox>\n\n      {displayProgress &&\n        renderProgress({\n          displayValue,\n          progressDuration,\n          radialValue,\n          startRadialAnimation,\n          showCompletionIcon,\n        })}\n    </StyledCard>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsDA,MAAMiB,kBAAkB;AAExB,MAAMC,WAAWV,uBAAOP,SAAAA;;;GACtBI,IAAI;CACFc,IAAI;CACJC,WAAW;CACXC,SAAS;CACTC,IAAI;CACJC,gBAAgB;CAClB,CAAA,EAAA,stVAAA;AAGF,MAAMC,aAAahB,uBAAOR,MAAAA;;;IAGtByB,WAAW,EACb,GAAGlB,QAAQ;CACTmB,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJC,QAAQ;EACRC,cAAc;EACdC,aACEN,MAAMO,aAAahB,SAASiB,YACxBhB,kBACA;EACNiB,SAAS;EACTC,eAAeV,MAAMO,aAAahB,SAASoB,aAAa,WAAW;EACnEC,WAAW;EACXC,UAAU;EACVC,KAAKd,MAAMO,aAAahB,SAASoB,aAAa,IAAI;EACpD;CACAI,UAAU;EACRC,YAAY;GACVnB,IAAI;GACJQ,cAAc;GACdY,IAAI;GACJvB,IAAI;GACN;EACAS,MAAM;GACJN,IAAI;GACJoB,IAAI;GACJvB,IAAI;GACN;EACF;CACF,CAAA,CAAGM,MAAM,EACX,GAAA,stVAAA;AAEA,MAAMkB,kBAAkB,EACtBC,cACAC,kBACAC,aACAC,sBACAC,yBAEA,sBAAA,cAAC/C,SAAAA;CACCkC,eAAc;CACdc,MAAK;CACLZ,WAAU;CACVa,UAAS;CACTC,cAAa;GAEZH,qBACC,sBAAA,cAAC/C,SAAAA;CACCqB,IAAIL;CACJmC,OAAO;CACPC,QAAQ;CACRC,QAAAA;CACAxB,cAAa;GAEb,sBAAA,cAAC1B,WAAAA;CAAUmD,MAAM;CAAIC,OAAM;MAG7B,sBAAA,cAACtD,gBAAAA;CACCuD,KAAK,mBAAmBV,uBAAuB,IAAI;CACnDS,OAAOlD,MAAMoD,OAAOzC;CACpB0C,UAAUd,oBAAoBe;CAC9BL,MAAM;CACNM,eAAc;CACdC,aAAa;CACbC,OAAOjB,eAAe;GAEtB,sBAAA,cAAC3C,MAAAA;CAAK6D,IAAG;CAAOC,UAAU;CAAIC,YAAY;GACvC,GAAGtB,aAAa,GAAE,CAAA,CAAA;AAO7B,MAAMuB,gBAAgBC,WACpBA,OAAOC,KAAKC,UACV,sBAAA,cAACpD,UAAAA;CAAS8C,IAAG;CAAKP,KAAKa,MAAMC;GAC1BD,MAAMC,MAAK,CAAA;AAIlB,MAAMC,eACJC,cACAC,UAAAA;AAEA,KAAID,aACF,QAAO;AAGT,SAAQC,OAAR;EACE,KAAK5D,sBAAsB6D,IACzB,QAAO;EACT,KAAK7D,sBAAsB8D,IACzB,QAAO;EACT,KAAK9D,sBAAsB+D,MACzB,QAAO;EACT,QACE,QAAO;;;AAIb,MAAaC,uBAA2D,EACtEJ,OACAK,SACAf,IACAgB,cACAC,gBAAgB,OAChBC,OAAO,QACPlD,WAAW,GACXoC,QACAe,yBACD;CACC,MAAM,CAACpC,sBAAsBqC,2BAA2BzE,SAAS,MAAA;CACjE,MAAM,CAACqC,oBAAoBqC,yBAAyB1E,SAAS,MAAA;CAE7D,MAAM,EAAE2E,kBAAkBzC,kBAAkB0C,oBAC1CJ,sBAAsB,EAAC;CACzB,MAAMK,iBAAiBzE,cAAciB,SAAAA;CACrC,MAAMyD,kBAAkBD,mBAAmBxE,SAASoB;CAGpD,MAAMU,cACJwC,qBAAqB1B,UAAa5B,aAAa4B,SAC3Cb,uBACE,CAACuC,kBAAkBtD,SAAS,GAC5BsD,mBACFtD;CAGN,MAAMY,eACJ0C,qBAAqB1B,UAAa,CAACb,uBAC/BuC,mBACAtD;CAEN,MAAMyC,eAAeS,SAAS;AAE9BzE,iBAAU;AACR,MAAIuB,YAAYa,iBACd6C,kBAAW;AACTN,2BAAwB,KAAA;KACvBvC,iBAAAA;AAGL,MAAIb,aAAa,IAEf,KAAIuD,gBACFG,kBAAW;AACTL,yBAAsB,KAAA;KACrBE,gBAAAA;MAGHF,uBAAsB,KAAA;IAGzB;EAACxC;EAAkBb;EAAUuD;EAAgB,CAAA;CAEhD,MAAMI,eAAejF,cAAQ;AAC3B,MAAI,CAAC0D,UAAUA,OAAOwB,WAAW,EAC/B;AAGF,SAAOxB,OAAOyB,OAAK,CAAGC,MAAMC,GAAGC,MAAAA;GAC7B,MAAMC,SAASF,EAAExB,SAAS;GAC1B,MAAM2B,SAASF,EAAEzB,SAAS;AAE1B,UAAO0B,OAAOE,cAAcD,OAAAA;IAC9B;IACC,CAAC9B,OAAO,CAAA;AAEX,QACE,sBAAA,cAAC5C,YAAAA;EACKwC;EACJoC,cAAY,GAAGxF,sBAAsB8D,SAAS,GAAG,KAAKK;EACvCE;EACfjD,UAAUwD;EACJN;IAEN,sBAAA,cAACjF,SAAAA;EAAQkC,eAAc;EAASI,KAAK;IAClCmC,SACC,sBAAA,cAAC7D,2BAAAA;EACQ6D;EACPnB,MAAMkB,eAAe,SAAS;EAC9BrD,WACEsD,UAAU5D,sBAAsB6D,MAAM,aAAa;EAErD0B,kBAAAA;KAGJ,sBAAA,cAAClG,MAAAA;EACCI,SAASiE,YAAYC,cAAcC,MAAAA;EACnCR,YAAYO,eAAe,MAAM;EACjCrB,OAAM;EACNY,IAAIgB;IAEHD,QAAAA,EAEF,CAAC,CAACY,gBACD,sBAAA,cAAC1F,SAAAA;EAAQ+D,IAAG;EAAKsC,IAAI;EAAGC,GAAG;EAAGC,YAAW;EAAajE,KAAK;EAAGkE,MAAAA;IAC3DtC,aAAawB,aAAAA,CAAAA,CAAAA,EAKnBF,mBACC9C,eAAe;EACbC;EACAC;EACAC;EACAC;EACAC;EACF,CAAA,CAAA"}

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.cjs

@@ -0,0 +1,39 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../LearningOutcomeCard/index.cjs');
+const require_index$1 = require('./index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx
+const LearningOutcomeCardList = ({ learningOutcomes, onClick }) => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		as: "ul",
+		m: 0,
+		p: 0,
+		gap: 12,
+		column: true
+	}, learningOutcomes.map(({ id, level, outcome }) => {
+		const trackingData = require_index$1.miscTrackingData(level, id, void 0, outcome);
+		return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+			as: "li",
+			listStyle: "none",
+			m: 0,
+			p: 0,
+			key: id,
+			width: "100%"
+		}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Anchor, {
+			href: require_index$1.getLearningOutcomePath(id),
+			onClick: () => onClick?.(trackingData),
+			target: "_blank",
+			variant: "interface",
+			width: "100%"
+		}, /* @__PURE__ */ React.createElement(require_index.LearningOutcomeCard, {
+			level,
+			outcome,
+			isInteractive: true
+		})));
+	}));
+};
+
+//#endregion
+exports.LearningOutcomeCardList = LearningOutcomeCardList;
+//# sourceMappingURL=LearningOutcomeCardList.cjs.map

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeCardList.cjs","names":["Anchor","Box","FlexBox","LearningOutcomeCard","getLearningOutcomePath","miscTrackingData","LearningOutcomeCardList","learningOutcomes","onClick","as","m","p","gap","column","map","id","level","outcome","trackingData","undefined","listStyle","key","width","href","target","variant","isInteractive"],"sources":["../../src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx"],"sourcesContent":["import { Anchor, Box, FlexBox } from '@codecademy/gamut';\n\nimport { LearningOutcomeCard } from '../LearningOutcomeCard';\nimport { getLearningOutcomePath, miscTrackingData } from '.';\nimport { ParentLearningOutcome } from './types';\n\ninterface LearningOutcomeCardListProps {\n  learningOutcomes: ParentLearningOutcome[];\n  onClick?: (misc: Record<string, string>) => void;\n}\n\nexport const LearningOutcomeCardList: React.FC<\n  LearningOutcomeCardListProps\n> = ({ learningOutcomes, onClick }) => {\n  return (\n    <FlexBox as=\"ul\" m={0} p={0} gap={12} column>\n      {learningOutcomes.map(({ id, level, outcome }) => {\n        const trackingData = miscTrackingData(level, id, undefined, outcome);\n\n        return (\n          <Box as=\"li\" listStyle=\"none\" m={0} p={0} key={id} width=\"100%\">\n            <Anchor\n              href={getLearningOutcomePath(id)}\n              onClick={() => onClick?.(trackingData)}\n              target=\"_blank\"\n              variant=\"interface\"\n              width=\"100%\"\n            >\n              <LearningOutcomeCard\n                level={level}\n                outcome={outcome}\n                isInteractive\n              />\n            </Anchor>\n          </Box>\n        );\n      })}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAaM,2BAER,EAAEC,kBAAkBC,cAAS;AAChC,QACE,sBAAA,cAACN,2BAAAA;EAAQO,IAAG;EAAKC,GAAG;EAAGC,GAAG;EAAGC,KAAK;EAAIC,QAAAA;IACnCN,iBAAiBO,KAAK,EAAEC,IAAIC,OAAOC,cAAS;EAC3C,MAAMC,eAAeb,iCAAiBW,OAAOD,IAAII,QAAWF,QAAAA;AAE5D,SACE,sBAAA,cAAChB,uBAAAA;GAAIQ,IAAG;GAAKW,WAAU;GAAOV,GAAG;GAAGC,GAAG;GAAGU,KAAKN;GAAIO,OAAM;KACvD,sBAAA,cAACtB,0BAAAA;GACCuB,MAAMnB,uCAAuBW,GAAAA;GAC7BP,eAAeA,UAAUU,aAAAA;GACzBM,QAAO;GACPC,SAAQ;GACRH,OAAM;KAEN,sBAAA,cAACnB,mCAAAA;GACQa;GACEC;GACTS,eAAAA;;GAKV,CAAA"}

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.js

@@ -1,42 +1,38 @@
-import { Anchor, Box, FlexBox } from '@codecademy/gamut';
-import { LearningOutcomeCard } from '../LearningOutcomeCard';
-import { getLearningOutcomePath, miscTrackingData } from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const LearningOutcomeCardList = ({
-  learningOutcomes,
-  onClick
-}) => {
-  return /*#__PURE__*/_jsx(FlexBox, {
-    as: "ul",
-    m: 0,
-    p: 0,
-    gap: 12,
-    column: true,
-    children: learningOutcomes.map(({
-      id,
-      level,
-      outcome
-    }) => {
-      const trackingData = miscTrackingData(level, id, undefined, outcome);
-      return /*#__PURE__*/_jsx(Box, {
-        as: "li",
-        listStyle: "none",
-        m: 0,
-        p: 0,
-        width: "100%",
-        children: /*#__PURE__*/_jsx(Anchor, {
-          href: getLearningOutcomePath(id),
-          onClick: () => onClick?.(trackingData),
-          target: "_blank",
-          variant: "interface",
-          width: "100%",
-          children: /*#__PURE__*/_jsx(LearningOutcomeCard, {
-            level: level,
-            outcome: outcome,
-            isInteractive: true
-          })
-        })
-      }, id);
-    })
-  });
-};
+import { LearningOutcomeCard } from "../LearningOutcomeCard/index.js";
+import { getLearningOutcomePath, miscTrackingData } from "./index.js";
+import { Anchor, Box, FlexBox } from "@codecademy/gamut";
+
+//#region src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx
+const LearningOutcomeCardList = ({ learningOutcomes, onClick }) => {
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		as: "ul",
+		m: 0,
+		p: 0,
+		gap: 12,
+		column: true
+	}, learningOutcomes.map(({ id, level, outcome }) => {
+		const trackingData = miscTrackingData(level, id, void 0, outcome);
+		return /* @__PURE__ */ React.createElement(Box, {
+			as: "li",
+			listStyle: "none",
+			m: 0,
+			p: 0,
+			key: id,
+			width: "100%"
+		}, /* @__PURE__ */ React.createElement(Anchor, {
+			href: getLearningOutcomePath(id),
+			onClick: () => onClick?.(trackingData),
+			target: "_blank",
+			variant: "interface",
+			width: "100%"
+		}, /* @__PURE__ */ React.createElement(LearningOutcomeCard, {
+			level,
+			outcome,
+			isInteractive: true
+		})));
+	}));
+};
+
+//#endregion
+export { LearningOutcomeCardList };
+//# sourceMappingURL=LearningOutcomeCardList.js.map

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeCardList.js","names":["Anchor","Box","FlexBox","LearningOutcomeCard","getLearningOutcomePath","miscTrackingData","LearningOutcomeCardList","learningOutcomes","onClick","as","m","p","gap","column","map","id","level","outcome","trackingData","undefined","listStyle","key","width","href","target","variant","isInteractive"],"sources":["../../src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx"],"sourcesContent":["import { Anchor, Box, FlexBox } from '@codecademy/gamut';\n\nimport { LearningOutcomeCard } from '../LearningOutcomeCard';\nimport { getLearningOutcomePath, miscTrackingData } from '.';\nimport { ParentLearningOutcome } from './types';\n\ninterface LearningOutcomeCardListProps {\n  learningOutcomes: ParentLearningOutcome[];\n  onClick?: (misc: Record<string, string>) => void;\n}\n\nexport const LearningOutcomeCardList: React.FC<\n  LearningOutcomeCardListProps\n> = ({ learningOutcomes, onClick }) => {\n  return (\n    <FlexBox as=\"ul\" m={0} p={0} gap={12} column>\n      {learningOutcomes.map(({ id, level, outcome }) => {\n        const trackingData = miscTrackingData(level, id, undefined, outcome);\n\n        return (\n          <Box as=\"li\" listStyle=\"none\" m={0} p={0} key={id} width=\"100%\">\n            <Anchor\n              href={getLearningOutcomePath(id)}\n              onClick={() => onClick?.(trackingData)}\n              target=\"_blank\"\n              variant=\"interface\"\n              width=\"100%\"\n            >\n              <LearningOutcomeCard\n                level={level}\n                outcome={outcome}\n                isInteractive\n              />\n            </Anchor>\n          </Box>\n        );\n      })}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;AAWA,MAAaM,2BAER,EAAEC,kBAAkBC,cAAS;AAChC,QACE,sBAAA,cAACN,SAAAA;EAAQO,IAAG;EAAKC,GAAG;EAAGC,GAAG;EAAGC,KAAK;EAAIC,QAAAA;IACnCN,iBAAiBO,KAAK,EAAEC,IAAIC,OAAOC,cAAS;EAC3C,MAAMC,eAAeb,iBAAiBW,OAAOD,IAAII,QAAWF,QAAAA;AAE5D,SACE,sBAAA,cAAChB,KAAAA;GAAIQ,IAAG;GAAKW,WAAU;GAAOV,GAAG;GAAGC,GAAG;GAAGU,KAAKN;GAAIO,OAAM;KACvD,sBAAA,cAACtB,QAAAA;GACCuB,MAAMnB,uBAAuBW,GAAAA;GAC7BP,eAAeA,UAAUU,aAAAA;GACzBM,QAAO;GACPC,SAAQ;GACRH,OAAM;KAEN,sBAAA,cAACnB,qBAAAA;GACQa;GACEC;GACTS,eAAAA;;GAKV,CAAA"}