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

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.cjs

@@ -1,341 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_NavPanels = require('./NavPanels.cjs');
-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/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.tsx
-const RESOURCES_NAV_SECTIONS = [
-	{
-		item: {
-			icon: _codecademy_gamut_icons.FileIcon,
-			text: "Docs",
-			id: "docs",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_docs"
-		},
-		panel: require_NavPanels.DocsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.RulerTriangleIcon,
-			text: "Learning tools",
-			id: "learning-tools",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_learning_tools"
-		},
-		panel: require_NavPanels.LearningToolsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.HammerWrenchIcon,
-			text: "Practice tools",
-			id: "practice-tools",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_practice_tools"
-		},
-		panel: require_NavPanels.PracticeToolsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.BulbIcon,
-			text: "Inspiration",
-			id: "inspiration",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_inspiration"
-		},
-		panel: require_NavPanels.InspirationPanel
-	}
-];
-const docsLinks = [
-	{
-		id: "c",
-		href: "/resources/docs/c",
-		trackingTarget: "topnav_resources_docs_c",
-		text: "C",
-		type: "link",
-		icon: _codecademy_gamut_icons.CIcon
-	},
-	{
-		id: "html",
-		href: "/resources/docs/html",
-		trackingTarget: "topnav_resources_docs_html",
-		text: "HTML",
-		type: "link",
-		icon: _codecademy_gamut_icons.HtmlCssIcon
-	},
-	{
-		id: "python",
-		href: "/resources/docs/python",
-		trackingTarget: "topnav_resources_docs_python",
-		text: "Python",
-		type: "link",
-		icon: _codecademy_gamut_icons.PythonIcon
-	},
-	{
-		id: "cpp",
-		href: "/resources/docs/cpp",
-		trackingTarget: "topnav_resources_docs_cpp",
-		text: "C++",
-		type: "link",
-		icon: _codecademy_gamut_icons.CPlusIcon
-	},
-	{
-		id: "java",
-		href: "/resources/docs/java",
-		trackingTarget: "topnav_resources_docs_java",
-		text: "Java",
-		type: "link",
-		icon: _codecademy_gamut_icons.JavaIcon
-	},
-	{
-		id: "react",
-		href: "/resources/docs/react",
-		trackingTarget: "topnav_resources_docs_react",
-		text: "React",
-		type: "link",
-		icon: _codecademy_gamut_icons.ReactIcon
-	},
-	{
-		id: "css",
-		href: "/resources/docs/css",
-		trackingTarget: "topnav_resources_docs_css",
-		text: "CSS",
-		type: "link",
-		icon: _codecademy_gamut_icons.HtmlCssIcon
-	},
-	{
-		id: "javascript",
-		href: "/resources/docs/javascript",
-		trackingTarget: "topnav_resources_docs_javascript",
-		text: "JavaScript",
-		type: "link",
-		icon: _codecademy_gamut_icons.JavascriptIcon
-	},
-	{
-		id: "sql",
-		href: "/resources/docs/sql",
-		trackingTarget: "topnav_resources_docs_sql",
-		text: "SQL",
-		type: "link",
-		icon: _codecademy_gamut_icons.SqlIcon
-	},
-	{
-		id: "git",
-		href: "/resources/docs/git",
-		trackingTarget: "topnav_resources_docs_git",
-		text: "Git",
-		type: "link",
-		icon: _codecademy_gamut_icons.GitIcon
-	},
-	{
-		id: "php",
-		href: "/resources/docs/php",
-		trackingTarget: "topnav_resources_docs_php",
-		text: "PHP",
-		type: "link",
-		icon: _codecademy_gamut_icons.PhpIcon
-	},
-	{
-		id: "markdown",
-		href: "/resources/docs/markdown",
-		trackingTarget: "topnav_resources_docs_markdown",
-		text: "Markdown",
-		type: "link",
-		icon: _codecademy_gamut_icons.MarkdownIcon
-	},
-	{
-		id: "typescript",
-		href: "/resources/docs/typescript",
-		trackingTarget: "topnav_resources_docs_typescript",
-		text: "TypeScript",
-		type: "link",
-		icon: _codecademy_gamut_icons.TypescriptIcon
-	},
-	{
-		id: "lua",
-		href: "/resources/docs/lua",
-		trackingTarget: "topnav_resources_docs_lua",
-		text: "Lua",
-		type: "link",
-		icon: _codecademy_gamut_icons.GameDevelopmentIcon
-	},
-	{
-		id: "go",
-		href: "/resources/docs/go",
-		trackingTarget: "topnav_resources_docs_go",
-		text: "Go",
-		type: "link",
-		icon: _codecademy_gamut_icons.GoIcon
-	},
-	{
-		id: "command-line",
-		href: "/resources/docs/command-line",
-		trackingTarget: "topnav_resources_docs_command_line",
-		text: "Command line",
-		type: "link",
-		icon: _codecademy_gamut_icons.TerminalIcon
-	},
-	{
-		id: "powershell",
-		href: "/resources/docs/powershell",
-		trackingTarget: "topnav_resources_docs_powershell",
-		text: "Powershell",
-		type: "link",
-		icon: _codecademy_gamut_icons.ComputerScienceIcon
-	},
-	{
-		id: "swift",
-		href: "/resources/docs/swift",
-		trackingTarget: "topnav_resources_docs_swift",
-		text: "Swift",
-		type: "link",
-		icon: _codecademy_gamut_icons.SwiftIcon
-	}
-];
-const learningToolsLinks = [
-	{
-		linkItem: {
-			id: "articles",
-			href: "/articles",
-			trackingTarget: "topnav_resources_learning_articles",
-			text: "Articles",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArticleIcon, {}),
-		description: "Dive deeper into coding concepts and developer workflows to level up your skills."
-	},
-	{
-		linkItem: {
-			id: "cheatsheets",
-			href: "/resources/cheatsheets/all",
-			trackingTarget: "topnav_resources_learning_cheatsheets",
-			text: "Cheatsheets",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.NotebookIcon, {}),
-		description: "Quick guides that summarize key concepts across languages, tools, and technologies."
-	},
-	{
-		linkItem: {
-			id: "videos",
-			href: "/resources/videos",
-			trackingTarget: "topnav_resources_learning_videos",
-			text: "Videos",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.VideoPlayerMovieIcon, {}),
-		description: "Learn from videos on languages, frameworks, and more—at any skill level."
-	},
-	{
-		linkItem: {
-			id: "projects",
-			href: "/projects",
-			trackingTarget: "topnav_resources_learning_projects",
-			text: "Projects",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ProjectsIcon, {}),
-		description: "Apply your skills, connect concepts, and build something of your own."
-	}
-];
-const practiceToolsLinks = [
-	{
-		linkItem: {
-			id: "code-challenges",
-			href: "/code-challenges",
-			trackingTarget: "topnav_resources_learning_code_challenges",
-			text: "Code challenges",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ProgrammingBrowserIcon, {}),
-		description: "Sharpen your skills with real interview challenges from top tech companies, with guidance if you get stuck."
-	},
-	{
-		linkItem: {
-			id: "workspaces",
-			href: "/pages/workspaces",
-			trackingTarget: "topnav_resources_learning_workspaces",
-			text: "Workspaces",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.LearnIcon, {}),
-		description: "Build and share projects in 13 popular languages, all right in your browser."
-	},
-	{
-		linkItem: {
-			id: "job-readiness",
-			href: "/job-readiness",
-			trackingTarget: "topnav_resources_learning_job_readiness",
-			text: "Job-readiness checker",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.PeopleIcon, {}),
-		description: "See how your skills match a job posting and get tips on what to improve."
-	},
-	{
-		linkItem: {
-			id: "interview-simulator",
-			href: "/interview-simulator",
-			trackingTarget: "topnav_resources_learning_interview_simulator",
-			text: "Interview Simulator",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.GaugeDashboardIcon, {}),
-		description: "Practice interviews, get feedback, and build confidence at any stage of your tech career."
-	}
-];
-const inspirationLinks = [
-	{
-		linkItem: {
-			id: "learner-stories",
-			href: "/resources/blog/category/get-inspired",
-			trackingTarget: "topnav_resources_inspiration_learner_stories",
-			text: "Learner stories",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CommentsIcon, {}),
-		description: "Learn how coding can change your life (and the world) for the better."
-	},
-	{
-		linkItem: {
-			id: "learning-tips",
-			href: "/resources/blog/category/learning-tips",
-			trackingTarget: "topnav_resources_inspiration_learning_tips",
-			text: "Learning tips",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.InfoCircleIcon, {}),
-		description: "Learning to code — or thinking about it? Here's how to get started, plus tips and tricks for staying motivated."
-	},
-	{
-		linkItem: {
-			id: "career-advice",
-			href: "/resources/blog/category/career",
-			trackingTarget: "topnav_resources_inspiration_career_advice",
-			text: "Career advice",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.BriefcaseIcon, {}),
-		description: "Explore different tech jobs and learn how to advance in your career and maintain work-life balance."
-	},
-	{
-		linkItem: {
-			id: "finding-a-job",
-			href: "/resources/blog/category/finding-a-job",
-			trackingTarget: "topnav_resources_inspiration_finding_a_job",
-			text: "Finding a job",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.SearchIcon, {}),
-		description: "Master the skills to land a tech job, from resumes and portfolios to interviews and offers."
-	}
-];
-
-//#endregion
-exports.RESOURCES_NAV_SECTIONS = RESOURCES_NAV_SECTIONS;
-exports.docsLinks = docsLinks;
-exports.inspirationLinks = inspirationLinks;
-exports.learningToolsLinks = learningToolsLinks;
-exports.practiceToolsLinks = practiceToolsLinks;

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.cjs

