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

package/dist/LandingPage/PageFeaturesEnhanced.d.mts

@@ -1,12 +0,0 @@
-import { Eyebrow } from "./PageSingleFeature.mjs";
-import { PageFeaturesProps } from "./PageFeatures.mjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeaturesEnhanced.d.ts
-interface PageFeaturesEnhancedProps extends PageFeaturesProps {
-  eyebrow?: Eyebrow;
-}
-declare const PageFeaturesEnhanced: React$1.FC<PageFeaturesEnhancedProps>;
-//#endregion
-export { PageFeaturesEnhanced, PageFeaturesEnhancedProps };
-//# sourceMappingURL=PageFeaturesEnhanced.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesEnhanced.d.mts","names":[],"sources":["../../src/LandingPage/PageFeaturesEnhanced.tsx"],"sourcesContent":[],"mappings":";;;;;UAyBiB,yBAAA,SAAkC;YACvC;AADZ;AA4Da,cAAA,oBAA+B,EAAT,OAAA,CAAM,EAAG,CAAA,yBAAH,CAAE"}

package/dist/LandingPage/PageFeaturesEnhanced.mjs

@@ -1,117 +0,0 @@
-import { CTA } from "./CTA.mjs";
-import { Description } from "./Description.mjs";
-import { Title } from "./Title.mjs";
-import { TitleWithEyebrow } from "./TitleWithEyebrow.mjs";
-import { FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle } from "./Feature.mjs";
-import { Box, Column, FlexBox, LayoutGrid } from "@codecademy/gamut";
-import { Background, ColorMode } from "@codecademy/gamut-styles";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeaturesEnhanced.tsx
-const rowRenderEach = (items, itemRenderer) => {
-	return /* @__PURE__ */ React$1.createElement(FlexBox, {
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		as: "ul",
-		pl: 0,
-		mb: 0,
-		gap: { sm: 32 }
-	}, items.map((item) => /* @__PURE__ */ React$1.createElement(FlexBox, {
-		as: "li",
-		key: item.title,
-		flex: 1
-	}, itemRenderer(item))));
-};
-const gridRenderEach = (maxCols, items, itemRenderer) => {
-	const size = {
-		_: 12,
-		xs: 12 / (maxCols / 2),
-		lg: 12 / maxCols
-	};
-	return /* @__PURE__ */ React$1.createElement(LayoutGrid, {
-		gap: 32,
-		as: "ul",
-		pl: 0,
-		mb: 0
-	}, items.map((item) => /* @__PURE__ */ React$1.createElement(Column, {
-		key: item.title,
-		size,
-		as: "li"
-	}, itemRenderer(item))));
-};
-const renderEach = (maxCols, items, itemRenderer) => {
-	if (maxCols === void 0) return rowRenderEach(items, itemRenderer);
-	if (maxCols > 0 && maxCols <= 4) return gridRenderEach(maxCols, items, itemRenderer);
-	return null;
-};
-const PageFeaturesEnhanced = ({ eyebrow, title, desc, cta, maxCols, features, featuresMedia, testId, onAnchorClick }) => {
-	return /* @__PURE__ */ React$1.createElement("div", { "data-testid": testId }, title && /* @__PURE__ */ React$1.createElement(FlexBox, {
-		justifyContent: "center",
-		textAlign: "center",
-		mb: 8
-	}, eyebrow ? /* @__PURE__ */ React$1.createElement(TitleWithEyebrow, {
-		title,
-		eyebrow,
-		isPageHeading: false,
-		titleStyle: {
-			fontWeight: 700,
-			fontSize: {
-				_: 44,
-				sm: 44
-			}
-		},
-		eyebrowStyle: {
-			fontWeight: "lighter",
-			fontSize: {
-				_: 16,
-				sm: 16
-			}
-		}
-	}) : /* @__PURE__ */ React$1.createElement(Title, { isPageHeading: false }, title)), desc && /* @__PURE__ */ React$1.createElement(FlexBox, {
-		justifyContent: "center",
-		textAlign: "center"
-	}, /* @__PURE__ */ React$1.createElement(Description, {
-		text: desc,
-		onAnchorClick
-	})), cta && /* @__PURE__ */ React$1.createElement(Box, { mt: 32 }, /* @__PURE__ */ React$1.createElement(CTA, {
-		href: cta.href,
-		onClick: cta.onClick,
-		buttonType: cta.buttonType
-	}, cta.text)), /* @__PURE__ */ React$1.createElement(ColorMode, { mode: "dark" }, /* @__PURE__ */ React$1.createElement(Box, { mt: 16 }, renderEach(maxCols, features, ({ testId: testId$1, imgSrc, imgAlt, statText, title: featTitle, desc: desc$1 }) => /* @__PURE__ */ React$1.createElement(Background, {
-		bg: "white-300",
-		borderRadius: "lg",
-		py: 24,
-		px: 16,
-		color: "white",
-		"data-testid": testId$1
-	}, featuresMedia === "image" && imgSrc && /* @__PURE__ */ React$1.createElement(FeaturedImage, {
-		src: imgSrc,
-		alt: imgAlt ?? ""
-	}), featuresMedia === "icon" && imgSrc && /* @__PURE__ */ React$1.createElement(FeaturedIcon, {
-		src: imgSrc,
-		alt: imgAlt ?? "",
-		props: {
-			mb: 16,
-			width: "48px",
-			height: "48px"
-		}
-	}), featuresMedia === "stat" && /* @__PURE__ */ React$1.createElement(FeaturedStat, null, statText), featTitle && /* @__PURE__ */ React$1.createElement(FeaturedTitle, {
-		as: desc$1 ? title ? "h3" : "h2" : "div",
-		props: {
-			fontSize: {
-				_: 20,
-				lg: 20
-			},
-			mb: 16
-		}
-	}, featTitle), desc$1 && /* @__PURE__ */ React$1.createElement(FeaturedDescription, {
-		desc: desc$1,
-		onAnchorClick
-	}))))));
-};
-
-//#endregion
-export { PageFeaturesEnhanced };
-//# sourceMappingURL=PageFeaturesEnhanced.mjs.map

