@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/InstructorCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Badge","Box","Card","FlexBox","Text","CalendarIcon","CertificateIcon","CheckerDense","css","theme","styled","forwardRef","CardAnchor","display","flexDirection","height","color","textDecoration","StyledImg","LastChanceBadge","colors","red","PromotionBadge","black","yellow","DottedLine","position","marginTop","PromotionBadgeWrapper","Divider","py","aria-hidden","InfoRow","icon","children","alignItems","gap","fontSize","lineHeight","InstructorCard","title","instructorName","instructorTitle","instructorImageUrl","nextCohortStartDate","promotionBadgeLabel","href","onClick","ref","isLastChance","toLowerCase","includes","PromotionBadgeComponent","width","justifyContent","left","right","top","zIndex","variant","size","borderRadius","borderColor","overflow","isInteractive","p","bg","src","alt","flex","pt","pb","px","alignSelf","as","fontWeight","m","truncate","truncateLines","mt","minWidth"],"sources":["../../src/InstructorCard/index.tsx"],"sourcesContent":["import { Anchor, Badge, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { CalendarIcon, CertificateIcon } from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { forwardRef, PropsWithRef } from 'react';\n\nconst CardAnchor = styled(Anchor)(\n  css({\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    '&:hover, &:focus, &:focus-visible': {\n      color: 'text',\n      textDecoration: 'none',\n    },\n  })\n);\n\nconst StyledImg = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n`;\n\nconst LastChanceBadge = styled(Badge)`\n  color: ${theme.colors.red};\n  border-color: ${theme.colors.red};\n  background-color: ${theme.colors['red-0']};\n  border: 1px solid ${theme.colors['red-500']};\n`;\n\nconst PromotionBadge = styled(Badge)`\n  color: ${theme.colors.black};\n  border-color: ${theme.colors.yellow};\n  background-color: ${theme.colors['yellow-0']};\n  border: 1px solid ${theme.colors['yellow-500']};\n`;\n\nconst DottedLine = styled(CheckerDense)(\n  css({\n    height: '1px',\n    display: 'flex',\n    position: 'absolute',\n    marginTop: '-1px',\n  })\n);\n\nconst PromotionBadgeWrapper = styled(FlexBox)`\n  transform: translateY(-50%);\n  pointer-events: none;\n`;\n\nexport const Divider: React.FC = () => {\n  return (\n    // the height and position properties are necessary for iOS devices\n    <Box py={4} height={0} position=\"relative\" aria-hidden>\n      <DottedLine />\n    </Box>\n  );\n};\n\ntype InfoRowProps = {\n  icon: React.ReactNode;\n  children: React.ReactNode;\n};\n\nconst InfoRow: React.FC<InfoRowProps> = ({ icon, children }) => (\n  <FlexBox alignItems=\"center\" gap={8}>\n    {icon}\n    <Text fontSize={14} lineHeight=\"base\" color=\"text\">\n      {children}\n    </Text>\n  </FlexBox>\n);\n\nexport type InstructorCardProps = {\n  /** The bootcamp title */\n  title: string;\n  /** Instructor's full name */\n  instructorName: string;\n  /** Instructor's professional title */\n  instructorTitle: string;\n  /** URL for the instructor's profile pic (includes background gradient) */\n  instructorImageUrl?: string;\n  /** Formatted start date for the next cohort (e.g. \"Feb 10\") */\n  nextCohortStartDate?: string;\n  /**\n   * Promotional label from the latest cohort (e.g. \"Last chance - 20% off\").\n   * Rendered centered on the top edge of the card, overlapping the border.\n   */\n  promotionBadgeLabel?: string;\n  /** Link destination */\n  href: string;\n  /** Click handler */\n  onClick: () => void;\n};\n\nexport const InstructorCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<InstructorCardProps>\n>(\n  (\n    {\n      title,\n      instructorName,\n      instructorTitle,\n      instructorImageUrl,\n      nextCohortStartDate,\n      promotionBadgeLabel,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const isLastChance = promotionBadgeLabel\n      ?.toLowerCase()\n      .includes('last chance');\n\n    const PromotionBadgeComponent = isLastChance\n      ? LastChanceBadge\n      : PromotionBadge;\n\n    return (\n      <Box position=\"relative\" width=\"100%\" height=\"100%\">\n        {promotionBadgeLabel ? (\n          <PromotionBadgeWrapper\n            justifyContent=\"center\"\n            position=\"absolute\"\n            left={0}\n            right={0}\n            top={0}\n            zIndex={2}\n          >\n            <PromotionBadgeComponent variant=\"tertiary\" size=\"base\">\n              {promotionBadgeLabel}\n            </PromotionBadgeComponent>\n          </PromotionBadgeWrapper>\n        ) : null}\n        <Card\n          borderRadius=\"md\"\n          borderColor=\"border-primary\"\n          overflow=\"hidden\"\n          display=\"flex\"\n          flexDirection=\"column\"\n          isInteractive\n          p={0}\n          height=\"100%\"\n          width=\"100%\"\n        >\n          <CardAnchor\n            href={href}\n            onClick={onClick}\n            variant=\"interface\"\n            ref={ref}\n          >\n            <Box\n              width=\"100%\"\n              height={160}\n              position=\"relative\"\n              overflow=\"hidden\"\n              bg=\"navy-800\"\n            >\n              {instructorImageUrl && (\n                <StyledImg src={instructorImageUrl} alt={instructorName} />\n              )}\n            </Box>\n\n            <FlexBox\n              flexDirection=\"column\"\n              flex={1}\n              pt={12}\n              pb={4}\n              px={12}\n              overflow=\"hidden\"\n            >\n              <FlexBox\n                flexDirection=\"column\"\n                alignSelf=\"stretch\"\n                flex={1}\n                gap={4}\n              >\n                <Text\n                  as=\"h3\"\n                  fontSize={20}\n                  fontWeight=\"bold\"\n                  lineHeight=\"title\"\n                  color=\"text\"\n                  m={0}\n                  truncate=\"ellipsis\"\n                  truncateLines={3}\n                >\n                  {title}\n                </Text>\n\n                <FlexBox flexDirection=\"column\" gap={4} mt=\"auto\" minWidth={0}>\n                  <Text\n                    fontSize={14}\n                    fontWeight=\"bold\"\n                    lineHeight=\"base\"\n                    color=\"text\"\n                  >\n                    {instructorName}\n                  </Text>\n                  <Text\n                    fontSize={14}\n                    lineHeight=\"base\"\n                    color=\"text-secondary\"\n                    truncate=\"ellipsis\"\n                    truncateLines={1}\n                    width=\"100%\"\n                  >\n                    {instructorTitle}\n                  </Text>\n                </FlexBox>\n              </FlexBox>\n\n              <FlexBox flexDirection=\"column\" alignSelf=\"stretch\" mt={4}>\n                {nextCohortStartDate && (\n                  <>\n                    <Divider />\n                    <InfoRow icon={<CalendarIcon size={16} aria-hidden />}>\n                      Next cohort: Starts{' '}\n                      <Text as=\"span\" fontWeight=\"bold\">\n                        {nextCohortStartDate}\n                      </Text>\n                    </InfoRow>\n                  </>\n                )}\n                <Divider />\n                <InfoRow icon={<CertificateIcon size={16} aria-hidden />}>\n                  With{' '}\n                  <Text as=\"span\" fontWeight=\"bold\">\n                    Certificate\n                  </Text>\n                </InfoRow>\n              </FlexBox>\n            </FlexBox>\n          </CardAnchor>\n        </Card>\n      </Box>\n    );\n  }\n);\n"],"mappings":"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"}

package/dist/Konamimojisplosion/Konamimojisplosion.cjs

@@ -0,0 +1,11 @@
+const require_useKonamimojisplosion = require('./useKonamimojisplosion.cjs');
+
+//#region src/Konamimojisplosion/Konamimojisplosion.tsx
+const Konamimojisplosion = ({ onActivate }) => {
+	require_useKonamimojisplosion.useKonamimojisplosion(onActivate);
+	return null;
+};
+
+//#endregion
+exports.Konamimojisplosion = Konamimojisplosion;
+//# sourceMappingURL=Konamimojisplosion.cjs.map

package/dist/Konamimojisplosion/Konamimojisplosion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.cjs","names":["React","useKonamimojisplosion","Konamimojisplosion","onActivate"],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useKonamimojisplosion } from './useKonamimojisplosion';\n\nexport type KonamimojisplosionProps = {\n  onActivate?: () => void;\n};\n\nexport const Konamimojisplosion: React.FC<KonamimojisplosionProps> = ({\n  onActivate,\n}) => {\n  useKonamimojisplosion(onActivate);\n  return null;\n};\n"],"mappings":";;;AAQA,MAAaE,sBAAyD,EACpEC,iBACD;CACCF,oDAAsBE,UAAAA;CACtB,OAAO;AACT"}

package/dist/Konamimojisplosion/Konamimojisplosion.d.cts

@@ -0,0 +1,10 @@
+import React from "react";
+
+//#region src/Konamimojisplosion/Konamimojisplosion.d.ts
+type KonamimojisplosionProps = {
+  onActivate?: () => void;
+};
+declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
+//#endregion
+export { Konamimojisplosion, KonamimojisplosionProps };
+//# sourceMappingURL=Konamimojisplosion.d.cts.map

package/dist/Konamimojisplosion/Konamimojisplosion.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.d.cts","names":[],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"mappings":";;;KAIY,uBAAA;EACV,UAAU;AAAA;AAAA,cAGC,kBAAA,EAAoB,KAAA,CAAM,EAAE,CAAC,uBAAA"}

package/dist/Konamimojisplosion/Konamimojisplosion.d.ts

@@ -1,5 +1,10 @@
-import React from 'react';
-export type KonamimojisplosionProps = {
-    onActivate?: () => void;
+import React from "react";
+
+//#region src/Konamimojisplosion/Konamimojisplosion.d.ts
+type KonamimojisplosionProps = {
+  onActivate?: () => void;
 };
-export declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
+declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
+//#endregion
+export { Konamimojisplosion, KonamimojisplosionProps };
+//# sourceMappingURL=Konamimojisplosion.d.ts.map

package/dist/Konamimojisplosion/Konamimojisplosion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.d.ts","names":[],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"mappings":";;;KAIY,uBAAA;EACV,UAAA;AAAA;AAAA,cAGW,kBAAA,EAAoB,KAAA,CAAM,EAAA,CAAG,uBAAA"}

package/dist/Konamimojisplosion/Konamimojisplosion.js

@@ -1,7 +1,11 @@
-import { useKonamimojisplosion } from './useKonamimojisplosion';
-export const Konamimojisplosion = ({
-  onActivate
-}) => {
-  useKonamimojisplosion(onActivate);
-  return null;
-};
+import { useKonamimojisplosion } from "./useKonamimojisplosion.js";
+
+//#region src/Konamimojisplosion/Konamimojisplosion.tsx
+const Konamimojisplosion = ({ onActivate }) => {
+	useKonamimojisplosion(onActivate);
+	return null;
+};
+
+//#endregion
+export { Konamimojisplosion };
+//# sourceMappingURL=Konamimojisplosion.js.map

package/dist/Konamimojisplosion/Konamimojisplosion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.js","names":["React","useKonamimojisplosion","Konamimojisplosion","onActivate"],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useKonamimojisplosion } from './useKonamimojisplosion';\n\nexport type KonamimojisplosionProps = {\n  onActivate?: () => void;\n};\n\nexport const Konamimojisplosion: React.FC<KonamimojisplosionProps> = ({\n  onActivate,\n}) => {\n  useKonamimojisplosion(onActivate);\n  return null;\n};\n"],"mappings":";;;AAQA,MAAaE,sBAAyD,EACpEC,iBACD;CACCF,sBAAsBE,UAAAA;CACtB,OAAO;AACT"}

package/dist/Konamimojisplosion/index.cjs

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

package/dist/Konamimojisplosion/index.d.cts

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

package/dist/Konamimojisplosion/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Konamimojisplosion';
-export * from './useKonamimojisplosion';
+import { Konamimojisplosion, KonamimojisplosionProps } from "./Konamimojisplosion.js";
+import { useKonamimojisplosion } from "./useKonamimojisplosion.js";

package/dist/Konamimojisplosion/index.js

@@ -1,2 +1,2 @@
-export * from './Konamimojisplosion';
-export * from './useKonamimojisplosion';
+import { useKonamimojisplosion } from "./useKonamimojisplosion.js";
+import { Konamimojisplosion } from "./Konamimojisplosion.js";

package/dist/Konamimojisplosion/useKonamimojisplosion.cjs

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

package/dist/Konamimojisplosion/useKonamimojisplosion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKonamimojisplosion.cjs","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;;AAGF,IAAIC;AAEJ,MAAaC,yBAAyBC,eAAAA;CACpC,MAAM,CAACC,QAAQC,iCAAgC,CAAA,CAAE;CAEjDP,2BAAU;EACR,MAAMQ,YAAYC,MAAAA;GAChB,MAAMC,WAAW,IACXJ,OAAOK,WAAWT,eAAeS,SAASL,OAAOM,MAAM,CAAA,IAAKN,QAChEG,EAAEI;GAGJ,IAAIH,SAASI,KAAI,MAAOZ,eAAeY,KAAI,GAAI;IAC7C,IAAIX,YAAY;KACdA,WAAWY,OAAM;KACjBZ,aAAaa;IACf,OAAO;KACLb,+CAAaJ;KACbM,aAAAA;IACF;IACAE,UAAU,CAAA,CAAE;GACd,OACEA,UAAUG,QAAAA;EAEd;EAEAO,SAASC,iBAAiB,WAAWV,QAAAA;EACrC,aAAaS,SAASE,oBAAoB,WAAWX,QAAAA;CACvD,GAAG,CAACH,YAAYC,OAAO;CAGvBN,2BAAU;EACR,aAAO;GACLG,YAAYY,OAAAA;GACZZ,aAAaa;EACf;CACF,GAAG,CAAA,CAAE;AACP"}

package/dist/Konamimojisplosion/useKonamimojisplosion.d.cts

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

package/dist/Konamimojisplosion/useKonamimojisplosion.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKonamimojisplosion.d.cts","names":[],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"mappings":";cAkBa,qBAAA,GAAyB,UAAuB"}

package/dist/Konamimojisplosion/useKonamimojisplosion.d.ts

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

package/dist/Konamimojisplosion/useKonamimojisplosion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKonamimojisplosion.d.ts","names":[],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"mappings":";cAkBa,qBAAA,GAAyB,UAAA"}

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;;AAGF,IAAIC;AAEJ,MAAaC,yBAAyBC,eAAAA;CACpC,MAAM,CAACC,QAAQC,aAAaN,SAAmB,CAAA,CAAE;CAEjDD,gBAAU;EACR,MAAMQ,YAAYC,MAAAA;GAChB,MAAMC,WAAW,IACXJ,OAAOK,WAAWT,eAAeS,SAASL,OAAOM,MAAM,CAAA,IAAKN,QAChEG,EAAEI;GAGJ,IAAIH,SAASI,KAAI,MAAOZ,eAAeY,KAAI,GAAI;IAC7C,IAAIX,YAAY;KACdA,WAAWY,OAAM;KACjBZ,aAAaa;IACf,OAAO;KACLb,aAAaJ,eAAAA;KACbM,aAAAA;IACF;IACAE,UAAU,CAAA,CAAE;GACd,OACEA,UAAUG,QAAAA;EAEd;EAEAO,SAASC,iBAAiB,WAAWV,QAAAA;EACrC,aAAaS,SAASE,oBAAoB,WAAWX,QAAAA;CACvD,GAAG,CAACH,YAAYC,OAAO;CAGvBN,gBAAU;EACR,aAAO;GACLG,YAAYY,OAAAA;GACZZ,aAAaa;EACf;CACF,GAAG,CAAA,CAAE;AACP"}

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,oBAAA,cAACL,uBAAAA;CAAIM,UAAS;CAAQC,IAAI;GACxB,oBAAA,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,IAAI,CAAC,oBAAA;AAAA,cAEI,WAAA,EAAa,OAAA,CAAM,EAAE,CAAC,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,sBAAA,cAACL,KAAAA;CAAIM,UAAS;CAAQC,IAAI;GACxB,sBAAA,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,2CAAOF,4BAAAA;;;wBAGnBC,+BAAMK,YAAYC,IAAE,yBAAA,y3EAAA;AAM1B,MAAaC,YAAqC,EAChDC,OACAC,MACAC,iBACD;CACC,OACE,oBAAA,cAACZ,8BAAAA;EAAWa,GAAG;EAAGC,GAAG;IACnB,oBAAA,cAACjB,0BAAAA;EAAOkB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBJ,SACC,oBAAA,cAACX,2BAAAA;EAAQiB,gBAAe;EAASC,IAAI;IACnC,oBAAA,cAACZ,qBAAAA,EAAMa,eAAe,SAAQR,KAAAA,CAAAA,GAGjCC,QACCA,KAAKQ,SAAS,KACdR,KAAKS,KAAKC,KAAKC,MACb,oBAAA,cAAC1B,uBAAAA;EAAI2B,cAAc;EAAGC,KAAKH,IAAII;IAC7B,oBAAA,cAAC3B,8BAAAA;EACC4B,SAASL,IAAII;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,oBAAA,cAACvB,WAAAA,EAAUwB,MAAMT,IAAIU;EAC3BC,eAAepB,aAAaS,KAAKC,CAAAA;;AAOjD"}

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,MAAM;AAAA;AAAA,UAGS,aAAA,SAAsB,oBAAA,EAAsB,gBAAA;EAC3D,IAAA,GAAO,GAAA;EACP,UAAA,IAAc,GAAA,EAAK,GAAA,EAAK,KAAA;AAAA;AAAA,cAYb,QAAA,EAAU,OAAA,CAAM,EAAE,CAAC,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,qBAAOF,UAAAA;;;wBAGnBC,MAAMK,YAAYC,IAAE,yBAAA,y3EAAA;AAM1B,MAAaC,YAAqC,EAChDC,OACAC,MACAC,iBACD;CACC,OACE,sBAAA,cAACZ,YAAAA;EAAWa,GAAG;EAAGC,GAAG;IACnB,sBAAA,cAACjB,QAAAA;EAAOkB,MAAM;EAAIF,GAAG;EAAGC,GAAG;IACxBJ,SACC,sBAAA,cAACX,SAAAA;EAAQiB,gBAAe;EAASC,IAAI;IACnC,sBAAA,cAACZ,OAAAA,EAAMa,eAAe,SAAQR,KAAAA,CAAAA,GAGjCC,QACCA,KAAKQ,SAAS,KACdR,KAAKS,KAAKC,KAAKC,MACb,sBAAA,cAAC1B,KAAAA;EAAI2B,cAAc;EAAGC,KAAKH,IAAII;IAC7B,sBAAA,cAAC3B,YAAAA;EACC4B,SAASL,IAAII;EACbE,WAAW;EACXC,SAAQ;EACRC,MAAM,sBAAA,cAACvB,WAAAA,EAAUwB,MAAMT,IAAIU;EAC3BC,eAAepB,aAAaS,KAAKC,CAAAA;;AAOjD"}