@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js

@@ -1,226 +1,271 @@
-import { ArtificialIntelligenceIcon, BookLibraryIcon, BriefcaseIcon, CIcon, CloudComputingIcon, CPlusIcon, CSharpIcon, CybersecurityIcon, DataEngineeringIcon, DataScienceIcon, GrowthIcon, HtmlCssIcon, JavaIcon, JavascriptIcon, OnlineClassStudentIcon, PhpIcon, ProfessionalCertificateIcon, ProgrammingBrowserIcon, PythonIcon, SqlIcon, StudyBookIcon, WebDesignIcon, WebDevelopmentIcon } from '@codecademy/gamut-icons';
-import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel } from './NavPanels';
-export const getCertificationProviderLogoUrl = fileName => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;
-export const CATALOG_NAV_SECTIONS = [{
-  item: {
-    icon: StudyBookIcon,
-    text: 'Course topics',
-    id: 'course-topics',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_course_topics'
-  },
-  panel: CourseTopicsPanel
-}, {
-  item: {
-    icon: OnlineClassStudentIcon,
-    text: 'Live learning',
-    id: 'live-learning',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_live_learning'
-  },
-  panel: LiveLearningPanel
-}, {
-  item: {
-    icon: BookLibraryIcon,
-    text: 'Skill paths',
-    id: 'skill-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_skill_paths'
-  },
-  panel: SkillPathsPanel
-}, {
-  item: {
-    icon: BriefcaseIcon,
-    text: 'Career paths',
-    id: 'career-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_career_paths'
-  },
-  panel: CareerPathsPanel
-}, {
-  item: {
-    icon: ProfessionalCertificateIcon,
-    text: 'Certification paths',
-    id: 'certification-paths',
-    type: 'catalog-dropdown',
-    trackingTarget: 'topnav_catalog_tab_certification_paths'
-  },
-  panel: CertificationPathsPanel
-}];
-export const CERTIFICATION_PROVIDERS = [{
-  name: 'Microsoft',
-  logoUrl: getCertificationProviderLogoUrl('microsoft.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'CompTIA',
-  logoUrl: getCertificationProviderLogoUrl('comptia.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'ISC2',
-  logoUrl: getCertificationProviderLogoUrl('isc2.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'AWS',
-  logoUrl: getCertificationProviderLogoUrl('aws.svg'),
-  hubType: 'subhub'
-}, {
-  name: 'Google',
-  logoUrl: getCertificationProviderLogoUrl('google.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Cisco',
-  logoUrl: getCertificationProviderLogoUrl('cisco.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'IIBA',
-  logoUrl: getCertificationProviderLogoUrl('iiba.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'ISTQB',
-  logoUrl: getCertificationProviderLogoUrl('istqb.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'ISACA',
-  logoUrl: getCertificationProviderLogoUrl('isaca.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Kubernetes',
-  logoUrl: getCertificationProviderLogoUrl('kubernetes.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Oracle',
-  logoUrl: getCertificationProviderLogoUrl('oracle.svg'),
-  hubType: 'certification-prep'
-}, {
-  name: 'Project Management Institute',
-  logoUrl: getCertificationProviderLogoUrl('pmi.svg'),
-  hubType: 'certification-prep'
-}];
-export const popularLanguages = [{
-  id: 'python',
-  href: '/catalog/language/python',
-  trackingTarget: 'topnav_catalog_skill_python',
-  text: 'Python',
-  type: 'link',
-  icon: PythonIcon
-}, {
-  id: 'javascript',
-  href: '/catalog/language/javascript',
-  trackingTarget: 'topnav_catalog_skill_javascript',
-  text: 'JavaScript',
-  type: 'link',
-  icon: JavascriptIcon
-}, {
-  id: 'html-css',
-  href: '/catalog/language/html-css',
-  trackingTarget: 'topnav_catalog_skill_html-css',
-  text: 'HTML & CSS',
-  type: 'link',
-  icon: HtmlCssIcon
-}, {
-  id: 'c-sharp',
-  href: '/catalog/language/c-sharp',
-  trackingTarget: 'topnav_catalog_skill_c-sharp',
-  text: 'C#',
-  type: 'link',
-  icon: CSharpIcon
-}, {
-  id: 'c-plus-plus',
-  href: '/catalog/language/c-plus-plus',
-  trackingTarget: 'topnav_catalog_skill_c-plus-plus',
-  text: 'C++',
-  type: 'link',
-  icon: CPlusIcon
-}, {
-  id: 'c',
-  href: '/catalog/language/c',
-  trackingTarget: 'topnav_catalog_skill_c',
-  text: 'C',
-  type: 'link',
-  icon: CIcon
-}, {
-  id: 'php',
-  href: '/catalog/language/php',
-  trackingTarget: 'topnav_catalog_skill_php',
-  text: 'PHP',
-  type: 'link',
-  icon: PhpIcon
-}, {
-  id: 'java',
-  href: '/catalog/language/java',
-  trackingTarget: 'topnav_catalog_skill_java',
-  text: 'Java',
-  type: 'link',
-  icon: JavaIcon
-}, {
-  id: 'sql',
-  href: '/catalog/language/sql',
-  trackingTarget: 'topnav_catalog_skill_sql',
-  text: 'SQL',
-  type: 'link',
-  icon: SqlIcon
-}];
-export const popularSubjects = [{
-  id: 'artificial-intelligence',
-  href: '/catalog/subject/artificial-intelligence',
-  trackingTarget: 'topnav_catalog_skill_ai',
-  text: 'AI',
-  type: 'link',
-  icon: ArtificialIntelligenceIcon
-}, {
-  id: 'it',
-  href: '/catalog/subject/information-technology',
-  trackingTarget: 'topnav_catalog_skill_it',
-  text: 'IT',
-  type: 'link',
-  icon: DataEngineeringIcon
-}, {
-  id: 'cybersecurity',
-  href: '/catalog/subject/cybersecurity',
-  trackingTarget: 'topnav_catalog_skill_cybersecurity',
-  text: 'Cybersecurity',
-  type: 'link',
-  icon: CybersecurityIcon
-}, {
-  id: 'cloud-computing',
-  href: '/catalog/subject/cloud-computing',
-  trackingTarget: 'topnav_catalog_skill_cloud-computing',
-  text: 'Cloud computing',
-  type: 'link',
-  icon: CloudComputingIcon
-}, {
-  id: 'web-development',
-  href: '/catalog/subject/web-development',
-  trackingTarget: 'topnav_catalog_skill_web_development',
-  text: 'Web development',
-  type: 'link',
-  icon: WebDevelopmentIcon
-}, {
-  id: 'data-science',
-  href: '/catalog/subject/data-science',
-  trackingTarget: 'topnav_catalog_skill_data-science',
-  text: 'Data science',
-  type: 'link',
-  icon: DataScienceIcon
-}, {
-  id: 'web-design',
-  href: '/catalog/subject/web-design',
-  trackingTarget: 'topnav_catalog_skill_web-design',
-  text: 'Web design',
-  type: 'link',
-  icon: WebDesignIcon
-}, {
-  id: 'professional-skills',
-  href: '/catalog/subject/professional-skills',
-  trackingTarget: 'topnav_catalog_skill_professional-skills',
-  text: 'Professional skills',
-  type: 'link',
-  icon: GrowthIcon
-}, {
-  id: 'code-foundations',
-  href: '/catalog/subject/code-foundations',
-  trackingTarget: 'topnav_catalog_skill_code-foundations',
-  text: 'Code foundations',
-  type: 'link',
-  icon: ProgrammingBrowserIcon
-}];
+import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel } from "./NavPanels.js";
+import { ArtificialIntelligenceIcon, BookLibraryIcon, BriefcaseIcon, CIcon, CPlusIcon, CSharpIcon, CloudComputingIcon, CybersecurityIcon, DataEngineeringIcon, DataScienceIcon, GrowthIcon, HtmlCssIcon, JavaIcon, JavascriptIcon, OnlineClassStudentIcon, PhpIcon, ProfessionalCertificateIcon, ProgrammingBrowserIcon, PythonIcon, SqlIcon, StudyBookIcon, WebDesignIcon, WebDevelopmentIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.tsx
+const getCertificationProviderLogoUrl = (fileName) => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;
+const CATALOG_NAV_SECTIONS = [
+	{
+		item: {
+			icon: StudyBookIcon,
+			text: "Course topics",
+			id: "course-topics",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_course_topics"
+		},
+		panel: CourseTopicsPanel
+	},
+	{
+		item: {
+			icon: OnlineClassStudentIcon,
+			text: "Live learning",
+			id: "live-learning",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_live_learning"
+		},
+		panel: LiveLearningPanel
+	},
+	{
+		item: {
+			icon: BookLibraryIcon,
+			text: "Skill paths",
+			id: "skill-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_skill_paths"
+		},
+		panel: SkillPathsPanel
+	},
+	{
+		item: {
+			icon: BriefcaseIcon,
+			text: "Career paths",
+			id: "career-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_career_paths"
+		},
+		panel: CareerPathsPanel
+	},
+	{
+		item: {
+			icon: ProfessionalCertificateIcon,
+			text: "Certification paths",
+			id: "certification-paths",
+			type: "catalog-dropdown",
+			trackingTarget: "topnav_catalog_tab_certification_paths"
+		},
+		panel: CertificationPathsPanel
+	}
+];
+const CERTIFICATION_PROVIDERS = [
+	{
+		name: "Microsoft",
+		logoUrl: getCertificationProviderLogoUrl("microsoft.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "CompTIA",
+		logoUrl: getCertificationProviderLogoUrl("comptia.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "ISC2",
+		logoUrl: getCertificationProviderLogoUrl("isc2.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "AWS",
+		logoUrl: getCertificationProviderLogoUrl("aws.svg"),
+		hubType: "subhub"
+	},
+	{
+		name: "Google",
+		logoUrl: getCertificationProviderLogoUrl("google.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Cisco",
+		logoUrl: getCertificationProviderLogoUrl("cisco.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "IIBA",
+		logoUrl: getCertificationProviderLogoUrl("iiba.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "ISTQB",
+		logoUrl: getCertificationProviderLogoUrl("istqb.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "ISACA",
+		logoUrl: getCertificationProviderLogoUrl("isaca.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Kubernetes",
+		logoUrl: getCertificationProviderLogoUrl("kubernetes.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Oracle",
+		logoUrl: getCertificationProviderLogoUrl("oracle.svg"),
+		hubType: "certification-prep"
+	},
+	{
+		name: "Project Management Institute",
+		logoUrl: getCertificationProviderLogoUrl("pmi.svg"),
+		hubType: "certification-prep"
+	}
+];
+const popularLanguages = [
+	{
+		id: "python",
+		href: "/catalog/language/python",
+		trackingTarget: "topnav_catalog_skill_python",
+		text: "Python",
+		type: "link",
+		icon: PythonIcon
+	},
+	{
+		id: "javascript",
+		href: "/catalog/language/javascript",
+		trackingTarget: "topnav_catalog_skill_javascript",
+		text: "JavaScript",
+		type: "link",
+		icon: JavascriptIcon
+	},
+	{
+		id: "html-css",
+		href: "/catalog/language/html-css",
+		trackingTarget: "topnav_catalog_skill_html-css",
+		text: "HTML & CSS",
+		type: "link",
+		icon: HtmlCssIcon
+	},
+	{
+		id: "c-sharp",
+		href: "/catalog/language/c-sharp",
+		trackingTarget: "topnav_catalog_skill_c-sharp",
+		text: "C#",
+		type: "link",
+		icon: CSharpIcon
+	},
+	{
+		id: "c-plus-plus",
+		href: "/catalog/language/c-plus-plus",
+		trackingTarget: "topnav_catalog_skill_c-plus-plus",
+		text: "C++",
+		type: "link",
+		icon: CPlusIcon
+	},
+	{
+		id: "c",
+		href: "/catalog/language/c",
+		trackingTarget: "topnav_catalog_skill_c",
+		text: "C",
+		type: "link",
+		icon: CIcon
+	},
+	{
+		id: "php",
+		href: "/catalog/language/php",
+		trackingTarget: "topnav_catalog_skill_php",
+		text: "PHP",
+		type: "link",
+		icon: PhpIcon
+	},
+	{
+		id: "java",
+		href: "/catalog/language/java",
+		trackingTarget: "topnav_catalog_skill_java",
+		text: "Java",
+		type: "link",
+		icon: JavaIcon
+	},
+	{
+		id: "sql",
+		href: "/catalog/language/sql",
+		trackingTarget: "topnav_catalog_skill_sql",
+		text: "SQL",
+		type: "link",
+		icon: SqlIcon
+	}
+];
+const popularSubjects = [
+	{
+		id: "artificial-intelligence",
+		href: "/catalog/subject/artificial-intelligence",
+		trackingTarget: "topnav_catalog_skill_ai",
+		text: "AI",
+		type: "link",
+		icon: ArtificialIntelligenceIcon
+	},
+	{
+		id: "it",
+		href: "/catalog/subject/information-technology",
+		trackingTarget: "topnav_catalog_skill_it",
+		text: "IT",
+		type: "link",
+		icon: DataEngineeringIcon
+	},
+	{
+		id: "cybersecurity",
+		href: "/catalog/subject/cybersecurity",
+		trackingTarget: "topnav_catalog_skill_cybersecurity",
+		text: "Cybersecurity",
+		type: "link",
+		icon: CybersecurityIcon
+	},
+	{
+		id: "cloud-computing",
+		href: "/catalog/subject/cloud-computing",
+		trackingTarget: "topnav_catalog_skill_cloud-computing",
+		text: "Cloud computing",
+		type: "link",
+		icon: CloudComputingIcon
+	},
+	{
+		id: "web-development",
+		href: "/catalog/subject/web-development",
+		trackingTarget: "topnav_catalog_skill_web_development",
+		text: "Web development",
+		type: "link",
+		icon: WebDevelopmentIcon
+	},
+	{
+		id: "data-science",
+		href: "/catalog/subject/data-science",
+		trackingTarget: "topnav_catalog_skill_data-science",
+		text: "Data science",
+		type: "link",
+		icon: DataScienceIcon
+	},
+	{
+		id: "web-design",
+		href: "/catalog/subject/web-design",
+		trackingTarget: "topnav_catalog_skill_web-design",
+		text: "Web design",
+		type: "link",
+		icon: WebDesignIcon
+	},
+	{
+		id: "professional-skills",
+		href: "/catalog/subject/professional-skills",
+		trackingTarget: "topnav_catalog_skill_professional-skills",
+		text: "Professional skills",
+		type: "link",
+		icon: GrowthIcon
+	},
+	{
+		id: "code-foundations",
+		href: "/catalog/subject/code-foundations",
+		trackingTarget: "topnav_catalog_skill_code-foundations",
+		text: "Code foundations",
+		type: "link",
+		icon: ProgrammingBrowserIcon
+	}
+];
+
+//#endregion
+export { CATALOG_NAV_SECTIONS, CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects };
+//# sourceMappingURL=consts.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":["ArtificialIntelligenceIcon","BookLibraryIcon","BriefcaseIcon","CIcon","CloudComputingIcon","CPlusIcon","CSharpIcon","CybersecurityIcon","DataEngineeringIcon","DataScienceIcon","GrowthIcon","HtmlCssIcon","JavaIcon","JavascriptIcon","OnlineClassStudentIcon","PhpIcon","ProfessionalCertificateIcon","ProgrammingBrowserIcon","PythonIcon","SqlIcon","StudyBookIcon","WebDesignIcon","WebDevelopmentIcon","React","CareerPathsPanel","CertificationPathsPanel","CourseTopicsPanel","LiveLearningPanel","SkillPathsPanel","getCertificationProviderLogoUrl","fileName","CATALOG_NAV_SECTIONS","item","icon","text","id","type","trackingTarget","panel","CERTIFICATION_PROVIDERS","name","logoUrl","hubType","popularLanguages","href","popularSubjects"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.tsx"],"sourcesContent":["import {\n  ArtificialIntelligenceIcon,\n  BookLibraryIcon,\n  BriefcaseIcon,\n  CIcon,\n  CloudComputingIcon,\n  CPlusIcon,\n  CSharpIcon,\n  CybersecurityIcon,\n  DataEngineeringIcon,\n  DataScienceIcon,\n  GrowthIcon,\n  HtmlCssIcon,\n  JavaIcon,\n  JavascriptIcon,\n  OnlineClassStudentIcon,\n  PhpIcon,\n  ProfessionalCertificateIcon,\n  ProgrammingBrowserIcon,\n  PythonIcon,\n  SqlIcon,\n  StudyBookIcon,\n  WebDesignIcon,\n  WebDevelopmentIcon,\n} from '@codecademy/gamut-icons';\nimport React from 'react';\n\nimport { AppHeaderCatalogDropdownItem, AppHeaderLinkItem } from '../../shared';\nimport {\n  CareerPathsPanel,\n  CertificationPathsPanel,\n  CourseTopicsPanel,\n  LiveLearningPanel,\n  SkillPathsPanel,\n} from './NavPanels';\n\nexport type NavSectionConfig = {\n  item: AppHeaderCatalogDropdownItem;\n  panel: React.ComponentType<{ tabIndex?: number }>;\n};\n\nexport const getCertificationProviderLogoUrl = (fileName: string) =>\n  `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v2/${fileName}`;\n\nexport const CATALOG_NAV_SECTIONS: NavSectionConfig[] = [\n  {\n    item: {\n      icon: StudyBookIcon,\n      text: 'Course topics',\n      id: 'course-topics',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_course_topics',\n    },\n    panel: CourseTopicsPanel,\n  },\n  {\n    item: {\n      icon: OnlineClassStudentIcon,\n      text: 'Live learning',\n      id: 'live-learning',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_live_learning',\n    },\n    panel: LiveLearningPanel,\n  },\n  {\n    item: {\n      icon: BookLibraryIcon,\n      text: 'Skill paths',\n      id: 'skill-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_skill_paths',\n    },\n    panel: SkillPathsPanel,\n  },\n  {\n    item: {\n      icon: BriefcaseIcon,\n      text: 'Career paths',\n      id: 'career-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_career_paths',\n    },\n    panel: CareerPathsPanel,\n  },\n  {\n    item: {\n      icon: ProfessionalCertificateIcon,\n      text: 'Certification paths',\n      id: 'certification-paths',\n      type: 'catalog-dropdown',\n      trackingTarget: 'topnav_catalog_tab_certification_paths',\n    },\n    panel: CertificationPathsPanel,\n  },\n];\n\nexport const CERTIFICATION_PROVIDERS = [\n  {\n    name: 'Microsoft',\n    logoUrl: getCertificationProviderLogoUrl('microsoft.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'CompTIA',\n    logoUrl: getCertificationProviderLogoUrl('comptia.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'ISC2',\n    logoUrl: getCertificationProviderLogoUrl('isc2.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'AWS',\n    logoUrl: getCertificationProviderLogoUrl('aws.svg'),\n    hubType: 'subhub',\n  },\n  {\n    name: 'Google',\n    logoUrl: getCertificationProviderLogoUrl('google.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Cisco',\n    logoUrl: getCertificationProviderLogoUrl('cisco.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'IIBA',\n    logoUrl: getCertificationProviderLogoUrl('iiba.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'ISTQB',\n    logoUrl: getCertificationProviderLogoUrl('istqb.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'ISACA',\n    logoUrl: getCertificationProviderLogoUrl('isaca.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Kubernetes',\n    logoUrl: getCertificationProviderLogoUrl('kubernetes.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Oracle',\n    logoUrl: getCertificationProviderLogoUrl('oracle.svg'),\n    hubType: 'certification-prep',\n  },\n  {\n    name: 'Project Management Institute',\n    logoUrl: getCertificationProviderLogoUrl('pmi.svg'),\n    hubType: 'certification-prep',\n  },\n];\n\nexport const popularLanguages: AppHeaderLinkItem[] = [\n  {\n    id: 'python',\n    href: '/catalog/language/python',\n    trackingTarget: 'topnav_catalog_skill_python',\n    text: 'Python',\n    type: 'link',\n    icon: PythonIcon,\n  },\n  {\n    id: 'javascript',\n    href: '/catalog/language/javascript',\n    trackingTarget: 'topnav_catalog_skill_javascript',\n    text: 'JavaScript',\n    type: 'link',\n    icon: JavascriptIcon,\n  },\n  {\n    id: 'html-css',\n    href: '/catalog/language/html-css',\n    trackingTarget: 'topnav_catalog_skill_html-css',\n    text: 'HTML & CSS',\n    type: 'link',\n    icon: HtmlCssIcon,\n  },\n  {\n    id: 'c-sharp',\n    href: '/catalog/language/c-sharp',\n    trackingTarget: 'topnav_catalog_skill_c-sharp',\n    text: 'C#',\n    type: 'link',\n    icon: CSharpIcon,\n  },\n  {\n    id: 'c-plus-plus',\n    href: '/catalog/language/c-plus-plus',\n    trackingTarget: 'topnav_catalog_skill_c-plus-plus',\n    text: 'C++',\n    type: 'link',\n    icon: CPlusIcon,\n  },\n  {\n    id: 'c',\n    href: '/catalog/language/c',\n    trackingTarget: 'topnav_catalog_skill_c',\n    text: 'C',\n    type: 'link',\n    icon: CIcon,\n  },\n  {\n    id: 'php',\n    href: '/catalog/language/php',\n    trackingTarget: 'topnav_catalog_skill_php',\n    text: 'PHP',\n    type: 'link',\n    icon: PhpIcon,\n  },\n  {\n    id: 'java',\n    href: '/catalog/language/java',\n    trackingTarget: 'topnav_catalog_skill_java',\n    text: 'Java',\n    type: 'link',\n    icon: JavaIcon,\n  },\n  {\n    id: 'sql',\n    href: '/catalog/language/sql',\n    trackingTarget: 'topnav_catalog_skill_sql',\n    text: 'SQL',\n    type: 'link',\n    icon: SqlIcon,\n  },\n];\n\nexport const popularSubjects: AppHeaderLinkItem[] = [\n  {\n    id: 'artificial-intelligence',\n    href: '/catalog/subject/artificial-intelligence',\n    trackingTarget: 'topnav_catalog_skill_ai',\n    text: 'AI',\n    type: 'link',\n    icon: ArtificialIntelligenceIcon,\n  },\n\n  {\n    id: 'it',\n    href: '/catalog/subject/information-technology',\n    trackingTarget: 'topnav_catalog_skill_it',\n    text: 'IT',\n    type: 'link',\n    icon: DataEngineeringIcon,\n  },\n  {\n    id: 'cybersecurity',\n    href: '/catalog/subject/cybersecurity',\n    trackingTarget: 'topnav_catalog_skill_cybersecurity',\n    text: 'Cybersecurity',\n    type: 'link',\n    icon: CybersecurityIcon,\n  },\n\n  {\n    id: 'cloud-computing',\n    href: '/catalog/subject/cloud-computing',\n    trackingTarget: 'topnav_catalog_skill_cloud-computing',\n    text: 'Cloud computing',\n    type: 'link',\n    icon: CloudComputingIcon,\n  },\n  {\n    id: 'web-development',\n    href: '/catalog/subject/web-development',\n    trackingTarget: 'topnav_catalog_skill_web_development',\n    text: 'Web development',\n    type: 'link',\n    icon: WebDevelopmentIcon,\n  },\n  {\n    id: 'data-science',\n    href: '/catalog/subject/data-science',\n    trackingTarget: 'topnav_catalog_skill_data-science',\n    text: 'Data science',\n    type: 'link',\n    icon: DataScienceIcon,\n  },\n  {\n    id: 'web-design',\n    href: '/catalog/subject/web-design',\n    trackingTarget: 'topnav_catalog_skill_web-design',\n    text: 'Web design',\n    type: 'link',\n    icon: WebDesignIcon,\n  },\n  {\n    id: 'professional-skills',\n    href: '/catalog/subject/professional-skills',\n    trackingTarget: 'topnav_catalog_skill_professional-skills',\n    text: 'Professional skills',\n    type: 'link',\n    icon: GrowthIcon,\n  },\n  {\n    id: 'code-foundations',\n    href: '/catalog/subject/code-foundations',\n    trackingTarget: 'topnav_catalog_skill_code-foundations',\n    text: 'Code foundations',\n    type: 'link',\n    icon: ProgrammingBrowserIcon,\n  },\n];\n"],"mappings":";;;;AAyCA,MAAa6B,mCAAmCC,aAC9C,gGAAgGA;AAElG,MAAaC,uBAA2C;CACtD;EACEC,MAAM;GACJC,MAAMb;GACNc,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;GAClB;EACAC,OAAOZ;EACT;CACA;EACEM,MAAM;GACJC,MAAMnB;GACNoB,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;GAClB;EACAC,OAAOX;EACT;CACA;EACEK,MAAM;GACJC,MAAMhC;GACNiC,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;GAClB;EACAC,OAAOV;EACT;CACA;EACEI,MAAM;GACJC,MAAM/B;GACNgC,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;GAClB;EACAC,OAAOd;EACT;CACA;EACEQ,MAAM;GACJC,MAAMjB;GACNkB,MAAM;GACNC,IAAI;GACJC,MAAM;GACNC,gBAAgB;GAClB;EACAC,OAAOb;EACT;CACD;AAED,MAAac,0BAA0B;CACrC;EACEC,MAAM;EACNC,SAASZ,gCAAgC,gBAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,cAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,WAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,UAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,aAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,YAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,WAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,YAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,YAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,iBAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,aAAA;EACzCa,SAAS;EACX;CACA;EACEF,MAAM;EACNC,SAASZ,gCAAgC,UAAA;EACzCa,SAAS;EACX;CACD;AAED,MAAaC,mBAAwC;CACnD;EACER,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMf;EACR;CACA;EACEiB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMpB;EACR;CACA;EACEsB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMtB;EACR;CACA;EACEwB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM3B;EACR;CACA;EACE6B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM5B;EACR;CACA;EACE8B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM9B;EACR;CACA;EACEgC,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMlB;EACR;CACA;EACEoB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMrB;EACR;CACA;EACEuB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMd;EACR;CACD;AAED,MAAa0B,kBAAuC;CAClD;EACEV,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMjC;EACR;CAEA;EACEmC,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMzB;EACR;CACA;EACE2B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM1B;EACR;CAEA;EACE4B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAM7B;EACR;CACA;EACE+B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMX;EACR;CACA;EACEa,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMxB;EACR;CACA;EACE0B,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMZ;EACR;CACA;EACEc,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMvB;EACR;CACA;EACEyB,IAAI;EACJS,MAAM;EACNP,gBAAgB;EAChBH,MAAM;EACNE,MAAM;EACNH,MAAMhB;EACR;CACD"}

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

@@ -0,0 +1,100 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_elements = require('../../shared/elements.cjs');
+require('../../shared/index.cjs');
+const require_index$1 = require('../AppHeaderProvider/index.cjs');
+const require_context = require('../../../GlobalHeader/context.cjs');
+const require_MarketingBanner = require('./MarketingBanner.cjs');
+const require_index$2 = require('../AppHeaderDropdownProvider/index.cjs');
+const require_index$3 = require('../AppHeaderNavButton/index.cjs');
+const require_index$4 = 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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.tsx
+const StyledAnimatedMegaMenuDropdown = /* @__PURE__ */ (0, _emotion_styled.default)(require_elements.AnimatedMegaMenuDropdown, {
+	shouldForwardProp: (prop) => prop !== "narrowCatalogDropdownPosition" && prop !== "wideCatalogDropdownPosition",
+	target: "edz5aa30",
+	label: "brand-StyledAnimatedMegaMenuDropdown"
+})("top:3.5rem;left:", ({ narrowCatalogDropdownPosition }) => {
+	return narrowCatalogDropdownPosition;
+}, ";@media (min-width:1261px){left:", ({ wideCatalogDropdownPosition }) => {
+	return wideCatalogDropdownPosition;
+}, ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIERyb3Bkb3duUG9zaXRpb25zLFxuICB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvbiB9IGZyb20gJy4uL0FwcEhlYWRlck5hdkJ1dHRvbic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJDb250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyU2VjdGlvbiB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24nO1xuaW1wb3J0IHsgQ0FUQUxPR19OQVZfU0VDVElPTlMgfSBmcm9tICcuL2NvbnN0cyc7XG5pbXBvcnQgeyBNYXJrZXRpbmdCYW5uZXIgfSBmcm9tICcuL01hcmtldGluZ0Jhbm5lcic7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICduYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbicgJiZcbiAgICBwcm9wICE9PSAnd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb246IHN0cmluZztcbiAgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uOiBzdHJpbmc7XG59PmBcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6ICR7KHsgbmFycm93Q2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb24gfSkgPT4ge1xuICAgIHJldHVybiBuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbjtcbiAgfX07XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyNjFweCkge1xuICAgIGxlZnQ6ICR7KHsgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uIH0pID0+IHtcbiAgICAgIHJldHVybiB3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb247XG4gICAgfX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSB9KSA9PiB7XG4gIGNvbnN0IHsgdGV4dCB9ID0gaXRlbTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGRyb3Bkb3duUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcbiAgY29uc3QgeyBoZWFkZXJUeXBlIH0gPSB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCgpO1xuICBjb25zdCB7IGNhdGFsb2dEcm9wZG93biB9ID0gRHJvcGRvd25Qb3NpdGlvbnNbaGVhZGVyVHlwZV07XG4gIGNvbnN0IG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uID0gY2F0YWxvZ0Ryb3Bkb3duLm5hcnJvdztcbiAgY29uc3Qgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uID0gY2F0YWxvZ0Ryb3Bkb3duLndpZGU7XG5cbiAgY29uc3QgYW5pbWF0aW9uRmluaXNoZWQgPSAoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiBkcm9wZG93blJlZi5jdXJyZW50KSB7XG4gICAgICBkcm9wZG93blJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGZvY3VzQnV0dG9uID0gKCkgPT4ge1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bih0ZXh0KTtcbiAgICAgIH1cbiAgICB9XG4gICAgc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBmb2N1c0J1dHRvbigpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSB0ZXh0ICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCkge1xuICAgICAgY29uc3QgY29udGFpbmVyID0gY29udGFpbmVyUmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgY29udGFpbmVyICYmXG4gICAgICAgICFjb250YWluZXIuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtjb250YWluZXJSZWYsIGhhbmRsZUNsb3NlLCBpc09wZW5dKTtcblxuICByZXR1cm4gKFxuICAgIDxBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd25cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIG5hcnJvd0NhdGFsb2dEcm9wZG93blBvc2l0aW9uPXtuYXJyb3dDYXRhbG9nRHJvcGRvd25Qb3NpdGlvbn1cbiAgICAgICAgd2lkZUNhdGFsb2dEcm9wZG93blBvc2l0aW9uPXt3aWRlQ2F0YWxvZ0Ryb3Bkb3duUG9zaXRpb259XG4gICAgICAgIHRhYkluZGV4PXstMX0gLy8gcHJldmVudCBmcm9tIGludGVyZmVyaW5nIHdpdGggQXBwSGVhZGVyIGZvY3VzIGxvZ2ljXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2F0YWxvZy1tZW51LWRyb3Bkb3duXCJcbiAgICAgICAgb25BbmltYXRpb25Db21wbGV0ZT17YW5pbWF0aW9uRmluaXNoZWR9XG4gICAgICAgIHJlZj17ZHJvcGRvd25SZWZ9XG4gICAgICA+XG4gICAgICAgIDxDb2xvck1vZGUgbW9kZT1cImxpZ2h0XCI+XG4gICAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBuYXZTZWN0aW9ucz17Q0FUQUxPR19OQVZfU0VDVElPTlN9XG4gICAgICAgICAgICBNYXJrZXRpbmdCYW5uZXI9e01hcmtldGluZ0Jhbm5lcn1cbiAgICAgICAgICAgIGhhbmRsZUNsb3NlPXsoKSA9PiBzZXRJc09wZW4oZmFsc2UpfVxuICAgICAgICAgICAgdHlwZT1cImNhdGFsb2ctZHJvcGRvd25cIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQ29sb3JNb2RlPlxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnVDIn0= */");
+const AppHeaderCatalogDropdown = ({ 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$1.useAppHeaderContext();
+	const { headerType } = require_context.useHeaderDisplayContext();
+	const { catalogDropdown } = require_context.DropdownPositions[headerType];
+	const narrowCatalogDropdownPosition = catalogDropdown.narrow;
+	const wideCatalogDropdownPosition = catalogDropdown.wide;
+	const animationFinished = () => {
+		if (isOpen && dropdownRef.current) dropdownRef.current.scrollTop = 0;
+	};
+	const focusButton = () => {
+		buttonRef?.current?.focus();
+	};
+	const handleOnClick = (event) => {
+		if (!isOpen) {
+			action(event, item);
+			if (setLastOpenedDropdown) setLastOpenedDropdown(text);
+		}
+		setIsOpen((prev) => !prev);
+	};
+	const handleClose = (0, react.useCallback)(() => {
+		setIsOpen(false);
+		focusButton();
+	}, []);
+	(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__ */ react.createElement(require_index$2.AppHeaderDropdownProvider, { handleClose }, /* @__PURE__ */ react.createElement(require_index$3.AppHeaderDropdownNavButton, {
+		buttonRef,
+		handleOnClick,
+		isOpen,
+		text
+	}), /* @__PURE__ */ react.createElement(StyledAnimatedMegaMenuDropdown, {
+		isOpen,
+		narrowCatalogDropdownPosition,
+		wideCatalogDropdownPosition,
+		tabIndex: -1,
+		"data-testid": "catalog-menu-dropdown",
+		onAnimationComplete: animationFinished,
+		ref: dropdownRef
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut_styles.ColorMode, { mode: "light" }, /* @__PURE__ */ react.createElement(require_index$4.AppHeaderSection, {
+		isOpen,
+		ref: containerRef,
+		navSections: require_consts.CATALOG_NAV_SECTIONS,
+		MarketingBanner: require_MarketingBanner.MarketingBanner,
+		handleClose: () => setIsOpen(false),
+		type: "catalog-dropdown"
+	}))));
+};
+
+//#endregion
+exports.AppHeaderCatalogDropdown = AppHeaderCatalogDropdown;
+//# sourceMappingURL=index.cjs.map