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

package/dist/InfoCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","FlexBox","Markdown","Text","pxRem","React","cardMinWidth","tagColorMap","blue","green","pink","TopText","text","display","fontSize","mb","fontFamily","Title","headingLevel","as","truncate","truncateLines","Subtitle","variant","textColor","Body","overrides","p","component","props","a","Footer","bottomLeftText","bottomRightTagText","bottomRightTagColor","alignItems","justifyContent","BottomLeftText","BottomRightTag","color","maxWidth","px","bg","py","whiteSpace","InfoCard","href","onClick","topText","title","subtitle","body","cardHeight","cardPadding","titleHeadingLevel","rightContent","displayFooter","flexDirection","height","minWidth","isInteractive","position","pb"],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  BoxProps,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { pxRem } from '@codecademy/gamut-styles';\nimport { Theme } from '@emotion/react';\nimport * as React from 'react';\n\nconst cardMinWidth = 250;\n\nexport type TagColor = 'blue' | 'green' | 'pink';\nconst tagColorMap: Record<TagColor, keyof Theme['colors']> = {\n  blue: 'paleBlue',\n  green: 'paleGreen',\n  pink: 'palePink',\n};\n\ninterface TextProps {\n  text: string;\n}\n\ninterface TitleProps {\n  text: string;\n  headingLevel: HeadingTags;\n}\n\ninterface FooterProps {\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor: TagColor;\n}\n\ninterface BottomRightTagProps {\n  text: string;\n  color: TagColor;\n}\n\nconst TopText: React.FC<TextProps> = ({ text }) => (\n  <Text display=\"flex\" fontSize={14} mb={12} fontFamily=\"accent\">\n    {text}\n  </Text>\n);\n\nconst Title: React.FC<TitleProps> = ({ text, headingLevel }) => (\n  <Text as={headingLevel} mb={4} fontSize={20}>\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Subtitle: React.FC<TextProps> = ({ text }) => (\n  <Text variant=\"p-small\" textColor=\"gray-900\">\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Body: React.FC<TextProps> = ({ text }) => (\n  <Markdown\n    text={text}\n    overrides={{\n      p: {\n        component: (props) => (\n          <Text\n            {...props}\n            textColor=\"gray-900\"\n            variant=\"p-small\"\n            truncate=\"ellipsis\"\n            truncateLines={3}\n          />\n        ),\n      },\n      a: {\n        component: Anchor,\n      },\n    }}\n  />\n);\n\nconst Footer: React.FC<FooterProps> = ({\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor,\n}) => (\n  <FlexBox alignItems=\"flex-end\" justifyContent=\"space-between\">\n    <Box>{bottomLeftText && <BottomLeftText text={bottomLeftText} />}</Box>\n    <Box>\n      {bottomRightTagText && (\n        <BottomRightTag text={bottomRightTagText} color={bottomRightTagColor} />\n      )}\n    </Box>\n  </FlexBox>\n);\n\nconst BottomLeftText: React.FC<TextProps> = ({ text }) => (\n  <Text\n    maxWidth=\"calc(100%-16px)\"\n    px={16}\n    variant=\"p-small\"\n    textColor=\"gray-900\"\n  >\n    {text}\n  </Text>\n);\n\nconst BottomRightTag: React.FC<BottomRightTagProps> = ({ text, color }) => (\n  <Box bg={tagColorMap[color]}>\n    <Text py={4} p={12} variant=\"title-xs\" fontSize={14} whiteSpace=\"nowrap\">\n      {text}\n    </Text>\n  </Box>\n);\n\nexport interface InfoCardProps {\n  href: string;\n  onClick?: () => void;\n  topText: string;\n  title: string;\n  subtitle?: string;\n  body?: string;\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor?: TagColor;\n  cardHeight?: string | number;\n  cardPadding?: BoxProps['p'];\n  titleHeadingLevel?: HeadingTags;\n  rightContent?: React.ReactNode;\n}\n\nexport const InfoCard: React.FC<InfoCardProps> = ({\n  href,\n  onClick,\n  topText,\n  title,\n  subtitle,\n  body,\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor = 'pink',\n  cardHeight = 286,\n  cardPadding = 16,\n  titleHeadingLevel = 'h3',\n  rightContent,\n}) => {\n  const displayFooter = bottomLeftText || bottomRightTagText;\n\n  return (\n    <Anchor variant=\"interface\" href={href} onClick={() => onClick?.()}>\n      <Card\n        display=\"flex\"\n        flexDirection=\"column\"\n        height={pxRem(cardHeight)}\n        justifyContent=\"space-between\"\n        minWidth={pxRem(cardMinWidth)}\n        variant=\"white\"\n        isInteractive\n        p={0}\n        position=\"relative\"\n      >\n        <Box pb={displayFooter ? 0 : cardPadding} p={cardPadding}>\n          <TopText text={topText} />\n          <FlexBox justifyContent=\"space-between\">\n            <Title text={title} headingLevel={titleHeadingLevel} />\n            {rightContent && rightContent}\n          </FlexBox>\n          {subtitle && <Subtitle text={subtitle} />}\n          {body && <Body text={body} />}\n        </Box>\n        {displayFooter && (\n          <Footer\n            bottomLeftText={bottomLeftText}\n            bottomRightTagText={bottomRightTagText}\n            bottomRightTagColor={bottomRightTagColor}\n          />\n        )}\n      </Card>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;;;AAcA,MAAMQ,eAAe;AAGrB,MAAMC,cAAuD;CAC3DC,MAAM;CACNC,OAAO;CACPC,MAAM;CACR;AAsBA,MAAMC,WAAgC,EAAEC,WACtC,sBAAA,cAACT,wBAAAA;CAAKU,SAAQ;CAAOC,UAAU;CAAIC,IAAI;CAAIC,YAAW;GACnDJ,KAAAA;AAIL,MAAMK,SAA+B,EAAEL,MAAMM,mBAC3C,sBAAA,cAACf,wBAAAA;CAAKgB,IAAID;CAAcH,IAAI;CAAGD,UAAU;GACvC,sBAAA,cAACX,wBAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMU,YAAiC,EAAEV,WACvC,sBAAA,cAACT,wBAAAA;CAAKoB,SAAQ;CAAUC,WAAU;GAChC,sBAAA,cAACrB,wBAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMa,QAA6B,EAAEb,WACnC,sBAAA,cAACV,4BAAAA;CACOU;CACNc,WAAW;EACTC,GAAG,EACDC,YAAYC,UACV,sBAAA,cAAC1B,wBAAAA;GACE,GAAG0B;GACJL,WAAU;GACVD,SAAQ;GACRH,UAAS;GACTC,eAAe;MAGrB;EACAS,GAAG,EACDF,WAAW9B,0BACb;EACF;;AAIJ,MAAMiC,UAAiC,EACrCC,gBACAC,oBACAC,0BAEA,sBAAA,cAACjC,2BAAAA;CAAQkC,YAAW;CAAWC,gBAAe;GAC5C,sBAAA,cAACrC,uBAAAA,MAAKiC,kBAAkB,sBAAA,cAACK,gBAAAA,EAAezB,MAAMoB,oBAC9C,sBAAA,cAACjC,uBAAAA,MACEkC,sBACC,sBAAA,cAACK,gBAAAA;CAAe1B,MAAMqB;CAAoBM,OAAOL;;AAMzD,MAAMG,kBAAuC,EAAEzB,WAC7C,sBAAA,cAACT,wBAAAA;CACCqC,UAAS;CACTC,IAAI;CACJlB,SAAQ;CACRC,WAAU;GAETZ,KAAAA;AAIL,MAAM0B,kBAAiD,EAAE1B,MAAM2B,YAC7D,sBAAA,cAACxC,uBAAAA,EAAI2C,IAAInC,YAAYgC,UACnB,sBAAA,cAACpC,wBAAAA;CAAKwC,IAAI;CAAGhB,GAAG;CAAIJ,SAAQ;CAAWT,UAAU;CAAI8B,YAAW;GAC7DhC,KAAAA,CAAAA;AAqBP,MAAaiC,YAAqC,EAChDC,MACAC,SACAC,SACAC,OACAC,UACAC,MACAnB,gBACAC,oBACAC,sBAAsB,QACtBkB,aAAa,KACbC,cAAc,IACdC,oBAAoB,MACpBC,mBACD;CACC,MAAMC,gBAAgBxB,kBAAkBC;AAExC,QACE,sBAAA,cAACnC,0BAAAA;EAAOyB,SAAQ;EAAkBuB;EAAMC,eAAeA,WAAAA;IACrD,sBAAA,cAAC/C,wBAAAA;EACCa,SAAQ;EACR4C,eAAc;EACdC,4CAAcN,WAAAA;EACdhB,gBAAe;EACfuB,8CAAgBrD,aAAAA;EAChBiB,SAAQ;EACRqC,eAAAA;EACAjC,GAAG;EACHkC,UAAS;IAET,sBAAA,cAAC9D,uBAAAA;EAAI+D,IAAIN,gBAAgB,IAAIH;EAAa1B,GAAG0B;IAC3C,sBAAA,cAAC1C,SAAAA,EAAQC,MAAMoC,YACf,sBAAA,cAAC/C,2BAAAA,EAAQmC,gBAAe,mBACtB,sBAAA,cAACnB,OAAAA;EAAML,MAAMqC;EAAO/B,cAAcoC;KACjCC,gBAAgBA,aAAAA,EAElBL,YAAY,sBAAA,cAAC5B,UAAAA,EAASV,MAAMsC,aAC5BC,QAAQ,sBAAA,cAAC1B,MAAAA,EAAKb,MAAMuC,UAEtBK,iBACC,sBAAA,cAACzB,QAAAA;EACiBC;EACIC;EACCC"}

