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

package/dist/HorizontalScrollMenu/index.cjs

@@ -1,68 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-require("intersection-observer");
-
-//#region src/HorizontalScrollMenu/index.tsx
-const ScrollContainer = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  scroll-snap-type: x mandatory;
-  ::-webkit-scrollbar {
-    display: none;
-  }
-`;
-const ScrollItemWrapper = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  scroll-snap-align: start;
-  &[aria-hidden='true'] {
-    visibility: hidden;
-  }
-`;
-const HorizontalScrollMenu = ({ children, className }) => {
-	const elementsRef = (0, react.useRef)([]);
-	const parentContainerRef = (0, react.useRef)(null);
-	const intersectionObserver = (0, react.useMemo)(() => {
-		if (typeof window === "undefined") return null;
-		return new IntersectionObserver((entries) => {
-			entries.forEach((entry) => {
-				entry.target.ariaHidden = entry.isIntersecting ? "false" : "true";
-			});
-		}, {
-			root: parentContainerRef.current?.querySelector("[data-observerroot=\"true\"]"),
-			rootMargin: "100% 0% 100% 0%"
-		});
-	}, []);
-	(0, react.useEffect)(() => {
-		const numberOfChildElements = react.Children.toArray(children).length;
-		if (elementsRef.current.length === numberOfChildElements) elementsRef.current.forEach((entry) => intersectionObserver?.observe(entry));
-		return () => {
-			intersectionObserver?.disconnect();
-		};
-	}, [
-		elementsRef,
-		intersectionObserver,
-		children
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		position: "relative",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollContainer, {
-			"data-observerroot": "true",
-			ref: parentContainerRef,
-			className,
-			pr: 16,
-			overflowX: "scroll",
-			tabIndex: 0,
-			children: react.Children.map(children, (child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollItemWrapper, {
-				ref: (element) => {
-					if (element) elementsRef.current[index] = element;
-				},
-				children: child
-			}))
-		})
-	});
-};
-
-//#endregion
-exports.HorizontalScrollMenu = HorizontalScrollMenu;

package/dist/HorizontalScrollMenu/index.d.cts

@@ -1,10 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/HorizontalScrollMenu/index.d.ts
-interface HorizontalScrollMenuProps extends WithChildrenProp {
-  className?: string;
-}
-declare const HorizontalScrollMenu: React$1.FC<HorizontalScrollMenuProps>;
-//#endregion
-export { HorizontalScrollMenu, HorizontalScrollMenuProps };

package/dist/HubCard/index.cjs

@@ -1,40 +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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/HubCard/index.tsx
-const HubCard = ({ eyebrowTitle, title, backgroundPosition, backgroundImage }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Card, {
-	variant: "white",
-	isInteractive: true,
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	backgroundSize: "cover",
-	backgroundRepeat: "no-repeat",
-	backgroundPosition,
-	backgroundImage: `url(${backgroundImage})`,
-	height: "11.25rem",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		p: 24,
-		bg: "white",
-		width: "100%",
-		maxWidth: "17.5rem",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "p",
-			fontSize: 16,
-			children: eyebrowTitle
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			alignItems: "center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "p",
-				variant: "title-sm",
-				children: title
-			})
-		})]
-	})
-});
-
-//#endregion
-exports.HubCard = HubCard;

package/dist/HubCard/index.d.cts

@@ -1,12 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/HubCard/index.d.ts
-type HubCardProps = {
-  eyebrowTitle: string;
-  title: string;
-  backgroundImage: string;
-  backgroundPosition: 'left' | 'right';
-};
-declare const HubCard: React$1.FC<HubCardProps>;
-//#endregion
-export { HubCard, HubCardProps };

package/dist/InfoCard/index.cjs

