@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

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

@@ -1,274 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_NavPanels = require('./NavPanels.cjs');
-let _codecademy_gamut_icons = require("@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: _codecademy_gamut_icons.StudyBookIcon,
-			text: "Course topics",
-			id: "course-topics",
-			type: "catalog-dropdown",
-			trackingTarget: "topnav_catalog_tab_course_topics"
-		},
-		panel: require_NavPanels.CourseTopicsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.OnlineClassStudentIcon,
-			text: "Live learning",
-			id: "live-learning",
-			type: "catalog-dropdown",
-			trackingTarget: "topnav_catalog_tab_live_learning"
-		},
-		panel: require_NavPanels.LiveLearningPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.BookLibraryIcon,
-			text: "Skill paths",
-			id: "skill-paths",
-			type: "catalog-dropdown",
-			trackingTarget: "topnav_catalog_tab_skill_paths"
-		},
-		panel: require_NavPanels.SkillPathsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.BriefcaseIcon,
-			text: "Career paths",
-			id: "career-paths",
-			type: "catalog-dropdown",
-			trackingTarget: "topnav_catalog_tab_career_paths"
-		},
-		panel: require_NavPanels.CareerPathsPanel
-	},
-	{
-		item: {
-			icon: _codecademy_gamut_icons.ProfessionalCertificateIcon,
-			text: "Certification paths",
-			id: "certification-paths",
-			type: "catalog-dropdown",
-			trackingTarget: "topnav_catalog_tab_certification_paths"
-		},
-		panel: require_NavPanels.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: _codecademy_gamut_icons.PythonIcon
-	},
-	{
-		id: "javascript",
-		href: "/catalog/language/javascript",
-		trackingTarget: "topnav_catalog_skill_javascript",
-		text: "JavaScript",
-		type: "link",
-		icon: _codecademy_gamut_icons.JavascriptIcon
-	},
-	{
-		id: "html-css",
-		href: "/catalog/language/html-css",
-		trackingTarget: "topnav_catalog_skill_html-css",
-		text: "HTML & CSS",
-		type: "link",
-		icon: _codecademy_gamut_icons.HtmlCssIcon
-	},
-	{
-		id: "c-sharp",
-		href: "/catalog/language/c-sharp",
-		trackingTarget: "topnav_catalog_skill_c-sharp",
-		text: "C#",
-		type: "link",
-		icon: _codecademy_gamut_icons.CSharpIcon
-	},
-	{
-		id: "c-plus-plus",
-		href: "/catalog/language/c-plus-plus",
-		trackingTarget: "topnav_catalog_skill_c-plus-plus",
-		text: "C++",
-		type: "link",
-		icon: _codecademy_gamut_icons.CPlusIcon
-	},
-	{
-		id: "c",
-		href: "/catalog/language/c",
-		trackingTarget: "topnav_catalog_skill_c",
-		text: "C",
-		type: "link",
-		icon: _codecademy_gamut_icons.CIcon
-	},
-	{
-		id: "php",
-		href: "/catalog/language/php",
-		trackingTarget: "topnav_catalog_skill_php",
-		text: "PHP",
-		type: "link",
-		icon: _codecademy_gamut_icons.PhpIcon
-	},
-	{
-		id: "java",
-		href: "/catalog/language/java",
-		trackingTarget: "topnav_catalog_skill_java",
-		text: "Java",
-		type: "link",
-		icon: _codecademy_gamut_icons.JavaIcon
-	},
-	{
-		id: "sql",
-		href: "/catalog/language/sql",
-		trackingTarget: "topnav_catalog_skill_sql",
-		text: "SQL",
-		type: "link",
-		icon: _codecademy_gamut_icons.SqlIcon
-	}
-];
-const popularSubjects = [
-	{
-		id: "artificial-intelligence",
-		href: "/catalog/subject/artificial-intelligence",
-		trackingTarget: "topnav_catalog_skill_ai",
-		text: "AI",
-		type: "link",
-		icon: _codecademy_gamut_icons.ArtificialIntelligenceIcon
-	},
-	{
-		id: "it",
-		href: "/catalog/subject/information-technology",
-		trackingTarget: "topnav_catalog_skill_it",
-		text: "IT",
-		type: "link",
-		icon: _codecademy_gamut_icons.DataEngineeringIcon
-	},
-	{
-		id: "cybersecurity",
-		href: "/catalog/subject/cybersecurity",
-		trackingTarget: "topnav_catalog_skill_cybersecurity",
-		text: "Cybersecurity",
-		type: "link",
-		icon: _codecademy_gamut_icons.CybersecurityIcon
-	},
-	{
-		id: "cloud-computing",
-		href: "/catalog/subject/cloud-computing",
-		trackingTarget: "topnav_catalog_skill_cloud-computing",
-		text: "Cloud computing",
-		type: "link",
-		icon: _codecademy_gamut_icons.CloudComputingIcon
-	},
-	{
-		id: "web-development",
-		href: "/catalog/subject/web-development",
-		trackingTarget: "topnav_catalog_skill_web_development",
-		text: "Web development",
-		type: "link",
-		icon: _codecademy_gamut_icons.WebDevelopmentIcon
-	},
-	{
-		id: "data-science",
-		href: "/catalog/subject/data-science",
-		trackingTarget: "topnav_catalog_skill_data-science",
-		text: "Data science",
-		type: "link",
-		icon: _codecademy_gamut_icons.DataScienceIcon
-	},
-	{
-		id: "web-design",
-		href: "/catalog/subject/web-design",
-		trackingTarget: "topnav_catalog_skill_web-design",
-		text: "Web design",
-		type: "link",
-		icon: _codecademy_gamut_icons.WebDesignIcon
-	},
-	{
-		id: "professional-skills",
-		href: "/catalog/subject/professional-skills",
-		trackingTarget: "topnav_catalog_skill_professional-skills",
-		text: "Professional skills",
-		type: "link",
-		icon: _codecademy_gamut_icons.GrowthIcon
-	},
-	{
-		id: "code-foundations",
-		href: "/catalog/subject/code-foundations",
-		trackingTarget: "topnav_catalog_skill_code-foundations",
-		text: "Code foundations",
-		type: "link",
-		icon: _codecademy_gamut_icons.ProgrammingBrowserIcon
-	}
-];
-
-//#endregion
-exports.CATALOG_NAV_SECTIONS = CATALOG_NAV_SECTIONS;
-exports.CERTIFICATION_PROVIDERS = CERTIFICATION_PROVIDERS;
-exports.popularLanguages = popularLanguages;
-exports.popularSubjects = popularSubjects;

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