package/dist/InfoCard/index.d.cts

@@ -1,24 +0,0 @@
-import { BoxProps, HeadingTags } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/InfoCard/index.d.ts
-type TagColor = 'blue' | 'green' | 'pink';
-interface InfoCardProps {
-  href: string;
-  onClick?: () => void;
-  topText: string;
-  title: string;
-  subtitle?: string;
-  body?: string;
-  bottomLeftText?: string;
-  bottomRightTagText?: string;
-  bottomRightTagColor?: TagColor;
-  cardHeight?: string | number;
-  cardPadding?: BoxProps['p'];
-  titleHeadingLevel?: HeadingTags;
-  rightContent?: React$1.ReactNode;
-}
-declare const InfoCard: React$1.FC<InfoCardProps>;
-//#endregion
-export { InfoCard, InfoCardProps, TagColor };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,QAAA;UAyGK,aAAA;EAzGL,IAAA,EAAA,MAAQ;EAyGH,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;EASN,OAAA,EAAA,MAAA;EAER,KAAA,EAAA,MAAA;EACM,QAAA,CAAA,EAAA,MAAA;EACL,IAAA,CAAM,EAAA,MAAA;EAAS,cAAA,CAAA,EAAA,MAAA;EAGnB,kBAiDZ,CAAA,EAAA,MAjD+B;wBAPR;;gBAER;sBACM;iBACL,OAAA,CAAM;;cAGV,UAAU,OAAA,CAAM,GAAG"}

package/dist/InfoCard/index.d.mts

@@ -1,24 +0,0 @@
-import { BoxProps, HeadingTags } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/InfoCard/index.d.ts
-type TagColor = 'blue' | 'green' | 'pink';
-interface InfoCardProps {
-  href: string;
-  onClick?: () => void;
-  topText: string;
-  title: string;
-  subtitle?: string;
-  body?: string;
-  bottomLeftText?: string;
-  bottomRightTagText?: string;
-  bottomRightTagColor?: TagColor;
-  cardHeight?: string | number;
-  cardPadding?: BoxProps['p'];
-  titleHeadingLevel?: HeadingTags;
-  rightContent?: React$1.ReactNode;
-}
-declare const InfoCard: React$1.FC<InfoCardProps>;
-//#endregion
-export { InfoCard, InfoCardProps, TagColor };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,QAAA;UAyGK,aAAA;EAzGL,IAAA,EAAA,MAAQ;EAyGH,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;EASN,OAAA,EAAA,MAAA;EAER,KAAA,EAAA,MAAA;EACM,QAAA,CAAA,EAAA,MAAA;EACL,IAAA,CAAM,EAAA,MAAA;EAAS,cAAA,CAAA,EAAA,MAAA;EAGnB,kBAiDZ,CAAA,EAAA,MAjD+B;wBAPR;;gBAER;sBACM;iBACL,OAAA,CAAM;;cAGV,UAAU,OAAA,CAAM,GAAG"}

package/dist/InfoCard/index.mjs

@@ -1,97 +0,0 @@
-import { Anchor, Box, Card, FlexBox, Markdown, Text } from "@codecademy/gamut";
-import { pxRem } from "@codecademy/gamut-styles";
-import * as React$1 from "react";
-
-//#region src/InfoCard/index.tsx
-const cardMinWidth = 250;
-const tagColorMap = {
-	blue: "paleBlue",
-	green: "paleGreen",
-	pink: "palePink"
-};
-const TopText = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
-	display: "flex",
-	fontSize: 14,
-	mb: 12,
-	fontFamily: "accent"
-}, text);
-const Title = ({ text, headingLevel }) => /* @__PURE__ */ React$1.createElement(Text, {
-	as: headingLevel,
-	mb: 4,
-	fontSize: 20
-}, /* @__PURE__ */ React$1.createElement(Text, {
-	truncate: "ellipsis",
-	truncateLines: 2
-}, text));
-const Subtitle = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
-	variant: "p-small",
-	textColor: "gray-900"
-}, /* @__PURE__ */ React$1.createElement(Text, {
-	truncate: "ellipsis",
-	truncateLines: 2
-}, text));
-const Body = ({ text }) => /* @__PURE__ */ React$1.createElement(Markdown, {
-	text,
-	overrides: {
-		p: { component: (props) => /* @__PURE__ */ React$1.createElement(Text, {
-			...props,
-			textColor: "gray-900",
-			variant: "p-small",
-			truncate: "ellipsis",
-			truncateLines: 3
-		}) },
-		a: { component: Anchor }
-	}
-});
-const Footer = ({ bottomLeftText, bottomRightTagText, bottomRightTagColor }) => /* @__PURE__ */ React$1.createElement(FlexBox, {
-	alignItems: "flex-end",
-	justifyContent: "space-between"
-}, /* @__PURE__ */ React$1.createElement(Box, null, bottomLeftText && /* @__PURE__ */ React$1.createElement(BottomLeftText, { text: bottomLeftText })), /* @__PURE__ */ React$1.createElement(Box, null, bottomRightTagText && /* @__PURE__ */ React$1.createElement(BottomRightTag, {
-	text: bottomRightTagText,
-	color: bottomRightTagColor
-})));
-const BottomLeftText = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
-	maxWidth: "calc(100%-16px)",
-	px: 16,
-	variant: "p-small",
-	textColor: "gray-900"
-}, text);
-const BottomRightTag = ({ text, color }) => /* @__PURE__ */ React$1.createElement(Box, { bg: tagColorMap[color] }, /* @__PURE__ */ React$1.createElement(Text, {
-	py: 4,
-	p: 12,
-	variant: "title-xs",
-	fontSize: 14,
-	whiteSpace: "nowrap"
-}, text));
-const InfoCard = ({ href, onClick, topText, title, subtitle, body, bottomLeftText, bottomRightTagText, bottomRightTagColor = "pink", cardHeight = 286, cardPadding = 16, titleHeadingLevel = "h3", rightContent }) => {
-	const displayFooter = bottomLeftText || bottomRightTagText;
-	return /* @__PURE__ */ React$1.createElement(Anchor, {
-		variant: "interface",
-		href,
-		onClick: () => onClick?.()
-	}, /* @__PURE__ */ React$1.createElement(Card, {
-		display: "flex",
-		flexDirection: "column",
-		height: pxRem(cardHeight),
-		justifyContent: "space-between",
-		minWidth: pxRem(cardMinWidth),
-		variant: "white",
-		isInteractive: true,
-		p: 0,
-		position: "relative"
-	}, /* @__PURE__ */ React$1.createElement(Box, {
-		pb: displayFooter ? 0 : cardPadding,
-		p: cardPadding
-	}, /* @__PURE__ */ React$1.createElement(TopText, { text: topText }), /* @__PURE__ */ React$1.createElement(FlexBox, { justifyContent: "space-between" }, /* @__PURE__ */ React$1.createElement(Title, {
-		text: title,
-		headingLevel: titleHeadingLevel
-	}), rightContent && rightContent), subtitle && /* @__PURE__ */ React$1.createElement(Subtitle, { text: subtitle }), body && /* @__PURE__ */ React$1.createElement(Body, { text: body })), displayFooter && /* @__PURE__ */ React$1.createElement(Footer, {
-		bottomLeftText,
-		bottomRightTagText,
-		bottomRightTagColor
-	})));
-};
-
-//#endregion
-export { InfoCard };
-//# sourceMappingURL=index.mjs.map

