@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/LandingPage/PageTestimonials.js

@@ -0,0 +1,113 @@
+import _styled from "@emotion/styled/base";
+import { Box, Card, Column, FlexBox, LayoutGrid, Markdown, Text } from '@codecademy/gamut';
+import { MiniQuoteIcon, PersonFilledIcon } from '@codecademy/gamut-icons';
+import { theme } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { Avatar } from '../Avatar';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UserProfile = ({
+  fullName,
+  jobTitle,
+  image
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  flexDirection: "row",
+  gap: 12,
+  alignItems: "center",
+  children: [/*#__PURE__*/_jsx(FlexBox, {
+    background: theme.colors['blue-300'],
+    borderRadius: "full",
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1,
+    borderColor: "black",
+    borderStyle: "solid",
+    minWidth: 64,
+    minHeight: 64,
+    overflow: "hidden",
+    children: image ? /*#__PURE__*/_jsx(Avatar, {
+      src: image,
+      alt: fullName || 'N/A',
+      size: 64,
+      disableDropshadow: true
+    }) : /*#__PURE__*/_jsx(PersonFilledIcon, {
+      color: "black",
+      size: 60,
+      mt: 12,
+      borderRadius: "full"
+    })
+  }), /*#__PURE__*/_jsxs(Box, {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4,
+    children: [/*#__PURE__*/_jsx(Text, {
+      fontWeight: "bold",
+      fontSize: 16,
+      children: fullName
+    }), /*#__PURE__*/_jsx(Text, {
+      fontSize: 16,
+      color: "gray-800",
+      children: jobTitle
+    })]
+  })]
+});
+const StyledCard = /*#__PURE__*/_styled(Card, {
+  target: "e1sph7qk0",
+  label: "StyledCard"
+})(({
+  bg
+}) => `
+  background: ${bg};
+  display: flex;
+  flex-direction: column;
+`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlVGVzdGltb25pYWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RW1CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlVGVzdGltb25pYWxzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ2FyZCxcbiAgQ29sdW1uLFxuICBGbGV4Qm94LFxuICBMYXlvdXRHcmlkLFxuICBNYXJrZG93bixcbiAgVGV4dCxcbiAgV2l0aENoaWxkcmVuUHJvcCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaVF1b3RlSWNvbiwgUGVyc29uRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vQXZhdGFyJztcbmltcG9ydCB7IEV5ZWJyb3cgfSBmcm9tICcuL1BhZ2VTaW5nbGVGZWF0dXJlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGl2ZUxlYXJuaW5nVGVzdGltb25pYWxJdGVtIHtcbiAgaW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgfTtcbiAgZmlyc3ROYW1lOiBzdHJpbmc7XG4gIGxhc3ROYW1lOiBzdHJpbmc7XG4gIGpvYlRpdGxlOiBzdHJpbmc7XG4gIGNvbXBhbnk6IHN0cmluZztcbiAgc2hvcnRRdW90ZTogc3RyaW5nO1xuICBsb25nUXVvdGU6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xufVxuXG5jb25zdCBVc2VyUHJvZmlsZSA9ICh7XG4gIGZ1bGxOYW1lLFxuICBqb2JUaXRsZSxcbiAgaW1hZ2UsXG59OiB7XG4gIGZ1bGxOYW1lOiBzdHJpbmc7XG4gIGpvYlRpdGxlOiBzdHJpbmc7XG4gIGltYWdlOiBzdHJpbmc7XG59KTogUmVhY3ROb2RlID0+IChcbiAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cInJvd1wiIGdhcD17MTJ9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICA8RmxleEJveFxuICAgICAgYmFja2dyb3VuZD17dGhlbWUuY29sb3JzWydibHVlLTMwMCddfVxuICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgIGJvcmRlcldpZHRoPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJibGFja1wiXG4gICAgICBib3JkZXJTdHlsZT1cInNvbGlkXCJcbiAgICAgIG1pbldpZHRoPXs2NH1cbiAgICAgIG1pbkhlaWdodD17NjR9XG4gICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgPlxuICAgICAge2ltYWdlID8gKFxuICAgICAgICA8QXZhdGFyXG4gICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICBhbHQ9e2Z1bGxOYW1lIHx8ICdOL0EnfVxuICAgICAgICAgIHNpemU9ezY0fVxuICAgICAgICAgIGRpc2FibGVEcm9wc2hhZG93XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8UGVyc29uRmlsbGVkSWNvbiBjb2xvcj1cImJsYWNrXCIgc2l6ZT17NjB9IG10PXsxMn0gYm9yZGVyUmFkaXVzPVwiZnVsbFwiIC8+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgICA8Qm94IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0+XG4gICAgICA8VGV4dCBmb250V2VpZ2h0PVwiYm9sZFwiIGZvbnRTaXplPXsxNn0+XG4gICAgICAgIHtmdWxsTmFtZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxUZXh0IGZvbnRTaXplPXsxNn0gY29sb3I9XCJncmF5LTgwMFwiPlxuICAgICAgICB7am9iVGl0bGV9XG4gICAgICA8L1RleHQ+XG4gICAgPC9Cb3g+XG4gIDwvRmxleEJveD5cbik7XG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZCkoXG4gICh7IGJnIH06IHsgYmc/OiBzdHJpbmcgfSkgPT4gYFxuICBiYWNrZ3JvdW5kOiAke2JnfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmBcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZVRlc3RpbW9uaWFsc1Byb3BzXG4gIGV4dGVuZHMgTGFuZGluZ1BhZ2VCYXNlUHJvcHMsXG4gICAgV2l0aENoaWxkcmVuUHJvcCB7XG4gIGV5ZWJyb3c/OiBFeWVicm93O1xuICB0ZXN0aW1vbmlhbHM/OiBMaXZlTGVhcm5pbmdUZXN0aW1vbmlhbEl0ZW1bXTtcbn1cblxuY29uc3QgVGVzdGltb25pYWxDYXJkID0gKHtcbiAgdGVzdGltb25pYWwsXG4gIGJnLFxufToge1xuICB0ZXN0aW1vbmlhbDogTGl2ZUxlYXJuaW5nVGVzdGltb25pYWxJdGVtO1xuICBiZz86IHN0cmluZztcbn0pOiBSZWFjdE5vZGUgPT4gKFxuICA8U3R5bGVkQ2FyZCBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiIGJvcmRlclJhZGl1cz1cImxnXCIgcD17MjR9IGJnPXtiZ30+XG4gICAgPE1pbmlRdW90ZUljb24gc2l6ZT17MTh9IG10PVwiYXV0b1wiIC8+XG4gICAgPEJveCBtdD17MTJ9IG1iPXsyNH0+XG4gICAgICA8TWFya2Rvd24gdGV4dD17dGVzdGltb25pYWw/LmxvbmdRdW90ZX0gLz5cbiAgICA8L0JveD5cbiAgICA8VXNlclByb2ZpbGVcbiAgICAgIGZ1bGxOYW1lPXt0ZXN0aW1vbmlhbD8uZmlyc3ROYW1lICsgJyAnICsgdGVzdGltb25pYWw/Lmxhc3ROYW1lfVxuICAgICAgam9iVGl0bGU9e3Rlc3RpbW9uaWFsPy5qb2JUaXRsZX1cbiAgICAgIGltYWdlPXt0ZXN0aW1vbmlhbD8uaW1hZ2U/LnVybH1cbiAgICAvPlxuICA8L1N0eWxlZENhcmQ+XG4pO1xuXG5jb25zdCBUZXN0aW1vbmlhbENhcmRzID0gKHtcbiAgdGVzdGltb25pYWxzLFxufToge1xuICB0ZXN0aW1vbmlhbHM6IExpdmVMZWFybmluZ1Rlc3RpbW9uaWFsSXRlbVtdO1xufSk6IFJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IGJhY2tncm91bmRWYXJpYW50cyA9IFtcbiAgICB0aGVtZS5jb2xvcnNbJ3llbGxvdy0wJ10sXG4gICAgdGhlbWUuY29sb3JzWydwaW5rLTAnXSxcbiAgICB0aGVtZS5jb2xvcnNbJ2JsdWUtMCddLFxuICBdO1xuICByZXR1cm4gdGVzdGltb25pYWxzPy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgPENvbHVtblxuICAgICAga2V5PXtpdGVtLmxhc3ROYW1lLnJlcGxhY2VBbGwoJyAnLCAnLScpfVxuICAgICAgc2l6ZT17e1xuICAgICAgICBfOiAxMixcbiAgICAgICAgc206IDYsXG4gICAgICAgIG1kOiA0LFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGVzdGltb25pYWxDYXJkXG4gICAgICAgIHRlc3RpbW9uaWFsPXtpdGVtfVxuICAgICAgICBiZz17YmFja2dyb3VuZFZhcmlhbnRzW2luZGV4ICUgYmFja2dyb3VuZFZhcmlhbnRzLmxlbmd0aF19XG4gICAgICAvPlxuICAgIDwvQ29sdW1uPlxuICApKTtcbn07XG5cbmV4cG9ydCBjb25zdCBQYWdlVGVzdGltb25pYWxzOiBSZWFjdC5GQzxQYWdlVGVzdGltb25pYWxzUHJvcHM+ID0gKHtcbiAgdGVzdGltb25pYWxzLFxuICB0ZXN0SWQsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgZGF0YS10ZXN0aWQ9e3Rlc3RJZH0gZ2FwPXszMn0+XG4gICAgICB7dGVzdGltb25pYWxzICYmIHRlc3RpbW9uaWFscz8ubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUZXN0aW1vbmlhbENhcmRzIHRlc3RpbW9uaWFscz17dGVzdGltb25pYWxzfSAvPlxuICAgICAgKX1cbiAgICA8L0xheW91dEdyaWQ+XG4gICk7XG59O1xuIl19 */");
+const TestimonialCard = ({
+  testimonial,
+  bg
+}) => /*#__PURE__*/_jsxs(StyledCard, {
+  shadow: "patternLeft",
+  borderRadius: "lg",
+  p: 24,
+  bg: bg,
+  children: [/*#__PURE__*/_jsx(MiniQuoteIcon, {
+    size: 18,
+    mt: "auto"
+  }), /*#__PURE__*/_jsx(Box, {
+    mt: 12,
+    mb: 24,
+    children: /*#__PURE__*/_jsx(Markdown, {
+      text: testimonial?.longQuote
+    })
+  }), /*#__PURE__*/_jsx(UserProfile, {
+    fullName: testimonial?.firstName + ' ' + testimonial?.lastName,
+    jobTitle: testimonial?.jobTitle,
+    image: testimonial?.image?.url
+  })]
+});
+const TestimonialCards = ({
+  testimonials
+}) => {
+  const backgroundVariants = [theme.colors['yellow-0'], theme.colors['pink-0'], theme.colors['blue-0']];
+  return testimonials?.map((item, index) => /*#__PURE__*/_jsx(Column, {
+    size: {
+      _: 12,
+      sm: 6,
+      md: 4
+    },
+    children: /*#__PURE__*/_jsx(TestimonialCard, {
+      testimonial: item,
+      bg: backgroundVariants[index % backgroundVariants.length]
+    })
+  }, item.lastName.replaceAll(' ', '-')));
+};
+export const PageTestimonials = ({
+  testimonials,
+  testId
+}) => {
+  return /*#__PURE__*/_jsx(LayoutGrid, {
+    "data-testid": testId,
+    gap: 32,
+    children: testimonials && testimonials?.length > 0 && /*#__PURE__*/_jsx(TestimonialCards, {
+      testimonials: testimonials
+    })
+  });
+};

package/dist/LandingPage/PageVideoGallery.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { LandingPageBaseProps } from './types';
+export type PageVideo = {
+    url: string;
+    title: string;
+    placeholderImage?: string;
+};
+export type PageVideoGalleryProps = LandingPageBaseProps & {
+    videos: PageVideo[];
+};
+export declare const PageVideoGallery: React.FC<PageVideoGalleryProps>;

package/dist/LandingPage/PageVideoGallery.js

@@ -0,0 +1,49 @@
+import _styled from "@emotion/styled/base";
+import { Box, Video } from '@codecademy/gamut';
+import { mediaQueries } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { CTA } from './CTA';
+import { Description } from './Description';
+import { Title } from './Title';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Grid = /*#__PURE__*/_styled("div", {
+  target: "e12cs26e1",
+  label: "Grid"
+})("display:grid;grid-template:1fr/1fr;gap:8px;", mediaQueries.sm, "{grid-template:1fr 1fr/12fr 5fr;gap:16px;}", mediaQueries.md, "{gap:24px;}", mediaQueries.lg, "{gap:32px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlVmlkZW9HYWxsZXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xhbmRpbmdQYWdlL1BhZ2VWaWRlb0dhbGxlcnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBWaWRlbyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IG1lZGlhUXVlcmllcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENUQSB9IGZyb20gJy4vQ1RBJztcbmltcG9ydCB7IERlc2NyaXB0aW9uIH0gZnJvbSAnLi9EZXNjcmlwdGlvbic7XG5pbXBvcnQgeyBUaXRsZSB9IGZyb20gJy4vVGl0bGUnO1xuaW1wb3J0IHsgTGFuZGluZ1BhZ2VCYXNlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgR3JpZCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGU6IDFmciAvIDFmcjtcbiAgZ2FwOiA4cHg7XG5cbiAgJHttZWRpYVF1ZXJpZXMuc219IHtcbiAgICAvLyB0aGVyZSBtdXN0IGJlIGEgbWF0aGVtYXRpY2FsIGV4cGxhbmF0aW9uIGZvciB3aHkgfjEyOjUgaXMgdGhlIGNvcnJlY3QgcmF0aW8gZm9yXG4gICAgLy8gdGhlIGNvbHVtbiB3aWR0aHMgYnV0IEkgZG8gbm90IGtub3cgd2hhdCBpdCBpcy4gUmVnYXJkbGVzcywgdGhlIGVmZmVjdCBpcyB0aGF0XG4gICAgLy8gYWxsIHRocmVlIHZpZGVvcyB3aWxsIG1haW50YWluIGEgMTY6OSBhc3BlY3QgcmF0aW8gd2l0aCBhbiBldmVuIGdhcCBiZXR3ZWVuIHRoZW0uXG5cbiAgICBncmlkLXRlbXBsYXRlOiAxZnIgMWZyIC8gMTJmciA1ZnI7XG5cbiAgICBnYXA6IDE2cHg7XG4gIH1cbiAgJHttZWRpYVF1ZXJpZXMubWR9IHtcbiAgICBnYXA6IDI0cHg7XG4gIH1cbiAgJHttZWRpYVF1ZXJpZXMubGd9IHtcbiAgICBnYXA6IDMycHg7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWRWaWRlbyA9IHN0eWxlZChWaWRlbylgXG4gICR7bWVkaWFRdWVyaWVzLnNtfSB7XG4gICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGdyaWQtcm93OiAxIC8gc3BhbiAyO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgUGFnZVZpZGVvID0ge1xuICB1cmw6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXJJbWFnZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFBhZ2VWaWRlb0dhbGxlcnlQcm9wcyA9IExhbmRpbmdQYWdlQmFzZVByb3BzICYge1xuICB2aWRlb3M6IFBhZ2VWaWRlb1tdO1xufTtcblxuZXhwb3J0IGNvbnN0IFBhZ2VWaWRlb0dhbGxlcnk6IFJlYWN0LkZDPFBhZ2VWaWRlb0dhbGxlcnlQcm9wcz4gPSAoe1xuICB2aWRlb3MsXG4gIHRpdGxlLFxuICBkZXNjLFxuICBvbkFuY2hvckNsaWNrLFxuICBjdGEsXG4gIHRlc3RJZCxcbn0pID0+IChcbiAgPGRpdj5cbiAgICB7KHRpdGxlIHx8IGRlc2MpICYmIChcbiAgICAgIDxCb3ggbWI9ezMyfT5cbiAgICAgICAge3RpdGxlICYmIDxUaXRsZT57dGl0bGV9PC9UaXRsZT59XG4gICAgICAgIHtkZXNjICYmIDxEZXNjcmlwdGlvbiB0ZXh0PXtkZXNjfSBvbkFuY2hvckNsaWNrPXtvbkFuY2hvckNsaWNrfSAvPn1cbiAgICAgIDwvQm94PlxuICAgICl9XG4gICAgPEdyaWQgZGF0YS10ZXN0aWQ9e3Rlc3RJZH0+XG4gICAgICB7dmlkZW9zLm1hcCgodmlkZW8pID0+IChcbiAgICAgICAgPEdyaWRWaWRlb1xuICAgICAgICAgIGtleT17dmlkZW8udXJsfVxuICAgICAgICAgIHZpZGVvVXJsPXt2aWRlby51cmx9XG4gICAgICAgICAgdmlkZW9UaXRsZT17dmlkZW8udGl0bGV9XG4gICAgICAgICAgcGxhY2Vob2xkZXJJbWFnZT17dmlkZW8ucGxhY2Vob2xkZXJJbWFnZSB8fCB0cnVlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9HcmlkPlxuICAgIHtjdGEgJiYgKFxuICAgICAgPEJveCBtdD17MzJ9PlxuICAgICAgICA8Q1RBIGhyZWY9e2N0YS5ocmVmfSBvbkNsaWNrPXtjdGEub25DbGlja30gYnV0dG9uVHlwZT17Y3RhLmJ1dHRvblR5cGV9PlxuICAgICAgICAgIHtjdGEudGV4dH1cbiAgICAgICAgPC9DVEE+XG4gICAgICA8L0JveD5cbiAgICApfVxuICA8L2Rpdj5cbik7XG4iXX0= */"));
+const GridVideo = /*#__PURE__*/_styled(Video, {
+  target: "e12cs26e0",
+  label: "GridVideo"
+})(mediaQueries.sm, "{&:first-of-type{grid-row:1/span 2;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlVmlkZW9HYWxsZXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlVmlkZW9HYWxsZXJ5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgVmlkZW8gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBtZWRpYVF1ZXJpZXMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBDVEEgfSBmcm9tICcuL0NUQSc7XG5pbXBvcnQgeyBEZXNjcmlwdGlvbiB9IGZyb20gJy4vRGVzY3JpcHRpb24nO1xuaW1wb3J0IHsgVGl0bGUgfSBmcm9tICcuL1RpdGxlJztcbmltcG9ydCB7IExhbmRpbmdQYWdlQmFzZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEdyaWQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlOiAxZnIgLyAxZnI7XG4gIGdhcDogOHB4O1xuXG4gICR7bWVkaWFRdWVyaWVzLnNtfSB7XG4gICAgLy8gdGhlcmUgbXVzdCBiZSBhIG1hdGhlbWF0aWNhbCBleHBsYW5hdGlvbiBmb3Igd2h5IH4xMjo1IGlzIHRoZSBjb3JyZWN0IHJhdGlvIGZvclxuICAgIC8vIHRoZSBjb2x1bW4gd2lkdGhzIGJ1dCBJIGRvIG5vdCBrbm93IHdoYXQgaXQgaXMuIFJlZ2FyZGxlc3MsIHRoZSBlZmZlY3QgaXMgdGhhdFxuICAgIC8vIGFsbCB0aHJlZSB2aWRlb3Mgd2lsbCBtYWludGFpbiBhIDE2OjkgYXNwZWN0IHJhdGlvIHdpdGggYW4gZXZlbiBnYXAgYmV0d2VlbiB0aGVtLlxuXG4gICAgZ3JpZC10ZW1wbGF0ZTogMWZyIDFmciAvIDEyZnIgNWZyO1xuXG4gICAgZ2FwOiAxNnB4O1xuICB9XG4gICR7bWVkaWFRdWVyaWVzLm1kfSB7XG4gICAgZ2FwOiAyNHB4O1xuICB9XG4gICR7bWVkaWFRdWVyaWVzLmxnfSB7XG4gICAgZ2FwOiAzMnB4O1xuICB9XG5gO1xuXG5jb25zdCBHcmlkVmlkZW8gPSBzdHlsZWQoVmlkZW8pYFxuICAke21lZGlhUXVlcmllcy5zbX0ge1xuICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBncmlkLXJvdzogMSAvIHNwYW4gMjtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIFBhZ2VWaWRlbyA9IHtcbiAgdXJsOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVySW1hZ2U/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBQYWdlVmlkZW9HYWxsZXJ5UHJvcHMgPSBMYW5kaW5nUGFnZUJhc2VQcm9wcyAmIHtcbiAgdmlkZW9zOiBQYWdlVmlkZW9bXTtcbn07XG5cbmV4cG9ydCBjb25zdCBQYWdlVmlkZW9HYWxsZXJ5OiBSZWFjdC5GQzxQYWdlVmlkZW9HYWxsZXJ5UHJvcHM+ID0gKHtcbiAgdmlkZW9zLFxuICB0aXRsZSxcbiAgZGVzYyxcbiAgb25BbmNob3JDbGljayxcbiAgY3RhLFxuICB0ZXN0SWQsXG59KSA9PiAoXG4gIDxkaXY+XG4gICAgeyh0aXRsZSB8fCBkZXNjKSAmJiAoXG4gICAgICA8Qm94IG1iPXszMn0+XG4gICAgICAgIHt0aXRsZSAmJiA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+fVxuICAgICAgICB7ZGVzYyAmJiA8RGVzY3JpcHRpb24gdGV4dD17ZGVzY30gb25BbmNob3JDbGljaz17b25BbmNob3JDbGlja30gLz59XG4gICAgICA8L0JveD5cbiAgICApfVxuICAgIDxHcmlkIGRhdGEtdGVzdGlkPXt0ZXN0SWR9PlxuICAgICAge3ZpZGVvcy5tYXAoKHZpZGVvKSA9PiAoXG4gICAgICAgIDxHcmlkVmlkZW9cbiAgICAgICAgICBrZXk9e3ZpZGVvLnVybH1cbiAgICAgICAgICB2aWRlb1VybD17dmlkZW8udXJsfVxuICAgICAgICAgIHZpZGVvVGl0bGU9e3ZpZGVvLnRpdGxlfVxuICAgICAgICAgIHBsYWNlaG9sZGVySW1hZ2U9e3ZpZGVvLnBsYWNlaG9sZGVySW1hZ2UgfHwgdHJ1ZX1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvR3JpZD5cbiAgICB7Y3RhICYmIChcbiAgICAgIDxCb3ggbXQ9ezMyfT5cbiAgICAgICAgPENUQSBocmVmPXtjdGEuaHJlZn0gb25DbGljaz17Y3RhLm9uQ2xpY2t9IGJ1dHRvblR5cGU9e2N0YS5idXR0b25UeXBlfT5cbiAgICAgICAgICB7Y3RhLnRleHR9XG4gICAgICAgIDwvQ1RBPlxuICAgICAgPC9Cb3g+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuIl19 */"));
+export const PageVideoGallery = ({
+  videos,
+  title,
+  desc,
+  onAnchorClick,
+  cta,
+  testId
+}) => /*#__PURE__*/_jsxs("div", {
+  children: [(title || desc) && /*#__PURE__*/_jsxs(Box, {
+    mb: 32,
+    children: [title && /*#__PURE__*/_jsx(Title, {
+      children: title
+    }), desc && /*#__PURE__*/_jsx(Description, {
+      text: desc,
+      onAnchorClick: onAnchorClick
+    })]
+  }), /*#__PURE__*/_jsx(Grid, {
+    "data-testid": testId,
+    children: videos.map(video => /*#__PURE__*/_jsx(GridVideo, {
+      videoUrl: video.url,
+      videoTitle: video.title,
+      placeholderImage: video.placeholderImage || true
+    }, video.url))
+  }), cta && /*#__PURE__*/_jsx(Box, {
+    mt: 32,
+    children: /*#__PURE__*/_jsx(CTA, {
+      href: cta.href,
+      onClick: cta.onClick,
+      buttonType: cta.buttonType,
+      children: cta.text
+    })
+  })]
+});

