@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

package/dist/LandingPage/PageFeatures.d.cts

@@ -1,20 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeatures.d.ts
-interface PageFeaturesProps extends LandingPageBaseProps, WithChildrenProp {
-  maxCols?: 1 | 2 | 3 | 4;
-  featuresMedia?: 'image' | 'icon' | 'stat';
-  features: {
-    title?: string;
-    desc?: string;
-    imgSrc?: string;
-    imgAlt?: string;
-    statText?: string;
-    testId?: string;
-  }[];
-}
-declare const PageFeatures: React$1.FC<PageFeaturesProps>;
-//#endregion
-export { PageFeatures, PageFeaturesProps };

package/dist/LandingPage/PageFeaturesEnhanced.cjs

@@ -1,152 +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');
-const require_TitleWithEyebrow = require('./TitleWithEyebrow.cjs');
-const require_Feature = require('./Feature.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/PageFeaturesEnhanced.tsx
-const rowRenderEach = (items, itemRenderer) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		as: "ul",
-		pl: 0,
-		mb: 0,
-		gap: { sm: 32 },
-		children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			as: "li",
-			flex: 1,
-			children: itemRenderer(item)
-		}, item.title))
-	});
-};
-const gridRenderEach = (maxCols, items, itemRenderer) => {
-	const size = {
-		_: 12,
-		xs: 12 / (maxCols / 2),
-		lg: 12 / maxCols
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.LayoutGrid, {
-		gap: 32,
-		as: "ul",
-		pl: 0,
-		mb: 0,
-		children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-			size,
-			as: "li",
-			children: itemRenderer(item)
-		}, item.title))
-	});
-};
-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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-testid": testId,
-		children: [
-			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				justifyContent: "center",
-				textAlign: "center",
-				mb: 8,
-				children: eyebrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TitleWithEyebrow.TitleWithEyebrow, {
-					title,
-					eyebrow,
-					isPageHeading: false,
-					titleStyle: {
-						fontWeight: 700,
-						fontSize: {
-							_: 44,
-							sm: 44
-						}
-					},
-					eyebrowStyle: {
-						fontWeight: "lighter",
-						fontSize: {
-							_: 16,
-							sm: 16
-						}
-					}
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, {
-					isPageHeading: false,
-					children: title
-				})
-			}),
-			desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				justifyContent: "center",
-				textAlign: "center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-					text: desc,
-					onAnchorClick
-				})
-			}),
-			cta && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				mt: 32,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-					href: cta.href,
-					onClick: cta.onClick,
-					buttonType: cta.buttonType,
-					children: cta.text
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.ColorMode, {
-				mode: "dark",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-					mt: 16,
-					children: renderEach(maxCols, features, ({ testId: testId$1, imgSrc, imgAlt, statText, title: featTitle, desc: desc$1 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut_styles.Background, {
-						bg: "white-300",
-						borderRadius: "lg",
-						py: 24,
-						px: 16,
-						color: "white",
-						"data-testid": testId$1,
-						children: [
-							featuresMedia === "image" && imgSrc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Feature.FeaturedImage, {
-								src: imgSrc,
-								alt: imgAlt ?? ""
-							}),
-							featuresMedia === "icon" && imgSrc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Feature.FeaturedIcon, {
-								src: imgSrc,
-								alt: imgAlt ?? "",
-								props: {
-									mb: 16,
-									width: "48px",
-									height: "48px"
-								}
-							}),
-							featuresMedia === "stat" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Feature.FeaturedStat, { children: statText }),
-							featTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Feature.FeaturedTitle, {
-								as: desc$1 ? title ? "h3" : "h2" : "div",
-								props: {
-									fontSize: {
-										_: 20,
-										lg: 20
-									},
-									mb: 16
-								},
-								children: featTitle
-							}),
-							desc$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Feature.FeaturedDescription, {
-								desc: desc$1,
-								onAnchorClick
-							})
-						]
-					}))
-				})
-			})
-		]
-	});
-};
-
-//#endregion
-exports.PageFeaturesEnhanced = PageFeaturesEnhanced;

package/dist/LandingPage/PageFeaturesEnhanced.d.cts

@@ -1,11 +0,0 @@
-import { Eyebrow } from "./PageSingleFeature.cjs";
-import { PageFeaturesProps } from "./PageFeatures.cjs";
-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 };

package/dist/LandingPage/PageFeaturesWithReferences.cjs