package/dist/InfoCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Anchor","Box","Card","FlexBox","Markdown","Text","pxRem","React","cardMinWidth","tagColorMap","blue","green","pink","TopText","text","display","fontSize","mb","fontFamily","Title","headingLevel","as","truncate","truncateLines","Subtitle","variant","textColor","Body","overrides","p","component","props","a","Footer","bottomLeftText","bottomRightTagText","bottomRightTagColor","alignItems","justifyContent","BottomLeftText","BottomRightTag","color","maxWidth","px","bg","py","whiteSpace","InfoCard","href","onClick","topText","title","subtitle","body","cardHeight","cardPadding","titleHeadingLevel","rightContent","displayFooter","flexDirection","height","minWidth","isInteractive","position","pb"],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  BoxProps,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { pxRem } from '@codecademy/gamut-styles';\nimport { Theme } from '@emotion/react';\nimport * as React from 'react';\n\nconst cardMinWidth = 250;\n\nexport type TagColor = 'blue' | 'green' | 'pink';\nconst tagColorMap: Record<TagColor, keyof Theme['colors']> = {\n  blue: 'paleBlue',\n  green: 'paleGreen',\n  pink: 'palePink',\n};\n\ninterface TextProps {\n  text: string;\n}\n\ninterface TitleProps {\n  text: string;\n  headingLevel: HeadingTags;\n}\n\ninterface FooterProps {\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor: TagColor;\n}\n\ninterface BottomRightTagProps {\n  text: string;\n  color: TagColor;\n}\n\nconst TopText: React.FC<TextProps> = ({ text }) => (\n  <Text display=\"flex\" fontSize={14} mb={12} fontFamily=\"accent\">\n    {text}\n  </Text>\n);\n\nconst Title: React.FC<TitleProps> = ({ text, headingLevel }) => (\n  <Text as={headingLevel} mb={4} fontSize={20}>\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Subtitle: React.FC<TextProps> = ({ text }) => (\n  <Text variant=\"p-small\" textColor=\"gray-900\">\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Body: React.FC<TextProps> = ({ text }) => (\n  <Markdown\n    text={text}\n    overrides={{\n      p: {\n        component: (props) => (\n          <Text\n            {...props}\n            textColor=\"gray-900\"\n            variant=\"p-small\"\n            truncate=\"ellipsis\"\n            truncateLines={3}\n          />\n        ),\n      },\n      a: {\n        component: Anchor,\n      },\n    }}\n  />\n);\n\nconst Footer: React.FC<FooterProps> = ({\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor,\n}) => (\n  <FlexBox alignItems=\"flex-end\" justifyContent=\"space-between\">\n    <Box>{bottomLeftText && <BottomLeftText text={bottomLeftText} />}</Box>\n    <Box>\n      {bottomRightTagText && (\n        <BottomRightTag text={bottomRightTagText} color={bottomRightTagColor} />\n      )}\n    </Box>\n  </FlexBox>\n);\n\nconst BottomLeftText: React.FC<TextProps> = ({ text }) => (\n  <Text\n    maxWidth=\"calc(100%-16px)\"\n    px={16}\n    variant=\"p-small\"\n    textColor=\"gray-900\"\n  >\n    {text}\n  </Text>\n);\n\nconst BottomRightTag: React.FC<BottomRightTagProps> = ({ text, color }) => (\n  <Box bg={tagColorMap[color]}>\n    <Text py={4} p={12} variant=\"title-xs\" fontSize={14} whiteSpace=\"nowrap\">\n      {text}\n    </Text>\n  </Box>\n);\n\nexport interface InfoCardProps {\n  href: string;\n  onClick?: () => void;\n  topText: string;\n  title: string;\n  subtitle?: string;\n  body?: string;\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor?: TagColor;\n  cardHeight?: string | number;\n  cardPadding?: BoxProps['p'];\n  titleHeadingLevel?: HeadingTags;\n  rightContent?: React.ReactNode;\n}\n\nexport const InfoCard: React.FC<InfoCardProps> = ({\n  href,\n  onClick,\n  topText,\n  title,\n  subtitle,\n  body,\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor = 'pink',\n  cardHeight = 286,\n  cardPadding = 16,\n  titleHeadingLevel = 'h3',\n  rightContent,\n}) => {\n  const displayFooter = bottomLeftText || bottomRightTagText;\n\n  return (\n    <Anchor variant=\"interface\" href={href} onClick={() => onClick?.()}>\n      <Card\n        display=\"flex\"\n        flexDirection=\"column\"\n        height={pxRem(cardHeight)}\n        justifyContent=\"space-between\"\n        minWidth={pxRem(cardMinWidth)}\n        variant=\"white\"\n        isInteractive\n        p={0}\n        position=\"relative\"\n      >\n        <Box pb={displayFooter ? 0 : cardPadding} p={cardPadding}>\n          <TopText text={topText} />\n          <FlexBox justifyContent=\"space-between\">\n            <Title text={title} headingLevel={titleHeadingLevel} />\n            {rightContent && rightContent}\n          </FlexBox>\n          {subtitle && <Subtitle text={subtitle} />}\n          {body && <Body text={body} />}\n        </Box>\n        {displayFooter && (\n          <Footer\n            bottomLeftText={bottomLeftText}\n            bottomRightTagText={bottomRightTagText}\n            bottomRightTagColor={bottomRightTagColor}\n          />\n        )}\n      </Card>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;AAcA,MAAMQ,eAAe;AAGrB,MAAMC,cAAuD;CAC3DC,MAAM;CACNC,OAAO;CACPC,MAAM;CACR;AAsBA,MAAMC,WAAgC,EAAEC,WACtC,wBAAA,cAACT,MAAAA;CAAKU,SAAQ;CAAOC,UAAU;CAAIC,IAAI;CAAIC,YAAW;GACnDJ,KAAAA;AAIL,MAAMK,SAA+B,EAAEL,MAAMM,mBAC3C,wBAAA,cAACf,MAAAA;CAAKgB,IAAID;CAAcH,IAAI;CAAGD,UAAU;GACvC,wBAAA,cAACX,MAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMU,YAAiC,EAAEV,WACvC,wBAAA,cAACT,MAAAA;CAAKoB,SAAQ;CAAUC,WAAU;GAChC,wBAAA,cAACrB,MAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMa,QAA6B,EAAEb,WACnC,wBAAA,cAACV,UAAAA;CACOU;CACNc,WAAW;EACTC,GAAG,EACDC,YAAYC,UACV,wBAAA,cAAC1B,MAAAA;GACE,GAAG0B;GACJL,WAAU;GACVD,SAAQ;GACRH,UAAS;GACTC,eAAe;MAGrB;EACAS,GAAG,EACDF,WAAW9B,QACb;EACF;;AAIJ,MAAMiC,UAAiC,EACrCC,gBACAC,oBACAC,0BAEA,wBAAA,cAACjC,SAAAA;CAAQkC,YAAW;CAAWC,gBAAe;GAC5C,wBAAA,cAACrC,KAAAA,MAAKiC,kBAAkB,wBAAA,cAACK,gBAAAA,EAAezB,MAAMoB,oBAC9C,wBAAA,cAACjC,KAAAA,MACEkC,sBACC,wBAAA,cAACK,gBAAAA;CAAe1B,MAAMqB;CAAoBM,OAAOL;;AAMzD,MAAMG,kBAAuC,EAAEzB,WAC7C,wBAAA,cAACT,MAAAA;CACCqC,UAAS;CACTC,IAAI;CACJlB,SAAQ;CACRC,WAAU;GAETZ,KAAAA;AAIL,MAAM0B,kBAAiD,EAAE1B,MAAM2B,YAC7D,wBAAA,cAACxC,KAAAA,EAAI2C,IAAInC,YAAYgC,UACnB,wBAAA,cAACpC,MAAAA;CAAKwC,IAAI;CAAGhB,GAAG;CAAIJ,SAAQ;CAAWT,UAAU;CAAI8B,YAAW;GAC7DhC,KAAAA,CAAAA;AAqBP,MAAaiC,YAAqC,EAChDC,MACAC,SACAC,SACAC,OACAC,UACAC,MACAnB,gBACAC,oBACAC,sBAAsB,QACtBkB,aAAa,KACbC,cAAc,IACdC,oBAAoB,MACpBC,mBACD;CACC,MAAMC,gBAAgBxB,kBAAkBC;AAExC,QACE,wBAAA,cAACnC,QAAAA;EAAOyB,SAAQ;EAAkBuB;EAAMC,eAAeA,WAAAA;IACrD,wBAAA,cAAC/C,MAAAA;EACCa,SAAQ;EACR4C,eAAc;EACdC,QAAQtD,MAAMgD,WAAAA;EACdhB,gBAAe;EACfuB,UAAUvD,MAAME,aAAAA;EAChBiB,SAAQ;EACRqC,eAAAA;EACAjC,GAAG;EACHkC,UAAS;IAET,wBAAA,cAAC9D,KAAAA;EAAI+D,IAAIN,gBAAgB,IAAIH;EAAa1B,GAAG0B;IAC3C,wBAAA,cAAC1C,SAAAA,EAAQC,MAAMoC,YACf,wBAAA,cAAC/C,SAAAA,EAAQmC,gBAAe,mBACtB,wBAAA,cAACnB,OAAAA;EAAML,MAAMqC;EAAO/B,cAAcoC;KACjCC,gBAAgBA,aAAAA,EAElBL,YAAY,wBAAA,cAAC5B,UAAAA,EAASV,MAAMsC,aAC5BC,QAAQ,wBAAA,cAAC1B,MAAAA,EAAKb,MAAMuC,UAEtBK,iBACC,wBAAA,cAACzB,QAAAA;EACiBC;EACIC;EACCC"}