package/dist/LandingPage/PageFeaturesEnhanced.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesEnhanced.mjs","names":["Box","Column","FlexBox","LayoutGrid","Background","ColorMode","React","CTA","Description","FeaturedDescription","FeaturedIcon","FeaturedImage","FeaturedStat","FeaturedTitle","Title","TitleWithEyebrow","rowRenderEach","items","itemRenderer","flexDirection","_","sm","as","pl","mb","gap","map","item","key","title","flex","gridRenderEach","maxCols","size","xs","lg","renderEach","undefined","PageFeaturesEnhanced","eyebrow","desc","cta","features","featuresMedia","testId","onAnchorClick","div","data-testid","justifyContent","textAlign","isPageHeading","titleStyle","fontWeight","fontSize","eyebrowStyle","text","mt","href","onClick","buttonType","mode","imgSrc","imgAlt","statText","featTitle","bg","borderRadius","py","px","color","src","alt","props","width","height"],"sources":["../../src/LandingPage/PageFeaturesEnhanced.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  ColumnProps,\n  FlexBox,\n  LayoutGrid,\n} from '@codecademy/gamut';\nimport { Background, ColorMode } from '@codecademy/gamut-styles';\nimport * as React from 'react';\nimport { ReactNode } from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport {\n  FeaturedDescription,\n  FeaturedIcon,\n  FeaturedImage,\n  FeaturedStat,\n  FeaturedTitle,\n} from './Feature';\nimport { PageFeaturesProps } from './PageFeatures';\nimport { Eyebrow } from './PageSingleFeature';\nimport { Title } from './Title';\nimport { TitleWithEyebrow } from './TitleWithEyebrow';\n\nexport interface PageFeaturesEnhancedProps extends PageFeaturesProps {\n  eyebrow?: Eyebrow;\n}\n\nconst rowRenderEach = (\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  return (\n    <FlexBox\n      flexDirection={{ _: 'column', sm: 'row' }}\n      as=\"ul\"\n      pl={0}\n      mb={0}\n      gap={{ sm: 32 }}\n    >\n      {items.map((item) => (\n        <FlexBox as=\"li\" key={item.title} flex={1}>\n          {itemRenderer(item)}\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n};\n\nconst gridRenderEach = (\n  maxCols: NonNullable<PageFeaturesProps['maxCols']>,\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  const size = {\n    _: 12,\n    xs: 12 / (maxCols / 2),\n    lg: 12 / maxCols,\n  } as ColumnProps['size'];\n  return (\n    <LayoutGrid gap={32} as=\"ul\" pl={0} mb={0}>\n      {items.map((item) => (\n        <Column key={item.title} size={size} as=\"li\">\n          {itemRenderer(item)}\n        </Column>\n      ))}\n    </LayoutGrid>\n  );\n};\n\nconst renderEach = (\n  maxCols: PageFeaturesProps['maxCols'],\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  if (maxCols === undefined) {\n    return rowRenderEach(items, itemRenderer);\n  }\n  if (maxCols > 0 && maxCols <= 4) {\n    return gridRenderEach(maxCols, items, itemRenderer);\n  }\n  return null;\n};\n\nexport const PageFeaturesEnhanced: React.FC<PageFeaturesEnhancedProps> = ({\n  eyebrow,\n  title,\n  desc,\n  cta,\n  maxCols,\n  features,\n  featuresMedia,\n  testId,\n  onAnchorClick,\n}) => {\n  return (\n    <div data-testid={testId}>\n      {title && (\n        <FlexBox justifyContent=\"center\" textAlign=\"center\" mb={8}>\n          {eyebrow ? (\n            <TitleWithEyebrow\n              title={title}\n              eyebrow={eyebrow}\n              isPageHeading={false}\n              titleStyle={{ fontWeight: 700, fontSize: { _: 44, sm: 44 } }}\n              eyebrowStyle={{\n                fontWeight: 'lighter',\n                fontSize: { _: 16, sm: 16 },\n              }}\n            />\n          ) : (\n            <Title isPageHeading={false}>{title}</Title>\n          )}\n        </FlexBox>\n      )}\n      {desc && (\n        <FlexBox justifyContent=\"center\" textAlign=\"center\">\n          <Description text={desc} onAnchorClick={onAnchorClick} />\n        </FlexBox>\n      )}\n      {cta && (\n        <Box mt={32}>\n          <CTA\n            href={cta.href}\n            onClick={cta.onClick}\n            buttonType={cta.buttonType}\n          >\n            {cta.text}\n          </CTA>\n        </Box>\n      )}\n      <ColorMode mode=\"dark\">\n        <Box mt={16}>\n          {renderEach(\n            maxCols,\n            features,\n            ({ testId, imgSrc, imgAlt, statText, title: featTitle, desc }) => (\n              <Background\n                bg=\"white-300\"\n                borderRadius=\"lg\"\n                py={24}\n                px={16}\n                color=\"white\"\n                data-testid={testId}\n              >\n                {featuresMedia === 'image' && imgSrc && (\n                  <FeaturedImage src={imgSrc} alt={imgAlt ?? ''} />\n                )}\n                {featuresMedia === 'icon' && imgSrc && (\n                  <FeaturedIcon\n                    src={imgSrc}\n                    alt={imgAlt ?? ''}\n                    props={{ mb: 16, width: '48px', height: '48px' }}\n                  />\n                )}\n                {featuresMedia === 'stat' && (\n                  <FeaturedStat>{statText}</FeaturedStat>\n                )}\n                {featTitle && (\n                  <FeaturedTitle\n                    as={desc ? (title ? 'h3' : 'h2') : 'div'}\n                    props={{ fontSize: { _: 20, lg: 20 }, mb: 16 }}\n                  >\n                    {featTitle}\n                  </FeaturedTitle>\n                )}\n                {desc && (\n                  <FeaturedDescription\n                    desc={desc}\n                    onAnchorClick={onAnchorClick}\n                  />\n                )}\n              </Background>\n            )\n          )}\n        </Box>\n      </ColorMode>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/LandingPage/PageFeaturesWithReferences.cjs

@@ -1,111 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../FeatureList/index.cjs');
-const require_CTA = require('./CTA.cjs');
-const require_Description = require('./Description.cjs');
-const require_Title = require('./Title.cjs');
-const require_TitleWithEyebrow = require('./TitleWithEyebrow.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/LandingPage/PageFeaturesWithReferences.tsx
-const PageFeaturesWithReferences = ({ eyebrow, title, desc, cta, testId, rightCoverImage, showImageOnMobile, rightCoverPattern, onAnchorClick, featureList }) => {
-	const hasRightCoverImage = rightCoverImage && rightCoverImage?.url;
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.LayoutGrid, {
-		"data-testid": testId,
-		p: 0,
-		m: 0,
-		gap: {
-			_: 8,
-			sm: 48
-		}
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Column, {
-		size: {
-			_: 12,
-			sm: 12,
-			md: hasRightCoverImage ? 7 : 12,
-			lg: hasRightCoverImage ? 6 : 12
-		},
-		p: {
-			_: 4,
-			sm: 8,
-			md: 24
-		}
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		p: 0,
-		m: 0,
-		gap: 0
-	}, /* @__PURE__ */ react.createElement("div", null, title && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, null, eyebrow ? /* @__PURE__ */ react.createElement(require_TitleWithEyebrow.TitleWithEyebrow, {
-		title,
-		eyebrow,
-		isPageHeading: false,
-		titleStyle: {
-			fontWeight: 700,
-			fontSize: {
-				_: 44,
-				sm: 44
-			}
-		},
-		eyebrowStyle: {
-			fontWeight: "lighter",
-			fontSize: {
-				_: 16,
-				sm: 16
-			}
-		}
-	}) : /* @__PURE__ */ react.createElement(require_Title.Title, { isPageHeading: false }, title)), desc && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, null, /* @__PURE__ */ react.createElement(require_Description.Description, {
-		text: desc,
-		onAnchorClick
-	})), cta && /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { mt: 32 }, /* @__PURE__ */ react.createElement(require_CTA.CTA, {
-		href: cta.href,
-		onClick: cta.onClick,
-		buttonType: cta.buttonType
-	}, cta.text))), featureList && featureList?.length > 0 && /* @__PURE__ */ react.createElement(require_index.FeatureList, { featureList }))), hasRightCoverImage && /* @__PURE__ */ react.createElement(_codecademy_gamut.Column, {
-		display: {
-			_: !showImageOnMobile ? "none" : "initial",
-			sm: "initial"
-		},
-		size: {
-			_: 12,
-			md: 4,
-			lg: 6
-		},
-		height: "100%"
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		position: "relative",
-		width: "100%",
-		height: {
-			_: "400px",
-			md: "100%"
-		}
-	}, rightCoverPattern && /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		position: "absolute",
-		width: 125,
-		height: "calc(100% + 8rem)",
-		zIndex: 1,
-		left: "calc(50% - 4rem)",
-		top: "-4rem",
-		display: {
-			_: "none",
-			xs: "none",
-			sm: "block"
-		}
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut_patterns.DotDense, null)), /* @__PURE__ */ react.createElement("img", {
-		style: {
-			width: "100%",
-			height: "100%",
-			objectFit: "contain",
-			justifySelf: "center",
-			position: "absolute",
-			zIndex: 2
-		},
-		src: rightCoverImage.url,
-		alt: title || "N/A"
-	}))));
-};
-
-//#endregion
-exports.PageFeaturesWithReferences = PageFeaturesWithReferences;
-//# sourceMappingURL=PageFeaturesWithReferences.cjs.map

