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

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 };

package/dist/LayoutMenu/LayoutMenuSection.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.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/LayoutMenu/LayoutMenuSection.tsx
-const LayoutMenuSection = ({ items, selectedItem, onItemClick, verticalSpacing = 8, ...styleProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	as: "ul",
-	listStyleType: "none",
-	p: 0,
-	m: 0,
-	...styleProps,
-	children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		as: "li",
-		py: verticalSpacing,
-		px: 4,
-		children: selectedItem === item.slug ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SelectedSectionItem.SelectedSectionItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			alignItems: "center",
-			children: [item.title, item.badge]
-		}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SectionItemLink.SectionItemLink, {
-			href: item.href,
-			onClick: (event) => {
-				item.onClick(event);
-				onItemClick();
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				children: [item.title, item.badge]
-			})
-		})
-	}, item.slug))
-});
-
-//#endregion
-exports.LayoutMenuSection = LayoutMenuSection;

package/dist/LayoutMenu/SectionItemLink.cjs

@@ -1,19 +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/LayoutMenu/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		variant: "interface",
-		display: "block",
-		href,
-		onClick,
-		children
-	});
-};
-
-//#endregion
-exports.SectionItemLink = SectionItemLink;

package/dist/LayoutMenu/SectionItemLink.d.cts

@@ -1,11 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SectionItemLink.d.ts
-interface SectionItemLinkProps extends WithChildrenProp {
-  onClick: (event: React$1.MouseEvent) => void;
-  href: string;
-}
-declare const SectionItemLink: React$1.FC<SectionItemLinkProps>;
-//#endregion
-export { SectionItemLink, SectionItemLinkProps };

package/dist/LayoutMenu/SelectedSectionItem.cjs

@@ -1,22 +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/LayoutMenu/SelectedSectionItem.tsx
-const SelectedSectionItem = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		borderLeft: 1,
-		borderWidthLeft: "6px",
-		pl: 12,
-		"aria-current": "true",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontWeight: "title",
-			children
-		})
-	});
-};
-
-//#endregion
-exports.SelectedSectionItem = SelectedSectionItem;

package/dist/LayoutMenu/SelectedSectionItem.d.cts

@@ -1,7 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SelectedSectionItem.d.ts
-declare const SelectedSectionItem: React$1.FC<WithChildrenProp>;
-//#endregion
-export { SelectedSectionItem };

package/dist/LayoutMenu/index.cjs

@@ -1,7 +0,0 @@
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.cjs');
-const require_LayoutMenu = require('./LayoutMenu.cjs');
-
-exports.LayoutMenu = require_LayoutMenu.LayoutMenu;
-exports.SectionItemLink = require_SectionItemLink.SectionItemLink;
-exports.SelectedSectionItem = require_SelectedSectionItem.SelectedSectionItem;

package/dist/LayoutMenu/index.d.cts

@@ -1,4 +0,0 @@
-import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu.cjs";
-import { SectionItemLink, SectionItemLinkProps } from "./SectionItemLink.cjs";
-import { SelectedSectionItem } from "./SelectedSectionItem.cjs";
-export { LayoutMenu, LayoutMenuProps, SectionItemLink, SectionItemLinkProps, SelectedSectionItem };

package/dist/LayoutMenuVariant/AccordionMenu.cjs

@@ -1,76 +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/LayoutMenuVariant/AccordionMenu.tsx
-const StyledAccordionArea = (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated)`
-  padding-block: ${({ theme }) => theme.spacing[16]};
-  position: relative;
-  left: -4px;
-
-  &:not(:first-child) {
-    border-top: 1px solid ${({ theme }) => theme.colors["navy-300"]};
-  }
-`;
-const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
-  :hover {
-    color: inherit;
-  }
-`;
-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 AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
-	const [expanded, setExpanded] = (0, react.useState)(true);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAnchor, {
-			variant: "interface",
-			pb: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex",
-			width: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				display: "flex",
-				justifyContent: "space-between",
-				width: "100%",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-small",
-					style: {
-						flex: 1,
-						fontWeight: "bold"
-					},
-					textAlign: "left",
-					children: section.title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandChevron, {
-					ml: 12,
-					size: 16,
-					expanded,
-					position: "relative",
-					top: 4
-				})]
-			})
-		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-			items: section.items,
-			onItemClick
-		})
-	});
-};
-
-//#endregion
-exports.AccordionMenu = AccordionMenu;

package/dist/LayoutMenuVariant/AccordionMenu.d.cts

@@ -1,19 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LayoutMenuVariant/AccordionMenu.d.ts
-type SectionItem = {
-  title: string;
-  slug: string;
-  href: string;
-  onClick: (event: React.MouseEvent) => void;
-  badge?: JSX.Element;
-  variant?: React.ComponentProps<typeof Anchor>['variant'];
-};
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
-};
-//#endregion
-export { Section, SectionItem };

package/dist/LayoutMenuVariant/LayoutMenu.cjs

@@ -1,88 +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/LayoutMenuVariant/LayoutMenu.tsx
-const StyleBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.variant)({
-	prop: "menuHeight",
-	base: {
-		borderColor: "black",
-		borderStyleBottom: "solid",
-		borderWidthBottom: "1px",
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: { height: "1370px" }
-	}
-}));
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, mobileButtonText, mobileButtonIcon, breakpoint = "lg", children, topLinkSections, menuHeight }) => {
-	const [expanded, setExpanded] = (0, react.useState)(false);
-	const accordionMenuSections = sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccordionMenu.AccordionMenu, {
-		section,
-		onSectionToggle,
-		onItemClick: () => setExpanded(false)
-	}, section.slug));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-		items: topLinkSections,
-		onItemClick: () => setExpanded(false),
-		pb: 32
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-		"aria-label": "Secondary",
-		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, {
-					px: 24,
-					children: [
-						topLinkLayoutMenuSections,
-						accordionMenuSections,
-						children
-					]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-				"aria-expanded": expanded,
-				variant: "secondary",
-				width: 1,
-				icon: mobileButtonIcon,
-				onClick: () => setExpanded(true),
-				children: mobileButtonText
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyleBox, {
-			menuHeight,
-			display: {
-				_: "none",
-				[breakpoint]: "block"
-			},
-			"data-testid": "desktop-menu",
-			children: [
-				topLinkLayoutMenuSections,
-				accordionMenuSections,
-				children
-			]
-		})]
-	});
-};
-
-//#endregion
-exports.LayoutMenu = LayoutMenu;

package/dist/LayoutMenuVariant/LayoutMenu.d.cts

@@ -1,43 +0,0 @@
-import { Section, SectionItem } from "./AccordionMenu.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import React, { ComponentType } from "react";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-
-//#region src/LayoutMenuVariant/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.
-   */
-  sections: Section[];
-  /**
-   * 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;
-  /**
-   * Icon shown in mobile button that opens flyout on click
-   */
-  mobileButtonIcon?: ComponentType<GamutIconProps>;
-  /**
-   * 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';
-}
-declare const LayoutMenu: React.FC<LayoutMenuProps>;
-//#endregion
-export { LayoutMenu, LayoutMenuProps };