@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/Konamimojisplosion/useKonamimojisplosion.js

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

package/dist/Konamimojisplosion/useKonamimojisplosion.js.map

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

package/dist/LandingPage/Description.cjs

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

package/dist/LandingPage/Description.cjs.map

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

package/dist/LandingPage/Description.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.cts","names":[],"sources":["../../src/LandingPage/Description.tsx"],"mappings":";;;;KAKY,gBAAA;EACV,IAAA;AAAA,IACE,IAAA,CAAK,oBAAA;AAAA,cAEI,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/LandingPage/Description.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.ts","names":[],"sources":["../../src/LandingPage/Description.tsx"],"mappings":";;;;KAKY,gBAAA;EACV,IAAA;AAAA,IACE,IAAA,CAAK,oBAAA;AAAA,cAEI,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/LandingPage/Description.js

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

package/dist/LandingPage/Description.js.map

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

package/dist/LandingPage/PageFAQs.cjs

@@ -0,0 +1,40 @@
+const require_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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/LandingPage/PageFAQs.tsx
+const FaqAnswer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Markdown, {
+	target: "e1jj5rms0",
+	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbHVtbixcbiAgRGlzY2xvc3VyZSxcbiAgRmxleEJveCxcbiAgTGF5b3V0R3JpZCxcbiAgTWFya2Rvd24sXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICcuL1RpdGxlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBGQVEge1xuICBxdWVzdGlvbjogc3RyaW5nO1xuICBhbnN3ZXI6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYWdlRmFxc1Byb3BzIGV4dGVuZHMgTGFuZGluZ1BhZ2VCYXNlUHJvcHMsIFdpdGhDaGlsZHJlblByb3Age1xuICBmYXFzPzogRkFRW107XG4gIG9uUm93Q2xpY2s/OiAoZmFxOiBGQVEsIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbmNvbnN0IEZhcUFuc3dlciA9IHN0eWxlZChNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAke3RoZW1lLmJyZWFrcG9pbnRzLm1kfSB7XG4gICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUZhcXM6IFJlYWN0LkZDPFBhZ2VGYXFzUHJvcHM+ID0gKHtcbiAgdGl0bGUsXG4gIGZhcXMsXG4gIG9uUm93Q2xpY2ssXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgcD17MH0gbT17MH0+XG4gICAgICA8Q29sdW1uIHNpemU9ezEyfSBwPXswfSBtPXswfT5cbiAgICAgICAge3RpdGxlICYmIChcbiAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIG1iPXszMn0+XG4gICAgICAgICAgICA8VGl0bGUgaXNQYWdlSGVhZGluZz17ZmFsc2V9Pnt0aXRsZX08L1RpdGxlPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgICAge2ZhcXMgJiZcbiAgICAgICAgICBmYXFzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICBmYXFzLm1hcCgoZmFxLCBpKSA9PiAoXG4gICAgICAgICAgICA8Qm94IGJvcmRlckJvdHRvbT17MX0ga2V5PXtmYXEucXVlc3Rpb259PlxuICAgICAgICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgICAgICAgIGhlYWRpbmc9e2ZhcS5xdWVzdGlvbn1cbiAgICAgICAgICAgICAgICBoYXNCb3JkZXI9e2ZhbHNlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgYm9keT17PEZhcUFuc3dlciB0ZXh0PXtmYXEuYW5zd2VyfSAvPn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblJvd0NsaWNrPy4oZmFxLCBpKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICkpfVxuICAgICAgPC9Db2x1bW4+XG4gICAgPC9MYXlvdXRHcmlkPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIn0= */");
+const PageFaqs = ({ title, faqs, onRowClick }) => {
+	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, i) => /* @__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 }),
+		onClick: () => onRowClick?.(faq, i)
+	})))));
+};
+
+//#endregion
+exports.PageFaqs = PageFaqs;
+//# sourceMappingURL=PageFAQs.cjs.map

package/dist/LandingPage/PageFAQs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.cjs","names":["Box","Column","Disclosure","FlexBox","LayoutGrid","Markdown","theme","styled","React","Title","FaqAnswer","breakpoints","md","PageFaqs","title","faqs","onRowClick","p","m","size","justifyContent","mb","isPageHeading","length","map","faq","i","borderBottom","key","question","heading","hasBorder","variant","body","text","answer","onClick"],"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\ninterface FAQ {\n  question: string;\n  answer: string;\n}\n\nexport interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {\n  faqs?: FAQ[];\n  onRowClick?: (faq: FAQ, index: number) => void;\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> = ({\n  title,\n  faqs,\n  onRowClick,\n}) => {\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, i) => (\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                onClick={() => onRowClick?.(faq, i)}\n              />\n            </Box>\n          ))}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;;;;AA0BA,MAAMU,YAAYH,6CAAOF,4BAAAA;;;wBAGnBC,+BAAMK,YAAYC,IAAE,yBAAA,03EAAA;AAM1B,MAAaC,YAAqC,EAChDC,OACAC,MACAC,iBACD;AACC,QACE,sBAAA,cAACZ,8BAAAA;EAAWa,GAAG;EAAGC,GAAG;IACnB,sBAAA,cAACjB,0BAAAA;EAAOkB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBJ,SACC,sBAAA,cAACX,2BAAAA;EAAQiB,gBAAe;EAASC,IAAI;IACnC,sBAAA,cAACZ,qBAAAA,EAAMa,eAAe,SAAQR,MAAAA,CAAAA,EAGjCC,QACCA,KAAKQ,SAAS,KACdR,KAAKS,KAAKC,KAAKC,MACb,sBAAA,cAAC1B,uBAAAA;EAAI2B,cAAc;EAAGC,KAAKH,IAAII;IAC7B,sBAAA,cAAC3B,8BAAAA;EACC4B,SAASL,IAAII;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,sBAAA,cAACvB,WAAAA,EAAUwB,MAAMT,IAAIU;EAC3BC,eAAepB,aAAaS,KAAKC,EAAAA"}

package/dist/LandingPage/PageFAQs.d.cts

@@ -0,0 +1,17 @@
+import { LandingPageBaseProps } from "./types.cjs";
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/PageFAQs.d.ts
+interface FAQ {
+  question: string;
+  answer: string;
+}
+interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
+  faqs?: FAQ[];
+  onRowClick?: (faq: FAQ, index: number) => void;
+}
+declare const PageFaqs: React$1.FC<PageFaqsProps>;
+//#endregion
+export { PageFaqs, PageFaqsProps };
+//# sourceMappingURL=PageFAQs.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.d.cts","names":[],"sources":["../../src/LandingPage/PageFAQs.tsx"],"mappings":";;;;;UAgBU,GAAA;EACR,QAAA;EACA,MAAA;AAAA;AAAA,UAGe,aAAA,SAAsB,oBAAA,EAAsB,gBAAA;EAC3D,IAAA,GAAO,GAAA;EACP,UAAA,IAAc,GAAA,EAAK,GAAA,EAAK,KAAA;AAAA;AAAA,cAYb,QAAA,EAAU,OAAA,CAAM,EAAA,CAAG,aAAA"}

package/dist/LandingPage/PageFAQs.d.ts

@@ -1,13 +1,17 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-import { LandingPageBaseProps } from './types';
+import { LandingPageBaseProps } from "./types.js";
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/PageFAQs.d.ts
 interface FAQ {
-    question: string;
-    answer: string;
+  question: string;
+  answer: string;
 }
-export interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
-    faqs?: FAQ[];
-    onRowClick?: (faq: FAQ, index: number) => void;
+interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
+  faqs?: FAQ[];
+  onRowClick?: (faq: FAQ, index: number) => void;
 }
-export declare const PageFaqs: React.FC<PageFaqsProps>;
-export {};
+declare const PageFaqs: React$1.FC<PageFaqsProps>;
+//#endregion
+export { PageFaqs, PageFaqsProps };
+//# sourceMappingURL=PageFAQs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.d.ts","names":[],"sources":["../../src/LandingPage/PageFAQs.tsx"],"mappings":";;;;;UAgBU,GAAA;EACR,QAAA;EACA,MAAA;AAAA;AAAA,UAGe,aAAA,SAAsB,oBAAA,EAAsB,gBAAA;EAC3D,IAAA,GAAO,GAAA;EACP,UAAA,IAAc,GAAA,EAAK,GAAA,EAAK,KAAA;AAAA;AAAA,cAYb,QAAA,EAAU,OAAA,CAAM,EAAA,CAAG,aAAA"}

package/dist/LandingPage/PageFAQs.js

@@ -1,44 +1,37 @@
-import _styled from "@emotion/styled/base";
-import { Box, Column, Disclosure, FlexBox, LayoutGrid, Markdown } from '@codecademy/gamut';
-import { theme } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { Title } from './Title';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FaqAnswer = /*#__PURE__*/_styled(Markdown, {
-  target: "e17s0ih10",
-  label: "FaqAnswer"
-})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlRkFRcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrQyIsImZpbGUiOiIuLi8uLi9zcmMvTGFuZGluZ1BhZ2UvUGFnZUZBUXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBDb2x1bW4sXG4gIERpc2Nsb3N1cmUsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIE1hcmtkb3duLFxuICBXaXRoQ2hpbGRyZW5Qcm9wLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRpdGxlIH0gZnJvbSAnLi9UaXRsZSc7XG5pbXBvcnQgeyBMYW5kaW5nUGFnZUJhc2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgRkFRIHtcbiAgcXVlc3Rpb246IHN0cmluZztcbiAgYW5zd2VyOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUZhcXNQcm9wcyBleHRlbmRzIExhbmRpbmdQYWdlQmFzZVByb3BzLCBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgZmFxcz86IEZBUVtdO1xuICBvblJvd0NsaWNrPzogKGZhcTogRkFRLCBpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5jb25zdCBGYXFBbnN3ZXIgPSBzdHlsZWQoTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgJHt0aGVtZS5icmVha3BvaW50cy5tZH0ge1xuICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VGYXFzOiBSZWFjdC5GQzxQYWdlRmFxc1Byb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBmYXFzLFxuICBvblJvd0NsaWNrLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIHA9ezB9IG09ezB9PlxuICAgICAgPENvbHVtbiBzaXplPXsxMn0gcD17MH0gbT17MH0+XG4gICAgICAgIHt0aXRsZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBtYj17MzJ9PlxuICAgICAgICAgICAgPFRpdGxlIGlzUGFnZUhlYWRpbmc9e2ZhbHNlfT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtmYXFzICYmXG4gICAgICAgICAgZmFxcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgZmFxcy5tYXAoKGZhcSwgaSkgPT4gKFxuICAgICAgICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGtleT17ZmFxLnF1ZXN0aW9ufT5cbiAgICAgICAgICAgICAgPERpc2Nsb3N1cmVcbiAgICAgICAgICAgICAgICBoZWFkaW5nPXtmYXEucXVlc3Rpb259XG4gICAgICAgICAgICAgICAgaGFzQm9yZGVyPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGJvZHk9ezxGYXFBbnN3ZXIgdGV4dD17ZmFxLmFuc3dlcn0gLz59XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Sb3dDbGljaz8uKGZhcSwgaSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgIDwvQ29sdW1uPlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKTtcbn07XG4iXX0= */"));
-export const PageFaqs = ({
-  title,
-  faqs,
-  onRowClick
-}) => {
-  return /*#__PURE__*/_jsx(LayoutGrid, {
-    p: 0,
-    m: 0,
-    children: /*#__PURE__*/_jsxs(Column, {
-      size: 12,
-      p: 0,
-      m: 0,
-      children: [title && /*#__PURE__*/_jsx(FlexBox, {
-        justifyContent: "center",
-        mb: 32,
-        children: /*#__PURE__*/_jsx(Title, {
-          isPageHeading: false,
-          children: title
-        })
-      }), faqs && faqs.length > 0 && faqs.map((faq, i) => /*#__PURE__*/_jsx(Box, {
-        borderBottom: 1,
-        children: /*#__PURE__*/_jsx(Disclosure, {
-          heading: faq.question,
-          hasBorder: false,
-          variant: "transparent",
-          body: /*#__PURE__*/_jsx(FaqAnswer, {
-            text: faq.answer
-          }),
-          onClick: () => onRowClick?.(faq, i)
-        })
-      }, faq.question))]
-    })
-  });
-};
+import { Title } from "./Title.js";
+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: "e1jj5rms0",
+	label: "brand-FaqAnswer"
+})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xhbmRpbmdQYWdlL1BhZ2VGQVFzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbHVtbixcbiAgRGlzY2xvc3VyZSxcbiAgRmxleEJveCxcbiAgTGF5b3V0R3JpZCxcbiAgTWFya2Rvd24sXG4gIFdpdGhDaGlsZHJlblByb3AsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICcuL1RpdGxlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBGQVEge1xuICBxdWVzdGlvbjogc3RyaW5nO1xuICBhbnN3ZXI6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYWdlRmFxc1Byb3BzIGV4dGVuZHMgTGFuZGluZ1BhZ2VCYXNlUHJvcHMsIFdpdGhDaGlsZHJlblByb3Age1xuICBmYXFzPzogRkFRW107XG4gIG9uUm93Q2xpY2s/OiAoZmFxOiBGQVEsIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbmNvbnN0IEZhcUFuc3dlciA9IHN0eWxlZChNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAke3RoZW1lLmJyZWFrcG9pbnRzLm1kfSB7XG4gICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUZhcXM6IFJlYWN0LkZDPFBhZ2VGYXFzUHJvcHM+ID0gKHtcbiAgdGl0bGUsXG4gIGZhcXMsXG4gIG9uUm93Q2xpY2ssXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgcD17MH0gbT17MH0+XG4gICAgICA8Q29sdW1uIHNpemU9ezEyfSBwPXswfSBtPXswfT5cbiAgICAgICAge3RpdGxlICYmIChcbiAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIG1iPXszMn0+XG4gICAgICAgICAgICA8VGl0bGUgaXNQYWdlSGVhZGluZz17ZmFsc2V9Pnt0aXRsZX08L1RpdGxlPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgICAge2ZhcXMgJiZcbiAgICAgICAgICBmYXFzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICBmYXFzLm1hcCgoZmFxLCBpKSA9PiAoXG4gICAgICAgICAgICA8Qm94IGJvcmRlckJvdHRvbT17MX0ga2V5PXtmYXEucXVlc3Rpb259PlxuICAgICAgICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgICAgICAgIGhlYWRpbmc9e2ZhcS5xdWVzdGlvbn1cbiAgICAgICAgICAgICAgICBoYXNCb3JkZXI9e2ZhbHNlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgYm9keT17PEZhcUFuc3dlciB0ZXh0PXtmYXEuYW5zd2VyfSAvPn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblJvd0NsaWNrPy4oZmFxLCBpKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICkpfVxuICAgICAgPC9Db2x1bW4+XG4gICAgPC9MYXlvdXRHcmlkPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIn0= */");
+const PageFaqs = ({ title, faqs, onRowClick }) => {
+	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, i) => /* @__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 }),
+		onClick: () => onRowClick?.(faq, i)
+	})))));
+};
+
+//#endregion
+export { PageFaqs };
+//# sourceMappingURL=PageFAQs.js.map

package/dist/LandingPage/PageFAQs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.js","names":["Box","Column","Disclosure","FlexBox","LayoutGrid","Markdown","theme","styled","React","Title","FaqAnswer","breakpoints","md","PageFaqs","title","faqs","onRowClick","p","m","size","justifyContent","mb","isPageHeading","length","map","faq","i","borderBottom","key","question","heading","hasBorder","variant","body","text","answer","onClick"],"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\ninterface FAQ {\n  question: string;\n  answer: string;\n}\n\nexport interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {\n  faqs?: FAQ[];\n  onRowClick?: (faq: FAQ, index: number) => void;\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> = ({\n  title,\n  faqs,\n  onRowClick,\n}) => {\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, i) => (\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                onClick={() => onRowClick?.(faq, i)}\n              />\n            </Box>\n          ))}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;AA0BA,MAAMU,YAAYH,uBAAOF,UAAAA;;;wBAGnBC,MAAMK,YAAYC,IAAE,yBAAA,03EAAA;AAM1B,MAAaC,YAAqC,EAChDC,OACAC,MACAC,iBACD;AACC,QACE,wBAAA,cAACZ,YAAAA;EAAWa,GAAG;EAAGC,GAAG;IACnB,wBAAA,cAACjB,QAAAA;EAAOkB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBJ,SACC,wBAAA,cAACX,SAAAA;EAAQiB,gBAAe;EAASC,IAAI;IACnC,wBAAA,cAACZ,OAAAA,EAAMa,eAAe,SAAQR,MAAAA,CAAAA,EAGjCC,QACCA,KAAKQ,SAAS,KACdR,KAAKS,KAAKC,KAAKC,MACb,wBAAA,cAAC1B,KAAAA;EAAI2B,cAAc;EAAGC,KAAKH,IAAII;IAC7B,wBAAA,cAAC3B,YAAAA;EACC4B,SAASL,IAAII;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,wBAAA,cAACvB,WAAAA,EAAUwB,MAAMT,IAAIU;EAC3BC,eAAepB,aAAaS,KAAKC,EAAAA"}

package/dist/LandingPage/Title.cjs

@@ -0,0 +1,32 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/LandingPage/Title.tsx
+const titleProps = {
+	heading: {
+		as: "h1",
+		fontSize: {
+			_: 34,
+			sm: 44,
+			lg: 64
+		}
+	},
+	subheading: {
+		as: "h2",
+		fontSize: {
+			_: 26,
+			lg: 34
+		}
+	}
+};
+const Title = ({ isPageHeading, children }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+	maxWidth: "58rem",
+	...titleProps[isPageHeading ? "heading" : "subheading"]
+}, children);
+
+//#endregion
+exports.Title = Title;
+exports.titleProps = titleProps;
+//# sourceMappingURL=Title.cjs.map

package/dist/LandingPage/Title.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.cjs","names":["Text","React","titleProps","heading","as","fontSize","_","sm","lg","subheading","Title","isPageHeading","children","maxWidth"],"sources":["../../src/LandingPage/Title.tsx"],"sourcesContent":["import { Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface TitleProps extends WithChildrenProp {\n  isPageHeading?: boolean;\n}\n\nexport const titleProps = {\n  heading: {\n    as: 'h1',\n    fontSize: {\n      _: 34,\n      sm: 44,\n      lg: 64,\n    },\n  },\n  subheading: {\n    as: 'h2',\n    fontSize: {\n      _: 26,\n      lg: 34,\n    },\n  },\n} as const;\n\nexport const Title: React.FC<TitleProps> = ({ isPageHeading, children }) => (\n  <Text\n    maxWidth=\"58rem\"\n    {...titleProps[isPageHeading ? 'heading' : 'subheading']}\n  >\n    {children}\n  </Text>\n);\n"],"mappings":";;;;;;AAOA,MAAaE,aAAa;CACxBC,SAAS;EACPC,IAAI;EACJC,UAAU;GACRC,GAAG;GACHC,IAAI;GACJC,IAAI;GACN;EACF;CACAC,YAAY;EACVL,IAAI;EACJC,UAAU;GACRC,GAAG;GACHE,IAAI;GACN;EACF;CACF;AAEA,MAAaE,SAA+B,EAAEC,eAAeC,eAC3D,sBAAA,cAACZ,wBAAAA;CACCa,UAAS;CACR,GAAGX,WAAWS,gBAAgB,YAAY;GAE1CC,SAAAA"}

package/dist/LandingPage/Title.d.cts

@@ -0,0 +1,28 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.d.ts
+interface TitleProps extends WithChildrenProp {
+  isPageHeading?: boolean;
+}
+declare const titleProps: {
+  readonly heading: {
+    readonly as: "h1";
+    readonly fontSize: {
+      readonly _: 34;
+      readonly sm: 44;
+      readonly lg: 64;
+    };
+  };
+  readonly subheading: {
+    readonly as: "h2";
+    readonly fontSize: {
+      readonly _: 26;
+      readonly lg: 34;
+    };
+  };
+};
+declare const Title: React$1.FC<TitleProps>;
+//#endregion
+export { Title, TitleProps, titleProps };
+//# sourceMappingURL=Title.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.cts","names":[],"sources":["../../src/LandingPage/Title.tsx"],"mappings":";;;;UAGiB,UAAA,SAAmB,gBAAA;EAClC,aAAA;AAAA;AAAA,cAGW,UAAA;EAAA;;;;;;;;;;;;;;;;cAkBA,KAAA,EAAO,OAAA,CAAM,EAAA,CAAG,UAAA"}

package/dist/LandingPage/Title.d.ts

@@ -1,23 +1,28 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface TitleProps extends WithChildrenProp {
-    isPageHeading?: boolean;
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.d.ts
+interface TitleProps extends WithChildrenProp {
+  isPageHeading?: boolean;
 }
-export declare const titleProps: {
-    readonly heading: {
-        readonly as: "h1";
-        readonly fontSize: {
-            readonly _: 34;
-            readonly sm: 44;
-            readonly lg: 64;
-        };
+declare const titleProps: {
+  readonly heading: {
+    readonly as: "h1";
+    readonly fontSize: {
+      readonly _: 34;
+      readonly sm: 44;
+      readonly lg: 64;
     };
-    readonly subheading: {
-        readonly as: "h2";
-        readonly fontSize: {
-            readonly _: 26;
-            readonly lg: 34;
-        };
+  };
+  readonly subheading: {
+    readonly as: "h2";
+    readonly fontSize: {
+      readonly _: 26;
+      readonly lg: 34;
     };
+  };
 };
-export declare const Title: React.FC<TitleProps>;
+declare const Title: React$1.FC<TitleProps>;
+//#endregion
+export { Title, TitleProps, titleProps };
+//# sourceMappingURL=Title.d.ts.map

package/dist/LandingPage/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","names":[],"sources":["../../src/LandingPage/Title.tsx"],"mappings":";;;;UAGiB,UAAA,SAAmB,gBAAA;EAClC,aAAA;AAAA;AAAA,cAGW,UAAA;EAAA;;;;;;;;;;;;;;;;cAkBA,KAAA,EAAO,OAAA,CAAM,EAAA,CAAG,UAAA"}

package/dist/LandingPage/Title.js

@@ -1,28 +1,29 @@
-import { Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const titleProps = {
-  heading: {
-    as: 'h1',
-    fontSize: {
-      _: 34,
-      sm: 44,
-      lg: 64
-    }
-  },
-  subheading: {
-    as: 'h2',
-    fontSize: {
-      _: 26,
-      lg: 34
-    }
-  }
+import { Text } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.tsx
+const titleProps = {
+	heading: {
+		as: "h1",
+		fontSize: {
+			_: 34,
+			sm: 44,
+			lg: 64
+		}
+	},
+	subheading: {
+		as: "h2",
+		fontSize: {
+			_: 26,
+			lg: 34
+		}
+	}
 };
-export const Title = ({
-  isPageHeading,
-  children
-}) => /*#__PURE__*/_jsx(Text, {
-  maxWidth: "58rem",
-  ...titleProps[isPageHeading ? 'heading' : 'subheading'],
-  children: children
-});
+const Title = ({ isPageHeading, children }) => /* @__PURE__ */ React$1.createElement(Text, {
+	maxWidth: "58rem",
+	...titleProps[isPageHeading ? "heading" : "subheading"]
+}, children);
+
+//#endregion
+export { Title, titleProps };
+//# sourceMappingURL=Title.js.map