@@ -1,110 +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');
-const require_MarketingBanner = require('./MarketingBanner.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/AppHeaderCatalogDropdown/index.tsx
-const StyledAnimatedMegaMenuDropdown = (0, _emotion_styled.default)(require_elements.AnimatedMegaMenuDropdown, { shouldForwardProp: (prop) => prop !== "narrowCatalogDropdownPosition" && prop !== "wideCatalogDropdownPosition" })`
-  top: 3.5rem;
-  left: ${({ narrowCatalogDropdownPosition }) => {
-	return narrowCatalogDropdownPosition;
-}};
-
-  @media (min-width: 1261px) {
-    left: ${({ wideCatalogDropdownPosition }) => {
-	return wideCatalogDropdownPosition;
-}};
-  }
-`;
-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.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__ */ (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,
-			narrowCatalogDropdownPosition,
-			wideCatalogDropdownPosition,
-			tabIndex: -1,
-			"data-testid": "catalog-menu-dropdown",
-			onAnimationComplete: animationFinished,
-			ref: dropdownRef,
-			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.CATALOG_NAV_SECTIONS,
-					MarketingBanner: require_MarketingBanner.MarketingBanner,
-					handleClose: () => setIsOpen(false),
-					type: "catalog-dropdown",
-					isCoachingEnabled: item.isCoachingEnabled
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.AppHeaderCatalogDropdown = AppHeaderCatalogDropdown;

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

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

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

@@ -1,114 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_context = require('../../../GlobalHeader/context.cjs');
-const require_types = require('../../../ContentGroupBaseCard/types.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_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderDietCard/index.tsx
-const StyledCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)`
-  &:hover {
-    border-color: ${({ theme }) => theme.colors.black};
-    cursor: pointer;
-  }
-`;
-const DottedLine = (0, _emotion_styled.default)(_codecademy_gamut_patterns.CheckerDense)((0, _codecademy_gamut_styles.css)({
-	height: "1px",
-	display: "flex",
-	position: "absolute",
-	marginTop: "-1px"
-}));
-const DifficultyTextContainer = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  @media (min-width: 768px) and (max-width: 880px) {
-    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
-  }
-
-  @media (min-width: 1024px) and (max-width: 1136px) {
-    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
-  }
-
-  @media (min-width: 1200px) and (max-width: 1230px) {
-    max-width: ${({ isBeginnerContainer }) => isBeginnerContainer ? "60%" : "none"};
-  }
-`;
-const AppHeaderDietCard = ({ title, hours, icon, difficulty, href, trackingTarget }) => {
-	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
-	const isBeginnerContainer = difficulty === require_types.CourseDifficulty.Beginner;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		href,
-		variant: "interface",
-		display: "block",
-		onClick: (event) => globalHeaderItemClick(event, {
-			type: "link",
-			id: `topnav_catalog_${title}`,
-			href,
-			text: title,
-			trackingTarget: `topnav_catalog_${trackingTarget ?? title}`
-		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-			borderRadius: "md",
-			borderColor: "border-tertiary",
-			minHeight: 120,
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "space-between",
-			px: 12,
-			py: 8,
-			isInteractive: true,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "h3",
-				variant: "p-large",
-				fontWeight: 700,
-				truncate: "ellipsis",
-				truncateLines: 2,
-				children: title
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				py: 4,
-				mb: 4,
-				height: 0,
-				position: "relative",
-				"aria-hidden": true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DottedLine, { color: "border-tertiary" })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				justifyContent: "space-between",
-				alignItems: "center",
-				children: [difficulty && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DifficultyTextContainer, {
-					isBeginnerContainer,
-					justifyContent: "center",
-					alignItems: "center",
-					gap: 8,
-					children: [
-						icon,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							screenreader: true,
-							children: `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							fontSize: 14,
-							color: "text-secondary",
-							"data-testid": "card-difficulty",
-							"aria-hidden": true,
-							truncate: "ellipsis",
-							truncateLines: 1,
-							overflow: "hidden",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: difficulty }), isBeginnerContainer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: " Friendly" })]
-						})
-					]
-				}), hours && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-					fontSize: 14,
-					variant: "p-small",
-					color: "text-secondary",
-					whiteSpace: "nowrap",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: hours }), " hours"]
-				})]
-			})] })]
-		})
-	}) });
-};
-
-//#endregion
-exports.AppHeaderDietCard = AppHeaderDietCard;

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