@@ -1,105 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_elements = require('../../shared/elements.cjs');
-const require_index = require('../AppHeaderProvider/index.cjs');
-const require_context = require('../../../GlobalHeader/context.cjs');
-const require_index$1 = require('../AppHeaderDropdownProvider/index.cjs');
-const require_index$2 = require('../AppHeaderNavButton/index.cjs');
-const require_index$3 = require('../AppHeaderSection/index.cjs');
-const require_consts = require('./consts.cjs');
-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/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.tsx
-const StyledAnimatedMegaMenuDropdown = (0, _emotion_styled.default)(require_elements.AnimatedMegaMenuDropdown, { shouldForwardProp: (prop) => prop !== "narrowResourceDropdownPosition" && prop !== "wideResourceDropdownPosition" })`
-  top: 3.5rem;
-  left: ${({ narrowResourceDropdownPosition }) => {
-	return narrowResourceDropdownPosition;
-}};
-
-  @media (min-width: 1261px) {
-    left: ${({ wideResourceDropdownPosition }) => {
-	return wideResourceDropdownPosition;
-}};
-  }
-`;
-const AppHeaderResourcesDropdown = ({ action, item }) => {
-	const { text } = item;
-	const containerRef = (0, react.useRef)(null);
-	const buttonRef = (0, react.useRef)(null);
-	const dropdownRef = (0, react.useRef)(null);
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
-	const { headerType } = require_context.useHeaderDisplayContext();
-	const { resourceDropdown } = require_context.DropdownPositions[headerType];
-	const narrowResourceDropdownPosition = resourceDropdown.narrow;
-	const wideResourceDropdownPosition = resourceDropdown.wide;
-	const animationFinished = () => {
-		if (isOpen && dropdownRef.current) dropdownRef.current.scrollTop = 0;
-	};
-	const toggleIsOpen = () => setIsOpen((prev) => !prev);
-	const handleOnClick = (event) => {
-		toggleIsOpen();
-		if (!isOpen) {
-			action(event, item);
-			if (setLastOpenedDropdown) setLastOpenedDropdown(text);
-		}
-	};
-	const handleClose = (0, react.useCallback)(() => {
-		setIsOpen(false);
-		buttonRef?.current?.focus();
-	}, []);
-	(0, react.useEffect)(() => {
-		if (lastOpenedDropdown !== text && isOpen) setIsOpen(false);
-	}, [lastOpenedDropdown]);
-	(0, react.useEffect)(() => {
-		function handleClickOutside(event) {
-			const container = containerRef?.current;
-			const button = buttonRef?.current;
-			if (isOpen && container && !container.contains(event.target) && button && !button.contains(event.target)) handleClose();
-		}
-		document.addEventListener("mousedown", handleClickOutside);
-		document.addEventListener("blur", handleClickOutside);
-		return () => {
-			document.removeEventListener("mousedown", handleClickOutside);
-			document.removeEventListener("blur", handleClickOutside);
-		};
-	}, [
-		containerRef,
-		handleClose,
-		isOpen
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.AppHeaderDropdownProvider, {
-		handleClose,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderDropdownNavButton, {
-			buttonRef,
-			handleOnClick,
-			isOpen,
-			text
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAnimatedMegaMenuDropdown, {
-			isOpen,
-			narrowResourceDropdownPosition,
-			wideResourceDropdownPosition,
-			tabIndex: -1,
-			ref: dropdownRef,
-			"data-testid": "resources-menu-dropdown",
-			onAnimationComplete: animationFinished,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.ColorMode, {
-				mode: "light",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.AppHeaderSection, {
-					isOpen,
-					ref: containerRef,
-					navSections: require_consts.RESOURCES_NAV_SECTIONS,
-					handleClose: () => setIsOpen(false),
-					type: "resources-dropdown"
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.AppHeaderResourcesDropdown = AppHeaderResourcesDropdown;

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.d.cts

@@ -1,8 +0,0 @@
-import { AppHeaderAction, AppHeaderResourcesDropdownItem } from "../../shared/types.cjs";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.d.ts
-type AppHeaderResourceDropdownProps = AppHeaderAction & {
-  item: AppHeaderResourcesDropdownItem;
-};
-//#endregion
-export { AppHeaderResourceDropdownProps };

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSectionContext.cjs

@@ -1,18 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let lodash_fp = require("lodash/fp");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSectionContext.tsx
-const AppHeaderSectionContext = (0, react.createContext)({
-	activePanel: null,
-	setActivePanel: lodash_fp.noop,
-	tabIndex: 0,
-	isCoachingEnabled: void 0
-});
-const useAppHeaderSectionContext = () => {
-	return (0, react.useContext)(AppHeaderSectionContext);
-};
-
-//#endregion
-exports.AppHeaderSectionContext = AppHeaderSectionContext;
-exports.useAppHeaderSectionContext = useAppHeaderSectionContext;

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileBackButton.cjs

@@ -1,85 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_elements = require('./elements.cjs');
-const require_context = require('../../../GlobalHeader/context.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");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderSection/MobileBackButton.tsx
-const MobileBackButton = ({ handleClose, type }) => {
-	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
-	const handleBackButtonClick = (event) => {
-		globalHeaderItemClick(event, {
-			id: "back",
-			text: "Back",
-			type
-		});
-		handleClose();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			display: {
-				_: "none",
-				sm: "block"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.NavigationButton, {
-				isActive: false,
-				onClick: handleBackButtonClick,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 8,
-					alignItems: "center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						height: 24,
-						width: 24,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArrowLeftIcon, { size: 24 })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: "Back" })]
-				})
-			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			display: {
-				_: "none",
-				xs: "grid",
-				sm: "none"
-			},
-			ml: 8,
-			gridColumn: "1",
-			gridRow: "1",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.NavIconButton, {
-				onClick: handleBackButtonClick,
-				icon: _codecademy_gamut_icons.ArrowLeftIcon,
-				tip: "Back to main navigation",
-				tipProps: {
-					alignment: "right-center",
-					narrow: false,
-					placement: "floating"
-				},
-				"aria-label": "Back to main navigation"
-			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			display: {
-				_: "flex",
-				xs: "none"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.SmallMenuButton, {
-				index: 0,
-				onClick: handleBackButtonClick,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 8,
-					alignItems: "center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						height: 24,
-						width: 24,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArrowLeftIcon, { size: 24 })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: "Back" })]
-				})
-			})
-		})
-	] });
-};
-
-//#endregion
-exports.MobileBackButton = MobileBackButton;

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileNavMenu.cjs