@@ -1,128 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_FeatureList_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 react_jsx_runtime = require("react/jsx-runtime");
-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__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.LayoutGrid, {
-		"data-testid": testId,
-		p: 0,
-		m: 0,
-		gap: {
-			_: 8,
-			sm: 48
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-			size: {
-				_: 12,
-				sm: 12,
-				md: hasRightCoverImage ? 7 : 12,
-				lg: hasRightCoverImage ? 6 : 12
-			},
-			p: {
-				_: 4,
-				sm: 8,
-				md: 24
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				flexDirection: "column",
-				p: 0,
-				m: 0,
-				gap: 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-					title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, { children: eyebrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TitleWithEyebrow.TitleWithEyebrow, {
-						title,
-						eyebrow,
-						isPageHeading: false,
-						titleStyle: {
-							fontWeight: 700,
-							fontSize: {
-								_: 44,
-								sm: 44
-							}
-						},
-						eyebrowStyle: {
-							fontWeight: "lighter",
-							fontSize: {
-								_: 16,
-								sm: 16
-							}
-						}
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, {
-						isPageHeading: false,
-						children: title
-					}) }),
-					desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-						text: desc,
-						onAnchorClick
-					}) }),
-					cta && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						mt: 32,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-							href: cta.href,
-							onClick: cta.onClick,
-							buttonType: cta.buttonType,
-							children: cta.text
-						})
-					})
-				] }), featureList && featureList?.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FeatureList_index.FeatureList, { featureList })]
-			})
-		}), hasRightCoverImage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-			display: {
-				_: !showImageOnMobile ? "none" : "initial",
-				sm: "initial"
-			},
-			size: {
-				_: 12,
-				md: 4,
-				lg: 6
-			},
-			height: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				position: "relative",
-				width: "100%",
-				height: {
-					_: "400px",
-					md: "100%"
-				},
-				children: [rightCoverPattern && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_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"
-					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_patterns.DotDense, {})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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;

package/dist/LandingPage/PageFeaturesWithReferences.d.cts

@@ -1,23 +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 };

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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#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__ */ (0, react_jsx_runtime.jsx)(require_PageSingleFeature.PageSingleFeature, {
-	...props,
-	isPageHeading: true,
-	hideImageOnMobile: !showImageOnMobile,
-	mediaWidth: getMediaWidth(props.media?.type, textLength)
-});
-
-//#endregion
-exports.PageHero = PageHero;

package/dist/LandingPage/PageHero.d.cts

@@ -1,11 +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 };

package/dist/LandingPage/PagePrefooter.cjs

@@ -1,66 +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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/PagePrefooter.tsx
-const PagePrefooter = ({ title, desc, cta, onAnchorClick, testId, additionalCtas }) => {
-	const SectionTitle = title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, { children: title });
-	const Desc = desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-		text: desc,
-		onAnchorClick
-	});
-	const hasAdditionalCtas = additionalCtas && additionalCtas.length > 0;
-	return cta ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		"data-testid": testId,
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		justifyContent: "space-between",
-		alignItems: { sm: "center" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-			flex: 1,
-			children: [SectionTitle, Desc]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			mt: {
-				_: 32,
-				sm: 0
-			},
-			ml: { sm: 32 },
-			gap: 16,
-			flexDirection: {
-				_: "column",
-				md: "row"
-			},
-			maxWidth: {
-				_: "100%",
-				sm: "max-content"
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-				href: cta.href,
-				onClick: cta.onClick,
-				buttonType: hasAdditionalCtas ? "fill" : cta.buttonType,
-				children: cta.text
-			}, cta.text), hasAdditionalCtas ? additionalCtas.map((cta$1) => {
-				if (!cta$1) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-					href: cta$1.href,
-					onClick: cta$1.onClick,
-					buttonType: "fill",
-					children: cta$1.text
-				}, cta$1.text);
-			}) : null]
-		})]
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-testid": testId,
-		children: [SectionTitle, Desc]
-	});
-};
-
-//#endregion
-exports.PagePrefooter = PagePrefooter;

package/dist/LandingPage/PagePrefooter.d.cts

@@ -1,9 +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 };

package/dist/LandingPage/PageSingleFeature.cjs