package/dist/Konamimojisplosion/Konamimojisplosion.cjs

@@ -1,11 +0,0 @@
-const require_useKonamimojisplosion = require('./useKonamimojisplosion.cjs');
-
-//#region src/Konamimojisplosion/Konamimojisplosion.tsx
-const Konamimojisplosion = ({ onActivate }) => {
-	require_useKonamimojisplosion.useKonamimojisplosion(onActivate);
-	return null;
-};
-
-//#endregion
-exports.Konamimojisplosion = Konamimojisplosion;
-//# sourceMappingURL=Konamimojisplosion.cjs.map

package/dist/Konamimojisplosion/Konamimojisplosion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Konamimojisplosion.cjs","names":["React","useKonamimojisplosion","Konamimojisplosion","onActivate"],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useKonamimojisplosion } from './useKonamimojisplosion';\n\nexport type KonamimojisplosionProps = {\n  onActivate?: () => void;\n};\n\nexport const Konamimojisplosion: React.FC<KonamimojisplosionProps> = ({\n  onActivate,\n}) => {\n  useKonamimojisplosion(onActivate);\n  return null;\n};\n"],"mappings":";;;AAQA,MAAaE,sBAAyD,EACpEC,iBACD;AACCF,qDAAsBE,WAAAA;AACtB,QAAO"}

package/dist/Konamimojisplosion/Konamimojisplosion.d.cts

@@ -1,10 +0,0 @@
-import React from "react";
-
-//#region src/Konamimojisplosion/Konamimojisplosion.d.ts
-type KonamimojisplosionProps = {
-  onActivate?: () => void;
-};
-declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
-//#endregion
-export { Konamimojisplosion, KonamimojisplosionProps };
-//# sourceMappingURL=Konamimojisplosion.d.cts.map

package/dist/Konamimojisplosion/Konamimojisplosion.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Konamimojisplosion.d.cts","names":[],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":[],"mappings":";;;KAIY,uBAAA;;AAAZ,CAAA;AAIa,cAAA,kBAA6B,EAAT,KAAA,CAAM,EAAG,CAAA,uBAAD,CAAA"}

package/dist/Konamimojisplosion/Konamimojisplosion.d.mts

@@ -1,10 +0,0 @@
-import React from "react";
-
-//#region src/Konamimojisplosion/Konamimojisplosion.d.ts
-type KonamimojisplosionProps = {
-  onActivate?: () => void;
-};
-declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
-//#endregion
-export { Konamimojisplosion, KonamimojisplosionProps };
-//# sourceMappingURL=Konamimojisplosion.d.mts.map

package/dist/Konamimojisplosion/Konamimojisplosion.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Konamimojisplosion.d.mts","names":[],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":[],"mappings":";;;KAIY,uBAAA;;AAAZ,CAAA;AAIa,cAAA,kBAA6B,EAAT,KAAA,CAAM,EAAG,CAAA,uBAAD,CAAA"}

package/dist/Konamimojisplosion/Konamimojisplosion.mjs

@@ -1,11 +0,0 @@
-import { useKonamimojisplosion } from "./useKonamimojisplosion.mjs";
-
-//#region src/Konamimojisplosion/Konamimojisplosion.tsx
-const Konamimojisplosion = ({ onActivate }) => {
-	useKonamimojisplosion(onActivate);
-	return null;
-};
-
-//#endregion
-export { Konamimojisplosion };
-//# sourceMappingURL=Konamimojisplosion.mjs.map

package/dist/Konamimojisplosion/Konamimojisplosion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Konamimojisplosion.mjs","names":["React","useKonamimojisplosion","Konamimojisplosion","onActivate"],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useKonamimojisplosion } from './useKonamimojisplosion';\n\nexport type KonamimojisplosionProps = {\n  onActivate?: () => void;\n};\n\nexport const Konamimojisplosion: React.FC<KonamimojisplosionProps> = ({\n  onActivate,\n}) => {\n  useKonamimojisplosion(onActivate);\n  return null;\n};\n"],"mappings":";;;AAQA,MAAaE,sBAAyD,EACpEC,iBACD;AACCF,uBAAsBE,WAAAA;AACtB,QAAO"}

package/dist/Konamimojisplosion/index.cjs

@@ -1,2 +0,0 @@
-const require_useKonamimojisplosion = require('./useKonamimojisplosion.cjs');
-const require_Konamimojisplosion = require('./Konamimojisplosion.cjs');

package/dist/Konamimojisplosion/index.d.mts

@@ -1,2 +0,0 @@
-import { Konamimojisplosion, KonamimojisplosionProps } from "./Konamimojisplosion.mjs";
-import { useKonamimojisplosion } from "./useKonamimojisplosion.mjs";

package/dist/Konamimojisplosion/index.mjs

@@ -1,2 +0,0 @@
-import { useKonamimojisplosion } from "./useKonamimojisplosion.mjs";
-import { Konamimojisplosion } from "./Konamimojisplosion.mjs";

package/dist/Konamimojisplosion/useKonamimojisplosion.cjs

@@ -1,48 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let emojisplosion = require("emojisplosion");
-
-//#region src/Konamimojisplosion/useKonamimojisplosion.ts
-const konamiCodeKeys = [
-	"ArrowUp",
-	"ArrowUp",
-	"ArrowDown",
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight",
-	"ArrowLeft",
-	"ArrowRight",
-	"b",
-	"a"
-];
-let explosions;
-const useKonamimojisplosion = (onActivate) => {
-	const [inputs, setInputs] = (0, react.useState)([]);
-	(0, react.useEffect)(() => {
-		const listener = (e) => {
-			const newState = [...inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs, e.key];
-			if (newState.join() === konamiCodeKeys.join()) {
-				if (explosions) {
-					explosions.cancel();
-					explosions = void 0;
-				} else {
-					explosions = (0, emojisplosion.emojisplosions)();
-					onActivate?.();
-				}
-				setInputs([]);
-			} else setInputs(newState);
-		};
-		document.addEventListener("keydown", listener);
-		return () => document.removeEventListener("keydown", listener);
-	}, [onActivate, inputs]);
-	(0, react.useEffect)(() => {
-		return () => {
-			explosions?.cancel();
-			explosions = void 0;
-		};
-	}, []);
-};
-
-//#endregion
-exports.useKonamimojisplosion = useKonamimojisplosion;
-//# sourceMappingURL=useKonamimojisplosion.cjs.map

