@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/LandingPage/PageTestimonials.cjs

@@ -1,108 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Avatar_index = require('../Avatar/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LandingPage/PageTestimonials.tsx
-const UserProfile = ({ fullName, jobTitle, image }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-	flexDirection: "row",
-	gap: 12,
-	alignItems: "center",
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		background: _codecademy_gamut_styles.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__ */ (0, react_jsx_runtime.jsx)(require_Avatar_index.Avatar, {
-			src: image,
-			alt: fullName || "N/A",
-			size: 64,
-			disableDropshadow: true
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.PersonFilledIcon, {
-			color: "black",
-			size: 60,
-			mt: 12,
-			borderRadius: "full"
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		display: "flex",
-		flexDirection: "column",
-		gap: 4,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontWeight: "bold",
-			fontSize: 16,
-			children: fullName
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontSize: 16,
-			color: "gray-800",
-			children: jobTitle
-		})]
-	})]
-});
-const StyledCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)(({ bg }) => `
-  background: ${bg};
-  display: flex;
-  flex-direction: column;
-`);
-const TestimonialCard = ({ testimonial, bg }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-	shadow: "patternLeft",
-	borderRadius: "lg",
-	p: 24,
-	bg,
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.MiniQuoteIcon, {
-			size: 18,
-			mt: "auto"
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			mt: 12,
-			mb: 24,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Markdown, { text: testimonial?.longQuote })
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UserProfile, {
-			fullName: testimonial?.firstName + " " + testimonial?.lastName,
-			jobTitle: testimonial?.jobTitle,
-			image: testimonial?.image?.url
-		})
-	]
-});
-const TestimonialCards = ({ testimonials }) => {
-	const backgroundVariants = [
-		_codecademy_gamut_styles.theme.colors["yellow-0"],
-		_codecademy_gamut_styles.theme.colors["pink-0"],
-		_codecademy_gamut_styles.theme.colors["blue-0"]
-	];
-	return testimonials?.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-		size: {
-			_: 12,
-			sm: 6,
-			md: 4
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialCard, {
-			testimonial: item,
-			bg: backgroundVariants[index % backgroundVariants.length]
-		})
-	}, item.lastName.replaceAll(" ", "-")));
-};
-const PageTestimonials = ({ testimonials, testId }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.LayoutGrid, {
-		"data-testid": testId,
-		gap: 32,
-		children: testimonials && testimonials?.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialCards, { testimonials })
-	});
-};
-
-//#endregion
-exports.PageTestimonials = PageTestimonials;

package/dist/LandingPage/PageTestimonials.d.cts

@@ -1,25 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import { Eyebrow } from "./PageSingleFeature.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageTestimonials.d.ts
-interface LiveLearningTestimonialItem {
-  image: {
-    url: string;
-  };
-  firstName: string;
-  lastName: string;
-  jobTitle: string;
-  company: string;
-  shortQuote: string;
-  longQuote: string;
-  href: string;
-}
-interface PageTestimonialsProps extends LandingPageBaseProps, WithChildrenProp {
-  eyebrow?: Eyebrow;
-  testimonials?: LiveLearningTestimonialItem[];
-}
-declare const PageTestimonials: React$1.FC<PageTestimonialsProps>;
-//#endregion
-export { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps };

package/dist/LandingPage/PageVideoGallery.cjs