@@ -1,121 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.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/InfoCard/index.tsx
-const cardMinWidth = 250;
-const tagColorMap = {
-	blue: "paleBlue",
-	green: "paleGreen",
-	pink: "palePink"
-};
-const TopText = ({ text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	display: "flex",
-	fontSize: 14,
-	mb: 12,
-	fontFamily: "accent",
-	children: text
-});
-const Title = ({ text, headingLevel }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	as: headingLevel,
-	mb: 4,
-	fontSize: 20,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		truncate: "ellipsis",
-		truncateLines: 2,
-		children: text
-	})
-});
-const Subtitle = ({ text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	variant: "p-small",
-	textColor: "gray-900",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		truncate: "ellipsis",
-		truncateLines: 2,
-		children: text
-	})
-});
-const Body = ({ text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Markdown, {
-	text,
-	overrides: {
-		p: { component: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			...props,
-			textColor: "gray-900",
-			variant: "p-small",
-			truncate: "ellipsis",
-			truncateLines: 3
-		}) },
-		a: { component: _codecademy_gamut.Anchor }
-	}
-});
-const Footer = ({ bottomLeftText, bottomRightTagText, bottomRightTagColor }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-	alignItems: "flex-end",
-	justifyContent: "space-between",
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, { children: bottomLeftText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomLeftText, { text: bottomLeftText }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, { children: bottomRightTagText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomRightTag, {
-		text: bottomRightTagText,
-		color: bottomRightTagColor
-	}) })]
-});
-const BottomLeftText = ({ text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	maxWidth: "calc(100%-16px)",
-	px: 16,
-	variant: "p-small",
-	textColor: "gray-900",
-	children: text
-});
-const BottomRightTag = ({ text, color }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	bg: tagColorMap[color],
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		py: 4,
-		p: 12,
-		variant: "title-xs",
-		fontSize: 14,
-		whiteSpace: "nowrap",
-		children: 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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		variant: "interface",
-		href,
-		onClick: () => onClick?.(),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Card, {
-			display: "flex",
-			flexDirection: "column",
-			height: (0, _codecademy_gamut_styles.pxRem)(cardHeight),
-			justifyContent: "space-between",
-			minWidth: (0, _codecademy_gamut_styles.pxRem)(cardMinWidth),
-			variant: "white",
-			isInteractive: true,
-			p: 0,
-			position: "relative",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				pb: displayFooter ? 0 : cardPadding,
-				p: cardPadding,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TopText, { text: topText }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						justifyContent: "space-between",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Title, {
-							text: title,
-							headingLevel: titleHeadingLevel
-						}), rightContent && rightContent]
-					}),
-					subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Subtitle, { text: subtitle }),
-					body && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Body, { text: body })
-				]
-			}), displayFooter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Footer, {
-				bottomLeftText,
-				bottomRightTagText,
-				bottomRightTagColor
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.InfoCard = InfoCard;

package/dist/InfoCard/index.d.cts

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

package/dist/Konamimojisplosion/Konamimojisplosion.cjs

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

package/dist/Konamimojisplosion/Konamimojisplosion.d.cts

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

package/dist/Konamimojisplosion/index.cjs

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

package/dist/Konamimojisplosion/index.d.cts

@@ -1,3 +0,0 @@
-import { Konamimojisplosion, KonamimojisplosionProps } from "./Konamimojisplosion.cjs";
-import { useKonamimojisplosion } from "./useKonamimojisplosion.cjs";
-export { Konamimojisplosion, KonamimojisplosionProps, useKonamimojisplosion };

package/dist/Konamimojisplosion/useKonamimojisplosion.cjs

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

package/dist/Konamimojisplosion/useKonamimojisplosion.d.cts

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

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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/CTA.tsx
-const CTA = ({ buttonType = "cta", ...buttonProps }) => buttonType === "fill" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, { ...buttonProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.CTAButton, { ...buttonProps });
-
-//#endregion
-exports.CTA = CTA;

package/dist/LandingPage/CTA.js

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

package/dist/LandingPage/Description.cjs

@@ -1,18 +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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/Description.tsx
-const Description = ({ text, onAnchorClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	maxWidth: "38rem",
-	mt: 16,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Markdown, {
-		text,
-		onAnchorClick
-	})
-});
-
-//#endregion
-exports.Description = Description;

package/dist/LandingPage/Description.d.cts

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

package/dist/LandingPage/Feature.cjs