package/dist/LandingPage/PageFeaturesWithReferences.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesWithReferences.cjs","names":["Box","Column","FlexBox","LayoutGrid","DotDense","React","FeatureList","CTA","Description","Title","TitleWithEyebrow","PageFeaturesWithReferences","eyebrow","title","desc","cta","testId","rightCoverImage","showImageOnMobile","rightCoverPattern","onAnchorClick","featureList","hasRightCoverImage","url","data-testid","p","m","gap","_","sm","size","md","lg","flexDirection","div","isPageHeading","titleStyle","fontWeight","fontSize","eyebrowStyle","text","mt","href","onClick","buttonType","length","display","height","position","width","zIndex","left","top","xs","img","style","objectFit","justifySelf","src","alt"],"sources":["../../src/LandingPage/PageFeaturesWithReferences.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  FlexBox,\n  LayoutGrid,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { DotDense } from '@codecademy/gamut-patterns';\nimport * as React from 'react';\n\nimport { FeatureList, FeatureListItem } from '../FeatureList';\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport { Eyebrow } from './PageSingleFeature';\nimport { Title } from './Title';\nimport { TitleWithEyebrow } from './TitleWithEyebrow';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFeaturesWithReferencesProps\n  extends LandingPageBaseProps,\n    WithChildrenProp {\n  /**\n   * Object containing eyebrow text shown above title and optional accent boolean\n   */\n  eyebrow?: Eyebrow;\n  maxCols?: 1 | 2 | 3 | 4;\n  featureList?: FeatureListItem[];\n  rightCoverImage?: {\n    url: string;\n  };\n  rightCoverPattern?: 'DotLoose' | 'DotDense';\n  showImageOnMobile?: boolean;\n}\n\nexport const PageFeaturesWithReferences: React.FC<\n  PageFeaturesWithReferencesProps\n> = ({\n  eyebrow,\n  title,\n  desc,\n  cta,\n  testId,\n  rightCoverImage,\n  showImageOnMobile,\n  rightCoverPattern,\n  onAnchorClick,\n  featureList,\n}) => {\n  const hasRightCoverImage = rightCoverImage && rightCoverImage?.url;\n\n  return (\n    <LayoutGrid data-testid={testId} p={0} m={0} gap={{ _: 8, sm: 48 }}>\n      <Column\n        size={{\n          _: 12,\n          sm: 12,\n          md: hasRightCoverImage ? 7 : 12,\n          lg: hasRightCoverImage ? 6 : 12,\n        }}\n        p={{ _: 4, sm: 8, md: 24 }}\n      >\n        <FlexBox flexDirection=\"column\" p={0} m={0} gap={0}>\n          <div>\n            {title && (\n              <FlexBox>\n                {eyebrow ? (\n                  <TitleWithEyebrow\n                    title={title}\n                    eyebrow={eyebrow}\n                    isPageHeading={false}\n                    titleStyle={{\n                      fontWeight: 700,\n                      fontSize: { _: 44, sm: 44 },\n                    }}\n                    eyebrowStyle={{\n                      fontWeight: 'lighter',\n                      fontSize: { _: 16, sm: 16 },\n                    }}\n                  />\n                ) : (\n                  <Title isPageHeading={false}>{title}</Title>\n                )}\n              </FlexBox>\n            )}\n            {desc && (\n              <FlexBox>\n                <Description text={desc} onAnchorClick={onAnchorClick} />\n              </FlexBox>\n            )}\n            {cta && (\n              <Box mt={32}>\n                <CTA\n                  href={cta.href}\n                  onClick={cta.onClick}\n                  buttonType={cta.buttonType}\n                >\n                  {cta.text}\n                </CTA>\n              </Box>\n            )}\n          </div>\n          {featureList && featureList?.length > 0 && (\n            <FeatureList featureList={featureList} />\n          )}\n        </FlexBox>\n      </Column>\n      {hasRightCoverImage && (\n        <Column\n          display={{\n            _: !showImageOnMobile ? 'none' : 'initial',\n            sm: 'initial',\n          }}\n          size={{\n            _: 12,\n            md: 4,\n            lg: 6,\n          }}\n          height=\"100%\"\n        >\n          <Box\n            position=\"relative\"\n            width=\"100%\"\n            height={{ _: '400px', md: '100%' }}\n          >\n            {rightCoverPattern && (\n              <Box\n                position=\"absolute\"\n                width={125}\n                height=\"calc(100% + 8rem)\"\n                zIndex={1}\n                left=\"calc(50% - 4rem)\"\n                top=\"-4rem\"\n                display={{ _: 'none', xs: 'none', sm: 'block' }}\n              >\n                <DotDense />\n              </Box>\n            )}\n            <img\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{\n                width: '100%',\n                height: '100%',\n                objectFit: 'contain',\n                justifySelf: 'center',\n                position: 'absolute',\n                zIndex: 2,\n              }}\n              src={rightCoverImage.url}\n              alt={title || 'N/A'}\n            />\n          </Box>\n        </Column>\n      )}\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkCA,MAAaW,8BAER,EACHC,SACAC,OACAC,MACAC,KACAC,QACAC,iBACAC,mBACAC,mBACAC,eACAC,kBACD;CACC,MAAMC,qBAAqBL,mBAAmBA,iBAAiBM;AAE/D,QACE,sBAAA,cAACpB,8BAAAA;EAAWqB,eAAaR;EAAQS,GAAG;EAAGC,GAAG;EAAGC,KAAK;GAAEC,GAAG;GAAGC,IAAI;GAAG;IAC/D,sBAAA,cAAC5B,0BAAAA;EACC6B,MAAM;GACJF,GAAG;GACHC,IAAI;GACJE,IAAIT,qBAAqB,IAAI;GAC7BU,IAAIV,qBAAqB,IAAI;GAC/B;EACAG,GAAG;GAAEG,GAAG;GAAGC,IAAI;GAAGE,IAAI;GAAG;IAEzB,sBAAA,cAAC7B,2BAAAA;EAAQ+B,eAAc;EAASR,GAAG;EAAGC,GAAG;EAAGC,KAAK;IAC/C,sBAAA,cAACO,OAAAA,MACErB,SACC,sBAAA,cAACX,2BAAAA,MACEU,UACC,sBAAA,cAACF,2CAAAA;EACQG;EACED;EACTuB,eAAe;EACfC,YAAY;GACVC,YAAY;GACZC,UAAU;IAAEV,GAAG;IAAIC,IAAI;IAAG;GAC5B;EACAU,cAAc;GACZF,YAAY;GACZC,UAAU;IAAEV,GAAG;IAAIC,IAAI;IAAG;GAC5B;MAGF,sBAAA,cAACpB,qBAAAA,EAAM0B,eAAe,SAAQtB,MAAAA,CAAAA,EAInCC,QACC,sBAAA,cAACZ,2BAAAA,MACC,sBAAA,cAACM,iCAAAA;EAAYgC,MAAM1B;EAAqBM;MAG3CL,OACC,sBAAA,cAACf,uBAAAA,EAAIyC,IAAI,MACP,sBAAA,cAAClC,iBAAAA;EACCmC,MAAM3B,IAAI2B;EACVC,SAAS5B,IAAI4B;EACbC,YAAY7B,IAAI6B;IAEf7B,IAAIyB,KAAI,CAAA,CAAA,EAKhBnB,eAAeA,aAAawB,SAAS,KACpC,sBAAA,cAACvC,2BAAAA,EAAyBe,kBAI/BC,sBACC,sBAAA,cAACrB,0BAAAA;EACC6C,SAAS;GACPlB,GAAG,CAACV,oBAAoB,SAAS;GACjCW,IAAI;GACN;EACAC,MAAM;GACJF,GAAG;GACHG,IAAI;GACJC,IAAI;GACN;EACAe,QAAO;IAEP,sBAAA,cAAC/C,uBAAAA;EACCgD,UAAS;EACTC,OAAM;EACNF,QAAQ;GAAEnB,GAAG;GAASG,IAAI;GAAO;IAEhCZ,qBACC,sBAAA,cAACnB,uBAAAA;EACCgD,UAAS;EACTC,OAAO;EACPF,QAAO;EACPG,QAAQ;EACRC,MAAK;EACLC,KAAI;EACJN,SAAS;GAAElB,GAAG;GAAQyB,IAAI;GAAQxB,IAAI;GAAQ;IAE9C,sBAAA,cAACzB,qCAAAA,KAAAA,CAAAA,EAGL,sBAAA,cAACkD,OAAAA;EAECC,OAAO;GACLN,OAAO;GACPF,QAAQ;GACRS,WAAW;GACXC,aAAa;GACbT,UAAU;GACVE,QAAQ;GACV;EACAQ,KAAKzC,gBAAgBM;EACrBoC,KAAK9C,SAAS"}

package/dist/LandingPage/PageFeaturesWithReferences.d.cts

@@ -1,24 +0,0 @@
-import { FeatureListItem } from "../FeatureList/index.cjs";
-import { LandingPageBaseProps } from "./types.cjs";
-import { Eyebrow } from "./PageSingleFeature.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeaturesWithReferences.d.ts
-interface PageFeaturesWithReferencesProps extends LandingPageBaseProps, WithChildrenProp {
-  /**
-   * Object containing eyebrow text shown above title and optional accent boolean
-   */
-  eyebrow?: Eyebrow;
-  maxCols?: 1 | 2 | 3 | 4;
-  featureList?: FeatureListItem[];
-  rightCoverImage?: {
-    url: string;
-  };
-  rightCoverPattern?: 'DotLoose' | 'DotDense';
-  showImageOnMobile?: boolean;
-}
-declare const PageFeaturesWithReferences: React$1.FC<PageFeaturesWithReferencesProps>;
-//#endregion
-export { PageFeaturesWithReferences, PageFeaturesWithReferencesProps };
-//# sourceMappingURL=PageFeaturesWithReferences.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesWithReferences.d.cts","names":[],"sources":["../../src/LandingPage/PageFeaturesWithReferences.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAkBiB,+BAAA,SACP,sBACN;;AAFJ;;EAQgB,OAAA,CAAA,EAFJ,OAEI;EAPN,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EACN,WAAA,CAAA,EAMY,eANZ,EAAA;EAAgB,eAAA,CAAA,EAAA;IAcP,GAAA,EAAA,MAAA;;;;;cAAA,4BAA4B,OAAA,CAAM,GAC7C"}

package/dist/LandingPage/PageFeaturesWithReferences.d.mts

@@ -1,24 +0,0 @@
-import { FeatureListItem } from "../FeatureList/index.mjs";
-import { LandingPageBaseProps } from "./types.mjs";
-import { Eyebrow } from "./PageSingleFeature.mjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeaturesWithReferences.d.ts
-interface PageFeaturesWithReferencesProps extends LandingPageBaseProps, WithChildrenProp {
-  /**
-   * Object containing eyebrow text shown above title and optional accent boolean
-   */
-  eyebrow?: Eyebrow;
-  maxCols?: 1 | 2 | 3 | 4;
-  featureList?: FeatureListItem[];
-  rightCoverImage?: {
-    url: string;
-  };
-  rightCoverPattern?: 'DotLoose' | 'DotDense';
-  showImageOnMobile?: boolean;
-}
-declare const PageFeaturesWithReferences: React$1.FC<PageFeaturesWithReferencesProps>;
-//#endregion
-export { PageFeaturesWithReferences, PageFeaturesWithReferencesProps };
-//# sourceMappingURL=PageFeaturesWithReferences.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesWithReferences.d.mts","names":[],"sources":["../../src/LandingPage/PageFeaturesWithReferences.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAkBiB,+BAAA,SACP,sBACN;;AAFJ;;EAQgB,OAAA,CAAA,EAFJ,OAEI;EAPN,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EACN,WAAA,CAAA,EAMY,eANZ,EAAA;EAAgB,eAAA,CAAA,EAAA;IAcP,GAAA,EAAA,MAAA;;;;;cAAA,4BAA4B,OAAA,CAAM,GAC7C"}

package/dist/LandingPage/PageFeaturesWithReferences.mjs

@@ -1,109 +0,0 @@
-import { FeatureList } from "../FeatureList/index.mjs";
-import { CTA } from "./CTA.mjs";
-import { Description } from "./Description.mjs";
-import { Title } from "./Title.mjs";
-import { TitleWithEyebrow } from "./TitleWithEyebrow.mjs";
-import { Box, Column, FlexBox, LayoutGrid } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { DotDense } from "@codecademy/gamut-patterns";
-
-//#region src/LandingPage/PageFeaturesWithReferences.tsx
-const PageFeaturesWithReferences = ({ eyebrow, title, desc, cta, testId, rightCoverImage, showImageOnMobile, rightCoverPattern, onAnchorClick, featureList }) => {
-	const hasRightCoverImage = rightCoverImage && rightCoverImage?.url;
-	return /* @__PURE__ */ React$1.createElement(LayoutGrid, {
-		"data-testid": testId,
-		p: 0,
-		m: 0,
-		gap: {
-			_: 8,
-			sm: 48
-		}
-	}, /* @__PURE__ */ React$1.createElement(Column, {
-		size: {
-			_: 12,
-			sm: 12,
-			md: hasRightCoverImage ? 7 : 12,
-			lg: hasRightCoverImage ? 6 : 12
-		},
-		p: {
-			_: 4,
-			sm: 8,
-			md: 24
-		}
-	}, /* @__PURE__ */ React$1.createElement(FlexBox, {
-		flexDirection: "column",
-		p: 0,
-		m: 0,
-		gap: 0
-	}, /* @__PURE__ */ React$1.createElement("div", null, title && /* @__PURE__ */ React$1.createElement(FlexBox, null, eyebrow ? /* @__PURE__ */ React$1.createElement(TitleWithEyebrow, {
-		title,
-		eyebrow,
-		isPageHeading: false,
-		titleStyle: {
-			fontWeight: 700,
-			fontSize: {
-				_: 44,
-				sm: 44
-			}
-		},
-		eyebrowStyle: {
-			fontWeight: "lighter",
-			fontSize: {
-				_: 16,
-				sm: 16
-			}
-		}
-	}) : /* @__PURE__ */ React$1.createElement(Title, { isPageHeading: false }, title)), desc && /* @__PURE__ */ React$1.createElement(FlexBox, null, /* @__PURE__ */ React$1.createElement(Description, {
-		text: desc,
-		onAnchorClick
-	})), cta && /* @__PURE__ */ React$1.createElement(Box, { mt: 32 }, /* @__PURE__ */ React$1.createElement(CTA, {
-		href: cta.href,
-		onClick: cta.onClick,
-		buttonType: cta.buttonType
-	}, cta.text))), featureList && featureList?.length > 0 && /* @__PURE__ */ React$1.createElement(FeatureList, { featureList }))), hasRightCoverImage && /* @__PURE__ */ React$1.createElement(Column, {
-		display: {
-			_: !showImageOnMobile ? "none" : "initial",
-			sm: "initial"
-		},
-		size: {
-			_: 12,
-			md: 4,
-			lg: 6
-		},
-		height: "100%"
-	}, /* @__PURE__ */ React$1.createElement(Box, {
-		position: "relative",
-		width: "100%",
-		height: {
-			_: "400px",
-			md: "100%"
-		}
-	}, rightCoverPattern && /* @__PURE__ */ React$1.createElement(Box, {
-		position: "absolute",
-		width: 125,
-		height: "calc(100% + 8rem)",
-		zIndex: 1,
-		left: "calc(50% - 4rem)",
-		top: "-4rem",
-		display: {
-			_: "none",
-			xs: "none",
-			sm: "block"
-		}
-	}, /* @__PURE__ */ React$1.createElement(DotDense, null)), /* @__PURE__ */ React$1.createElement("img", {
-		style: {
-			width: "100%",
-			height: "100%",
-			objectFit: "contain",
-			justifySelf: "center",
-			position: "absolute",
-			zIndex: 2
-		},
-		src: rightCoverImage.url,
-		alt: title || "N/A"
-	}))));
-};
-
-//#endregion
-export { PageFeaturesWithReferences };
-//# sourceMappingURL=PageFeaturesWithReferences.mjs.map

package/dist/LandingPage/PageFeaturesWithReferences.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesWithReferences.mjs","names":["Box","Column","FlexBox","LayoutGrid","DotDense","React","FeatureList","CTA","Description","Title","TitleWithEyebrow","PageFeaturesWithReferences","eyebrow","title","desc","cta","testId","rightCoverImage","showImageOnMobile","rightCoverPattern","onAnchorClick","featureList","hasRightCoverImage","url","data-testid","p","m","gap","_","sm","size","md","lg","flexDirection","div","isPageHeading","titleStyle","fontWeight","fontSize","eyebrowStyle","text","mt","href","onClick","buttonType","length","display","height","position","width","zIndex","left","top","xs","img","style","objectFit","justifySelf","src","alt"],"sources":["../../src/LandingPage/PageFeaturesWithReferences.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  FlexBox,\n  LayoutGrid,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { DotDense } from '@codecademy/gamut-patterns';\nimport * as React from 'react';\n\nimport { FeatureList, FeatureListItem } from '../FeatureList';\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport { Eyebrow } from './PageSingleFeature';\nimport { Title } from './Title';\nimport { TitleWithEyebrow } from './TitleWithEyebrow';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFeaturesWithReferencesProps\n  extends LandingPageBaseProps,\n    WithChildrenProp {\n  /**\n   * Object containing eyebrow text shown above title and optional accent boolean\n   */\n  eyebrow?: Eyebrow;\n  maxCols?: 1 | 2 | 3 | 4;\n  featureList?: FeatureListItem[];\n  rightCoverImage?: {\n    url: string;\n  };\n  rightCoverPattern?: 'DotLoose' | 'DotDense';\n  showImageOnMobile?: boolean;\n}\n\nexport const PageFeaturesWithReferences: React.FC<\n  PageFeaturesWithReferencesProps\n> = ({\n  eyebrow,\n  title,\n  desc,\n  cta,\n  testId,\n  rightCoverImage,\n  showImageOnMobile,\n  rightCoverPattern,\n  onAnchorClick,\n  featureList,\n}) => {\n  const hasRightCoverImage = rightCoverImage && rightCoverImage?.url;\n\n  return (\n    <LayoutGrid data-testid={testId} p={0} m={0} gap={{ _: 8, sm: 48 }}>\n      <Column\n        size={{\n          _: 12,\n          sm: 12,\n          md: hasRightCoverImage ? 7 : 12,\n          lg: hasRightCoverImage ? 6 : 12,\n        }}\n        p={{ _: 4, sm: 8, md: 24 }}\n      >\n        <FlexBox flexDirection=\"column\" p={0} m={0} gap={0}>\n          <div>\n            {title && (\n              <FlexBox>\n                {eyebrow ? (\n                  <TitleWithEyebrow\n                    title={title}\n                    eyebrow={eyebrow}\n                    isPageHeading={false}\n                    titleStyle={{\n                      fontWeight: 700,\n                      fontSize: { _: 44, sm: 44 },\n                    }}\n                    eyebrowStyle={{\n                      fontWeight: 'lighter',\n                      fontSize: { _: 16, sm: 16 },\n                    }}\n                  />\n                ) : (\n                  <Title isPageHeading={false}>{title}</Title>\n                )}\n              </FlexBox>\n            )}\n            {desc && (\n              <FlexBox>\n                <Description text={desc} onAnchorClick={onAnchorClick} />\n              </FlexBox>\n            )}\n            {cta && (\n              <Box mt={32}>\n                <CTA\n                  href={cta.href}\n                  onClick={cta.onClick}\n                  buttonType={cta.buttonType}\n                >\n                  {cta.text}\n                </CTA>\n              </Box>\n            )}\n          </div>\n          {featureList && featureList?.length > 0 && (\n            <FeatureList featureList={featureList} />\n          )}\n        </FlexBox>\n      </Column>\n      {hasRightCoverImage && (\n        <Column\n          display={{\n            _: !showImageOnMobile ? 'none' : 'initial',\n            sm: 'initial',\n          }}\n          size={{\n            _: 12,\n            md: 4,\n            lg: 6,\n          }}\n          height=\"100%\"\n        >\n          <Box\n            position=\"relative\"\n            width=\"100%\"\n            height={{ _: '400px', md: '100%' }}\n          >\n            {rightCoverPattern && (\n              <Box\n                position=\"absolute\"\n                width={125}\n                height=\"calc(100% + 8rem)\"\n                zIndex={1}\n                left=\"calc(50% - 4rem)\"\n                top=\"-4rem\"\n                display={{ _: 'none', xs: 'none', sm: 'block' }}\n              >\n                <DotDense />\n              </Box>\n            )}\n            <img\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{\n                width: '100%',\n                height: '100%',\n                objectFit: 'contain',\n                justifySelf: 'center',\n                position: 'absolute',\n                zIndex: 2,\n              }}\n              src={rightCoverImage.url}\n              alt={title || 'N/A'}\n            />\n          </Box>\n        </Column>\n      )}\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkCA,MAAaW,8BAER,EACHC,SACAC,OACAC,MACAC,KACAC,QACAC,iBACAC,mBACAC,mBACAC,eACAC,kBACD;CACC,MAAMC,qBAAqBL,mBAAmBA,iBAAiBM;AAE/D,QACE,wBAAA,cAACpB,YAAAA;EAAWqB,eAAaR;EAAQS,GAAG;EAAGC,GAAG;EAAGC,KAAK;GAAEC,GAAG;GAAGC,IAAI;GAAG;IAC/D,wBAAA,cAAC5B,QAAAA;EACC6B,MAAM;GACJF,GAAG;GACHC,IAAI;GACJE,IAAIT,qBAAqB,IAAI;GAC7BU,IAAIV,qBAAqB,IAAI;GAC/B;EACAG,GAAG;GAAEG,GAAG;GAAGC,IAAI;GAAGE,IAAI;GAAG;IAEzB,wBAAA,cAAC7B,SAAAA;EAAQ+B,eAAc;EAASR,GAAG;EAAGC,GAAG;EAAGC,KAAK;IAC/C,wBAAA,cAACO,OAAAA,MACErB,SACC,wBAAA,cAACX,SAAAA,MACEU,UACC,wBAAA,cAACF,kBAAAA;EACQG;EACED;EACTuB,eAAe;EACfC,YAAY;GACVC,YAAY;GACZC,UAAU;IAAEV,GAAG;IAAIC,IAAI;IAAG;GAC5B;EACAU,cAAc;GACZF,YAAY;GACZC,UAAU;IAAEV,GAAG;IAAIC,IAAI;IAAG;GAC5B;MAGF,wBAAA,cAACpB,OAAAA,EAAM0B,eAAe,SAAQtB,MAAAA,CAAAA,EAInCC,QACC,wBAAA,cAACZ,SAAAA,MACC,wBAAA,cAACM,aAAAA;EAAYgC,MAAM1B;EAAqBM;MAG3CL,OACC,wBAAA,cAACf,KAAAA,EAAIyC,IAAI,MACP,wBAAA,cAAClC,KAAAA;EACCmC,MAAM3B,IAAI2B;EACVC,SAAS5B,IAAI4B;EACbC,YAAY7B,IAAI6B;IAEf7B,IAAIyB,KAAI,CAAA,CAAA,EAKhBnB,eAAeA,aAAawB,SAAS,KACpC,wBAAA,cAACvC,aAAAA,EAAyBe,kBAI/BC,sBACC,wBAAA,cAACrB,QAAAA;EACC6C,SAAS;GACPlB,GAAG,CAACV,oBAAoB,SAAS;GACjCW,IAAI;GACN;EACAC,MAAM;GACJF,GAAG;GACHG,IAAI;GACJC,IAAI;GACN;EACAe,QAAO;IAEP,wBAAA,cAAC/C,KAAAA;EACCgD,UAAS;EACTC,OAAM;EACNF,QAAQ;GAAEnB,GAAG;GAASG,IAAI;GAAO;IAEhCZ,qBACC,wBAAA,cAACnB,KAAAA;EACCgD,UAAS;EACTC,OAAO;EACPF,QAAO;EACPG,QAAQ;EACRC,MAAK;EACLC,KAAI;EACJN,SAAS;GAAElB,GAAG;GAAQyB,IAAI;GAAQxB,IAAI;GAAQ;IAE9C,wBAAA,cAACzB,UAAAA,KAAAA,CAAAA,EAGL,wBAAA,cAACkD,OAAAA;EAECC,OAAO;GACLN,OAAO;GACPF,QAAQ;GACRS,WAAW;GACXC,aAAa;GACbT,UAAU;GACVE,QAAQ;GACV;EACAQ,KAAKzC,gBAAgBM;EACrBoC,KAAK9C,SAAS"}

package/dist/LandingPage/PageHero.cjs

@@ -1,20 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PageSingleFeature = require('./PageSingleFeature.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/PageHero.tsx
-const getMediaWidth = (mediaType, textLength) => {
-	if (mediaType === "video") return 5;
-	if (mediaType === "image") return textLength === "short" ? 6 : 3;
-};
-const PageHero = ({ showImageOnMobile, textLength = "long", ...props }) => /* @__PURE__ */ react.createElement(require_PageSingleFeature.PageSingleFeature, {
-	...props,
-	isPageHeading: true,
-	hideImageOnMobile: !showImageOnMobile,
-	mediaWidth: getMediaWidth(props.media?.type, textLength)
-});
-
-//#endregion
-exports.PageHero = PageHero;
-//# sourceMappingURL=PageHero.cjs.map

package/dist/LandingPage/PageHero.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHero.cjs","names":["React","PageSingleFeature","getMediaWidth","mediaType","textLength","undefined","PageHero","showImageOnMobile","props","isPageHeading","hideImageOnMobile","mediaWidth","media","type"],"sources":["../../src/LandingPage/PageHero.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  MediaColumnsSize,\n  PageSingleFeature,\n  PageSingleFeatureProps,\n} from './PageSingleFeature';\n\nconst getMediaWidth = (\n  mediaType: 'image' | 'video' | undefined,\n  textLength: PageHeroProps['textLength']\n): MediaColumnsSize | undefined => {\n  if (mediaType === 'video') {\n    return 5;\n  }\n  if (mediaType === 'image') {\n    return textLength === 'short' ? 6 : 3;\n  }\n  return undefined;\n};\n\nexport type PageHeroProps = Omit<\n  PageSingleFeatureProps,\n  'mediaWidth' | 'hideImageOnMobile' | 'isPageHeading'\n> & {\n  showImageOnMobile?: boolean;\n  textLength?: 'short' | 'long';\n};\n\nexport const PageHero: React.FC<PageHeroProps> = ({\n  showImageOnMobile,\n  textLength = 'long',\n  ...props\n}) => (\n  <PageSingleFeature\n    {...props}\n    isPageHeading\n    hideImageOnMobile={!showImageOnMobile}\n    mediaWidth={getMediaWidth(props.media?.type, textLength)}\n  />\n);\n"],"mappings":";;;;;;AAQA,MAAME,iBACJC,WACAC,eAAAA;AAEA,KAAID,cAAc,QAChB,QAAO;AAET,KAAIA,cAAc,QAChB,QAAOC,eAAe,UAAU,IAAI;;AAaxC,MAAaE,YAAqC,EAChDC,mBACAH,aAAa,QACb,GAAGI,YAEH,sBAAA,cAACP,6CAAAA;CACE,GAAGO;CACJC,eAAAA;CACAC,mBAAmB,CAACH;CACpBI,YAAYT,cAAcM,MAAMI,OAAOC,MAAMT,WAAAA"}

package/dist/LandingPage/PageHero.d.cts

@@ -1,12 +0,0 @@
-import { PageSingleFeatureProps } from "./PageSingleFeature.cjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageHero.d.ts
-type PageHeroProps = Omit<PageSingleFeatureProps, 'mediaWidth' | 'hideImageOnMobile' | 'isPageHeading'> & {
-  showImageOnMobile?: boolean;
-  textLength?: 'short' | 'long';
-};
-declare const PageHero: React$1.FC<PageHeroProps>;
-//#endregion
-export { PageHero, PageHeroProps };
-//# sourceMappingURL=PageHero.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageHero.d.cts","names":[],"sources":["../../src/LandingPage/PageHero.tsx"],"sourcesContent":[],"mappings":";;;;KAqBY,aAAA,GAAgB,KAC1B;;EADU,UAAA,CAAA,EAAA,OAAa,GAAA,MACvB;AAOF,CAAA;cAAa,UAAU,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageHero.d.mts

@@ -1,12 +0,0 @@
-import { PageSingleFeatureProps } from "./PageSingleFeature.mjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageHero.d.ts
-type PageHeroProps = Omit<PageSingleFeatureProps, 'mediaWidth' | 'hideImageOnMobile' | 'isPageHeading'> & {
-  showImageOnMobile?: boolean;
-  textLength?: 'short' | 'long';
-};
-declare const PageHero: React$1.FC<PageHeroProps>;
-//#endregion
-export { PageHero, PageHeroProps };
-//# sourceMappingURL=PageHero.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageHero.d.mts","names":[],"sources":["../../src/LandingPage/PageHero.tsx"],"sourcesContent":[],"mappings":";;;;KAqBY,aAAA,GAAgB,KAC1B;;EADU,UAAA,CAAA,EAAA,OAAa,GAAA,MACvB;AAOF,CAAA;cAAa,UAAU,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageHero.mjs

@@ -1,18 +0,0 @@
-import { PageSingleFeature } from "./PageSingleFeature.mjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageHero.tsx
-const getMediaWidth = (mediaType, textLength) => {
-	if (mediaType === "video") return 5;
-	if (mediaType === "image") return textLength === "short" ? 6 : 3;
-};
-const PageHero = ({ showImageOnMobile, textLength = "long", ...props }) => /* @__PURE__ */ React$1.createElement(PageSingleFeature, {
-	...props,
-	isPageHeading: true,
-	hideImageOnMobile: !showImageOnMobile,
-	mediaWidth: getMediaWidth(props.media?.type, textLength)
-});
-
-//#endregion
-export { PageHero };
-//# sourceMappingURL=PageHero.mjs.map

package/dist/LandingPage/PageHero.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHero.mjs","names":["React","PageSingleFeature","getMediaWidth","mediaType","textLength","undefined","PageHero","showImageOnMobile","props","isPageHeading","hideImageOnMobile","mediaWidth","media","type"],"sources":["../../src/LandingPage/PageHero.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  MediaColumnsSize,\n  PageSingleFeature,\n  PageSingleFeatureProps,\n} from './PageSingleFeature';\n\nconst getMediaWidth = (\n  mediaType: 'image' | 'video' | undefined,\n  textLength: PageHeroProps['textLength']\n): MediaColumnsSize | undefined => {\n  if (mediaType === 'video') {\n    return 5;\n  }\n  if (mediaType === 'image') {\n    return textLength === 'short' ? 6 : 3;\n  }\n  return undefined;\n};\n\nexport type PageHeroProps = Omit<\n  PageSingleFeatureProps,\n  'mediaWidth' | 'hideImageOnMobile' | 'isPageHeading'\n> & {\n  showImageOnMobile?: boolean;\n  textLength?: 'short' | 'long';\n};\n\nexport const PageHero: React.FC<PageHeroProps> = ({\n  showImageOnMobile,\n  textLength = 'long',\n  ...props\n}) => (\n  <PageSingleFeature\n    {...props}\n    isPageHeading\n    hideImageOnMobile={!showImageOnMobile}\n    mediaWidth={getMediaWidth(props.media?.type, textLength)}\n  />\n);\n"],"mappings":";;;;AAQA,MAAME,iBACJC,WACAC,eAAAA;AAEA,KAAID,cAAc,QAChB,QAAO;AAET,KAAIA,cAAc,QAChB,QAAOC,eAAe,UAAU,IAAI;;AAaxC,MAAaE,YAAqC,EAChDC,mBACAH,aAAa,QACb,GAAGI,YAEH,wBAAA,cAACP,mBAAAA;CACE,GAAGO;CACJC,eAAAA;CACAC,mBAAmB,CAACH;CACpBI,YAAYT,cAAcM,MAAMI,OAAOC,MAAMT,WAAAA"}

package/dist/LandingPage/PagePrefooter.cjs

@@ -1,58 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_CTA = require('./CTA.cjs');
-const require_Description = require('./Description.cjs');
-const require_Title = require('./Title.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/PagePrefooter.tsx
-const PagePrefooter = ({ title, desc, cta, onAnchorClick, testId, additionalCtas }) => {
-	const SectionTitle = title && /* @__PURE__ */ react.createElement(require_Title.Title, null, title);
-	const Desc = desc && /* @__PURE__ */ react.createElement(require_Description.Description, {
-		text: desc,
-		onAnchorClick
-	});
-	const hasAdditionalCtas = additionalCtas && additionalCtas.length > 0;
-	return cta ? /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		"data-testid": testId,
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		justifyContent: "space-between",
-		alignItems: { sm: "center" }
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { flex: 1 }, SectionTitle, Desc), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		mt: {
-			_: 32,
-			sm: 0
-		},
-		ml: { sm: 32 },
-		gap: 16,
-		flexDirection: {
-			_: "column",
-			md: "row"
-		},
-		maxWidth: {
-			_: "100%",
-			sm: "max-content"
-		}
-	}, /* @__PURE__ */ react.createElement(require_CTA.CTA, {
-		key: cta.text,
-		href: cta.href,
-		onClick: cta.onClick,
-		buttonType: hasAdditionalCtas ? "fill" : cta.buttonType
-	}, cta.text), hasAdditionalCtas ? additionalCtas.map((cta$1) => {
-		if (!cta$1) return null;
-		return /* @__PURE__ */ react.createElement(require_CTA.CTA, {
-			key: cta$1.text,
-			href: cta$1.href,
-			onClick: cta$1.onClick,
-			buttonType: "fill"
-		}, cta$1.text);
-	}) : null)) : /* @__PURE__ */ react.createElement("div", { "data-testid": testId }, SectionTitle, Desc);
-};
-
-//#endregion
-exports.PagePrefooter = PagePrefooter;
-//# sourceMappingURL=PagePrefooter.cjs.map