@@ -1,70 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_CTA = require('./CTA.cjs');
-const require_Description = require('./Description.cjs');
-const require_Title = require('./Title.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/PageVideoGallery.tsx
-const Grid = _emotion_styled.default.div`
-  display: grid;
-  grid-template: 1fr / 1fr;
-  gap: 8px;
-
-  ${_codecademy_gamut_styles.mediaQueries.sm} {
-    // there must be a mathematical explanation for why ~12:5 is the correct ratio for
-    // the column widths but I do not know what it is. Regardless, the effect is that
-    // all three videos will maintain a 16:9 aspect ratio with an even gap between them.
-
-    grid-template: 1fr 1fr / 12fr 5fr;
-
-    gap: 16px;
-  }
-  ${_codecademy_gamut_styles.mediaQueries.md} {
-    gap: 24px;
-  }
-  ${_codecademy_gamut_styles.mediaQueries.lg} {
-    gap: 32px;
-  }
-`;
-const GridVideo = (0, _emotion_styled.default)(_codecademy_gamut.Video)`
-  ${_codecademy_gamut_styles.mediaQueries.sm} {
-    &:first-of-type {
-      grid-row: 1 / span 2;
-    }
-  }
-`;
-const PageVideoGallery = ({ videos, title, desc, onAnchorClick, cta, testId }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-	(title || desc) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		mb: 32,
-		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, { children: title }), desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-			text: desc,
-			onAnchorClick
-		})]
-	}),
-	/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Grid, {
-		"data-testid": testId,
-		children: videos.map((video) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridVideo, {
-			videoUrl: video.url,
-			videoTitle: video.title,
-			placeholderImage: video.placeholderImage || true
-		}, video.url))
-	}),
-	cta && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		mt: 32,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-			href: cta.href,
-			onClick: cta.onClick,
-			buttonType: cta.buttonType,
-			children: cta.text
-		})
-	})
-] });
-
-//#endregion
-exports.PageVideoGallery = PageVideoGallery;

package/dist/LandingPage/PageVideoGallery.d.cts

@@ -1,15 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageVideoGallery.d.ts
-type PageVideo = {
-  url: string;
-  title: string;
-  placeholderImage?: string;
-};
-type PageVideoGalleryProps = LandingPageBaseProps & {
-  videos: PageVideo[];
-};
-declare const PageVideoGallery: React$1.FC<PageVideoGalleryProps>;
-//#endregion
-export { PageVideo, PageVideoGallery, PageVideoGalleryProps };

package/dist/LandingPage/Title.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	maxWidth: "58rem",
-	...titleProps[isPageHeading ? "heading" : "subheading"],
-	children
-});
-
-//#endregion
-exports.Title = Title;
-exports.titleProps = titleProps;

package/dist/LandingPage/Title.d.cts

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

package/dist/LandingPage/TitleWithEyebrow.cjs

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

package/dist/LandingPage/TitleWithEyebrow.d.cts

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

package/dist/LandingPage/index.cjs

@@ -1,29 +0,0 @@
-const require_FeatureList_index = require('../FeatureList/index.cjs');
-const require_Description = require('./Description.cjs');
-const require_Title = require('./Title.cjs');
-const require_TitleWithEyebrow = require('./TitleWithEyebrow.cjs');
-const require_PageSingleFeature = require('./PageSingleFeature.cjs');
-const require_PageHero = require('./PageHero.cjs');
-const require_PageFeatures = require('./PageFeatures.cjs');
-const require_PageFeaturesEnhanced = require('./PageFeaturesEnhanced.cjs');
-const require_PageFeaturesWithReferences = require('./PageFeaturesWithReferences.cjs');
-const require_PagePrefooter = require('./PagePrefooter.cjs');
-const require_PageVideoGallery = require('./PageVideoGallery.cjs');
-const require_PageTestimonials = require('./PageTestimonials.cjs');
-const require_PageFAQs = require('./PageFAQs.cjs');
-
-exports.Description = require_Description.Description;
-exports.FeatureList = require_FeatureList_index.FeatureList;
-exports.FeaturedImage = require_PageSingleFeature.FeaturedImage;
-exports.PageFaqs = require_PageFAQs.PageFaqs;
-exports.PageFeatures = require_PageFeatures.PageFeatures;
-exports.PageFeaturesEnhanced = require_PageFeaturesEnhanced.PageFeaturesEnhanced;
-exports.PageFeaturesWithReferences = require_PageFeaturesWithReferences.PageFeaturesWithReferences;
-exports.PageHero = require_PageHero.PageHero;
-exports.PagePrefooter = require_PagePrefooter.PagePrefooter;
-exports.PageSingleFeature = require_PageSingleFeature.PageSingleFeature;
-exports.PageTestimonials = require_PageTestimonials.PageTestimonials;
-exports.PageVideoGallery = require_PageVideoGallery.PageVideoGallery;
-exports.Title = require_Title.Title;
-exports.TitleWithEyebrow = require_TitleWithEyebrow.TitleWithEyebrow;
-exports.titleProps = require_Title.titleProps;