package/dist/Konamimojisplosion/useKonamimojisplosion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKonamimojisplosion.cjs","names":["emojisplosions","useEffect","useState","konamiCodeKeys","explosions","useKonamimojisplosion","onActivate","inputs","setInputs","listener","e","newState","length","slice","key","join","cancel","undefined","document","addEventListener","removeEventListener"],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":["import { emojisplosions, EmojisplosionsHandler } from 'emojisplosion';\nimport { useEffect, useState } from 'react';\n\nconst konamiCodeKeys = [\n  'ArrowUp',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowLeft',\n  'ArrowRight',\n  'b',\n  'a',\n];\n\nlet explosions: EmojisplosionsHandler | undefined;\n\nexport const useKonamimojisplosion = (onActivate?: () => void) => {\n  const [inputs, setInputs] = useState<string[]>([]);\n\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      const newState = [\n        ...(inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs),\n        e.key,\n      ];\n\n      if (newState.join() === konamiCodeKeys.join()) {\n        if (explosions) {\n          explosions.cancel();\n          explosions = undefined;\n        } else {\n          explosions = emojisplosions();\n          onActivate?.();\n        }\n        setInputs([]);\n      } else {\n        setInputs(newState);\n      }\n    };\n\n    document.addEventListener('keydown', listener);\n    return () => document.removeEventListener('keydown', listener);\n  }, [onActivate, inputs]);\n\n  // clean up explosions on unmount\n  useEffect(() => {\n    return () => {\n      explosions?.cancel();\n      explosions = undefined;\n    };\n  }, []);\n};\n"],"mappings":";;;;;AAGA,MAAMG,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAIC;AAEJ,MAAaC,yBAAyBC,eAAAA;CACpC,MAAM,CAACC,QAAQC,iCAAgC,EAAE,CAAA;AAEjDP,4BAAU;EACR,MAAMQ,YAAYC,MAAAA;GAChB,MAAMC,WAAW,IACXJ,OAAOK,WAAWT,eAAeS,SAASL,OAAOM,MAAM,EAAA,GAAKN,QAChEG,EAAEI,IACH;AAED,OAAIH,SAASI,MAAI,KAAOZ,eAAeY,MAAI,EAAI;AAC7C,QAAIX,YAAY;AACdA,gBAAWY,QAAM;AACjBZ,kBAAaa;WACR;AACLb,qDAAaJ;AACbM,mBAAAA;;AAEFE,cAAU,EAAE,CAAA;SAEZA,WAAUG,SAAAA;;AAIdO,WAASC,iBAAiB,WAAWV,SAAAA;AACrC,eAAaS,SAASE,oBAAoB,WAAWX,SAAAA;IACpD,CAACH,YAAYC,OAAO,CAAA;AAGvBN,4BAAU;AACR,eAAO;AACLG,eAAYY,QAAAA;AACZZ,gBAAaa;;IAEd,EAAE,CAAA"}

package/dist/Konamimojisplosion/useKonamimojisplosion.d.cts

@@ -1,5 +0,0 @@
-//#region src/Konamimojisplosion/useKonamimojisplosion.d.ts
-declare const useKonamimojisplosion: (onActivate?: () => void) => void;
-//#endregion
-export { useKonamimojisplosion };
-//# sourceMappingURL=useKonamimojisplosion.d.cts.map

package/dist/Konamimojisplosion/useKonamimojisplosion.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKonamimojisplosion.d.cts","names":[],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":[],"mappings":";cAkBa"}

package/dist/Konamimojisplosion/useKonamimojisplosion.d.mts

@@ -1,5 +0,0 @@
-//#region src/Konamimojisplosion/useKonamimojisplosion.d.ts
-declare const useKonamimojisplosion: (onActivate?: () => void) => void;
-//#endregion
-export { useKonamimojisplosion };
-//# sourceMappingURL=useKonamimojisplosion.d.mts.map

package/dist/Konamimojisplosion/useKonamimojisplosion.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKonamimojisplosion.d.mts","names":[],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":[],"mappings":";cAkBa"}

package/dist/Konamimojisplosion/useKonamimojisplosion.mjs

@@ -1,47 +0,0 @@
-import { useEffect, useState } from "react";
-import { emojisplosions } from "emojisplosion";
-
-//#region src/Konamimojisplosion/useKonamimojisplosion.ts
-const konamiCodeKeys = [
-	"ArrowUp",
-	"ArrowUp",
-	"ArrowDown",
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight",
-	"ArrowLeft",
-	"ArrowRight",
-	"b",
-	"a"
-];
-let explosions;
-const useKonamimojisplosion = (onActivate) => {
-	const [inputs, setInputs] = useState([]);
-	useEffect(() => {
-		const listener = (e) => {
-			const newState = [...inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs, e.key];
-			if (newState.join() === konamiCodeKeys.join()) {
-				if (explosions) {
-					explosions.cancel();
-					explosions = void 0;
-				} else {
-					explosions = emojisplosions();
-					onActivate?.();
-				}
-				setInputs([]);
-			} else setInputs(newState);
-		};
-		document.addEventListener("keydown", listener);
-		return () => document.removeEventListener("keydown", listener);
-	}, [onActivate, inputs]);
-	useEffect(() => {
-		return () => {
-			explosions?.cancel();
-			explosions = void 0;
-		};
-	}, []);
-};
-
-//#endregion
-export { useKonamimojisplosion };
-//# sourceMappingURL=useKonamimojisplosion.mjs.map

package/dist/Konamimojisplosion/useKonamimojisplosion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKonamimojisplosion.mjs","names":["emojisplosions","useEffect","useState","konamiCodeKeys","explosions","useKonamimojisplosion","onActivate","inputs","setInputs","listener","e","newState","length","slice","key","join","cancel","undefined","document","addEventListener","removeEventListener"],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":["import { emojisplosions, EmojisplosionsHandler } from 'emojisplosion';\nimport { useEffect, useState } from 'react';\n\nconst konamiCodeKeys = [\n  'ArrowUp',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowLeft',\n  'ArrowRight',\n  'b',\n  'a',\n];\n\nlet explosions: EmojisplosionsHandler | undefined;\n\nexport const useKonamimojisplosion = (onActivate?: () => void) => {\n  const [inputs, setInputs] = useState<string[]>([]);\n\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      const newState = [\n        ...(inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs),\n        e.key,\n      ];\n\n      if (newState.join() === konamiCodeKeys.join()) {\n        if (explosions) {\n          explosions.cancel();\n          explosions = undefined;\n        } else {\n          explosions = emojisplosions();\n          onActivate?.();\n        }\n        setInputs([]);\n      } else {\n        setInputs(newState);\n      }\n    };\n\n    document.addEventListener('keydown', listener);\n    return () => document.removeEventListener('keydown', listener);\n  }, [onActivate, inputs]);\n\n  // clean up explosions on unmount\n  useEffect(() => {\n    return () => {\n      explosions?.cancel();\n      explosions = undefined;\n    };\n  }, []);\n};\n"],"mappings":";;;;AAGA,MAAMG,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAIC;AAEJ,MAAaC,yBAAyBC,eAAAA;CACpC,MAAM,CAACC,QAAQC,aAAaN,SAAmB,EAAE,CAAA;AAEjDD,iBAAU;EACR,MAAMQ,YAAYC,MAAAA;GAChB,MAAMC,WAAW,IACXJ,OAAOK,WAAWT,eAAeS,SAASL,OAAOM,MAAM,EAAA,GAAKN,QAChEG,EAAEI,IACH;AAED,OAAIH,SAASI,MAAI,KAAOZ,eAAeY,MAAI,EAAI;AAC7C,QAAIX,YAAY;AACdA,gBAAWY,QAAM;AACjBZ,kBAAaa;WACR;AACLb,kBAAaJ,gBAAAA;AACbM,mBAAAA;;AAEFE,cAAU,EAAE,CAAA;SAEZA,WAAUG,SAAAA;;AAIdO,WAASC,iBAAiB,WAAWV,SAAAA;AACrC,eAAaS,SAASE,oBAAoB,WAAWX,SAAAA;IACpD,CAACH,YAAYC,OAAO,CAAA;AAGvBN,iBAAU;AACR,eAAO;AACLG,eAAYY,QAAAA;AACZZ,gBAAaa;;IAEd,EAAE,CAAA"}

package/dist/LandingPage/CTA.cjs

@@ -1,11 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/CTA.tsx
-const CTA = ({ buttonType = "cta", ...buttonProps }) => buttonType === "fill" ? /* @__PURE__ */ react.createElement(_codecademy_gamut.FillButton, buttonProps) : /* @__PURE__ */ react.createElement(_codecademy_gamut.CTAButton, buttonProps);
-
-//#endregion
-exports.CTA = CTA;
-//# sourceMappingURL=CTA.cjs.map