@@ -1,97 +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_index$1 = require('../AppHeaderMenuProvider/index.cjs');
-const require_index$2 = require('../AppHeaderNavButton/index.cjs');
-const require_index$3 = require('../AppHeaderLinkSections/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");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.tsx
-const StyledLinkSection = (0, _emotion_styled.default)(require_index$3.AppHeaderLinkSections)((0, _codecademy_gamut_styles.css)({
-	padding: `0.75rem 0`,
-	position: `absolute`
-}));
-const StyledDropdownMenu = (0, _emotion_styled.default)(_codecademy_gamut.Menu)((0, _codecademy_gamut_styles.css)({
-	border: 1,
-	borderColor: "border-tertiary",
-	borderRadius: "lg"
-}));
-const AppHeaderDropdown = ({ action, item, spacing = "normal", standalone }) => {
-	const listRef = (0, react.useRef)(null);
-	const buttonRef = (0, react.useRef)(null);
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
-	const dropdownId = item?.text ?? item?.type;
-	const toggleIsOpen = () => setIsOpen((prev) => !prev);
-	const handleOnClick = (event) => {
-		toggleIsOpen();
-		if (!isOpen) {
-			if (action) action(event, item);
-			if (setLastOpenedDropdown) setLastOpenedDropdown(dropdownId);
-		}
-	};
-	const handleKeyboardClose = (0, react.useCallback)(() => {
-		setIsOpen(false);
-		buttonRef.current?.focus();
-	}, []);
-	(0, react.useEffect)(() => {
-		if (lastOpenedDropdown !== dropdownId && isOpen) setIsOpen(false);
-	}, [lastOpenedDropdown]);
-	(0, react.useEffect)(() => {
-		function handleClickOutside(event) {
-			const list = listRef?.current;
-			const button = buttonRef?.current;
-			if (isOpen && list && !list.contains(event.target) && button && !button.contains(event.target)) setIsOpen(false);
-		}
-		document.addEventListener("mousedown", handleClickOutside);
-		document.addEventListener("blur", handleClickOutside);
-		return () => {
-			document.removeEventListener("mousedown", handleClickOutside);
-			document.removeEventListener("blur", handleClickOutside);
-		};
-	}, [listRef, isOpen]);
-	const isProfileDropdown = item.type === "profile-dropdown";
-	const isGenericDropdown = ["dropdown", "resources-simple-dropdown"].includes(item.type);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.AppHeaderMenuProvider, {
-		handleClose: handleKeyboardClose,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderMenuNavButton, {
-			buttonRef,
-			handleOnClick,
-			isOpen,
-			item
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.AnimatedSimpleDropdown, {
-			isOpen,
-			style: {
-				right: isProfileDropdown ? "0.5rem" : "",
-				top: isGenericDropdown && standalone ? "2.75rem" : "3.5rem"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.ColorMode, {
-				mode: "light",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledDropdownMenu, {
-					minWidth: "202px",
-					ref: listRef,
-					role: isProfileDropdown ? "menu" : void 0,
-					spacing,
-					variant: "popover",
-					width: "fit-content",
-					zIndex: 1,
-					py: spacing === "normal" ? 12 : 0,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLinkSection, {
-						action,
-						item,
-						isOpen
-					})
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.AppHeaderDropdown = AppHeaderDropdown;

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

@@ -1,16 +0,0 @@
-import { AppHeaderAction, AppHeaderDropdownItem } from "../../shared/types.cjs";
-import { Menu } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderDropdown/index.d.ts
-type AppHeaderDropdownProps = AppHeaderAction & Pick<React$1.ComponentProps<typeof Menu>, 'spacing'> & {
-  item: AppHeaderDropdownItem;
-  /**
-   * If true, the dropdown is being rendered as a standalone component, rather than
-   * part of the global header.
-   */
-  standalone?: boolean;
-};
-declare const AppHeaderDropdown: React$1.FC<AppHeaderDropdownProps>;
-//#endregion
-export { AppHeaderDropdown, AppHeaderDropdownProps };

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

@@ -1,36 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_keyboardNav = require('../../shared/keyboardNav.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 lodash_fp_noop = require("lodash/fp/noop");
-lodash_fp_noop = require_rolldown_runtime.__toESM(lodash_fp_noop);
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderDropdownProvider/index.tsx
-const AppHeaderDropdownContext = (0, react.createContext)({
-	firstItemRef: void 0,
-	setFirstItemRef: void 0,
-	handleClose: () => lodash_fp_noop.default
-});
-const AppHeaderDropdownProvider = ({ children, handleClose }) => {
-	const [firstItemRef, setFirstItemRef] = (0, react.useState)(void 0);
-	const onKeyDown = require_keyboardNav.useOnEscHandler(handleClose);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppHeaderDropdownContext.Provider, {
-		value: {
-			firstItemRef,
-			setFirstItemRef,
-			handleClose
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			onKeyDown,
-			children
-		})
-	});
-};
-const useAppHeaderDropdownContext = () => (0, react.useContext)(AppHeaderDropdownContext);
-
-//#endregion
-exports.AppHeaderDropdownContext = AppHeaderDropdownContext;
-exports.AppHeaderDropdownProvider = AppHeaderDropdownProvider;
-exports.useAppHeaderDropdownContext = useAppHeaderDropdownContext;