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

package/dist/LandingPage/Feature.mjs

@@ -1,66 +0,0 @@
-import { PausableImage } from "../PausableImage/index.mjs";
-import { Box, Markdown, Text } from "@codecademy/gamut";
-import { mediaQueries } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Feature.tsx
-const Image = Box.withComponent("img");
-const FeaturedImage = ({ src, alt }) => /* @__PURE__ */ React$1.createElement(Box, {
-	width: 1,
-	mb: 32
-}, /* @__PURE__ */ React$1.createElement(PausableImage, {
-	src,
-	alt,
-	"data-testid": "feature-image"
-}));
-const FeaturedIcon = ({ src, alt, props }) => /* @__PURE__ */ React$1.createElement(Image, {
-	alt,
-	src,
-	mb: 32,
-	width: "64px",
-	"data-testid": "feature-icon",
-	...props
-});
-const FeaturedStat = ({ children }) => /* @__PURE__ */ React$1.createElement(Text, {
-	as: "div",
-	variant: "title-xxl",
-	fontSize: {
-		_: 44,
-		lg: 64
-	},
-	"data-testid": "feature-stat"
-}, children);
-const FeaturedTitle = ({ as, children, props }) => /* @__PURE__ */ React$1.createElement(Text, {
-	as,
-	fontSize: {
-		_: 22,
-		lg: 26
-	},
-	fontWeight: "title",
-	lineHeight: "spacedTitle",
-	...props
-}, children);
-const StyledMarkdown = /* @__PURE__ */ styled(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$1.createElement(StyledMarkdown, {
-	text: desc,
-	spacing: "none",
-	onAnchorClick
-});
-const FeatureBlock = /* @__PURE__ */ styled(Box, {
-	target: "e1un6pxg1",
-	label: "brand-FeatureBlock"
-})("flex:1;", mediaQueries.sm, "{&:not(:last-of-type){margin-right:1rem;", 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$1.createElement(FeatureBlock, {
-	as: "div",
-	mt: 32,
-	"data-testid": testId,
-	...props
-}, children);
-
-//#endregion
-export { Feature, FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle };
-//# sourceMappingURL=Feature.mjs.map

package/dist/LandingPage/Feature.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Feature.mjs","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,IAAIQ,cAAc,MAAA;AAMhC,MAAaC,iBAA+C,EAAEC,KAAKC,UACjE,wBAAA,cAACX,KAAAA;CAAIY,OAAO;CAAGC,IAAI;GACjB,wBAAA,cAACP,eAAAA;CAAmBI;CAAUC;CAAKG,eAAY;;AAYnD,MAAaC,gBAA6C,EACxDL,KACAC,KACAK,YAEA,wBAAA,cAACT,OAAAA;CACMI;CACAD;CACLG,IAAI;CACJD,OAAM;CACNE,eAAY;CACX,GAAGE;;AAIR,MAAaC,gBAA4C,EAAEC,eACzD,wBAAA,cAAChB,MAAAA;CACCiB,IAAG;CACHC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BT,eAAY;GAEXI,SAAAA;AAQL,MAAaM,iBAA+C,EAC1DL,IACAD,UACAF,YAEA,wBAAA,cAACd,MAAAA;CACKiB;CACJE,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BE,YAAW;CACXC,YAAW;CACV,GAAGV;GAEHE,SAAAA;AAIL,MAAMS,iBAAiBvB,uBAAOH,UAAAA;;;;AAW9B,MAAa2B,uBAA2D,EACtEC,MACAC,oBAEA,wBAAA,cAACH,gBAAAA;CAAeI,MAAMF;CAAMG,SAAQ;CAAsBF;;AAG5D,MAAMG,eAAe7B,uBAAOJ,KAAAA;;;cAExBG,aAAa+B,IAAE,4CAIX/B,aAAaoB,IAAE,0BAAA,k3HAAA;AAWvB,MAAaY,WAAmC,EAC9CC,QACAlB,UACAF,YAEA,wBAAA,cAACiB,cAAAA;CAAad,IAAG;CAAMkB,IAAI;CAAIvB,eAAasB;CAAS,GAAGpB;GACrDE,SAAAA"}

package/dist/LandingPage/PageFAQs.cjs

@@ -1,39 +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);
-
-//#region src/LandingPage/PageFAQs.tsx
-const FaqAnswer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Markdown, {
-	target: "eeszkvo0",
-	label: "brand-FaqAnswer"
-})("p{font-size:1rem;", _codecademy_gamut_styles.theme.breakpoints.md, "{font-size:1.25rem;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbHVtbixcbiAgRGlzY2xvc3VyZSxcbiAgRmxleEJveCxcbiAgTGF5b3V0R3JpZCxcbiAgTWFya2Rvd24sXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICcuL1RpdGxlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUZhcXNQcm9wcyBleHRlbmRzIExhbmRpbmdQYWdlQmFzZVByb3BzLCBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgZmFxcz86IHtcbiAgICBxdWVzdGlvbjogc3RyaW5nO1xuICAgIGFuc3dlcjogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IEZhcUFuc3dlciA9IHN0eWxlZChNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAke3RoZW1lLmJyZWFrcG9pbnRzLm1kfSB7XG4gICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUZhcXM6IFJlYWN0LkZDPFBhZ2VGYXFzUHJvcHM+ID0gKHsgdGl0bGUsIGZhcXMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIHA9ezB9IG09ezB9PlxuICAgICAgPENvbHVtbiBzaXplPXsxMn0gcD17MH0gbT17MH0+XG4gICAgICAgIHt0aXRsZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBtYj17MzJ9PlxuICAgICAgICAgICAgPFRpdGxlIGlzUGFnZUhlYWRpbmc9e2ZhbHNlfT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtmYXFzICYmXG4gICAgICAgICAgZmFxcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgZmFxcy5tYXAoKGZhcSkgPT4gKFxuICAgICAgICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGtleT17ZmFxLnF1ZXN0aW9ufT5cbiAgICAgICAgICAgICAgPERpc2Nsb3N1cmVcbiAgICAgICAgICAgICAgICBoZWFkaW5nPXtmYXEucXVlc3Rpb259XG4gICAgICAgICAgICAgICAgaGFzQm9yZGVyPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGJvZHk9ezxGYXFBbnN3ZXIgdGV4dD17ZmFxLmFuc3dlcn0gLz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgIDwvQ29sdW1uPlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiJ9 */");
-const PageFaqs = ({ title, faqs }) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.LayoutGrid, {
-		p: 0,
-		m: 0
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Column, {
-		size: 12,
-		p: 0,
-		m: 0
-	}, title && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		justifyContent: "center",
-		mb: 32
-	}, /* @__PURE__ */ react.createElement(require_Title.Title, { isPageHeading: false }, title)), faqs && faqs.length > 0 && faqs.map((faq) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		borderBottom: 1,
-		key: faq.question
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Disclosure, {
-		heading: faq.question,
-		hasBorder: false,
-		variant: "transparent",
-		body: /* @__PURE__ */ react.createElement(FaqAnswer, { text: faq.answer })
-	})))));
-};
-
-//#endregion
-exports.PageFaqs = PageFaqs;
-//# sourceMappingURL=PageFAQs.cjs.map