package/dist/LandingPage/CTA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CTA.cjs","names":["CTAButton","FillButton","React","CTA","buttonType","buttonProps"],"sources":["../../src/LandingPage/CTA.tsx"],"sourcesContent":["import { ButtonProps, CTAButton, FillButton } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface CTAProps extends Pick<ButtonProps, 'children'> {\n  href: string;\n  onClick?: React.MouseEventHandler;\n  buttonType?: 'cta' | 'fill';\n  mode?: 'light' | 'dark';\n}\n\nexport const CTA: React.FC<CTAProps> = ({\n  buttonType = 'cta',\n  ...buttonProps\n}) =>\n  buttonType === 'fill' ? (\n    <FillButton {...buttonProps} />\n  ) : (\n    <CTAButton {...buttonProps} />\n  );\n"],"mappings":";;;;;;AAUA,MAAaG,OAA2B,EACtCC,aAAa,OACb,GAAGC,kBAEHD,eAAe,SACb,sBAAA,cAACH,8BAAeI,YAAAA,GAEhB,sBAAA,cAACL,6BAAcK,YAAAA"}

package/dist/LandingPage/CTA.mjs

@@ -1,9 +0,0 @@
-import { CTAButton, FillButton } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/CTA.tsx
-const CTA = ({ buttonType = "cta", ...buttonProps }) => buttonType === "fill" ? /* @__PURE__ */ React$1.createElement(FillButton, buttonProps) : /* @__PURE__ */ React$1.createElement(CTAButton, buttonProps);
-
-//#endregion
-export { CTA };
-//# sourceMappingURL=CTA.mjs.map

package/dist/LandingPage/CTA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CTA.mjs","names":["CTAButton","FillButton","React","CTA","buttonType","buttonProps"],"sources":["../../src/LandingPage/CTA.tsx"],"sourcesContent":["import { ButtonProps, CTAButton, FillButton } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface CTAProps extends Pick<ButtonProps, 'children'> {\n  href: string;\n  onClick?: React.MouseEventHandler;\n  buttonType?: 'cta' | 'fill';\n  mode?: 'light' | 'dark';\n}\n\nexport const CTA: React.FC<CTAProps> = ({\n  buttonType = 'cta',\n  ...buttonProps\n}) =>\n  buttonType === 'fill' ? (\n    <FillButton {...buttonProps} />\n  ) : (\n    <CTAButton {...buttonProps} />\n  );\n"],"mappings":";;;;AAUA,MAAaG,OAA2B,EACtCC,aAAa,OACb,GAAGC,kBAEHD,eAAe,SACb,wBAAA,cAACH,YAAeI,YAAAA,GAEhB,wBAAA,cAACL,WAAcK,YAAAA"}

package/dist/LandingPage/Description.cjs

@@ -1,17 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/Description.tsx
-const Description = ({ text, onAnchorClick }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-	maxWidth: "38rem",
-	mt: 16
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Markdown, {
-	text,
-	onAnchorClick
-}));
-
-//#endregion
-exports.Description = Description;
-//# sourceMappingURL=Description.cjs.map

package/dist/LandingPage/Description.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Description.cjs","names":["Box","Markdown","React","Description","text","onAnchorClick","maxWidth","mt"],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":["import { Box, Markdown } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { LandingPageBaseProps } from './types';\n\nexport type DescriptionProps = {\n  text: string;\n} & Pick<LandingPageBaseProps, 'onAnchorClick'>;\n\nexport const Description: React.FC<DescriptionProps> = ({\n  text,\n  onAnchorClick,\n}) => (\n  <Box maxWidth=\"38rem\" mt={16}>\n    <Markdown text={text} onAnchorClick={onAnchorClick} />\n  </Box>\n);\n"],"mappings":";;;;;;AASA,MAAaG,eAA2C,EACtDC,MACAC,oBAEA,sBAAA,cAACL,uBAAAA;CAAIM,UAAS;CAAQC,IAAI;GACxB,sBAAA,cAACN,4BAAAA;CAAeG;CAAqBC"}

package/dist/LandingPage/Description.d.cts

@@ -1,11 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Description.d.ts
-type DescriptionProps = {
-  text: string;
-} & Pick<LandingPageBaseProps, 'onAnchorClick'>;
-declare const Description: React$1.FC<DescriptionProps>;
-//#endregion
-export { Description, DescriptionProps };
-//# sourceMappingURL=Description.d.cts.map

package/dist/LandingPage/Description.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Description.d.cts","names":[],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,gBAAA;;AAAZ,CAAA,GAEI,IAFQ,CAEH,oBAFmB,EAAA,eAEnB,CAAA;AAEI,cAAA,WAAsB,EAAT,OAAA,CAAM,EAAG,CAAA,gBAAH,CAAE"}

package/dist/LandingPage/Description.d.mts

@@ -1,11 +0,0 @@
-import { LandingPageBaseProps } from "./types.mjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Description.d.ts
-type DescriptionProps = {
-  text: string;
-} & Pick<LandingPageBaseProps, 'onAnchorClick'>;
-declare const Description: React$1.FC<DescriptionProps>;
-//#endregion
-export { Description, DescriptionProps };
-//# sourceMappingURL=Description.d.mts.map

package/dist/LandingPage/Description.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Description.d.mts","names":[],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,gBAAA;;AAAZ,CAAA,GAEI,IAFQ,CAEH,oBAFmB,EAAA,eAEnB,CAAA;AAEI,cAAA,WAAsB,EAAT,OAAA,CAAM,EAAG,CAAA,gBAAH,CAAE"}

package/dist/LandingPage/Description.mjs

@@ -1,15 +0,0 @@
-import { Box, Markdown } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Description.tsx
-const Description = ({ text, onAnchorClick }) => /* @__PURE__ */ React$1.createElement(Box, {
-	maxWidth: "38rem",
-	mt: 16
-}, /* @__PURE__ */ React$1.createElement(Markdown, {
-	text,
-	onAnchorClick
-}));
-
-//#endregion
-export { Description };
-//# sourceMappingURL=Description.mjs.map

package/dist/LandingPage/Description.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Description.mjs","names":["Box","Markdown","React","Description","text","onAnchorClick","maxWidth","mt"],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":["import { Box, Markdown } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { LandingPageBaseProps } from './types';\n\nexport type DescriptionProps = {\n  text: string;\n} & Pick<LandingPageBaseProps, 'onAnchorClick'>;\n\nexport const Description: React.FC<DescriptionProps> = ({\n  text,\n  onAnchorClick,\n}) => (\n  <Box maxWidth=\"38rem\" mt={16}>\n    <Markdown text={text} onAnchorClick={onAnchorClick} />\n  </Box>\n);\n"],"mappings":";;;;AASA,MAAaG,eAA2C,EACtDC,MACAC,oBAEA,wBAAA,cAACL,KAAAA;CAAIM,UAAS;CAAQC,IAAI;GACxB,wBAAA,cAACN,UAAAA;CAAeG;CAAqBC"}

package/dist/LandingPage/Feature.cjs

