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

package/dist/ContentGroupBaseCard/shared.cjs

@@ -0,0 +1,49 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+let pluralize = require("pluralize");
+pluralize = require_runtime.__toESM(pluralize);
+
+//#region src/ContentGroupBaseCard/shared.tsx
+const DottedLine = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_patterns.CheckerDense, {
+	target: "e1mm7rx90",
+	label: "brand-DottedLine"
+})((0, _codecademy_gamut_styles.css)({
+	height: "1px",
+	display: "flex",
+	position: "absolute",
+	marginTop: "-1px"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDZXJ0aWZpY2F0ZUljb24gLz5cbiAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgV2l0aCAke2NlcnRpZmljYXRlVHlwZX1gfTwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgV2l0aCA8Yj57Y2VydGlmaWNhdGVUeXBlfTwvYj5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvdXJzZUNvdW50Q29tcG9uZW50OiBSZWFjdC5GQzx7IGNvdW50OiBudW1iZXIgfT4gPSAoe1xuICBjb3VudCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWwgPSBwbHVyYWxpemUoJ0NvdXJzZXMnLCBjb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2BJbmNsdWRlcyAke2NvdW50fSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgSW5jbHVkZXN7JyAnfVxuICAgICAgICA8Yj5cbiAgICAgICAgICB7Y291bnR9IHtsYWJlbH1cbiAgICAgICAgPC9iPlxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPbUIifQ== */");
+const Divider = () => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		py: 4,
+		height: 0,
+		position: "relative",
+		"aria-hidden": true
+	}, /* @__PURE__ */ React.createElement(DottedLine, null));
+};
+const CertificateComponent = ({ professionalCert }) => {
+	const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.CertificateIcon, null), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { screenreader: true }, `With ${certificateType}`), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		variant: "p-small",
+		pl: 8,
+		"aria-hidden": true
+	}, "With ", /* @__PURE__ */ React.createElement("b", null, certificateType))));
+};
+const CourseCountComponent = ({ count }) => {
+	const label = (0, pluralize.default)("Courses", count);
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { screenreader: true }, `Includes ${count} ${label}`), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		variant: "p-small",
+		"aria-hidden": true
+	}, "Includes", " ", /* @__PURE__ */ React.createElement("b", null, count, " ", label)));
+};
+
+//#endregion
+exports.CertificateComponent = CertificateComponent;
+exports.CourseCountComponent = CourseCountComponent;
+exports.Divider = Divider;
+//# sourceMappingURL=shared.cjs.map