package/dist/LandingPage/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","names":["Text","React","titleProps","heading","as","fontSize","_","sm","lg","subheading","Title","isPageHeading","children","maxWidth"],"sources":["../../src/LandingPage/Title.tsx"],"sourcesContent":["import { Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface TitleProps extends WithChildrenProp {\n  isPageHeading?: boolean;\n}\n\nexport const titleProps = {\n  heading: {\n    as: 'h1',\n    fontSize: {\n      _: 34,\n      sm: 44,\n      lg: 64,\n    },\n  },\n  subheading: {\n    as: 'h2',\n    fontSize: {\n      _: 26,\n      lg: 34,\n    },\n  },\n} as const;\n\nexport const Title: React.FC<TitleProps> = ({ isPageHeading, children }) => (\n  <Text\n    maxWidth=\"58rem\"\n    {...titleProps[isPageHeading ? 'heading' : 'subheading']}\n  >\n    {children}\n  </Text>\n);\n"],"mappings":";;;;AAOA,MAAaE,aAAa;CACxBC,SAAS;EACPC,IAAI;EACJC,UAAU;GACRC,GAAG;GACHC,IAAI;GACJC,IAAI;GACN;EACF;CACAC,YAAY;EACVL,IAAI;EACJC,UAAU;GACRC,GAAG;GACHE,IAAI;GACN;EACF;CACF;AAEA,MAAaE,SAA+B,EAAEC,eAAeC,eAC3D,wBAAA,cAACZ,MAAAA;CACCa,UAAS;CACR,GAAGX,WAAWS,gBAAgB,YAAY;GAE1CC,SAAAA"}