@@ -1,108 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_FeatureList_index = require('../FeatureList/index.cjs');
-const require_PausableImage_index = require('../PausableImage/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 react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/PageSingleFeature.tsx
-const FeaturedImage = ({ src, alt, linkUrl, hideImageOnMobile }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(linkUrl ? _codecademy_gamut.Anchor : _codecademy_gamut.Box, {
-		display: {
-			_: hideImageOnMobile ? "none" : "initial",
-			sm: "initial"
-		},
-		href: linkUrl,
-		width: 1,
-		tabIndex: linkUrl ? 0 : void 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PausableImage_index.PausableImage, {
-			src,
-			alt,
-			"data-testid": "feature-image"
-		})
-	});
-};
-const PageSingleFeature = ({ cta, desc, eyebrow, hideImageOnMobile, isPageHeading, media, mediaWidth = 6, onAnchorClick, testId, title, additionalCtas, featureList }) => {
-	const hasAdditionalCtas = additionalCtas && additionalCtas.length > 0;
-	const primaryContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		title && (eyebrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TitleWithEyebrow.TitleWithEyebrow, {
-			title,
-			eyebrow,
-			isPageHeading
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, {
-			isPageHeading,
-			children: title
-		})),
-		desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-			text: desc,
-			onAnchorClick
-		}),
-		cta && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			mt: 32,
-			gap: 16,
-			flexDirection: {
-				_: "column",
-				sm: cta.buttonType === "fill" && mediaWidth < 5 ? "row" : "column",
-				md: "row"
-			},
-			maxWidth: {
-				_: "100%",
-				sm: "max-content"
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-				href: cta.href,
-				onClick: cta.onClick,
-				buttonType: hasAdditionalCtas ? "fill" : cta.buttonType,
-				children: cta.text
-			}, cta.text), hasAdditionalCtas ? additionalCtas.map((cta$1) => {
-				if (!cta$1) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-					href: cta$1.href,
-					onClick: cta$1.onClick,
-					buttonType: "fill",
-					children: cta$1.text
-				}, cta$1.text);
-			}) : null]
-		}),
-		featureList && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FeatureList_index.FeatureList, { featureList })
-	] });
-	if (!media) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-testid": testId,
-		children: primaryContent
-	});
-	const textWidth = 12 - mediaWidth;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.LayoutGrid, {
-		"data-testid": testId,
-		rowGap: 16,
-		columnGap: {
-			_: 8,
-			sm: 32
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-			size: { sm: textWidth },
-			alignContent: "flex-start",
-			alignSelf: !desc ? "center" : "flex-start",
-			children: primaryContent
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Column, {
-			size: { sm: mediaWidth },
-			gridRowStart: {
-				_: hideImageOnMobile ? "initial" : 1,
-				sm: "initial"
-			},
-			alignContent: "flex-start",
-			children: [media.type === "image" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FeaturedImage, {
-				...media,
-				hideImageOnMobile
-			}), media.type === "video" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Video, { ...media })]
-		})]
-	});
-};
-
-//#endregion
-exports.FeaturedImage = FeaturedImage;
-exports.PageSingleFeature = PageSingleFeature;

package/dist/LandingPage/PageSingleFeature.d.cts

@@ -1,60 +0,0 @@
-import { FeatureListItem } from "../FeatureList/index.cjs";
-import { CtaProps, LandingPageBaseProps } from "./types.cjs";
-import { ColumnProps, VideoProps } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageSingleFeature.d.ts
-type ColumnSize = Extract<ColumnProps['size'], number>;
-type MediaColumnsSize = Extract<ColumnSize, 3 | 4 | 5 | 6>;
-type ImageProps = {
-  src: string;
-  alt: string;
-};
-type MediaProps = ({
-  type: 'image';
-  linkUrl?: string;
-} & ImageProps) | ({
-  type: 'video';
-} & VideoProps);
-type Eyebrow = {
-  accent?: boolean;
-  text: string;
-};
-type FeaturedImageProps = ImageProps & {
-  linkUrl?: string;
-  hideImageOnMobile?: boolean;
-};
-declare const FeaturedImage: React$1.FC<FeaturedImageProps>;
-type PageSingleFeatureProps = LandingPageBaseProps & {
-  /**
-   * Object containing eyebrow text shown above title and optional accent boolean
-   */
-  eyebrow?: Eyebrow;
-  /**
-   * Whether the image should be hidden on mobile. Note that videos are always shown on mobile for accessibility
-   */
-  hideImageOnMobile?: boolean;
-  /**
-   * If the heading is the page h1 heading or a smaller heading
-   */
-  isPageHeading?: boolean;
-  /**
-   * Whether to show an image or a video, with the associated props to do so
-   */
-  media?: MediaProps;
-  /**
-   * Number of columns out of 12 that the media should take up, defaults to 6. The remaining columns will be used for the text
-   */
-  mediaWidth?: MediaColumnsSize;
-  /**
-   * Optional array of additional CTAs if more than one CTA is added to the section. These will appear after the provided singular CTA.
-   */
-  additionalCtas?: CtaProps[];
-  /**
-   * Optional array of features to display in a list.
-   */
-  featureList?: FeatureListItem[];
-};
-declare const PageSingleFeature: React$1.FC<PageSingleFeatureProps>;
-//#endregion
-export { ColumnSize, Eyebrow, FeaturedImage, FeaturedImageProps, ImageProps, MediaColumnsSize, MediaProps, PageSingleFeature, PageSingleFeatureProps };