@@ -1,74 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../PausableImage/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/Feature.tsx
-const Image = _codecademy_gamut.Box.withComponent("img");
-const FeaturedImage = ({ src, alt }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-	width: 1,
-	mb: 32
-}, /* @__PURE__ */ react.createElement(require_index.PausableImage, {
-	src,
-	alt,
-	"data-testid": "feature-image"
-}));
-const FeaturedIcon = ({ src, alt, props }) => /* @__PURE__ */ react.createElement(Image, {
-	alt,
-	src,
-	mb: 32,
-	width: "64px",
-	"data-testid": "feature-icon",
-	...props
-});
-const FeaturedStat = ({ children }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	as: "div",
-	variant: "title-xxl",
-	fontSize: {
-		_: 44,
-		lg: 64
-	},
-	"data-testid": "feature-stat"
-}, children);
-const FeaturedTitle = ({ as, children, props }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	as,
-	fontSize: {
-		_: 22,
-		lg: 26
-	},
-	fontWeight: "title",
-	lineHeight: "spacedTitle",
-	...props
-}, children);
-const StyledMarkdown = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Markdown, {
-	target: "e1un6pxg0",
-	label: "brand-StyledMarkdown"
-})("ul,ol{padding:0;list-style-position:inside;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL0ZlYXR1cmUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGFuZGluZ1BhZ2UvRmVhdHVyZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBCb3hQcm9wcyxcbiAgTWFya2Rvd24sXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IG1lZGlhUXVlcmllcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFBhdXNhYmxlSW1hZ2UgfSBmcm9tICcuLi9QYXVzYWJsZUltYWdlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5leHBvcnQgdHlwZSBGZWF0dXJlZEltYWdlUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn07XG5leHBvcnQgY29uc3QgRmVhdHVyZWRJbWFnZTogUmVhY3QuRkM8RmVhdHVyZWRJbWFnZVByb3BzPiA9ICh7IHNyYywgYWx0IH0pID0+IChcbiAgPEJveCB3aWR0aD17MX0gbWI9ezMyfT5cbiAgICA8UGF1c2FibGVJbWFnZSBzcmM9e3NyY30gYWx0PXthbHR9IGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1pbWFnZVwiIC8+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IHR5cGUgRmVhdHVyZWRJY29uUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbiAgcHJvcHM/OiBPbWl0PFxuICAgIFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBJbWFnZT4sXG4gICAgJ3NyYycgfCAnYWx0JyB8ICdkYXRhLXRlc3RpZCdcbiAgPjtcbn07XG5leHBvcnQgY29uc3QgRmVhdHVyZWRJY29uOiBSZWFjdC5GQzxGZWF0dXJlZEljb25Qcm9wcz4gPSAoe1xuICBzcmMsXG4gIGFsdCxcbiAgcHJvcHMsXG59KSA9PiAoXG4gIDxJbWFnZVxuICAgIGFsdD17YWx0fVxuICAgIHNyYz17c3JjfVxuICAgIG1iPXszMn1cbiAgICB3aWR0aD1cIjY0cHhcIlxuICAgIGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1pY29uXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRmVhdHVyZWRTdGF0OiBSZWFjdC5GQzxXaXRoQ2hpbGRyZW5Qcm9wPiA9ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgPFRleHRcbiAgICBhcz1cImRpdlwiXG4gICAgdmFyaWFudD1cInRpdGxlLXh4bFwiXG4gICAgZm9udFNpemU9e3sgXzogNDQsIGxnOiA2NCB9fVxuICAgIGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1zdGF0XCJcbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBGZWF0dXJlZFRpdGxlUHJvcHMgZXh0ZW5kcyBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgYXM6ICdoMScgfCAnaDInIHwgJ2gzJyB8ICdoNCcgfCAnaDUnIHwgJ2g2JyB8ICdkaXYnO1xuICBwcm9wcz86IE9taXQ8Qm94UHJvcHMsICdhcycgfCAnY2hpbGRyZW4nPjtcbn1cbmV4cG9ydCBjb25zdCBGZWF0dXJlZFRpdGxlOiBSZWFjdC5GQzxGZWF0dXJlZFRpdGxlUHJvcHM+ID0gKHtcbiAgYXMsXG4gIGNoaWxkcmVuLFxuICBwcm9wcyxcbn0pID0+IChcbiAgPFRleHRcbiAgICBhcz17YXN9XG4gICAgZm9udFNpemU9e3sgXzogMjIsIGxnOiAyNiB9fVxuICAgIGZvbnRXZWlnaHQ9XCJ0aXRsZVwiXG4gICAgbGluZUhlaWdodD1cInNwYWNlZFRpdGxlXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgdWwsXG4gIG9sIHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IGluc2lkZTtcbiAgfVxuYDtcbmV4cG9ydCB0eXBlIEZlYXR1cmVkRGVzY3JpcHRpb25Qcm9wcyA9IFBpY2s8XG4gIExhbmRpbmdQYWdlQmFzZVByb3BzLFxuICAnZGVzYycgfCAnb25BbmNob3JDbGljaydcbj47XG5leHBvcnQgY29uc3QgRmVhdHVyZWREZXNjcmlwdGlvbjogUmVhY3QuRkM8RmVhdHVyZWREZXNjcmlwdGlvblByb3BzPiA9ICh7XG4gIGRlc2MsXG4gIG9uQW5jaG9yQ2xpY2ssXG59KSA9PiAoXG4gIDxTdHlsZWRNYXJrZG93biB0ZXh0PXtkZXNjfSBzcGFjaW5nPVwibm9uZVwiIG9uQW5jaG9yQ2xpY2s9e29uQW5jaG9yQ2xpY2t9IC8+XG4pO1xuXG5jb25zdCBGZWF0dXJlQmxvY2sgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgJHttZWRpYVF1ZXJpZXMuc219IHtcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG5cbiAgICAgICR7bWVkaWFRdWVyaWVzLmxnfSB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHRlc3RJZD86IHN0cmluZztcbiAgcHJvcHM/OiBPbWl0PEJveFByb3BzLCAnYXMnIHwgJ2NoaWxkcmVuJz47XG59XG5leHBvcnQgY29uc3QgRmVhdHVyZTogUmVhY3QuRkM8RmVhdHVyZVByb3BzPiA9ICh7XG4gIHRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIHByb3BzLFxufSkgPT4gKFxuICA8RmVhdHVyZUJsb2NrIGFzPVwiZGl2XCIgbXQ9ezMyfSBkYXRhLXRlc3RpZD17dGVzdElkfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GZWF0dXJlQmxvY2s+XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGdUIifQ== */");
-const FeaturedDescription = ({ desc, onAnchorClick }) => /* @__PURE__ */ react.createElement(StyledMarkdown, {
-	text: desc,
-	spacing: "none",
-	onAnchorClick
-});
-const FeatureBlock = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
-	target: "e1un6pxg1",
-	label: "brand-FeatureBlock"
-})("flex:1;", _codecademy_gamut_styles.mediaQueries.sm, "{&:not(:last-of-type){margin-right:1rem;", _codecademy_gamut_styles.mediaQueries.lg, "{margin-right:2rem;}}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL0ZlYXR1cmUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGFuZGluZ1BhZ2UvRmVhdHVyZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBCb3hQcm9wcyxcbiAgTWFya2Rvd24sXG4gIFRleHQsXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IG1lZGlhUXVlcmllcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFBhdXNhYmxlSW1hZ2UgfSBmcm9tICcuLi9QYXVzYWJsZUltYWdlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5leHBvcnQgdHlwZSBGZWF0dXJlZEltYWdlUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn07XG5leHBvcnQgY29uc3QgRmVhdHVyZWRJbWFnZTogUmVhY3QuRkM8RmVhdHVyZWRJbWFnZVByb3BzPiA9ICh7IHNyYywgYWx0IH0pID0+IChcbiAgPEJveCB3aWR0aD17MX0gbWI9ezMyfT5cbiAgICA8UGF1c2FibGVJbWFnZSBzcmM9e3NyY30gYWx0PXthbHR9IGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1pbWFnZVwiIC8+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IHR5cGUgRmVhdHVyZWRJY29uUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbiAgcHJvcHM/OiBPbWl0PFxuICAgIFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBJbWFnZT4sXG4gICAgJ3NyYycgfCAnYWx0JyB8ICdkYXRhLXRlc3RpZCdcbiAgPjtcbn07XG5leHBvcnQgY29uc3QgRmVhdHVyZWRJY29uOiBSZWFjdC5GQzxGZWF0dXJlZEljb25Qcm9wcz4gPSAoe1xuICBzcmMsXG4gIGFsdCxcbiAgcHJvcHMsXG59KSA9PiAoXG4gIDxJbWFnZVxuICAgIGFsdD17YWx0fVxuICAgIHNyYz17c3JjfVxuICAgIG1iPXszMn1cbiAgICB3aWR0aD1cIjY0cHhcIlxuICAgIGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1pY29uXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRmVhdHVyZWRTdGF0OiBSZWFjdC5GQzxXaXRoQ2hpbGRyZW5Qcm9wPiA9ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgPFRleHRcbiAgICBhcz1cImRpdlwiXG4gICAgdmFyaWFudD1cInRpdGxlLXh4bFwiXG4gICAgZm9udFNpemU9e3sgXzogNDQsIGxnOiA2NCB9fVxuICAgIGRhdGEtdGVzdGlkPVwiZmVhdHVyZS1zdGF0XCJcbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBGZWF0dXJlZFRpdGxlUHJvcHMgZXh0ZW5kcyBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgYXM6ICdoMScgfCAnaDInIHwgJ2gzJyB8ICdoNCcgfCAnaDUnIHwgJ2g2JyB8ICdkaXYnO1xuICBwcm9wcz86IE9taXQ8Qm94UHJvcHMsICdhcycgfCAnY2hpbGRyZW4nPjtcbn1cbmV4cG9ydCBjb25zdCBGZWF0dXJlZFRpdGxlOiBSZWFjdC5GQzxGZWF0dXJlZFRpdGxlUHJvcHM+ID0gKHtcbiAgYXMsXG4gIGNoaWxkcmVuLFxuICBwcm9wcyxcbn0pID0+IChcbiAgPFRleHRcbiAgICBhcz17YXN9XG4gICAgZm9udFNpemU9e3sgXzogMjIsIGxnOiAyNiB9fVxuICAgIGZvbnRXZWlnaHQ9XCJ0aXRsZVwiXG4gICAgbGluZUhlaWdodD1cInNwYWNlZFRpdGxlXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgdWwsXG4gIG9sIHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IGluc2lkZTtcbiAgfVxuYDtcbmV4cG9ydCB0eXBlIEZlYXR1cmVkRGVzY3JpcHRpb25Qcm9wcyA9IFBpY2s8XG4gIExhbmRpbmdQYWdlQmFzZVByb3BzLFxuICAnZGVzYycgfCAnb25BbmNob3JDbGljaydcbj47XG5leHBvcnQgY29uc3QgRmVhdHVyZWREZXNjcmlwdGlvbjogUmVhY3QuRkM8RmVhdHVyZWREZXNjcmlwdGlvblByb3BzPiA9ICh7XG4gIGRlc2MsXG4gIG9uQW5jaG9yQ2xpY2ssXG59KSA9PiAoXG4gIDxTdHlsZWRNYXJrZG93biB0ZXh0PXtkZXNjfSBzcGFjaW5nPVwibm9uZVwiIG9uQW5jaG9yQ2xpY2s9e29uQW5jaG9yQ2xpY2t9IC8+XG4pO1xuXG5jb25zdCBGZWF0dXJlQmxvY2sgPSBzdHlsZWQoQm94KWBcbiAgZmxleDogMTtcbiAgJHttZWRpYVF1ZXJpZXMuc219IHtcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG5cbiAgICAgICR7bWVkaWFRdWVyaWVzLmxnfSB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIHRlc3RJZD86IHN0cmluZztcbiAgcHJvcHM/OiBPbWl0PEJveFByb3BzLCAnYXMnIHwgJ2NoaWxkcmVuJz47XG59XG5leHBvcnQgY29uc3QgRmVhdHVyZTogUmVhY3QuRkM8RmVhdHVyZVByb3BzPiA9ICh7XG4gIHRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIHByb3BzLFxufSkgPT4gKFxuICA8RmVhdHVyZUJsb2NrIGFzPVwiZGl2XCIgbXQ9ezMyfSBkYXRhLXRlc3RpZD17dGVzdElkfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GZWF0dXJlQmxvY2s+XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHcUIifQ== */");
-const Feature = ({ testId, children, props }) => /* @__PURE__ */ react.createElement(FeatureBlock, {
-	as: "div",
-	mt: 32,
-	"data-testid": testId,
-	...props
-}, children);
-
-//#endregion
-exports.Feature = Feature;
-exports.FeaturedDescription = FeaturedDescription;
-exports.FeaturedIcon = FeaturedIcon;
-exports.FeaturedImage = FeaturedImage;
-exports.FeaturedStat = FeaturedStat;
-exports.FeaturedTitle = FeaturedTitle;
-//# sourceMappingURL=Feature.cjs.map