package/dist/LandingPage/PageFAQs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFAQs.cjs","names":["Box","Column","Disclosure","FlexBox","LayoutGrid","Markdown","theme","styled","React","Title","FaqAnswer","breakpoints","md","PageFaqs","title","faqs","p","m","size","justifyContent","mb","isPageHeading","length","map","faq","borderBottom","key","question","heading","hasBorder","variant","body","text","answer"],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  Disclosure,\n  FlexBox,\n  LayoutGrid,\n  Markdown,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {\n  faqs?: {\n    question: string;\n    answer: string;\n  }[];\n}\n\nconst FaqAnswer = styled(Markdown)`\n  p {\n    font-size: 1rem;\n    ${theme.breakpoints.md} {\n      font-size: 1.25rem;\n    }\n  }\n`;\n\nexport const PageFaqs: React.FC<PageFaqsProps> = ({ title, faqs }) => {\n  return (\n    <LayoutGrid p={0} m={0}>\n      <Column size={12} p={0} m={0}>\n        {title && (\n          <FlexBox justifyContent=\"center\" mb={32}>\n            <Title isPageHeading={false}>{title}</Title>\n          </FlexBox>\n        )}\n        {faqs &&\n          faqs.length > 0 &&\n          faqs.map((faq) => (\n            <Box borderBottom={1} key={faq.question}>\n              <Disclosure\n                heading={faq.question}\n                hasBorder={false}\n                variant=\"transparent\"\n                body={<FaqAnswer text={faq.answer} />}\n              />\n            </Box>\n          ))}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;;;;AAuBA,MAAMU,YAAYH,6CAAOF,4BAAAA;;;wBAGnBC,+BAAMK,YAAYC,IAAE,yBAAA,srEAAA;AAM1B,MAAaC,YAAqC,EAAEC,OAAOC,WAAM;AAC/D,QACE,sBAAA,cAACX,8BAAAA;EAAWY,GAAG;EAAGC,GAAG;IACnB,sBAAA,cAAChB,0BAAAA;EAAOiB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBH,SACC,sBAAA,cAACX,2BAAAA;EAAQgB,gBAAe;EAASC,IAAI;IACnC,sBAAA,cAACX,qBAAAA,EAAMY,eAAe,SAAQP,MAAAA,CAAAA,EAGjCC,QACCA,KAAKO,SAAS,KACdP,KAAKQ,KAAKC,QACR,sBAAA,cAACxB,uBAAAA;EAAIyB,cAAc;EAAGC,KAAKF,IAAIG;IAC7B,sBAAA,cAACzB,8BAAAA;EACC0B,SAASJ,IAAIG;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,sBAAA,cAACrB,WAAAA,EAAUsB,MAAMR,IAAIS"}

package/dist/LandingPage/PageFAQs.d.cts

@@ -1,15 +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 };
-//# sourceMappingURL=PageFAQs.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFAQs.d.cts","names":[],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":[],"mappings":";;;;;UAgBiB,aAAA,SAAsB,sBAAsB;;IAA5C,QAAA,EAAA,MAAc;IAgBlB,MAAA,EAwBZ,MAAA;;;cAxBY,UAAU,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFAQs.d.mts

@@ -1,15 +0,0 @@
-import { LandingPageBaseProps } from "./types.mjs";
-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 };
-//# sourceMappingURL=PageFAQs.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFAQs.d.mts","names":[],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":[],"mappings":";;;;;UAgBiB,aAAA,SAAsB,sBAAsB;;IAA5C,QAAA,EAAA,MAAc;IAgBlB,MAAA,EAwBZ,MAAA;;;cAxBY,UAAU,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFAQs.mjs