package/dist/ContentGroupBaseCard/shared.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.cjs","names":["Box","FlexBox","Text","CertificateIcon","CheckerDense","css","styled","pluralize","DottedLine","height","display","position","marginTop","Divider","py","aria-hidden","CertificateComponent","professionalCert","certificateType","as","alignItems","screenreader","variant","pl","b","CourseCountComponent","count","label"],"sources":["../../src/ContentGroupBaseCard/shared.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CertificateIcon } from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport pluralize from 'pluralize';\n\nconst DottedLine = styled(CheckerDense)(\n  css({\n    height: '1px',\n    display: 'flex',\n    position: 'absolute',\n    marginTop: '-1px',\n  })\n);\n\nexport const Divider: React.FC = () => {\n  return (\n    // the height and position properties are necessary for iOS devices\n    <Box py={4} height={0} position=\"relative\" aria-hidden>\n      <DottedLine />\n    </Box>\n  );\n};\n\nexport const CertificateComponent: React.FC<{ professionalCert?: boolean }> = ({\n  professionalCert,\n}) => {\n  const certificateType = professionalCert\n    ? `Professional Certification`\n    : `Certificate`;\n  return (\n    <Box as=\"li\">\n      <Divider />\n      <FlexBox alignItems=\"center\">\n        <CertificateIcon />\n        <Text screenreader>{`With ${certificateType}`}</Text>\n        <Text variant=\"p-small\" pl={8} aria-hidden>\n          With <b>{certificateType}</b>\n        </Text>\n      </FlexBox>\n    </Box>\n  );\n};\n\nexport const CourseCountComponent: React.FC<{ count: number }> = ({\n  count,\n}) => {\n  const label = pluralize('Courses', count);\n\n  return (\n    <Box as=\"li\">\n      <Divider />\n      <Text screenreader>{`Includes ${count} ${label}`}</Text>\n      <Text variant=\"p-small\" aria-hidden>\n        Includes{' '}\n        <b>\n          {count} {label}\n        </b>\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAOA,MAAMQ,aAAaF,6CAAOF,yCAAAA;;;qCACpB;CACFK,QAAQ;CACRC,SAAS;CACTC,UAAU;CACVC,WAAW;CACb,CAAA,EAAA,kjFAAA;AAGF,MAAaC,gBAAoB;AAC/B,QAEE,sBAAA,cAACb,uBAAAA;EAAIc,IAAI;EAAGL,QAAQ;EAAGE,UAAS;EAAWI,eAAAA;IACzC,sBAAA,cAACP,YAAAA,KAAAA,CAAAA;;AAKP,MAAaQ,wBAAkE,EAC7EC,uBACD;CACC,MAAMC,kBAAkBD,mBACpB,+BACA;AACJ,QACE,sBAAA,cAACjB,uBAAAA,EAAImB,IAAG,QACN,sBAAA,cAACN,SAAAA,KAAAA,EACD,sBAAA,cAACZ,2BAAAA,EAAQmB,YAAW,YAClB,sBAAA,cAACjB,yCAAAA,KAAAA,EACD,sBAAA,cAACD,wBAAAA,EAAKmB,cAAAA,QAAc,QAAQH,kBAAiB,EAC7C,sBAAA,cAAChB,wBAAAA;EAAKoB,SAAQ;EAAUC,IAAI;EAAGR,eAAAA;IAAY,SACpC,sBAAA,cAACS,KAAAA,MAAGN,gBAAAA,CAAAA,CAAAA,CAAAA;;AAOnB,MAAaO,wBAAqD,EAChEC,YACD;CACC,MAAMC,+BAAkB,WAAWD,MAAAA;AAEnC,QACE,sBAAA,cAAC1B,uBAAAA,EAAImB,IAAG,QACN,sBAAA,cAACN,SAAAA,KAAAA,EACD,sBAAA,cAACX,wBAAAA,EAAKmB,cAAAA,QAAc,YAAYK,MAAM,GAAGC,QAAO,EAChD,sBAAA,cAACzB,wBAAAA;EAAKoB,SAAQ;EAAUP,eAAAA;IAAY,YACzB,KACT,sBAAA,cAACS,KAAAA,MACEE,OAAM,KAAEC,MAAAA,CAAAA,CAAAA"}

package/dist/ContentGroupBaseCard/shared.js

@@ -1,69 +1,44 @@
-import _styled from "@emotion/styled/base";
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import { CertificateIcon } from '@codecademy/gamut-icons';
-import { CheckerDense } from '@codecademy/gamut-patterns';
-import { css } from '@codecademy/gamut-styles';
-import pluralize from 'pluralize';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
-  target: "e16fp6ou0",
-  label: "DottedLine"
+import { Box, FlexBox, Text } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { CertificateIcon } from "@codecademy/gamut-icons";
+import { CheckerDense } from "@codecademy/gamut-patterns";
+import pluralize from "pluralize";
+
+//#region src/ContentGroupBaseCard/shared.tsx
+const DottedLine = /* @__PURE__ */ styled(CheckerDense, {
+	target: "e1mm7rx90",
+	label: "brand-DottedLine"
 })(css({
-  height: '1px',
-  display: 'flex',
-  position: 'absolute',
-  marginTop: '-1px'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvc2hhcmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDZXJ0aWZpY2F0ZUljb24gLz5cbiAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgV2l0aCAke2NlcnRpZmljYXRlVHlwZX1gfTwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgV2l0aCA8Yj57Y2VydGlmaWNhdGVUeXBlfTwvYj5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvdXJzZUNvdW50Q29tcG9uZW50OiBSZWFjdC5GQzx7IGNvdW50OiBudW1iZXIgfT4gPSAoe1xuICBjb3VudCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWwgPSBwbHVyYWxpemUoJ0NvdXJzZXMnLCBjb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2BJbmNsdWRlcyAke2NvdW50fSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgSW5jbHVkZXN7JyAnfVxuICAgICAgICA8Yj5cbiAgICAgICAgICB7Y291bnR9IHtsYWJlbH1cbiAgICAgICAgPC9iPlxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdfQ== */");
-export const Divider = () => {
-  return (
-    /*#__PURE__*/
-    // the height and position properties are necessary for iOS devices
-    _jsx(Box, {
-      py: 4,
-      height: 0,
-      position: "relative",
-      "aria-hidden": true,
-      children: /*#__PURE__*/_jsx(DottedLine, {})
-    })
-  );
+	height: "1px",
+	display: "flex",
+	position: "absolute",
+	marginTop: "-1px"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDZXJ0aWZpY2F0ZUljb24gLz5cbiAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgV2l0aCAke2NlcnRpZmljYXRlVHlwZX1gfTwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgV2l0aCA8Yj57Y2VydGlmaWNhdGVUeXBlfTwvYj5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvdXJzZUNvdW50Q29tcG9uZW50OiBSZWFjdC5GQzx7IGNvdW50OiBudW1iZXIgfT4gPSAoe1xuICBjb3VudCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWwgPSBwbHVyYWxpemUoJ0NvdXJzZXMnLCBjb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2BJbmNsdWRlcyAke2NvdW50fSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgSW5jbHVkZXN7JyAnfVxuICAgICAgICA8Yj5cbiAgICAgICAgICB7Y291bnR9IHtsYWJlbH1cbiAgICAgICAgPC9iPlxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPbUIifQ== */");
+const Divider = () => {
+	return /* @__PURE__ */ React.createElement(Box, {
+		py: 4,
+		height: 0,
+		position: "relative",
+		"aria-hidden": true
+	}, /* @__PURE__ */ React.createElement(DottedLine, null));
 };
-export const CertificateComponent = ({
-  professionalCert
-}) => {
-  const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
-  return /*#__PURE__*/_jsxs(Box, {
-    as: "li",
-    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(CertificateIcon, {}), /*#__PURE__*/_jsx(Text, {
-        screenreader: true,
-        children: `With ${certificateType}`
-      }), /*#__PURE__*/_jsxs(Text, {
-        variant: "p-small",
-        pl: 8,
-        "aria-hidden": true,
-        children: ["With ", /*#__PURE__*/_jsx("b", {
-          children: certificateType
-        })]
-      })]
-    })]
-  });
+const CertificateComponent = ({ professionalCert }) => {
+	const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
+	return /* @__PURE__ */ React.createElement(Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(CertificateIcon, null), /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `With ${certificateType}`), /* @__PURE__ */ React.createElement(Text, {
+		variant: "p-small",
+		pl: 8,
+		"aria-hidden": true
+	}, "With ", /* @__PURE__ */ React.createElement("b", null, certificateType))));
 };
-export const CourseCountComponent = ({
-  count
-}) => {
-  const label = pluralize('Courses', count);
-  return /*#__PURE__*/_jsxs(Box, {
-    as: "li",
-    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Text, {
-      screenreader: true,
-      children: `Includes ${count} ${label}`
-    }), /*#__PURE__*/_jsxs(Text, {
-      variant: "p-small",
-      "aria-hidden": true,
-      children: ["Includes", ' ', /*#__PURE__*/_jsxs("b", {
-        children: [count, " ", label]
-      })]
-    })]
-  });
-};
+const CourseCountComponent = ({ count }) => {
+	const label = pluralize("Courses", count);
+	return /* @__PURE__ */ React.createElement(Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `Includes ${count} ${label}`), /* @__PURE__ */ React.createElement(Text, {
+		variant: "p-small",
+		"aria-hidden": true
+	}, "Includes", " ", /* @__PURE__ */ React.createElement("b", null, count, " ", label)));
+};
+
+//#endregion
+export { CertificateComponent, CourseCountComponent, Divider };
+//# sourceMappingURL=shared.js.map