package/dist/LandingPage/Title.d.ts

@@ -0,0 +1,23 @@
+import { WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+export 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;
+        };
+    };
+    readonly subheading: {
+        readonly as: "h2";
+        readonly fontSize: {
+            readonly _: 26;
+            readonly lg: 34;
+        };
+    };
+};
+export declare const Title: React.FC<TitleProps>;

package/dist/LandingPage/Title.js

@@ -0,0 +1,28 @@
+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
+    }
+  }
+};
+export const Title = ({
+  isPageHeading,
+  children
+}) => /*#__PURE__*/_jsx(Text, {
+  maxWidth: "58rem",
+  ...titleProps[isPageHeading ? 'heading' : 'subheading'],
+  children: children
+});

package/dist/LandingPage/TitleWithEyebrow.d.ts

@@ -0,0 +1,11 @@
+import { TextProps } from '@codecademy/gamut';
+import React from 'react';
+import { Eyebrow } from './PageSingleFeature';
+export interface TitleWithEyebrowProps {
+    eyebrow: Eyebrow;
+    title: string | undefined;
+    isPageHeading: boolean | undefined;
+    titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+    eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+}
+export declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;

package/dist/LandingPage/TitleWithEyebrow.js

@@ -0,0 +1,40 @@
+import { Text } from '@codecademy/gamut';
+import React from 'react';
+import { Title } from './Title';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TitleWithEyebrow = ({
+  title,
+  eyebrow,
+  isPageHeading,
+  titleStyle,
+  eyebrowStyle
+}) => /*#__PURE__*/_jsxs("div", {
+  children: [/*#__PURE__*/_jsx(Title, {
+    isPageHeading: isPageHeading,
+    children: /*#__PURE__*/_jsx(Text, {
+      fontSize: {
+        _: 20,
+        sm: 22
+      },
+      fontFamily: "accent",
+      mb: 16,
+      display: "block",
+      color: eyebrow.accent ? 'blue' : undefined,
+      ...eyebrowStyle,
+      children: eyebrow.text
+    })
+  }), /*#__PURE__*/_jsx(Text, {
+    fontSize: isPageHeading ? {
+      _: 34,
+      sm: 44,
+      lg: 64
+    } : {
+      _: 26,
+      lg: 34
+    },
+    fontWeight: 700,
+    lineHeight: "title",
+    ...titleStyle,
+    children: title
+  })]
+});