package/dist/LandingPage/index.d.cts

@@ -1,15 +0,0 @@
-import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.cjs";
-import { CtaProps, LandingPageBaseProps } from "./types.cjs";
-import { ColumnSize, Eyebrow, FeaturedImage, FeaturedImageProps, ImageProps, MediaColumnsSize, MediaProps, PageSingleFeature, PageSingleFeatureProps } from "./PageSingleFeature.cjs";
-import { PageHero, PageHeroProps } from "./PageHero.cjs";
-import { PageFeatures, PageFeaturesProps } from "./PageFeatures.cjs";
-import { PageFeaturesEnhanced, PageFeaturesEnhancedProps } from "./PageFeaturesEnhanced.cjs";
-import { PageFeaturesWithReferences, PageFeaturesWithReferencesProps } from "./PageFeaturesWithReferences.cjs";
-import { PagePrefooter } from "./PagePrefooter.cjs";
-import { PageVideo, PageVideoGallery, PageVideoGalleryProps } from "./PageVideoGallery.cjs";
-import { Title, TitleProps, titleProps } from "./Title.cjs";
-import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.cjs";
-import { Description, DescriptionProps } from "./Description.cjs";
-import { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps } from "./PageTestimonials.cjs";
-import { PageFaqs, PageFaqsProps } from "./PageFAQs.cjs";
-export { ColumnSize, CtaProps, Description, DescriptionProps, Eyebrow, FeatureList, FeatureListItem, FeaturedImage, FeaturedImageProps, IFeatureListProps, ImageProps, LandingPageBaseProps, LiveLearningTestimonialItem, MediaColumnsSize, MediaProps, PageFaqs, PageFaqsProps, PageFeatures, PageFeaturesEnhanced, PageFeaturesEnhancedProps, PageFeaturesProps, PageFeaturesWithReferences, PageFeaturesWithReferencesProps, PageHero, PageHeroProps, PagePrefooter, PageSingleFeature, PageSingleFeatureProps, PageTestimonials, PageTestimonialsProps, PageVideo, PageVideoGallery, PageVideoGalleryProps, Title, TitleProps, TitleWithEyebrow, TitleWithEyebrowProps, titleProps };

package/dist/LandingPage/types.d.cts

@@ -1,31 +0,0 @@
-//#region src/LandingPage/types.d.ts
-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;
-};
-type CtaProps = LandingPageBaseProps['cta'];
-//#endregion
-export { CtaProps, LandingPageBaseProps };

package/dist/LayoutMenu/AccordionMenu.cjs

@@ -1,64 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LayoutMenu/AccordionMenu.tsx
-const StyledAccordionArea = (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated)`
-  padding-bottom: ${({ theme }) => theme.spacing[32]};
-  position: relative;
-  left: -4px;
-`;
-const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon)((0, _codecademy_gamut_styles.css)({
-	transform: "rotate(0deg)",
-	transition: (0, _codecademy_gamut_styles.transitionConcat)(["transform"], "slow", "ease-out")
-}), chevronStates);
-const isSection = (item) => {
-	return typeof item === "object" && item !== null && "title" in item && "slug" in item && "items" in item;
-};
-const AccordionMenu = ({ section, onSectionToggle, onItemClick, selectedItem, verticalSpacing }) => {
-	const [expanded, setExpanded] = react.useState(true);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Anchor, {
-			variant: "interface",
-			py: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "title-xs",
-				style: { flex: 1 },
-				textAlign: "left",
-				children: section.title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandChevron, {
-				ml: 12,
-				size: 14,
-				expanded,
-				position: "relative",
-				top: 4
-			})]
-		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-			items: section.items,
-			selectedItem,
-			onItemClick,
-			verticalSpacing
-		})
-	});
-};
-
-//#endregion
-exports.AccordionMenu = AccordionMenu;
-exports.isSection = isSection;