@@ -1,36 +0,0 @@
-import { Title } from "./Title.mjs";
-import { Box, Column, Disclosure, FlexBox, LayoutGrid, Markdown } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFAQs.tsx
-const FaqAnswer = /* @__PURE__ */ styled(Markdown, {
-	target: "eeszkvo0",
-	label: "brand-FaqAnswer"
-})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbHVtbixcbiAgRGlzY2xvc3VyZSxcbiAgRmxleEJveCxcbiAgTGF5b3V0R3JpZCxcbiAgTWFya2Rvd24sXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICcuL1RpdGxlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUZhcXNQcm9wcyBleHRlbmRzIExhbmRpbmdQYWdlQmFzZVByb3BzLCBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgZmFxcz86IHtcbiAgICBxdWVzdGlvbjogc3RyaW5nO1xuICAgIGFuc3dlcjogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IEZhcUFuc3dlciA9IHN0eWxlZChNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAke3RoZW1lLmJyZWFrcG9pbnRzLm1kfSB7XG4gICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUZhcXM6IFJlYWN0LkZDPFBhZ2VGYXFzUHJvcHM+ID0gKHsgdGl0bGUsIGZhcXMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIHA9ezB9IG09ezB9PlxuICAgICAgPENvbHVtbiBzaXplPXsxMn0gcD17MH0gbT17MH0+XG4gICAgICAgIHt0aXRsZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBtYj17MzJ9PlxuICAgICAgICAgICAgPFRpdGxlIGlzUGFnZUhlYWRpbmc9e2ZhbHNlfT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtmYXFzICYmXG4gICAgICAgICAgZmFxcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgZmFxcy5tYXAoKGZhcSkgPT4gKFxuICAgICAgICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGtleT17ZmFxLnF1ZXN0aW9ufT5cbiAgICAgICAgICAgICAgPERpc2Nsb3N1cmVcbiAgICAgICAgICAgICAgICBoZWFkaW5nPXtmYXEucXVlc3Rpb259XG4gICAgICAgICAgICAgICAgaGFzQm9yZGVyPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGJvZHk9ezxGYXFBbnN3ZXIgdGV4dD17ZmFxLmFuc3dlcn0gLz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgIDwvQ29sdW1uPlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiJ9 */");
-const PageFaqs = ({ title, faqs }) => {
-	return /* @__PURE__ */ React$1.createElement(LayoutGrid, {
-		p: 0,
-		m: 0
-	}, /* @__PURE__ */ React$1.createElement(Column, {
-		size: 12,
-		p: 0,
-		m: 0
-	}, title && /* @__PURE__ */ React$1.createElement(FlexBox, {
-		justifyContent: "center",
-		mb: 32
-	}, /* @__PURE__ */ React$1.createElement(Title, { isPageHeading: false }, title)), faqs && faqs.length > 0 && faqs.map((faq) => /* @__PURE__ */ React$1.createElement(Box, {
-		borderBottom: 1,
-		key: faq.question
-	}, /* @__PURE__ */ React$1.createElement(Disclosure, {
-		heading: faq.question,
-		hasBorder: false,
-		variant: "transparent",
-		body: /* @__PURE__ */ React$1.createElement(FaqAnswer, { text: faq.answer })
-	})))));
-};
-
-//#endregion
-export { PageFaqs };
-//# sourceMappingURL=PageFAQs.mjs.map

package/dist/LandingPage/PageFAQs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFAQs.mjs","names":["Box","Column","Disclosure","FlexBox","LayoutGrid","Markdown","theme","styled","React","Title","FaqAnswer","breakpoints","md","PageFaqs","title","faqs","p","m","size","justifyContent","mb","isPageHeading","length","map","faq","borderBottom","key","question","heading","hasBorder","variant","body","text","answer"],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  Disclosure,\n  FlexBox,\n  LayoutGrid,\n  Markdown,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {\n  faqs?: {\n    question: string;\n    answer: string;\n  }[];\n}\n\nconst FaqAnswer = styled(Markdown)`\n  p {\n    font-size: 1rem;\n    ${theme.breakpoints.md} {\n      font-size: 1.25rem;\n    }\n  }\n`;\n\nexport const PageFaqs: React.FC<PageFaqsProps> = ({ title, faqs }) => {\n  return (\n    <LayoutGrid p={0} m={0}>\n      <Column size={12} p={0} m={0}>\n        {title && (\n          <FlexBox justifyContent=\"center\" mb={32}>\n            <Title isPageHeading={false}>{title}</Title>\n          </FlexBox>\n        )}\n        {faqs &&\n          faqs.length > 0 &&\n          faqs.map((faq) => (\n            <Box borderBottom={1} key={faq.question}>\n              <Disclosure\n                heading={faq.question}\n                hasBorder={false}\n                variant=\"transparent\"\n                body={<FaqAnswer text={faq.answer} />}\n              />\n            </Box>\n          ))}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,MAAMU,YAAYH,uBAAOF,UAAAA;;;wBAGnBC,MAAMK,YAAYC,IAAE,yBAAA,srEAAA;AAM1B,MAAaC,YAAqC,EAAEC,OAAOC,WAAM;AAC/D,QACE,wBAAA,cAACX,YAAAA;EAAWY,GAAG;EAAGC,GAAG;IACnB,wBAAA,cAAChB,QAAAA;EAAOiB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBH,SACC,wBAAA,cAACX,SAAAA;EAAQgB,gBAAe;EAASC,IAAI;IACnC,wBAAA,cAACX,OAAAA,EAAMY,eAAe,SAAQP,MAAAA,CAAAA,EAGjCC,QACCA,KAAKO,SAAS,KACdP,KAAKQ,KAAKC,QACR,wBAAA,cAACxB,KAAAA;EAAIyB,cAAc;EAAGC,KAAKF,IAAIG;IAC7B,wBAAA,cAACzB,YAAAA;EACC0B,SAASJ,IAAIG;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,wBAAA,cAACrB,WAAAA,EAAUsB,MAAMR,IAAIS"}

package/dist/LandingPage/PageFeatures.cjs