package/dist/ContentGroupBaseCard/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":["Box","FlexBox","Text","CertificateIcon","CheckerDense","css","styled","pluralize","DottedLine","height","display","position","marginTop","Divider","py","aria-hidden","CertificateComponent","professionalCert","certificateType","as","alignItems","screenreader","variant","pl","b","CourseCountComponent","count","label"],"sources":["../../src/ContentGroupBaseCard/shared.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CertificateIcon } from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport pluralize from 'pluralize';\n\nconst DottedLine = styled(CheckerDense)(\n  css({\n    height: '1px',\n    display: 'flex',\n    position: 'absolute',\n    marginTop: '-1px',\n  })\n);\n\nexport const Divider: React.FC = () => {\n  return (\n    // the height and position properties are necessary for iOS devices\n    <Box py={4} height={0} position=\"relative\" aria-hidden>\n      <DottedLine />\n    </Box>\n  );\n};\n\nexport const CertificateComponent: React.FC<{ professionalCert?: boolean }> = ({\n  professionalCert,\n}) => {\n  const certificateType = professionalCert\n    ? `Professional Certification`\n    : `Certificate`;\n  return (\n    <Box as=\"li\">\n      <Divider />\n      <FlexBox alignItems=\"center\">\n        <CertificateIcon />\n        <Text screenreader>{`With ${certificateType}`}</Text>\n        <Text variant=\"p-small\" pl={8} aria-hidden>\n          With <b>{certificateType}</b>\n        </Text>\n      </FlexBox>\n    </Box>\n  );\n};\n\nexport const CourseCountComponent: React.FC<{ count: number }> = ({\n  count,\n}) => {\n  const label = pluralize('Courses', count);\n\n  return (\n    <Box as=\"li\">\n      <Divider />\n      <Text screenreader>{`Includes ${count} ${label}`}</Text>\n      <Text variant=\"p-small\" aria-hidden>\n        Includes{' '}\n        <b>\n          {count} {label}\n        </b>\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAMQ,aAAaF,uBAAOF,cAAAA;;;GACxBC,IAAI;CACFI,QAAQ;CACRC,SAAS;CACTC,UAAU;CACVC,WAAW;CACb,CAAA,EAAA,kjFAAA;AAGF,MAAaC,gBAAoB;AAC/B,QAEE,sBAAA,cAACb,KAAAA;EAAIc,IAAI;EAAGL,QAAQ;EAAGE,UAAS;EAAWI,eAAAA;IACzC,sBAAA,cAACP,YAAAA,KAAAA,CAAAA;;AAKP,MAAaQ,wBAAkE,EAC7EC,uBACD;CACC,MAAMC,kBAAkBD,mBACpB,+BACA;AACJ,QACE,sBAAA,cAACjB,KAAAA,EAAImB,IAAG,QACN,sBAAA,cAACN,SAAAA,KAAAA,EACD,sBAAA,cAACZ,SAAAA,EAAQmB,YAAW,YAClB,sBAAA,cAACjB,iBAAAA,KAAAA,EACD,sBAAA,cAACD,MAAAA,EAAKmB,cAAAA,QAAc,QAAQH,kBAAiB,EAC7C,sBAAA,cAAChB,MAAAA;EAAKoB,SAAQ;EAAUC,IAAI;EAAGR,eAAAA;IAAY,SACpC,sBAAA,cAACS,KAAAA,MAAGN,gBAAAA,CAAAA,CAAAA,CAAAA;;AAOnB,MAAaO,wBAAqD,EAChEC,YACD;CACC,MAAMC,QAAQpB,UAAU,WAAWmB,MAAAA;AAEnC,QACE,sBAAA,cAAC1B,KAAAA,EAAImB,IAAG,QACN,sBAAA,cAACN,SAAAA,KAAAA,EACD,sBAAA,cAACX,MAAAA,EAAKmB,cAAAA,QAAc,YAAYK,MAAM,GAAGC,QAAO,EAChD,sBAAA,cAACzB,MAAAA;EAAKoB,SAAQ;EAAUP,eAAAA;IAAY,YACzB,KACT,sBAAA,cAACS,KAAAA,MACEE,OAAM,KAAEC,MAAAA,CAAAA,CAAAA"}

package/dist/ContentGroupBaseCard/types.cjs

@@ -0,0 +1,29 @@
+
+//#region src/ContentGroupBaseCard/types.ts
+var CourseDifficulty;
+(function(CourseDifficulty) {
+	CourseDifficulty["Beginner"] = "Beginner";
+	CourseDifficulty["Intermediate"] = "Intermediate";
+	CourseDifficulty["Advanced"] = "Advanced";
+})(CourseDifficulty || (CourseDifficulty = {}));
+var EnrollmentStatus;
+(function(EnrollmentStatus) {
+	EnrollmentStatus["InProgress"] = "inProgress";
+	EnrollmentStatus["Completed"] = "completed";
+	EnrollmentStatus["None"] = "none";
+})(EnrollmentStatus || (EnrollmentStatus = {}));
+
+//#endregion
+Object.defineProperty(exports, 'CourseDifficulty', {
+  enumerable: true,
+  get: function () {
+    return CourseDifficulty;
+  }
+});
+Object.defineProperty(exports, 'EnrollmentStatus', {
+  enumerable: true,
+  get: function () {
+    return EnrollmentStatus;
+  }
+});
+//# sourceMappingURL=types.cjs.map

package/dist/ContentGroupBaseCard/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":["CourseDifficulty","EnrollmentStatus"],"sources":["../../src/ContentGroupBaseCard/types.ts"],"sourcesContent":["export enum CourseDifficulty {\n  Beginner = 'Beginner',\n  Intermediate = 'Intermediate',\n  Advanced = 'Advanced',\n}\n\nexport enum EnrollmentStatus {\n  InProgress = 'inProgress',\n  Completed = 'completed',\n  None = 'none',\n}\n"],"mappings":";;;UAAYA,kBAAAA;;;;GAAAA,qBAAAA,mBAAAA,EAAAA,EAAAA;;UAMAC,kBAAAA;;;;GAAAA,qBAAAA,mBAAAA,EAAAA,EAAAA"}

package/dist/ContentGroupBaseCard/types.d.cts

@@ -0,0 +1,14 @@
+//#region src/ContentGroupBaseCard/types.d.ts
+declare enum CourseDifficulty {
+  Beginner = "Beginner",
+  Intermediate = "Intermediate",
+  Advanced = "Advanced"
+}
+declare enum EnrollmentStatus {
+  InProgress = "inProgress",
+  Completed = "completed",
+  None = "none"
+}
+//#endregion
+export { CourseDifficulty, EnrollmentStatus };
+//# sourceMappingURL=types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/ContentGroupBaseCard/types.ts"],"mappings":";aAAY,gBAAA;EACV,QAAA;EACA,YAAA;EACA,QAAA;AAAA;AAAA,aAGU,gBAAA;EACV,UAAA;EACA,SAAA;EACA,IAAA;AAAA"}

package/dist/ContentGroupBaseCard/types.d.ts

@@ -1,10 +1,14 @@
-export declare enum CourseDifficulty {
-    Beginner = "Beginner",
-    Intermediate = "Intermediate",
-    Advanced = "Advanced"
+//#region src/ContentGroupBaseCard/types.d.ts
+declare enum CourseDifficulty {
+  Beginner = "Beginner",
+  Intermediate = "Intermediate",
+  Advanced = "Advanced"
 }
-export declare enum EnrollmentStatus {
-    InProgress = "inProgress",
-    Completed = "completed",
-    None = "none"
+declare enum EnrollmentStatus {
+  InProgress = "inProgress",
+  Completed = "completed",
+  None = "none"
 }
+//#endregion
+export { CourseDifficulty, EnrollmentStatus };
+//# sourceMappingURL=types.d.ts.map

package/dist/ContentGroupBaseCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/ContentGroupBaseCard/types.ts"],"mappings":";aAAY,gBAAA;EACV,QAAA;EACA,YAAA;EACA,QAAA;AAAA;AAAA,aAGU,gBAAA;EACV,UAAA;EACA,SAAA;EACA,IAAA;AAAA"}

package/dist/ContentGroupBaseCard/types.js

@@ -1,12 +1,17 @@
-export let CourseDifficulty = /*#__PURE__*/function (CourseDifficulty) {
-  CourseDifficulty["Beginner"] = "Beginner";
-  CourseDifficulty["Intermediate"] = "Intermediate";
-  CourseDifficulty["Advanced"] = "Advanced";
-  return CourseDifficulty;
-}({});
-export let EnrollmentStatus = /*#__PURE__*/function (EnrollmentStatus) {
-  EnrollmentStatus["InProgress"] = "inProgress";
-  EnrollmentStatus["Completed"] = "completed";
-  EnrollmentStatus["None"] = "none";
-  return EnrollmentStatus;
-}({});
+//#region src/ContentGroupBaseCard/types.ts
+var CourseDifficulty;
+(function(CourseDifficulty) {
+	CourseDifficulty["Beginner"] = "Beginner";
+	CourseDifficulty["Intermediate"] = "Intermediate";
+	CourseDifficulty["Advanced"] = "Advanced";
+})(CourseDifficulty || (CourseDifficulty = {}));
+var EnrollmentStatus;
+(function(EnrollmentStatus) {
+	EnrollmentStatus["InProgress"] = "inProgress";
+	EnrollmentStatus["Completed"] = "completed";
+	EnrollmentStatus["None"] = "none";
+})(EnrollmentStatus || (EnrollmentStatus = {}));
+
+//#endregion
+export { CourseDifficulty, EnrollmentStatus };
+//# sourceMappingURL=types.js.map

package/dist/ContentGroupBaseCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["CourseDifficulty","EnrollmentStatus"],"sources":["../../src/ContentGroupBaseCard/types.ts"],"sourcesContent":["export enum CourseDifficulty {\n  Beginner = 'Beginner',\n  Intermediate = 'Intermediate',\n  Advanced = 'Advanced',\n}\n\nexport enum EnrollmentStatus {\n  InProgress = 'inProgress',\n  Completed = 'completed',\n  None = 'none',\n}\n"],"mappings":";;UAAYA,kBAAAA;;;;GAAAA,qBAAAA,mBAAAA,EAAAA,EAAAA;;UAMAC,kBAAAA;;;;GAAAA,qBAAAA,mBAAAA,EAAAA,EAAAA"}

package/dist/CourseCard/index.cjs

@@ -0,0 +1,32 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_shared = require('../ContentGroupBaseCard/shared.cjs');
+const require_index = require('../ContentGroupBaseCard/index.cjs');
+let react = require("react");
+
+//#region src/CourseCard/index.tsx
+const CourseCard = /* @__PURE__ */ (0, react.forwardRef)(({ title, lessonCount, grantsCertificate, shortDescription, difficulty, enrollmentStatus, pro, isFullSize, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	const showCertificate = grantsCertificate && pro;
+	return /* @__PURE__ */ React.createElement(require_index.ContentGroupBaseCard, {
+		headerBackgroundColor: "green-100",
+		headingLevel,
+		headerText: pro ? "Course" : "Free course",
+		title,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		isFullSize,
+		imageSrc: "https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg",
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		openInNewTab,
+		href,
+		onClick,
+		ref
+	}, showCertificate && /* @__PURE__ */ React.createElement(require_shared.CertificateComponent, null));
+});
+
+//#endregion
+exports.CourseCard = CourseCard;
+//# sourceMappingURL=index.cjs.map

package/dist/CourseCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","ContentGroupBaseCard","CertificateComponent","CourseCard","title","lessonCount","grantsCertificate","shortDescription","difficulty","enrollmentStatus","pro","isFullSize","headingLevel","timeToComplete","header","footer","openInNewTab","href","onClick","ref","showCertificate","headerBackgroundColor","headerText","description","numLessons","imageSrc"],"sources":["../../src/CourseCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { CertificateComponent } from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\nexport type CourseCardProps = {\n  title: string;\n  lessonCount: number;\n  grantsCertificate: boolean;\n  enrollmentStatus: EnrollmentStatus;\n  pro: boolean;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\nexport const CourseCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CourseCardProps>\n>(\n  (\n    {\n      title,\n      lessonCount,\n      grantsCertificate,\n      shortDescription,\n      difficulty,\n      enrollmentStatus,\n      pro,\n      isFullSize,\n      headingLevel = 'h3',\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    // only show certificates for pro exclusive courses, since only pro users can do pro courses & only pro users can gain certificates\n    // edge case here: pro users who are logged in wont be able to tell - from the card - that a free course can grant them a cert as well\n    const showCertificate = grantsCertificate && pro;\n\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"green-100\"\n        headingLevel={headingLevel}\n        headerText={pro ? 'Course' : 'Free course'}\n        title={title}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        isFullSize={isFullSize}\n        imageSrc=\"https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg\"\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        {showCertificate && <CertificateComponent />}\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;AA4BA,MAAaG,aAAaH,uCAKtB,EACEI,OACAC,aACAC,mBACAC,kBACAC,YACAC,kBACAC,KACAC,YACAC,eAAe,MACfC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;CAIA,MAAMC,kBAAkBd,qBAAqBI;AAE7C,QACE,sBAAA,cAACT,oCAAAA;EACCoB,uBAAsB;EACRT;EACdU,YAAYZ,MAAM,WAAW;EACtBN;EACPmB,aAAahB;EACDC;EACZgB,YAAYnB;EACAM;EACZc,UAAS;EACShB;EACFI;EACRC;EACAC;EACMC;EACRC;EACGC;EACJC;IAEJC,mBAAmB,sBAAA,cAAClB,qCAAAA,KAAAA,CAAAA;EAG3B"}

package/dist/CourseCard/index.d.cts

@@ -0,0 +1,26 @@
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react from "react";
+
+//#region src/CourseCard/index.d.ts
+type CourseCardProps = {
+  title: string;
+  lessonCount: number;
+  grantsCertificate: boolean;
+  enrollmentStatus: EnrollmentStatus;
+  pro: boolean;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  isFullSize?: boolean;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
+};
+declare const CourseCard: react.ForwardRefExoticComponent<CourseCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CourseCard, CourseCardProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CourseCard/index.tsx"],"mappings":";;;;;KAUY,eAAA;EACV,KAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,GAAA;EACA,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,UAAA;EACA,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/CourseCard/index.d.ts

@@ -1,20 +1,26 @@
-import { HeadingTags } from '@codecademy/gamut';
-import { CourseDifficulty, EnrollmentStatus } from '../ContentGroupBaseCard/types';
-export type CourseCardProps = {
-    title: string;
-    lessonCount: number;
-    grantsCertificate: boolean;
-    enrollmentStatus: EnrollmentStatus;
-    pro: boolean;
-    shortDescription?: string | null;
-    difficulty?: CourseDifficulty | null;
-    isFullSize?: boolean;
-    headingLevel?: HeadingTags;
-    timeToComplete?: number | null;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    openInNewTab?: boolean;
-    href: string;
-    onClick: () => void;
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react from "react";
+
+//#region src/CourseCard/index.d.ts
+type CourseCardProps = {
+  title: string;
+  lessonCount: number;
+  grantsCertificate: boolean;
+  enrollmentStatus: EnrollmentStatus;
+  pro: boolean;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  isFullSize?: boolean;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
 };
-export declare const CourseCard: import("react").ForwardRefExoticComponent<CourseCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const CourseCard: react.ForwardRefExoticComponent<CourseCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CourseCard, CourseCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/CourseCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/CourseCard/index.tsx"],"mappings":";;;;;KAUY,eAAA;EACV,KAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,GAAA;EACA,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,UAAA;EACA,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/CourseCard/index.js

@@ -1,45 +1,31 @@
-import { forwardRef } from 'react';
-import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
-import { CertificateComponent } from '../ContentGroupBaseCard/shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CourseCard = /*#__PURE__*/forwardRef(({
-  title,
-  lessonCount,
-  grantsCertificate,
-  shortDescription,
-  difficulty,
-  enrollmentStatus,
-  pro,
-  isFullSize,
-  headingLevel = 'h3',
-  timeToComplete,
-  header,
-  footer,
-  openInNewTab = false,
-  href,
-  onClick
-}, ref) => {
-  // only show certificates for pro exclusive courses, since only pro users can do pro courses & only pro users can gain certificates
-  // edge case here: pro users who are logged in wont be able to tell - from the card - that a free course can grant them a cert as well
-  const showCertificate = grantsCertificate && pro;
-  return /*#__PURE__*/_jsx(ContentGroupBaseCard, {
-    headerBackgroundColor: "green-100",
-    headingLevel: headingLevel,
-    headerText: pro ? 'Course' : 'Free course',
-    title: title,
-    description: shortDescription,
-    difficulty: difficulty,
-    numLessons: lessonCount,
-    isFullSize: isFullSize,
-    imageSrc: "https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg",
-    enrollmentStatus: enrollmentStatus,
-    timeToComplete: timeToComplete,
-    header: header,
-    footer: footer,
-    openInNewTab: openInNewTab,
-    href: href,
-    onClick: onClick,
-    ref: ref,
-    children: showCertificate && /*#__PURE__*/_jsx(CertificateComponent, {})
-  });
-});
+import { CertificateComponent } from "../ContentGroupBaseCard/shared.js";
+import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.js";
+import { forwardRef } from "react";
+
+//#region src/CourseCard/index.tsx
+const CourseCard = /* @__PURE__ */ forwardRef(({ title, lessonCount, grantsCertificate, shortDescription, difficulty, enrollmentStatus, pro, isFullSize, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	const showCertificate = grantsCertificate && pro;
+	return /* @__PURE__ */ React.createElement(ContentGroupBaseCard, {
+		headerBackgroundColor: "green-100",
+		headingLevel,
+		headerText: pro ? "Course" : "Free course",
+		title,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		isFullSize,
+		imageSrc: "https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg",
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		openInNewTab,
+		href,
+		onClick,
+		ref
+	}, showCertificate && /* @__PURE__ */ React.createElement(CertificateComponent, null));
+});
+
+//#endregion
+export { CourseCard };
+//# sourceMappingURL=index.js.map

package/dist/CourseCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["forwardRef","ContentGroupBaseCard","CertificateComponent","CourseCard","title","lessonCount","grantsCertificate","shortDescription","difficulty","enrollmentStatus","pro","isFullSize","headingLevel","timeToComplete","header","footer","openInNewTab","href","onClick","ref","showCertificate","headerBackgroundColor","headerText","description","numLessons","imageSrc"],"sources":["../../src/CourseCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { CertificateComponent } from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\nexport type CourseCardProps = {\n  title: string;\n  lessonCount: number;\n  grantsCertificate: boolean;\n  enrollmentStatus: EnrollmentStatus;\n  pro: boolean;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\nexport const CourseCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CourseCardProps>\n>(\n  (\n    {\n      title,\n      lessonCount,\n      grantsCertificate,\n      shortDescription,\n      difficulty,\n      enrollmentStatus,\n      pro,\n      isFullSize,\n      headingLevel = 'h3',\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    // only show certificates for pro exclusive courses, since only pro users can do pro courses & only pro users can gain certificates\n    // edge case here: pro users who are logged in wont be able to tell - from the card - that a free course can grant them a cert as well\n    const showCertificate = grantsCertificate && pro;\n\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"green-100\"\n        headingLevel={headingLevel}\n        headerText={pro ? 'Course' : 'Free course'}\n        title={title}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        isFullSize={isFullSize}\n        imageSrc=\"https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg\"\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        {showCertificate && <CertificateComponent />}\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;AA4BA,MAAaG,aAAaH,4BAKtB,EACEI,OACAC,aACAC,mBACAC,kBACAC,YACAC,kBACAC,KACAC,YACAC,eAAe,MACfC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;CAIA,MAAMC,kBAAkBd,qBAAqBI;AAE7C,QACE,sBAAA,cAACT,sBAAAA;EACCoB,uBAAsB;EACRT;EACdU,YAAYZ,MAAM,WAAW;EACtBN;EACPmB,aAAahB;EACDC;EACZgB,YAAYnB;EACAM;EACZc,UAAS;EACShB;EACFI;EACRC;EACAC;EACMC;EACRC;EACGC;EACJC;IAEJC,mBAAmB,sBAAA,cAAClB,sBAAAA,KAAAA,CAAAA;EAG3B"}

package/dist/CurriculumCard/BottomTag/index.cjs

@@ -0,0 +1,28 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/CurriculumCard/BottomTag/index.tsx
+const colorMap = {
+	blue: "paleBlue",
+	green: "paleGreen",
+	pink: `palePink`
+};
+const BottomTag = ({ text, color }) => {
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+		position: "absolute",
+		bottom: 0,
+		right: 0,
+		bg: colorMap[color]
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		py: 4,
+		p: 12,
+		variant: "title-xs",
+		fontSize: 14
+	}, text));
+};
+
+//#endregion
+exports.BottomTag = BottomTag;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","Text","React","colorMap","blue","green","pink","BottomTag","text","color","position","bottom","right","bg","py","p","variant","fontSize"],"sources":["../../../src/CurriculumCard/BottomTag/index.tsx"],"sourcesContent":["import { Box, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type TagColor = 'blue' | 'green' | 'pink';\nexport type BottomTagProps = {\n  text: string;\n  color: TagColor;\n};\n\nconst colorMap = {\n  blue: 'paleBlue',\n  green: 'paleGreen',\n  pink: `palePink`,\n} as const;\n\nexport const BottomTag: React.FC<BottomTagProps> = ({ text, color }) => {\n  return (\n    <Box position=\"absolute\" bottom={0} right={0} bg={colorMap[color]}>\n      <Text py={4} p={12} variant=\"title-xs\" fontSize={14}>\n        {text}\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AASA,MAAMG,WAAW;CACfC,MAAM;CACNC,OAAO;CACPC,MAAM;CACR;AAEA,MAAaC,aAAuC,EAAEC,MAAMC,YAAO;AACjE,QACE,sBAAA,cAACT,uBAAAA;EAAIU,UAAS;EAAWC,QAAQ;EAAGC,OAAO;EAAGC,IAAIV,SAASM;IACzD,sBAAA,cAACR,wBAAAA;EAAKa,IAAI;EAAGC,GAAG;EAAIC,SAAQ;EAAWC,UAAU;IAC9CT,KAAAA,CAAAA"}

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

@@ -0,0 +1,5 @@
+//#region src/CurriculumCard/BottomTag/index.d.ts
+type TagColor = 'blue' | 'green' | 'pink';
+//#endregion
+export { TagColor };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/CurriculumCard/BottomTag/index.tsx"],"mappings":";KAGY,QAAA"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export type TagColor = 'blue' | 'green' | 'pink';
-export type BottomTagProps = {
-    text: string;
-    color: TagColor;
-};
-export declare const BottomTag: React.FC<BottomTagProps>;
+import "react";
+
+//#region src/CurriculumCard/BottomTag/index.d.ts
+type TagColor = 'blue' | 'green' | 'pink';
+//#endregion
+export { TagColor };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/CurriculumCard/BottomTag/index.tsx"],"mappings":";;;KAGY,QAAA"}