package/dist/LayoutMenu/AccordionMenu.d.cts

@@ -1,18 +0,0 @@
-import * as React$1 from "react";
-import { Scale } from "@codecademy/variance/dist/types/config";
-
-//#region src/LayoutMenu/AccordionMenu.d.ts
-type SectionItem = {
-  title: string;
-  slug: string;
-  href: string;
-  onClick: (event: React$1.MouseEvent) => void;
-  badge?: JSX.Element;
-};
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
-};
-//#endregion
-export { Section, SectionItem };

package/dist/LayoutMenu/LayoutMenu.cjs

@@ -1,107 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../Logos/LogoCodecademy/index.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.cjs');
-const require_AccordionMenu = require('./AccordionMenu.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LayoutMenu/LayoutMenu.tsx
-const StyleBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.variant)({
-	prop: "menuHeight",
-	base: {
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: {
-			height: "1370px",
-			paddingLeft: "8px"
-		}
-	}
-}));
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, selectedItem, mobileButtonText, breakpoint = "lg", children, topLinkSections, menuHeight, verticalSpacing }) => {
-	const [expanded, setExpanded] = (0, react.useState)(false);
-	const accordionMenuSections = sections.map((section, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		as: "li",
-		children: require_AccordionMenu.isSection(section) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccordionMenu.AccordionMenu, {
-			section,
-			onSectionToggle,
-			onItemClick: () => setExpanded(false),
-			selectedItem,
-			verticalSpacing
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: section }, i)
-	}, require_AccordionMenu.isSection(section) ? section.slug : i));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		as: "li",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-			items: topLinkSections,
-			onItemClick: () => setExpanded(false),
-			selectedItem,
-			pb: 32
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		display: {
-			_: "block",
-			[breakpoint]: "none"
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Flyout, {
-			closeLabel,
-			expanded,
-			onClose: () => setExpanded(false),
-			title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.LogoCodecademy, { mb: 32 }),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				as: "ul",
-				listStyleType: "none",
-				py: 0,
-				px: 16,
-				m: 0,
-				children: [
-					topLinkLayoutMenuSections,
-					accordionMenuSections,
-					children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						as: "li",
-						children
-					}) : null
-				]
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-			"aria-expanded": expanded,
-			variant: "secondary",
-			width: 1,
-			onClick: () => setExpanded(true),
-			children: mobileButtonText
-		})]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyleBox, {
-		as: "ul",
-		listStyleType: "none",
-		p: 0,
-		m: 0,
-		menuHeight,
-		display: {
-			_: "none",
-			[breakpoint]: "block"
-		},
-		"data-testid": "desktop-menu",
-		children: [
-			topLinkLayoutMenuSections,
-			accordionMenuSections,
-			children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				as: "li",
-				children
-			}) : null
-		]
-	})] });
-};
-
-//#endregion
-exports.LayoutMenu = LayoutMenu;

package/dist/LayoutMenu/LayoutMenu.d.cts

@@ -1,48 +0,0 @@
-import { Section, SectionItem } from "./AccordionMenu.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { Scale } from "@codecademy/variance/dist/types/config";
-
-//#region src/LayoutMenu/LayoutMenu.d.ts
-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$1.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';
-  }>;
-}
-declare const LayoutMenu: React$1.FC<LayoutMenuProps>;
-//#endregion
-export { LayoutMenu, LayoutMenuProps };