@@ -1,68 +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_Feature = require('./Feature.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LandingPage/PageFeatures.tsx
-const rowRenderEach = (items, itemRenderer) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		as: "ul",
-		pl: 0,
-		gap: { sm: 32 }
-	}, items.map((item, i) => /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		as: "li",
-		key: i,
-		flex: 1
-	}, itemRenderer(item))));
-};
-const gridRenderEach = (maxCols, items, itemRenderer) => {
-	const size = {
-		_: 12,
-		sm: 12 / maxCols
-	};
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.LayoutGrid, {
-		columnGap: {
-			_: 8,
-			sm: 32
-		},
-		as: "ul"
-	}, items.map((item, i) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Column, {
-		key: i,
-		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 PageFeatures = ({ title, desc, cta, maxCols, features, featuresMedia, testId, onAnchorClick }) => /* @__PURE__ */ react.createElement("div", { "data-testid": testId }, /* @__PURE__ */ react.createElement("div", null, title && /* @__PURE__ */ react.createElement(require_Title.Title, { isPageHeading: false }, title), desc && /* @__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))), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { mt: 16 }, renderEach(maxCols, features, ({ testId: testId$1, imgSrc, imgAlt, statText, title: featTitle, desc: desc$1 }) => /* @__PURE__ */ react.createElement(require_Feature.Feature, { testId: testId$1 }, featuresMedia === "image" && imgSrc && /* @__PURE__ */ react.createElement(require_Feature.FeaturedImage, {
-	src: imgSrc,
-	alt: imgAlt ?? ""
-}), featuresMedia === "icon" && imgSrc && /* @__PURE__ */ react.createElement(require_Feature.FeaturedIcon, {
-	src: imgSrc,
-	alt: imgAlt ?? ""
-}), featuresMedia === "stat" && /* @__PURE__ */ react.createElement(require_Feature.FeaturedStat, null, statText), featTitle && /* @__PURE__ */ react.createElement(require_Feature.FeaturedTitle, { as: desc$1 ? title ? "h3" : "h2" : "div" }, featTitle), desc$1 && /* @__PURE__ */ react.createElement(require_Feature.FeaturedDescription, {
-	desc: desc$1,
-	onAnchorClick
-})))));
-
-//#endregion
-exports.PageFeatures = PageFeatures;
-//# sourceMappingURL=PageFeatures.cjs.map

package/dist/LandingPage/PageFeatures.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeatures.cjs","names":["Box","Column","FlexBox","LayoutGrid","React","CTA","Description","Feature","FeaturedDescription","FeaturedIcon","FeaturedImage","FeaturedStat","FeaturedTitle","Title","rowRenderEach","items","itemRenderer","flexDirection","_","sm","as","pl","gap","map","item","i","key","flex","gridRenderEach","maxCols","size","columnGap","renderEach","undefined","PageFeatures","title","desc","cta","features","featuresMedia","testId","onAnchorClick","div","data-testid","isPageHeading","text","mt","href","onClick","buttonType","imgSrc","imgAlt","statText","featTitle","src","alt"],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  ColumnProps,\n  FlexBox,\n  LayoutGrid,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport {\n  Feature,\n  FeaturedDescription,\n  FeaturedIcon,\n  FeaturedImage,\n  FeaturedStat,\n  FeaturedTitle,\n} from './Feature';\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFeaturesProps\n  extends LandingPageBaseProps,\n    WithChildrenProp {\n  maxCols?: 1 | 2 | 3 | 4;\n  featuresMedia?: 'image' | 'icon' | 'stat';\n  features: {\n    title?: string;\n    desc?: string;\n    imgSrc?: string;\n    imgAlt?: string;\n    statText?: string;\n    testId?: string;\n  }[];\n}\n\nconst rowRenderEach = (\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <FlexBox\n      flexDirection={{ _: 'column', sm: 'row' }}\n      as=\"ul\"\n      pl={0}\n      gap={{ sm: 32 }}\n    >\n      {items.map((item, i) => (\n        <FlexBox as=\"li\" key={i} flex={1}>\n          {itemRenderer(item)}\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n  /* eslint-enable react/no-array-index-key */\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    sm: 12 / maxCols,\n  } as ColumnProps['size'];\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <LayoutGrid columnGap={{ _: 8, sm: 32 }} as=\"ul\">\n      {items.map((item, i) => (\n        <Column key={i} size={size} as=\"li\">\n          {itemRenderer(item)}\n        </Column>\n      ))}\n    </LayoutGrid>\n  );\n  /* eslint-enable react/no-array-index-key */\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 PageFeatures: React.FC<PageFeaturesProps> = ({\n  title,\n  desc,\n  cta,\n  maxCols,\n  features,\n  featuresMedia,\n  testId,\n  onAnchorClick,\n}) => (\n  <div data-testid={testId}>\n    <div>\n      {title && <Title isPageHeading={false}>{title}</Title>}\n      {desc && <Description text={desc} onAnchorClick={onAnchorClick} />}\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    <Box mt={16}>\n      {renderEach(\n        maxCols,\n        features,\n        ({ testId, imgSrc, imgAlt, statText, title: featTitle, desc }) => (\n          <Feature testId={testId}>\n            {featuresMedia === 'image' && imgSrc && (\n              <FeaturedImage src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'icon' && imgSrc && (\n              <FeaturedIcon src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'stat' && (\n              <FeaturedStat>{statText}</FeaturedStat>\n            )}\n            {featTitle && (\n              <FeaturedTitle as={desc ? (title ? 'h3' : 'h2') : 'div'}>\n                {featTitle}\n              </FeaturedTitle>\n            )}\n            {desc && (\n              <FeaturedDescription desc={desc} onAnchorClick={onAnchorClick} />\n            )}\n          </Feature>\n        )\n      )}\n    </Box>\n  </div>\n);\n"],"mappings":";;;;;;;;;;AAuCA,MAAMc,iBACJC,OACAC,iBAAAA;AAGA,QACE,sBAAA,cAACd,2BAAAA;EACCe,eAAe;GAAEC,GAAG;GAAUC,IAAI;GAAM;EACxCC,IAAG;EACHC,IAAI;EACJC,KAAK,EAAEH,IAAI,IAAG;IAEbJ,MAAMQ,KAAKC,MAAMC,MAChB,sBAAA,cAACvB,2BAAAA;EAAQkB,IAAG;EAAKM,KAAKD;EAAGE,MAAM;IAC5BX,aAAaQ,KAAAA,CAAAA,CAAAA,CAAAA;;AAQxB,MAAMI,kBACJC,SACAd,OACAC,iBAAAA;CAEA,MAAMc,OAAO;EACXZ,GAAG;EACHC,IAAI,KAAKU;EACX;AAEA,QACE,sBAAA,cAAC1B,8BAAAA;EAAW4B,WAAW;GAAEb,GAAG;GAAGC,IAAI;GAAG;EAAGC,IAAG;IACzCL,MAAMQ,KAAKC,MAAMC,MAChB,sBAAA,cAACxB,0BAAAA;EAAOyB,KAAKD;EAASK;EAAMV,IAAG;IAC5BJ,aAAaQ,KAAAA,CAAAA,CAAAA,CAAAA;;AAQxB,MAAMQ,cACJH,SACAd,OACAC,iBAAAA;AAEA,KAAIa,YAAYI,OACd,QAAOnB,cAAcC,OAAOC,aAAAA;AAE9B,KAAIa,UAAU,KAAKA,WAAW,EAC5B,QAAOD,eAAeC,SAASd,OAAOC,aAAAA;AAExC,QAAO;;AAGT,MAAakB,gBAA6C,EACxDC,OACAC,MACAC,KACAR,SACAS,UACAC,eACAC,QACAC,oBAEA,sBAAA,cAACC,OAAAA,EAAIC,eAAaH,UAChB,sBAAA,cAACE,OAAAA,MACEP,SAAS,sBAAA,cAACtB,qBAAAA,EAAM+B,eAAe,SAAQT,MAAAA,EACvCC,QAAQ,sBAAA,cAAC9B,iCAAAA;CAAYuC,MAAMT;CAAqBK;IAChDJ,OACC,sBAAA,cAACrC,uBAAAA,EAAI8C,IAAI,MACP,sBAAA,cAACzC,iBAAAA;CACC0C,MAAMV,IAAIU;CACVC,SAASX,IAAIW;CACbC,YAAYZ,IAAIY;GAEfZ,IAAIQ,KAAI,CAAA,CAAA,EAKjB,sBAAA,cAAC7C,uBAAAA,EAAI8C,IAAI,MACNd,WACCH,SACAS,WACC,EAAEE,kBAAQU,QAAQC,QAAQC,UAAUjB,OAAOkB,WAAWjB,mBACrD,sBAAA,cAAC7B,yBAAAA,EAAQiC,QAAQA,YACdD,kBAAkB,WAAWW,UAC5B,sBAAA,cAACxC,+BAAAA;CAAc4C,KAAKJ;CAAQK,KAAKJ,UAAU;IAE5CZ,kBAAkB,UAAUW,UAC3B,sBAAA,cAACzC,8BAAAA;CAAa6C,KAAKJ;CAAQK,KAAKJ,UAAU;IAE3CZ,kBAAkB,UACjB,sBAAA,cAAC5B,8BAAAA,MAAcyC,SAAAA,EAEhBC,aACC,sBAAA,cAACzC,+BAAAA,EAAcQ,IAAIgB,SAAQD,QAAQ,OAAO,OAAQ,SAC/CkB,UAAAA,EAGJjB,UACC,sBAAA,cAAC5B,qCAAAA;CAAoB4B,MAAMA;CAAqBK"}