@@ -1,89 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PausableImage_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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/Feature.tsx
-const Image = _codecademy_gamut.Box.withComponent("img");
-const FeaturedImage = ({ src, alt }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	width: 1,
-	mb: 32,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PausableImage_index.PausableImage, {
-		src,
-		alt,
-		"data-testid": "feature-image"
-	})
-});
-const FeaturedIcon = ({ src, alt, props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Image, {
-	alt,
-	src,
-	mb: 32,
-	width: "64px",
-	"data-testid": "feature-icon",
-	...props
-});
-const FeaturedStat = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	as: "div",
-	variant: "title-xxl",
-	fontSize: {
-		_: 44,
-		lg: 64
-	},
-	"data-testid": "feature-stat",
-	children
-});
-const FeaturedTitle = ({ as, children, props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	as,
-	fontSize: {
-		_: 22,
-		lg: 26
-	},
-	fontWeight: "title",
-	lineHeight: "spacedTitle",
-	...props,
-	children
-});
-const StyledMarkdown = (0, _emotion_styled.default)(_codecademy_gamut.Markdown)`
-  ul,
-  ol {
-    padding: 0;
-    list-style-position: inside;
-  }
-`;
-const FeaturedDescription = ({ desc, onAnchorClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledMarkdown, {
-	text: desc,
-	spacing: "none",
-	onAnchorClick
-});
-const FeatureBlock = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  flex: 1;
-  ${_codecademy_gamut_styles.mediaQueries.sm} {
-    &:not(:last-of-type) {
-      margin-right: 1rem;
-
-      ${_codecademy_gamut_styles.mediaQueries.lg} {
-        margin-right: 2rem;
-      }
-    }
-  }
-`;
-const Feature = ({ testId, children, props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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;

package/dist/LandingPage/Feature.js

@@ -1,81 +0,0 @@
-import { PausableImage } from "../PausableImage/index.js";
-import { Box, Markdown, Text } from "@codecademy/gamut";
-import { mediaQueries } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/LandingPage/Feature.tsx
-const Image = Box.withComponent("img");
-const FeaturedImage = ({ src, alt }) => /* @__PURE__ */ jsx(Box, {
-	width: 1,
-	mb: 32,
-	children: /* @__PURE__ */ jsx(PausableImage, {
-		src,
-		alt,
-		"data-testid": "feature-image"
-	})
-});
-const FeaturedIcon = ({ src, alt, props }) => /* @__PURE__ */ jsx(Image, {
-	alt,
-	src,
-	mb: 32,
-	width: "64px",
-	"data-testid": "feature-icon",
-	...props
-});
-const FeaturedStat = ({ children }) => /* @__PURE__ */ jsx(Text, {
-	as: "div",
-	variant: "title-xxl",
-	fontSize: {
-		_: 44,
-		lg: 64
-	},
-	"data-testid": "feature-stat",
-	children
-});
-const FeaturedTitle = ({ as, children, props }) => /* @__PURE__ */ jsx(Text, {
-	as,
-	fontSize: {
-		_: 22,
-		lg: 26
-	},
-	fontWeight: "title",
-	lineHeight: "spacedTitle",
-	...props,
-	children
-});
-const StyledMarkdown = styled(Markdown)`
-  ul,
-  ol {
-    padding: 0;
-    list-style-position: inside;
-  }
-`;
-const FeaturedDescription = ({ desc, onAnchorClick }) => /* @__PURE__ */ jsx(StyledMarkdown, {
-	text: desc,
-	spacing: "none",
-	onAnchorClick
-});
-const FeatureBlock = styled(Box)`
-  flex: 1;
-  ${mediaQueries.sm} {
-    &:not(:last-of-type) {
-      margin-right: 1rem;
-
-      ${mediaQueries.lg} {
-        margin-right: 2rem;
-      }
-    }
-  }
-`;
-const Feature = ({ testId, children, props }) => /* @__PURE__ */ jsx(FeatureBlock, {
-	as: "div",
-	mt: 32,
-	"data-testid": testId,
-	...props,
-	children
-});
-
-//#endregion
-export { Feature, FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle };

package/dist/LandingPage/PageFAQs.cjs

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Title = require('./Title.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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/PageFAQs.tsx
-const FaqAnswer = (0, _emotion_styled.default)(_codecademy_gamut.Markdown)`
-  p {
-    font-size: 1rem;
-    ${_codecademy_gamut_styles.theme.breakpoints.md} {
-      font-size: 1.25rem;
-    }
-  }
-`;
-const PageFaqs = ({ title, faqs }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.LayoutGrid, {
-		p: 0,
-		m: 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Column, {
-			size: 12,
-			p: 0,
-			m: 0,
-			children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				justifyContent: "center",
-				mb: 32,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, {
-					isPageHeading: false,
-					children: title
-				})
-			}), faqs && faqs.length > 0 && faqs.map((faq) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				borderBottom: 1,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Disclosure, {
-					heading: faq.question,
-					hasBorder: false,
-					variant: "transparent",
-					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaqAnswer, { text: faq.answer })
-				})
-			}, faq.question))]
-		})
-	});
-};
-
-//#endregion
-exports.PageFaqs = PageFaqs;

package/dist/LandingPage/PageFAQs.d.cts

@@ -1,14 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFAQs.d.ts
-interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
-  faqs?: {
-    question: string;
-    answer: string;
-  }[];
-}
-declare const PageFaqs: React$1.FC<PageFaqsProps>;
-//#endregion
-export { PageFaqs, PageFaqsProps };