package/dist/LandingPage/PagePrefooter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PagePrefooter.cjs","names":["Box","FlexBox","React","CTA","Description","Title","PagePrefooter","title","desc","cta","onAnchorClick","testId","additionalCtas","SectionTitle","Desc","text","hasAdditionalCtas","length","data-testid","flexDirection","_","sm","justifyContent","alignItems","flex","mt","ml","gap","md","maxWidth","key","href","onClick","buttonType","map","div"],"sources":["../../src/LandingPage/PagePrefooter.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport { Title } from './Title';\nimport { CtaProps, LandingPageBaseProps } from './types';\n\nexport const PagePrefooter: React.FC<\n  LandingPageBaseProps & { additionalCtas?: CtaProps[] }\n> = ({ title, desc, cta, onAnchorClick, testId, additionalCtas }) => {\n  const SectionTitle = title && <Title>{title}</Title>;\n  const Desc = desc && (\n    <Description text={desc} onAnchorClick={onAnchorClick} />\n  );\n\n  const hasAdditionalCtas = additionalCtas && additionalCtas.length > 0;\n\n  return cta ? (\n    <FlexBox\n      data-testid={testId}\n      flexDirection={{ _: 'column', sm: 'row' }}\n      justifyContent=\"space-between\"\n      alignItems={{ sm: 'center' }}\n    >\n      <Box flex={1}>\n        {SectionTitle}\n        {Desc}\n      </Box>\n      <FlexBox\n        mt={{ _: 32, sm: 0 }}\n        ml={{ sm: 32 }}\n        gap={16}\n        flexDirection={{\n          _: 'column',\n          md: 'row',\n        }}\n        maxWidth={{ _: '100%', sm: 'max-content' }}\n      >\n        <CTA\n          key={cta.text}\n          href={cta.href}\n          onClick={cta.onClick}\n          buttonType={hasAdditionalCtas ? 'fill' : cta.buttonType}\n        >\n          {cta.text}\n        </CTA>\n        {hasAdditionalCtas\n          ? additionalCtas.map((cta) => {\n              if (!cta) {\n                return null;\n              }\n\n              return (\n                <CTA\n                  key={cta.text}\n                  href={cta.href}\n                  onClick={cta.onClick}\n                  buttonType=\"fill\"\n                >\n                  {cta.text}\n                </CTA>\n              );\n            })\n          : null}\n      </FlexBox>\n    </FlexBox>\n  ) : (\n    <div data-testid={testId}>\n      {SectionTitle}\n      {Desc}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,MAAaM,iBAER,EAAEC,OAAOC,MAAMC,KAAKC,eAAeC,QAAQC,qBAAgB;CAC9D,MAAMC,eAAeN,SAAS,sBAAA,cAACF,qBAAAA,MAAOE,MAAAA;CACtC,MAAMO,OAAON,QACX,sBAAA,cAACJ,iCAAAA;EAAYW,MAAMP;EAAqBE;;CAG1C,MAAMM,oBAAoBJ,kBAAkBA,eAAeK,SAAS;AAEpE,QAAOR,MACL,sBAAA,cAACR,2BAAAA;EACCiB,eAAaP;EACbQ,eAAe;GAAEC,GAAG;GAAUC,IAAI;GAAM;EACxCC,gBAAe;EACfC,YAAY,EAAEF,IAAI,UAAS;IAE3B,sBAAA,cAACrB,uBAAAA,EAAIwB,MAAM,KACRX,cACAC,KAAAA,EAEH,sBAAA,cAACb,2BAAAA;EACCwB,IAAI;GAAEL,GAAG;GAAIC,IAAI;GAAE;EACnBK,IAAI,EAAEL,IAAI,IAAG;EACbM,KAAK;EACLR,eAAe;GACbC,GAAG;GACHQ,IAAI;GACN;EACAC,UAAU;GAAET,GAAG;GAAQC,IAAI;GAAc;IAEzC,sBAAA,cAAClB,iBAAAA;EACC2B,KAAKrB,IAAIM;EACTgB,MAAMtB,IAAIsB;EACVC,SAASvB,IAAIuB;EACbC,YAAYjB,oBAAoB,SAASP,IAAIwB;IAE5CxB,IAAIM,KAAI,EAEVC,oBACGJ,eAAesB,KAAKzB,UAAAA;AAClB,MAAI,CAACA,MACH,QAAO;AAGT,SACE,sBAAA,cAACN,iBAAAA;GACC2B,KAAKrB,MAAIM;GACTgB,MAAMtB,MAAIsB;GACVC,SAASvB,MAAIuB;GACbC,YAAW;KAEVxB,MAAIM,KAAI;GAGf,GACA,KAAA,CAAA,GAIR,sBAAA,cAACoB,OAAAA,EAAIjB,eAAaP,UACfE,cACAC,KAAAA"}

package/dist/LandingPage/PagePrefooter.d.cts

@@ -1,10 +0,0 @@
-import { CtaProps, LandingPageBaseProps } from "./types.cjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PagePrefooter.d.ts
-declare const PagePrefooter: React$1.FC<LandingPageBaseProps & {
-  additionalCtas?: CtaProps[];
-}>;
-//#endregion
-export { PagePrefooter };
-//# sourceMappingURL=PagePrefooter.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PagePrefooter.d.cts","names":[],"sources":["../../src/LandingPage/PagePrefooter.tsx"],"sourcesContent":[],"mappings":";;;;cAQa,eAAe,OAAA,CAAM,GAChC;mBAA0C;AAD5C,CAAA,CAAA"}