package/dist/LandingPage/index.d.ts

@@ -0,0 +1,14 @@
+export * from './PageHero';
+export * from './PageSingleFeature';
+export * from './PageFeatures';
+export * from './PageFeaturesEnhanced';
+export * from './PageFeaturesWithReferences';
+export * from './PagePrefooter';
+export * from './PageVideoGallery';
+export * from './types';
+export * from './Title';
+export * from './TitleWithEyebrow';
+export * from './Description';
+export * from './PageTestimonials';
+export * from './PageFAQs';
+export * from '../FeatureList';

package/dist/LandingPage/index.js

@@ -0,0 +1,14 @@
+export * from './PageHero';
+export * from './PageSingleFeature';
+export * from './PageFeatures';
+export * from './PageFeaturesEnhanced';
+export * from './PageFeaturesWithReferences';
+export * from './PagePrefooter';
+export * from './PageVideoGallery';
+export * from './types';
+export * from './Title';
+export * from './TitleWithEyebrow';
+export * from './Description';
+export * from './PageTestimonials';
+export * from './PageFAQs';
+export * from '../FeatureList';

package/dist/LandingPage/types.d.ts

@@ -0,0 +1,28 @@
+export type LandingPageBaseProps = {
+    title?: string;
+    /**
+     * Body text as markdown
+     */
+    desc?: string;
+    /**
+     * Callback when a markdown anchor tag is clicked
+     */
+    onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * text: button text
+     *
+     * href: url to navigate to when clicking the button
+     *
+     * onClick: callback when the button is clicked
+     *
+     * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
+     */
+    cta?: {
+        text: string;
+        href: string;
+        onClick?: React.MouseEventHandler;
+        buttonType?: 'cta' | 'fill';
+    };
+    testId?: string;
+};
+export type CtaProps = LandingPageBaseProps['cta'];