package/dist/LandingPage/PageFeatures.d.cts

@@ -1,21 +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 };
-//# sourceMappingURL=PageFeatures.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeatures.d.cts","names":[],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":[],"mappings":";;;;;UAwBiB,iBAAA,SACP,sBACN;;EAFa,aAAA,CAAA,EAAA,OACf,GAAA,MAAA,GAAQ,MAAA;EAwEG,QAAA,EAAA;;;;;;;;;cAAA,cAAc,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFeatures.d.mts

@@ -1,21 +0,0 @@
-import { LandingPageBaseProps } from "./types.mjs";
-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 };
-//# sourceMappingURL=PageFeatures.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeatures.d.mts","names":[],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":[],"mappings":";;;;;UAwBiB,iBAAA,SACP,sBACN;;EAFa,aAAA,CAAA,EAAA,OACf,GAAA,MAAA,GAAQ,MAAA;EAwEG,QAAA,EAAA;;;;;;;;;cAAA,cAAc,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFeatures.mjs

@@ -1,66 +0,0 @@
-import { CTA } from "./CTA.mjs";
-import { Description } from "./Description.mjs";
-import { Title } from "./Title.mjs";
-import { Feature, FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle } from "./Feature.mjs";
-import { Box, Column, FlexBox, LayoutGrid } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFeatures.tsx
-const rowRenderEach = (items, itemRenderer) => {
-	return /* @__PURE__ */ React$1.createElement(FlexBox, {
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		as: "ul",
-		pl: 0,
-		gap: { sm: 32 }
-	}, items.map((item, i) => /* @__PURE__ */ React$1.createElement(FlexBox, {
-		as: "li",
-		key: i,
-		flex: 1
-	}, itemRenderer(item))));
-};
-const gridRenderEach = (maxCols, items, itemRenderer) => {
-	const size = {
-		_: 12,
-		sm: 12 / maxCols
-	};
-	return /* @__PURE__ */ React$1.createElement(LayoutGrid, {
-		columnGap: {
-			_: 8,
-			sm: 32
-		},
-		as: "ul"
-	}, items.map((item, i) => /* @__PURE__ */ React$1.createElement(Column, {
-		key: i,
-		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 PageFeatures = ({ title, desc, cta, maxCols, features, featuresMedia, testId, onAnchorClick }) => /* @__PURE__ */ React$1.createElement("div", { "data-testid": testId }, /* @__PURE__ */ React$1.createElement("div", null, title && /* @__PURE__ */ React$1.createElement(Title, { isPageHeading: false }, title), desc && /* @__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(Box, { mt: 16 }, renderEach(maxCols, features, ({ testId: testId$1, imgSrc, imgAlt, statText, title: featTitle, desc: desc$1 }) => /* @__PURE__ */ React$1.createElement(Feature, { 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 ?? ""
-}), featuresMedia === "stat" && /* @__PURE__ */ React$1.createElement(FeaturedStat, null, statText), featTitle && /* @__PURE__ */ React$1.createElement(FeaturedTitle, { as: desc$1 ? title ? "h3" : "h2" : "div" }, featTitle), desc$1 && /* @__PURE__ */ React$1.createElement(FeaturedDescription, {
-	desc: desc$1,
-	onAnchorClick
-})))));
-
-//#endregion
-export { PageFeatures };
-//# sourceMappingURL=PageFeatures.mjs.map

package/dist/LandingPage/PageFeatures.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeatures.mjs","names":["Box","Column","FlexBox","LayoutGrid","React","CTA","Description","Feature","FeaturedDescription","FeaturedIcon","FeaturedImage","FeaturedStat","FeaturedTitle","Title","rowRenderEach","items","itemRenderer","flexDirection","_","sm","as","pl","gap","map","item","i","key","flex","gridRenderEach","maxCols","size","columnGap","renderEach","undefined","PageFeatures","title","desc","cta","features","featuresMedia","testId","onAnchorClick","div","data-testid","isPageHeading","text","mt","href","onClick","buttonType","imgSrc","imgAlt","statText","featTitle","src","alt"],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  ColumnProps,\n  FlexBox,\n  LayoutGrid,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport {\n  Feature,\n  FeaturedDescription,\n  FeaturedIcon,\n  FeaturedImage,\n  FeaturedStat,\n  FeaturedTitle,\n} from './Feature';\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFeaturesProps\n  extends LandingPageBaseProps,\n    WithChildrenProp {\n  maxCols?: 1 | 2 | 3 | 4;\n  featuresMedia?: 'image' | 'icon' | 'stat';\n  features: {\n    title?: string;\n    desc?: string;\n    imgSrc?: string;\n    imgAlt?: string;\n    statText?: string;\n    testId?: string;\n  }[];\n}\n\nconst rowRenderEach = (\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <FlexBox\n      flexDirection={{ _: 'column', sm: 'row' }}\n      as=\"ul\"\n      pl={0}\n      gap={{ sm: 32 }}\n    >\n      {items.map((item, i) => (\n        <FlexBox as=\"li\" key={i} flex={1}>\n          {itemRenderer(item)}\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n  /* eslint-enable react/no-array-index-key */\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    sm: 12 / maxCols,\n  } as ColumnProps['size'];\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <LayoutGrid columnGap={{ _: 8, sm: 32 }} as=\"ul\">\n      {items.map((item, i) => (\n        <Column key={i} size={size} as=\"li\">\n          {itemRenderer(item)}\n        </Column>\n      ))}\n    </LayoutGrid>\n  );\n  /* eslint-enable react/no-array-index-key */\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 PageFeatures: React.FC<PageFeaturesProps> = ({\n  title,\n  desc,\n  cta,\n  maxCols,\n  features,\n  featuresMedia,\n  testId,\n  onAnchorClick,\n}) => (\n  <div data-testid={testId}>\n    <div>\n      {title && <Title isPageHeading={false}>{title}</Title>}\n      {desc && <Description text={desc} onAnchorClick={onAnchorClick} />}\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    <Box mt={16}>\n      {renderEach(\n        maxCols,\n        features,\n        ({ testId, imgSrc, imgAlt, statText, title: featTitle, desc }) => (\n          <Feature testId={testId}>\n            {featuresMedia === 'image' && imgSrc && (\n              <FeaturedImage src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'icon' && imgSrc && (\n              <FeaturedIcon src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'stat' && (\n              <FeaturedStat>{statText}</FeaturedStat>\n            )}\n            {featTitle && (\n              <FeaturedTitle as={desc ? (title ? 'h3' : 'h2') : 'div'}>\n                {featTitle}\n              </FeaturedTitle>\n            )}\n            {desc && (\n              <FeaturedDescription desc={desc} onAnchorClick={onAnchorClick} />\n            )}\n          </Feature>\n        )\n      )}\n    </Box>\n  </div>\n);\n"],"mappings":";;;;;;;;AAuCA,MAAMc,iBACJC,OACAC,iBAAAA;AAGA,QACE,wBAAA,cAACd,SAAAA;EACCe,eAAe;GAAEC,GAAG;GAAUC,IAAI;GAAM;EACxCC,IAAG;EACHC,IAAI;EACJC,KAAK,EAAEH,IAAI,IAAG;IAEbJ,MAAMQ,KAAKC,MAAMC,MAChB,wBAAA,cAACvB,SAAAA;EAAQkB,IAAG;EAAKM,KAAKD;EAAGE,MAAM;IAC5BX,aAAaQ,KAAAA,CAAAA,CAAAA,CAAAA;;AAQxB,MAAMI,kBACJC,SACAd,OACAC,iBAAAA;CAEA,MAAMc,OAAO;EACXZ,GAAG;EACHC,IAAI,KAAKU;EACX;AAEA,QACE,wBAAA,cAAC1B,YAAAA;EAAW4B,WAAW;GAAEb,GAAG;GAAGC,IAAI;GAAG;EAAGC,IAAG;IACzCL,MAAMQ,KAAKC,MAAMC,MAChB,wBAAA,cAACxB,QAAAA;EAAOyB,KAAKD;EAASK;EAAMV,IAAG;IAC5BJ,aAAaQ,KAAAA,CAAAA,CAAAA,CAAAA;;AAQxB,MAAMQ,cACJH,SACAd,OACAC,iBAAAA;AAEA,KAAIa,YAAYI,OACd,QAAOnB,cAAcC,OAAOC,aAAAA;AAE9B,KAAIa,UAAU,KAAKA,WAAW,EAC5B,QAAOD,eAAeC,SAASd,OAAOC,aAAAA;AAExC,QAAO;;AAGT,MAAakB,gBAA6C,EACxDC,OACAC,MACAC,KACAR,SACAS,UACAC,eACAC,QACAC,oBAEA,wBAAA,cAACC,OAAAA,EAAIC,eAAaH,UAChB,wBAAA,cAACE,OAAAA,MACEP,SAAS,wBAAA,cAACtB,OAAAA,EAAM+B,eAAe,SAAQT,MAAAA,EACvCC,QAAQ,wBAAA,cAAC9B,aAAAA;CAAYuC,MAAMT;CAAqBK;IAChDJ,OACC,wBAAA,cAACrC,KAAAA,EAAI8C,IAAI,MACP,wBAAA,cAACzC,KAAAA;CACC0C,MAAMV,IAAIU;CACVC,SAASX,IAAIW;CACbC,YAAYZ,IAAIY;GAEfZ,IAAIQ,KAAI,CAAA,CAAA,EAKjB,wBAAA,cAAC7C,KAAAA,EAAI8C,IAAI,MACNd,WACCH,SACAS,WACC,EAAEE,kBAAQU,QAAQC,QAAQC,UAAUjB,OAAOkB,WAAWjB,mBACrD,wBAAA,cAAC7B,SAAAA,EAAQiC,QAAQA,YACdD,kBAAkB,WAAWW,UAC5B,wBAAA,cAACxC,eAAAA;CAAc4C,KAAKJ;CAAQK,KAAKJ,UAAU;IAE5CZ,kBAAkB,UAAUW,UAC3B,wBAAA,cAACzC,cAAAA;CAAa6C,KAAKJ;CAAQK,KAAKJ,UAAU;IAE3CZ,kBAAkB,UACjB,wBAAA,cAAC5B,cAAAA,MAAcyC,SAAAA,EAEhBC,aACC,wBAAA,cAACzC,eAAAA,EAAcQ,IAAIgB,SAAQD,QAAQ,OAAO,OAAQ,SAC/CkB,UAAAA,EAGJjB,UACC,wBAAA,cAAC5B,qBAAAA;CAAoB4B,MAAMA;CAAqBK"}

package/dist/LandingPage/PageFeaturesEnhanced.cjs

@@ -1,119 +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);
-
-//#region src/LandingPage/PageFeaturesEnhanced.tsx
-const rowRenderEach = (items, itemRenderer) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: {
-			_: "column",
-			sm: "row"
-		},
-		as: "ul",
-		pl: 0,
-		mb: 0,
-		gap: { sm: 32 }
-	}, items.map((item) => /* @__PURE__ */ react.createElement(_codecademy_gamut.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.createElement(_codecademy_gamut.LayoutGrid, {
-		gap: 32,
-		as: "ul",
-		pl: 0,
-		mb: 0
-	}, items.map((item) => /* @__PURE__ */ react.createElement(_codecademy_gamut.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.createElement("div", { "data-testid": testId }, title && /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		justifyContent: "center",
-		textAlign: "center",
-		mb: 8
-	}, 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, {
-		justifyContent: "center",
-		textAlign: "center"
-	}, /* @__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)), /* @__PURE__ */ react.createElement(_codecademy_gamut_styles.ColorMode, { mode: "dark" }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { mt: 16 }, renderEach(maxCols, features, ({ testId: testId$1, imgSrc, imgAlt, statText, title: featTitle, desc: desc$1 }) => /* @__PURE__ */ react.createElement(_codecademy_gamut_styles.Background, {
-		bg: "white-300",
-		borderRadius: "lg",
-		py: 24,
-		px: 16,
-		color: "white",
-		"data-testid": testId$1
-	}, featuresMedia === "image" && imgSrc && /* @__PURE__ */ react.createElement(require_Feature.FeaturedImage, {
-		src: imgSrc,
-		alt: imgAlt ?? ""
-	}), featuresMedia === "icon" && imgSrc && /* @__PURE__ */ react.createElement(require_Feature.FeaturedIcon, {
-		src: imgSrc,
-		alt: imgAlt ?? "",
-		props: {
-			mb: 16,
-			width: "48px",
-			height: "48px"
-		}
-	}), featuresMedia === "stat" && /* @__PURE__ */ react.createElement(require_Feature.FeaturedStat, null, statText), featTitle && /* @__PURE__ */ react.createElement(require_Feature.FeaturedTitle, {
-		as: desc$1 ? title ? "h3" : "h2" : "div",
-		props: {
-			fontSize: {
-				_: 20,
-				lg: 20
-			},
-			mb: 16
-		}
-	}, featTitle), desc$1 && /* @__PURE__ */ react.createElement(require_Feature.FeaturedDescription, {
-		desc: desc$1,
-		onAnchorClick
-	}))))));
-};
-
-//#endregion
-exports.PageFeaturesEnhanced = PageFeaturesEnhanced;
-//# sourceMappingURL=PageFeaturesEnhanced.cjs.map

package/dist/LandingPage/PageFeaturesEnhanced.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageFeaturesEnhanced.cjs","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":";;;;;;;;;;;;AA6BA,MAAMgB,iBACJC,OACAC,iBAAAA;AAEA,QACE,sBAAA,cAAChB,2BAAAA;EACCiB,eAAe;GAAEC,GAAG;GAAUC,IAAI;GAAM;EACxCC,IAAG;EACHC,IAAI;EACJC,IAAI;EACJC,KAAK,EAAEJ,IAAI,IAAG;IAEbJ,MAAMS,KAAKC,SACV,sBAAA,cAACzB,2BAAAA;EAAQoB,IAAG;EAAKM,KAAKD,KAAKE;EAAOC,MAAM;IACrCZ,aAAaS,KAAAA,CAAAA,CAAAA,CAAAA;;AAOxB,MAAMI,kBACJC,SACAf,OACAC,iBAAAA;CAEA,MAAMe,OAAO;EACXb,GAAG;EACHc,IAAI,MAAMF,UAAU;EACpBG,IAAI,KAAKH;EACX;AACA,QACE,sBAAA,cAAC7B,8BAAAA;EAAWsB,KAAK;EAAIH,IAAG;EAAKC,IAAI;EAAGC,IAAI;IACrCP,MAAMS,KAAKC,SACV,sBAAA,cAAC1B,0BAAAA;EAAO2B,KAAKD,KAAKE;EAAaI;EAAMX,IAAG;IACrCJ,aAAaS,KAAAA,CAAAA,CAAAA,CAAAA;;AAOxB,MAAMS,cACJJ,SACAf,OACAC,iBAAAA;AAEA,KAAIc,YAAYK,OACd,QAAOrB,cAAcC,OAAOC,aAAAA;AAE9B,KAAIc,UAAU,KAAKA,WAAW,EAC5B,QAAOD,eAAeC,SAASf,OAAOC,aAAAA;AAExC,QAAO;;AAGT,MAAaoB,wBAA6D,EACxEC,SACAV,OACAW,MACAC,KACAT,SACAU,UACAC,eACAC,QACAC,oBACD;AACC,QACE,sBAAA,cAACC,OAAAA,EAAIC,eAAaH,UACff,SACC,sBAAA,cAAC3B,2BAAAA;EAAQ8C,gBAAe;EAASC,WAAU;EAASzB,IAAI;IACrDe,UACC,sBAAA,cAACxB,2CAAAA;EACQc;EACEU;EACTW,eAAe;EACfC,YAAY;GAAEC,YAAY;GAAKC,UAAU;IAAEjC,GAAG;IAAIC,IAAI;IAAG;GAAE;EAC3DiC,cAAc;GACZF,YAAY;GACZC,UAAU;IAAEjC,GAAG;IAAIC,IAAI;IAAG;GAC5B;MAGF,sBAAA,cAACP,qBAAAA,EAAMoC,eAAe,SAAQrB,MAAAA,CAAAA,EAInCW,QACC,sBAAA,cAACtC,2BAAAA;EAAQ8C,gBAAe;EAASC,WAAU;IACzC,sBAAA,cAACzC,iCAAAA;EAAY+C,MAAMf;EAAqBK;MAG3CJ,OACC,sBAAA,cAACzC,uBAAAA,EAAIwD,IAAI,MACP,sBAAA,cAACjD,iBAAAA;EACCkD,MAAMhB,IAAIgB;EACVC,SAASjB,IAAIiB;EACbC,YAAYlB,IAAIkB;IAEflB,IAAIc,KAAI,CAAA,EAIf,sBAAA,cAAClD,oCAAAA,EAAUuD,MAAK,UACd,sBAAA,cAAC5D,uBAAAA,EAAIwD,IAAI,MACNpB,WACCJ,SACAU,WACC,EAAEE,kBAAQiB,QAAQC,QAAQC,UAAUlC,OAAOmC,WAAWxB,mBACrD,sBAAA,cAACpC,qCAAAA;EACC6D,IAAG;EACHC,cAAa;EACbC,IAAI;EACJC,IAAI;EACJC,OAAM;EACNtB,eAAaH;IAEZD,kBAAkB,WAAWkB,UAC5B,sBAAA,cAAClD,+BAAAA;EAAc2D,KAAKT;EAAQU,KAAKT,UAAU;KAE5CnB,kBAAkB,UAAUkB,UAC3B,sBAAA,cAACnD,8BAAAA;EACC4D,KAAKT;EACLU,KAAKT,UAAU;EACfU,OAAO;GAAEhD,IAAI;GAAIiD,OAAO;GAAQC,QAAQ;GAAO;KAGlD/B,kBAAkB,UACjB,sBAAA,cAAC/B,8BAAAA,MAAcmD,SAAAA,EAEhBC,aACC,sBAAA,cAACnD,+BAAAA;EACCS,IAAIkB,SAAQX,QAAQ,OAAO,OAAQ;EACnC2C,OAAO;GAAEnB,UAAU;IAAEjC,GAAG;IAAIe,IAAI;IAAG;GAAGX,IAAI;GAAG;IAE5CwC,UAAAA,EAGJxB,UACC,sBAAA,cAAC/B,qCAAAA;EACC+B,MAAMA;EACSK"}

package/dist/LandingPage/PageFeaturesEnhanced.d.cts

@@ -1,12 +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 };
-//# sourceMappingURL=PageFeaturesEnhanced.d.cts.map

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

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