package/dist/LandingPage/Feature.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Feature.cjs","names":["Box","Markdown","Text","mediaQueries","styled","React","PausableImage","Image","withComponent","FeaturedImage","src","alt","width","mb","data-testid","FeaturedIcon","props","FeaturedStat","children","as","variant","fontSize","_","lg","FeaturedTitle","fontWeight","lineHeight","StyledMarkdown","FeaturedDescription","desc","onAnchorClick","text","spacing","FeatureBlock","sm","Feature","testId","mt"],"sources":["../../src/LandingPage/Feature.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  Markdown,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { mediaQueries } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { PausableImage } from '../PausableImage';\nimport { LandingPageBaseProps } from './types';\n\nconst Image = Box.withComponent('img');\n\nexport type FeaturedImageProps = {\n  src: string;\n  alt: string;\n};\nexport const FeaturedImage: React.FC<FeaturedImageProps> = ({ src, alt }) => (\n  <Box width={1} mb={32}>\n    <PausableImage src={src} alt={alt} data-testid=\"feature-image\" />\n  </Box>\n);\n\nexport type FeaturedIconProps = {\n  src: string;\n  alt: string;\n  props?: Omit<\n    React.ComponentProps<typeof Image>,\n    'src' | 'alt' | 'data-testid'\n  >;\n};\nexport const FeaturedIcon: React.FC<FeaturedIconProps> = ({\n  src,\n  alt,\n  props,\n}) => (\n  <Image\n    alt={alt}\n    src={src}\n    mb={32}\n    width=\"64px\"\n    data-testid=\"feature-icon\"\n    {...props}\n  />\n);\n\nexport const FeaturedStat: React.FC<WithChildrenProp> = ({ children }) => (\n  <Text\n    as=\"div\"\n    variant=\"title-xxl\"\n    fontSize={{ _: 44, lg: 64 }}\n    data-testid=\"feature-stat\"\n  >\n    {children}\n  </Text>\n);\n\nexport interface FeaturedTitleProps extends WithChildrenProp {\n  as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';\n  props?: Omit<BoxProps, 'as' | 'children'>;\n}\nexport const FeaturedTitle: React.FC<FeaturedTitleProps> = ({\n  as,\n  children,\n  props,\n}) => (\n  <Text\n    as={as}\n    fontSize={{ _: 22, lg: 26 }}\n    fontWeight=\"title\"\n    lineHeight=\"spacedTitle\"\n    {...props}\n  >\n    {children}\n  </Text>\n);\n\nconst StyledMarkdown = styled(Markdown)`\n  ul,\n  ol {\n    padding: 0;\n    list-style-position: inside;\n  }\n`;\nexport type FeaturedDescriptionProps = Pick<\n  LandingPageBaseProps,\n  'desc' | 'onAnchorClick'\n>;\nexport const FeaturedDescription: React.FC<FeaturedDescriptionProps> = ({\n  desc,\n  onAnchorClick,\n}) => (\n  <StyledMarkdown text={desc} spacing=\"none\" onAnchorClick={onAnchorClick} />\n);\n\nconst FeatureBlock = styled(Box)`\n  flex: 1;\n  ${mediaQueries.sm} {\n    &:not(:last-of-type) {\n      margin-right: 1rem;\n\n      ${mediaQueries.lg} {\n        margin-right: 2rem;\n      }\n    }\n  }\n`;\n\nexport interface FeatureProps extends WithChildrenProp {\n  testId?: string;\n  props?: Omit<BoxProps, 'as' | 'children'>;\n}\nexport const Feature: React.FC<FeatureProps> = ({\n  testId,\n  children,\n  props,\n}) => (\n  <FeatureBlock as=\"div\" mt={32} data-testid={testId} {...props}>\n    {children}\n  </FeatureBlock>\n);\n"],"mappings":";;;;;;;;;;AAcA,MAAMO,QAAQP,sBAAIQ,cAAc,MAAA;AAMhC,MAAaC,iBAA+C,EAAEC,KAAKC,UACjE,sBAAA,cAACX,uBAAAA;CAAIY,OAAO;CAAGC,IAAI;GACjB,sBAAA,cAACP,6BAAAA;CAAmBI;CAAUC;CAAKG,eAAY;;AAYnD,MAAaC,gBAA6C,EACxDL,KACAC,KACAK,YAEA,sBAAA,cAACT,OAAAA;CACMI;CACAD;CACLG,IAAI;CACJD,OAAM;CACNE,eAAY;CACX,GAAGE;;AAIR,MAAaC,gBAA4C,EAAEC,eACzD,sBAAA,cAAChB,wBAAAA;CACCiB,IAAG;CACHC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BT,eAAY;GAEXI,SAAAA;AAQL,MAAaM,iBAA+C,EAC1DL,IACAD,UACAF,YAEA,sBAAA,cAACd,wBAAAA;CACKiB;CACJE,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BE,YAAW;CACXC,YAAW;CACV,GAAGV;GAEHE,SAAAA;AAIL,MAAMS,iBAAiBvB,6CAAOH,4BAAAA;;;;AAW9B,MAAa2B,uBAA2D,EACtEC,MACAC,oBAEA,sBAAA,cAACH,gBAAAA;CAAeI,MAAMF;CAAMG,SAAQ;CAAsBF;;AAG5D,MAAMG,eAAe7B,6CAAOJ,uBAAAA;;;cAExBG,sCAAa+B,IAAE,4CAIX/B,sCAAaoB,IAAE,0BAAA,k3HAAA;AAWvB,MAAaY,WAAmC,EAC9CC,QACAlB,UACAF,YAEA,sBAAA,cAACiB,cAAAA;CAAad,IAAG;CAAMkB,IAAI;CAAIvB,eAAasB;CAAS,GAAGpB;GACrDE,SAAAA"}