@@ -1,51 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_elements = require('./elements.cjs');
-const require_AppHeaderSectionContext = require('./AppHeaderSectionContext.cjs');
-const require_MobileBackButton = require('./MobileBackButton.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-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/AppHeader/AppHeaderElements/AppHeaderSection/MobileNavMenu.tsx
-const MobileNavMenu = ({ handleClose, type, navSections }) => {
-	const { activePanel, setActivePanel } = require_AppHeaderSectionContext.useAppHeaderSectionContext();
-	const ActivePanel = navSections[activePanel ?? 0].panel;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		display: {
-			_: "flex",
-			xs: "none"
-		},
-		flexDirection: "column",
-		gap: 8,
-		p: 16,
-		children: [activePanel === null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MobileBackButton.MobileBackButton, {
-			handleClose,
-			type
-		}), navSections.map(({ item }, index) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_elements.SmallMenuButton, {
-				index: index + 1,
-				onClick: () => setActivePanel(index),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 8,
-					alignItems: "center",
-					children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						height: 24,
-						width: 24,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(item.icon, { size: 24 })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: item.text })]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArrowChevronRightIcon, {}) })]
-			}, item.id);
-		})] }), activePanel !== null && ActivePanel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			background: _codecademy_gamut_styles.theme.colors.background,
-			borderRadius: "lg",
-			p: 16,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivePanel, {})
-		})]
-	});
-};
-
-//#endregion
-exports.MobileNavMenu = MobileNavMenu;