package/dist/LandingPage/types.js

@@ -0,0 +1 @@
+export {};

package/dist/LayoutMenu/AccordionMenu.d.ts

@@ -0,0 +1,26 @@
+import { Scale } from '@codecademy/variance/dist/types/config';
+import * as React from 'react';
+export type SectionItem = {
+    title: string;
+    slug: string;
+    href: string;
+    onClick: (event: React.MouseEvent) => void;
+    badge?: React.JSX.Element;
+};
+export type Section = {
+    title: string;
+    slug: string;
+    items: SectionItem[];
+};
+export declare const isSection: (item: Section | React.ReactNode) => item is Section;
+export type AccordionMenuProps = {
+    section: Section;
+    onSectionToggle: (sectionSlug: string) => void;
+    onItemClick: () => void;
+    selectedItem?: string;
+    verticalSpacing?: Scale<{
+        readonly property: 'padding';
+        readonly scale: 'spacing';
+    }>;
+};
+export declare const AccordionMenu: React.FC<AccordionMenuProps>;

package/dist/LayoutMenu/AccordionMenu.js

@@ -0,0 +1,71 @@
+import _styled from "@emotion/styled/base";
+import { AccordionAreaDeprecated, Anchor, Text } from '@codecademy/gamut';
+import { MiniChevronDownIcon } from '@codecademy/gamut-icons';
+import { css, states, transitionConcat } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { LayoutMenuSection } from './LayoutMenuSection';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledAccordionArea = /*#__PURE__*/_styled(AccordionAreaDeprecated, {
+  target: "e1erzfk91",
+  label: "StyledAccordionArea"
+})("padding-bottom:", ({
+  theme
+}) => theme.spacing[32], ";position:relative;left:-4px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUyRCIsImZpbGUiOiIuLi8uLi9zcmMvTGF5b3V0TWVudS9BY2NvcmRpb25NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkLCBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1szMl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBSZWFjdC5KU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgY29uc3QgaXNTZWN0aW9uID0gKGl0ZW06IFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpOiBpdGVtIGlzIFNlY3Rpb24gPT4ge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiBpdGVtID09PSAnb2JqZWN0JyAmJlxuICAgIGl0ZW0gIT09IG51bGwgJiZcbiAgICAndGl0bGUnIGluIGl0ZW0gJiZcbiAgICAnc2x1ZycgaW4gaXRlbSAmJlxuICAgICdpdGVtcycgaW4gaXRlbVxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbiAgc2VsZWN0ZWRJdGVtLFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHB5PXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgID5cbiAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZSAqL31cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIiBzdHlsZT17eyBmbGV4OiAxIH19IHRleHRBbGlnbj1cImxlZnRcIj5cbiAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgICAgaXRlbXM9e3NlY3Rpb24uaXRlbXN9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9XG4gICAgICAgIHZlcnRpY2FsU3BhY2luZz17dmVydGljYWxTcGFjaW5nfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl19 */"));
+const chevronStates = states({
+  expanded: {
+    transform: 'rotate(180deg)'
+  }
+});
+const ExpandChevron = /*#__PURE__*/_styled(MiniChevronDownIcon, {
+  target: "e1erzfk90",
+  label: "ExpandChevron"
+})(css({
+  transform: 'rotate(0deg)',
+  transition: transitionConcat(['transform'], 'slow', 'ease-out')
+}), chevronStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0IiLCJmaWxlIjoiLi4vLi4vc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZCwgQW5jaG9yLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQXJlYSA9IHN0eWxlZChBY2NvcmRpb25BcmVhRGVwcmVjYXRlZClgXG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMzJdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzU2VjdGlvbiA9IChpdGVtOiBTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKTogaXRlbSBpcyBTZWN0aW9uID0+IHtcbiAgcmV0dXJuIChcbiAgICB0eXBlb2YgaXRlbSA9PT0gJ29iamVjdCcgJiZcbiAgICBpdGVtICE9PSBudWxsICYmXG4gICAgJ3RpdGxlJyBpbiBpdGVtICYmXG4gICAgJ3NsdWcnIGluIGl0ZW0gJiZcbiAgICAnaXRlbXMnIGluIGl0ZW1cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHNlbGVjdGVkSXRlbT86IHN0cmluZztcbiAgdmVydGljYWxTcGFjaW5nPzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgc2NhbGU6ICdzcGFjaW5nJztcbiAgfT47XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG4gIHNlbGVjdGVkSXRlbSxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IFJlYWN0LnVzZVN0YXRlKHRydWUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjY29yZGlvbkFyZWFcbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIHRvcD17XG4gICAgICAgIDxBbmNob3JcbiAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICBweT17MTJ9XG4gICAgICAgICAgcHg9ezR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25TZWN0aW9uVG9nZ2xlKHNlY3Rpb24uc2x1Zyk7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICA+XG4gICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGUgKi99XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCIgc3R5bGU9e3sgZmxleDogMSB9fSB0ZXh0QWxpZ249XCJsZWZ0XCI+XG4gICAgICAgICAgICB7c2VjdGlvbi50aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgIG1sPXsxMn1cbiAgICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9BbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uXG4gICAgICAgIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfVxuICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgb25JdGVtQ2xpY2s9e29uSXRlbUNsaWNrfVxuICAgICAgICB2ZXJ0aWNhbFNwYWNpbmc9e3ZlcnRpY2FsU3BhY2luZ31cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdfQ== */");
+export const isSection = item => {
+  return typeof item === 'object' && item !== null && 'title' in item && 'slug' in item && 'items' in item;
+};
+export const AccordionMenu = ({
+  section,
+  onSectionToggle,
+  onItemClick,
+  selectedItem,
+  verticalSpacing
+}) => {
+  const [expanded, setExpanded] = React.useState(true);
+  return /*#__PURE__*/_jsx(StyledAccordionArea, {
+    expanded: expanded,
+    top: /*#__PURE__*/_jsxs(Anchor, {
+      variant: "interface",
+      py: 12,
+      px: 4,
+      onClick: () => {
+        onSectionToggle(section.slug);
+        setExpanded(prev => !prev);
+      },
+      "aria-expanded": expanded,
+      display: "flex",
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "title-xs",
+        style: {
+          flex: 1
+        },
+        textAlign: "left",
+        children: section.title
+      }), /*#__PURE__*/_jsx(ExpandChevron, {
+        ml: 12,
+        size: 14,
+        expanded: expanded,
+        position: "relative",
+        top: 4
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(LayoutMenuSection, {
+      items: section.items,
+      selectedItem: selectedItem,
+      onItemClick: onItemClick,
+      verticalSpacing: verticalSpacing
+    })
+  });
+};

package/dist/LayoutMenu/LayoutMenu.d.ts

@@ -0,0 +1,44 @@
+import { WithChildrenProp } from '@codecademy/gamut';
+import { Scale } from '@codecademy/variance/dist/types/config';
+import * as React from 'react';
+import { Section, SectionItem } from './AccordionMenu';
+export interface LayoutMenuProps extends WithChildrenProp {
+    /**
+     * Accessibility label for the mobile Flyout's close button.
+     */
+    closeLabel: string;
+    /**
+     * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.
+     * Arbitrary react nodes can also be passed and will be rendered as-is.
+     */
+    sections: (Section | React.ReactNode)[];
+    /**
+     * The slug of the current selected item
+     */
+    selectedItem?: string;
+    /**
+     * Callback to be run on click of the accordion button
+     */
+    onSectionToggle: (sectionSlug: string) => void;
+    /**
+     * Text shown in mobile button that opens flyout on click
+     */
+    mobileButtonText: string;
+    /**
+     * Breakpoint above which the menu button displays as a full sidebar
+     */
+    breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * An array of section items, each of which become an additional link on top of the accordion section.
+     */
+    topLinkSections?: SectionItem[];
+    /**
+     * Set fixed height for menu with overflow
+     */
+    menuHeight?: 'sm' | 'md' | 'lg';
+    verticalSpacing?: Scale<{
+        readonly property: 'padding';
+        readonly scale: 'spacing';
+    }>;
+}
+export declare const LayoutMenu: React.FC<LayoutMenuProps>;

package/dist/LayoutMenu/LayoutMenu.js

@@ -0,0 +1,119 @@
+import _styled from "@emotion/styled/base";
+import { Box, Flyout, StrokeButton } from '@codecademy/gamut';
+import { variant } from '@codecademy/gamut-styles';
+import { useState } from 'react';
+import * as React from 'react';
+import { LogoCodecademy } from '../Logos';
+import { AccordionMenu, isSection } from './AccordionMenu';
+import { LayoutMenuSection } from './LayoutMenuSection';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyleBox = /*#__PURE__*/_styled(Box, {
+  target: "e1uif67f0",
+  label: "StyleBox"
+})(variant({
+  prop: 'menuHeight',
+  base: {
+    overflowY: 'auto',
+    overflowX: 'hidden',
+    paddingTop: '4px',
+    paddingLeft: '4px'
+  },
+  variants: {
+    sm: {
+      height: '630px'
+    },
+    md: {
+      height: '1000px'
+    },
+    lg: {
+      height: '1370px',
+      paddingLeft: '8px'
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51L0xheW91dE1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xheW91dE1lbnUvTGF5b3V0TWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZseW91dCwgU3Ryb2tlQnV0dG9uLCBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMb2dvQ29kZWNhZGVteSB9IGZyb20gJy4uL0xvZ29zJztcbmltcG9ydCB7XG4gIEFjY29yZGlvbk1lbnUsXG4gIGlzU2VjdGlvbixcbiAgU2VjdGlvbixcbiAgU2VjdGlvbkl0ZW0sXG59IGZyb20gJy4vQWNjb3JkaW9uTWVudSc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dE1lbnVQcm9wcyBleHRlbmRzIFdpdGhDaGlsZHJlblByb3Age1xuICAvKipcbiAgICogQWNjZXNzaWJpbGl0eSBsYWJlbCBmb3IgdGhlIG1vYmlsZSBGbHlvdXQncyBjbG9zZSBidXR0b24uXG4gICAqL1xuICBjbG9zZUxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBzZWN0aW9ucyBjb250YWluaW5nIHRoZSB0aXRsZSwgc2x1ZywgYW5kIGl0ZW1zLCBlYWNoIG9mIHdoaWNoIHdpbGwgYmVjb21lIGFuIGFjY29yZGlvbi4gRWFjaCBpdGVtIGNvbnRhaW5zIGEgdGl0bGUsIHNsdWcsIGFuZCBvbkNsaWNrLlxuICAgKiBBcmJpdHJhcnkgcmVhY3Qgbm9kZXMgY2FuIGFsc28gYmUgcGFzc2VkIGFuZCB3aWxsIGJlIHJlbmRlcmVkIGFzLWlzLlxuICAgKi9cbiAgc2VjdGlvbnM6IChTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKVtdO1xuICAvKipcbiAgICogVGhlIHNsdWcgb2YgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgaXRlbVxuICAgKi9cbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gYmUgcnVuIG9uIGNsaWNrIG9mIHRoZSBhY2NvcmRpb24gYnV0dG9uXG4gICAqL1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGV4dCBzaG93biBpbiBtb2JpbGUgYnV0dG9uIHRoYXQgb3BlbnMgZmx5b3V0IG9uIGNsaWNrXG4gICAqL1xuICBtb2JpbGVCdXR0b25UZXh0OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCcmVha3BvaW50IGFib3ZlIHdoaWNoIHRoZSBtZW51IGJ1dHRvbiBkaXNwbGF5cyBhcyBhIGZ1bGwgc2lkZWJhclxuICAgKi9cbiAgYnJlYWtwb2ludD86ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnO1xuICAvKipcbiAgICogQW4gYXJyYXkgb2Ygc2VjdGlvbiBpdGVtcywgZWFjaCBvZiB3aGljaCBiZWNvbWUgYW4gYWRkaXRpb25hbCBsaW5rIG9uIHRvcCBvZiB0aGUgYWNjb3JkaW9uIHNlY3Rpb24uXG4gICAqL1xuICB0b3BMaW5rU2VjdGlvbnM/OiBTZWN0aW9uSXRlbVtdO1xuICAvKipcbiAgICogU2V0IGZpeGVkIGhlaWdodCBmb3IgbWVudSB3aXRoIG92ZXJmbG93XG4gICAqL1xuICBtZW51SGVpZ2h0PzogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn1cblxuY29uc3QgU3R5bGVCb3ggPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ21lbnVIZWlnaHQnLFxuICAgIGJhc2U6IHtcbiAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgIHBhZGRpbmdUb3A6ICc0cHgnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICc0cHgnLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIHNtOiB7XG4gICAgICAgIGhlaWdodDogJzYzMHB4JyxcbiAgICAgIH0sXG4gICAgICBtZDoge1xuICAgICAgICBoZWlnaHQ6ICcxMDAwcHgnLFxuICAgICAgfSxcbiAgICAgIGxnOiB7XG4gICAgICAgIGhlaWdodDogJzEzNzBweCcsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnOHB4JyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRNZW51OiBSZWFjdC5GQzxMYXlvdXRNZW51UHJvcHM+ID0gKHtcbiAgY2xvc2VMYWJlbCxcbiAgc2VjdGlvbnMsXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgc2VsZWN0ZWRJdGVtLFxuICBtb2JpbGVCdXR0b25UZXh0LFxuICBicmVha3BvaW50ID0gJ2xnJyxcbiAgY2hpbGRyZW4sXG4gIHRvcExpbmtTZWN0aW9ucyxcbiAgbWVudUhlaWdodCxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBhY2NvcmRpb25NZW51U2VjdGlvbnMgPSBzZWN0aW9ucy5tYXAoKHNlY3Rpb24sIGkpID0+IChcbiAgICA8Qm94IGFzPVwibGlcIiBrZXk9e2lzU2VjdGlvbihzZWN0aW9uKSA/IHNlY3Rpb24uc2x1ZyA6IGl9PlxuICAgICAge2lzU2VjdGlvbihzZWN0aW9uKSA/IChcbiAgICAgICAgPEFjY29yZGlvbk1lbnVcbiAgICAgICAgICBzZWN0aW9uPXtzZWN0aW9ufVxuICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZT17b25TZWN0aW9uVG9nZ2xlfVxuICAgICAgICAgIG9uSXRlbUNsaWNrPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgdmVydGljYWxTcGFjaW5nPXt2ZXJ0aWNhbFNwYWNpbmd9XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2l9PntzZWN0aW9ufTwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApfVxuICAgIDwvQm94PlxuICApKTtcblxuICBjb25zdCB0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zID0gdG9wTGlua1NlY3Rpb25zICYmIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxMYXlvdXRNZW51U2VjdGlvblxuICAgICAgICBpdGVtcz17dG9wTGlua1NlY3Rpb25zfVxuICAgICAgICBvbkl0ZW1DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoZmFsc2UpfVxuICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgcGI9ezMyfVxuICAgICAgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxuYXY+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgW2JyZWFrcG9pbnRdOiAnbm9uZScgfX0+XG4gICAgICAgIDxGbHlvdXRcbiAgICAgICAgICBjbG9zZUxhYmVsPXtjbG9zZUxhYmVsfVxuICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgICAgdGl0bGU9ezxMb2dvQ29kZWNhZGVteSBtYj17MzJ9IC8+fVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBhcz1cInVsXCIgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIiBweT17MH0gcHg9ezE2fSBtPXswfT5cbiAgICAgICAgICAgIHt0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zfVxuICAgICAgICAgICAge2FjY29yZGlvbk1lbnVTZWN0aW9uc31cbiAgICAgICAgICAgIHtjaGlsZHJlbiA/IDxCb3ggYXM9XCJsaVwiPntjaGlsZHJlbn08L0JveD4gOiBudWxsfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0ZseW91dD5cbiAgICAgICAgPFN0cm9rZUJ1dHRvblxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIHdpZHRoPXsxfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAge21vYmlsZUJ1dHRvblRleHR9XG4gICAgICAgIDwvU3Ryb2tlQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICA8U3R5bGVCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgbWVudUhlaWdodD17bWVudUhlaWdodH1cbiAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIFticmVha3BvaW50XTogJ2Jsb2NrJyB9fVxuICAgICAgICBkYXRhLXRlc3RpZD1cImRlc2t0b3AtbWVudVwiXG4gICAgICA+XG4gICAgICAgIHt0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zfVxuICAgICAgICB7YWNjb3JkaW9uTWVudVNlY3Rpb25zfVxuICAgICAgICB7Y2hpbGRyZW4gPyA8Qm94IGFzPVwibGlcIj57Y2hpbGRyZW59PC9Cb3g+IDogbnVsbH1cbiAgICAgIDwvU3R5bGVCb3g+XG4gICAgPC9uYXY+XG4gICk7XG59O1xuIl19 */");
+export const LayoutMenu = ({
+  closeLabel,
+  sections,
+  onSectionToggle,
+  selectedItem,
+  mobileButtonText,
+  breakpoint = 'lg',
+  children,
+  topLinkSections,
+  menuHeight,
+  verticalSpacing
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const accordionMenuSections = sections.map((section, i) => /*#__PURE__*/_jsx(Box, {
+    as: "li",
+    children: isSection(section) ? /*#__PURE__*/_jsx(AccordionMenu, {
+      section: section,
+      onSectionToggle: onSectionToggle,
+      onItemClick: () => setExpanded(false),
+      selectedItem: selectedItem,
+      verticalSpacing: verticalSpacing
+    }) :
+    /*#__PURE__*/
+    // eslint-disable-next-line react/no-array-index-key
+    _jsx(React.Fragment, {
+      children: section
+    }, i)
+  }, isSection(section) ? section.slug : i));
+  const topLinkLayoutMenuSections = topLinkSections && /*#__PURE__*/_jsx(Box, {
+    as: "li",
+    children: /*#__PURE__*/_jsx(LayoutMenuSection, {
+      items: topLinkSections,
+      onItemClick: () => setExpanded(false),
+      selectedItem: selectedItem,
+      pb: 32
+    })
+  });
+  return /*#__PURE__*/_jsxs("nav", {
+    children: [/*#__PURE__*/_jsxs(Box, {
+      display: {
+        _: 'block',
+        [breakpoint]: 'none'
+      },
+      children: [/*#__PURE__*/_jsx(Flyout, {
+        closeLabel: closeLabel,
+        expanded: expanded,
+        onClose: () => setExpanded(false),
+        title: /*#__PURE__*/_jsx(LogoCodecademy, {
+          mb: 32
+        }),
+        children: /*#__PURE__*/_jsxs(Box, {
+          as: "ul",
+          listStyleType: "none",
+          py: 0,
+          px: 16,
+          m: 0,
+          children: [topLinkLayoutMenuSections, accordionMenuSections, children ? /*#__PURE__*/_jsx(Box, {
+            as: "li",
+            children: children
+          }) : null]
+        })
+      }), /*#__PURE__*/_jsx(StrokeButton, {
+        "aria-expanded": expanded,
+        variant: "secondary",
+        width: 1,
+        onClick: () => setExpanded(true),
+        children: mobileButtonText
+      })]
+    }), /*#__PURE__*/_jsxs(StyleBox, {
+      as: "ul",
+      listStyleType: "none",
+      p: 0,
+      m: 0,
+      menuHeight: menuHeight,
+      display: {
+        _: 'none',
+        [breakpoint]: 'block'
+      },
+      "data-testid": "desktop-menu",
+      children: [topLinkLayoutMenuSections, accordionMenuSections, children ? /*#__PURE__*/_jsx(Box, {
+        as: "li",
+        children: children
+      }) : null]
+    })]
+  });
+};