package/dist/LandingPage/TitleWithEyebrow.cjs

@@ -0,0 +1,34 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_Title = require('./Title.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/LandingPage/TitleWithEyebrow.tsx
+const TitleWithEyebrow = ({ title, eyebrow, isPageHeading, titleStyle, eyebrowStyle }) => /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(require_Title.Title, { isPageHeading }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
+	fontSize: {
+		_: 20,
+		sm: 22
+	},
+	fontFamily: "accent",
+	mb: 16,
+	display: "block",
+	color: eyebrow.accent ? "blue" : void 0,
+	...eyebrowStyle
+}, eyebrow.text)), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
+	fontSize: isPageHeading ? {
+		_: 34,
+		sm: 44,
+		lg: 64
+	} : {
+		_: 26,
+		lg: 34
+	},
+	fontWeight: 700,
+	lineHeight: "title",
+	...titleStyle
+}, title));
+
+//#endregion
+exports.TitleWithEyebrow = TitleWithEyebrow;
+//# sourceMappingURL=TitleWithEyebrow.cjs.map

package/dist/LandingPage/TitleWithEyebrow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithEyebrow.cjs","names":["Text","React","Title","TitleWithEyebrow","title","eyebrow","isPageHeading","titleStyle","eyebrowStyle","div","fontSize","_","sm","fontFamily","mb","display","color","accent","undefined","text","lg","fontWeight","lineHeight"],"sources":["../../src/LandingPage/TitleWithEyebrow.tsx"],"sourcesContent":["import type { TextProps } from '@codecademy/gamut';\nimport { Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { Title } from './Title';\nimport type { Eyebrow } from './types';\n\nexport interface TitleWithEyebrowProps {\n  eyebrow: Eyebrow;\n  title: string | undefined;\n  isPageHeading: boolean | undefined;\n  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n}\n\nexport const TitleWithEyebrow: React.FC<TitleWithEyebrowProps> = ({\n  title,\n  eyebrow,\n  isPageHeading,\n  titleStyle,\n  eyebrowStyle,\n}) => (\n  <div>\n    <Title isPageHeading={isPageHeading}>\n      <Text\n        fontSize={{ _: 20, sm: 22 }}\n        fontFamily=\"accent\"\n        mb={16}\n        display=\"block\"\n        color={eyebrow.accent ? 'blue' : undefined}\n        {...eyebrowStyle}\n      >\n        {eyebrow.text}\n      </Text>\n    </Title>\n    <Text\n      fontSize={isPageHeading ? { _: 34, sm: 44, lg: 64 } : { _: 26, lg: 34 }}\n      fontWeight={700}\n      lineHeight=\"title\"\n      {...titleStyle}\n    >\n      {title}\n    </Text>\n  </div>\n);\n"],"mappings":";;;;;;;AAeA,MAAaG,oBAAqD,EAChEC,OACAC,SACAC,eACAC,YACAC,mBAEA,8BAAA,cAACC,OAAAA,MACC,8BAAA,cAACP,qBAAAA,EAAqBI,iBACpB,8BAAA,cAACN,wBAAAA;CACCU,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,YAAW;CACXC,IAAI;CACJC,SAAQ;CACRC,OAAOX,QAAQY,SAAS,SAASC;CAChC,GAAGV;GAEHH,QAAQc,KAAI,CAAA,EAGjB,8BAAA,cAACnB,wBAAAA;CACCU,UAAUJ,gBAAgB;EAAEK,GAAG;EAAIC,IAAI;EAAIQ,IAAI;EAAG,GAAI;EAAET,GAAG;EAAIS,IAAI;EAAG;CACtEC,YAAY;CACZC,YAAW;CACV,GAAGf;GAEHH,MAAAA,CAAAA"}