@codecademy/brand 4.0.0-alpha.a575634273.0 → 4.0.0-alpha.b03641fd89.0

package/dist/AppHeader/shared/elements.cjs

@@ -1,172 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_AppBar_index = require('../../AppBar/index.cjs');
-const require_elements = require('../AppHeaderElements/AppHeaderSection/elements.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");
-let framer_motion = require("framer-motion");
-
-//#region src/AppHeader/shared/elements.tsx
-const appHeaderMobileBreakpoint = "lg";
-const animatedPopoverVariants = {
-	enter: {
-		opacity: 1,
-		transition: { duration: .2 }
-	},
-	exit: {
-		opacity: 0,
-		transition: { duration: .2 }
-	}
-};
-const AnimatedHeaderZone = ({ children, visible }) => {
-	return visible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		animate: "enter",
-		exit: "exit",
-		initial: "exit",
-		variants: animatedPopoverVariants,
-		children
-	}) }) : null;
-};
-const DropdownAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	alignItems: `center`,
-	display: `flex`,
-	padding: `0.5rem 0`,
-	textAlign: `center`,
-	whiteSpace: `nowrap`,
-	"&:focus::before": { opacity: 1 }
-}));
-const dropdownStates = (0, _codecademy_gamut_styles.states)({ open: { transform: `rotate(-180deg)` } });
-const DropdownIcon = (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownFilledIcon)((0, _codecademy_gamut_styles.css)({
-	marginLeft: (0, _codecademy_gamut_styles.pxRem)(5),
-	transition: `transform 0.35s ease-out`,
-	transformOrigin: `center ${(0, _codecademy_gamut_styles.pxRem)(5)}`
-}), dropdownStates);
-const StyledText = (0, _emotion_styled.default)(_codecademy_gamut.Text)((0, _codecademy_gamut_styles.css)({ "&::after": {
-	display: `block`,
-	content: `attr(title)`,
-	fontWeight: `bold`,
-	height: `1px`,
-	color: `transparent`,
-	overflow: `hidden`,
-	visibility: `hidden`
-} }));
-const getDropdownAnimations = ({ isOpen, prefersReducedMotion }) => {
-	const openState = {
-		transform: "translateY(0)",
-		opacity: 1
-	};
-	const closedState = {
-		transform: prefersReducedMotion ? "none" : "translateY(-8px)",
-		opacity: 0
-	};
-	return {
-		animate: isOpen ? openState : closedState,
-		initial: closedState,
-		transition: {
-			duration: .15,
-			ease: "easeOut"
-		}
-	};
-};
-const BaseDropdown = (0, _emotion_styled.default)(framer_motion.motion.create("div"))(() => (0, _codecademy_gamut_styles.css)({ position: `absolute` }));
-const MegaMenuBackdrop = (0, _emotion_styled.default)(framer_motion.motion.create("div"))((0, _codecademy_gamut_styles.css)({
-	position: "relative",
-	zIndex: -1
-}));
-const AnimatedMegaMenuDropdown = react.forwardRef(({ isOpen, ...props }, ref) => {
-	const [isAnimating, setIsAnimating] = react.useState(false);
-	const prefersReducedMotion = (0, framer_motion.useReducedMotion)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MegaMenuBackdrop, {
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: {
-			duration: .15,
-			ease: "easeOut"
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.GradientBackground, {
-			position: "fixed",
-			top: "0",
-			left: "0",
-			right: "0",
-			bottom: "0"
-		}, "dropdown-backdrop")
-	}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		display: isOpen || isAnimating ? "block" : "none",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDropdown, {
-			ref,
-			...getDropdownAnimations({
-				isOpen,
-				prefersReducedMotion
-			}),
-			...props,
-			onAnimationComplete: (anim) => {
-				if (!isOpen) setIsAnimating(false);
-				props.onAnimationComplete?.(anim);
-			},
-			onAnimationStart: (anim) => {
-				setIsAnimating(true);
-				props.onAnimationStart?.(anim);
-			}
-		}, "dropdown-content")
-	})] });
-});
-const AnimatedSimpleDropdown = ({ isOpen, ...props }) => {
-	const [isAnimating, setIsAnimating] = react.useState(false);
-	const prefersReducedMotion = (0, framer_motion.useReducedMotion)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		display: isOpen || isAnimating ? "block" : "none",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDropdown, {
-			...getDropdownAnimations({
-				isOpen,
-				prefersReducedMotion
-			}),
-			...props,
-			onAnimationComplete: (anim) => {
-				if (!isOpen) setIsAnimating(false);
-				props.onAnimationComplete?.(anim);
-			},
-			onAnimationStart: (anim) => {
-				setIsAnimating(true);
-				props.onAnimationStart?.(anim);
-			}
-		})
-	});
-};
-const LayoutGridAntiAliased = (0, _emotion_styled.default)(_codecademy_gamut.LayoutGrid)`
-  -webkit-font-smoothing: antialiased;
-`;
-const DescriptionSectionContainer = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((0, _codecademy_gamut_styles.css)({ "&:focus-visible": {
-	color: "text",
-	outline: "1px solid currentColor !important"
-} }));
-const StyledAppBar = (0, _emotion_styled.default)(require_AppBar_index.AppBar)((0, _codecademy_gamut_styles.css)({ boxShadow: `none` }));
-const StyledNavBar = _emotion_styled.default.ul((0, _codecademy_gamut_styles.css)({
-	alignItems: "stretch",
-	display: `flex`,
-	padding: 0,
-	listStyle: `none`,
-	margin: 0,
-	width: `100%`
-}));
-const appHeaderSpacing = {
-	standard: 8,
-	enterprise: 12
-};
-
-//#endregion
-exports.AnimatedHeaderZone = AnimatedHeaderZone;
-exports.AnimatedMegaMenuDropdown = AnimatedMegaMenuDropdown;
-exports.AnimatedSimpleDropdown = AnimatedSimpleDropdown;
-exports.DropdownAnchor = DropdownAnchor;
-exports.DropdownIcon = DropdownIcon;
-exports.StyledAppBar = StyledAppBar;
-exports.StyledNavBar = StyledNavBar;
-exports.StyledText = StyledText;
-exports.appHeaderMobileBreakpoint = appHeaderMobileBreakpoint;
-exports.appHeaderSpacing = appHeaderSpacing;

package/dist/AppHeader/shared/keyboardNav.cjs

@@ -1,67 +0,0 @@
-
-//#region src/AppHeader/shared/keyboardNav.tsx
-const KEY_CODES = {
-	UP: "ArrowUp",
-	DOWN: "ArrowDown",
-	LEFT: "ArrowLeft",
-	RIGHT: "ArrowRight",
-	END: "End",
-	ENTER: "Enter",
-	ESC: "Escape",
-	HOME: "Home",
-	SPACE: " ",
-	TAB: "Tab"
-};
-const useOnEscHandler = (escapeHandler) => {
-	return (e) => {
-		if (e.code === KEY_CODES.ESC) {
-			e.stopPropagation();
-			e.preventDefault();
-			escapeHandler(e);
-		}
-	};
-};
-const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
-	return (e) => {
-		if (e.shiftKey && e.code === KEY_CODES.TAB) {
-			e.stopPropagation();
-			back(false);
-			return;
-		}
-		switch (e.code) {
-			case KEY_CODES.TAB:
-				e.stopPropagation();
-				next(false);
-				break;
-			case KEY_CODES.DOWN:
-				e.stopPropagation();
-				e.preventDefault();
-				next(true);
-				break;
-			case KEY_CODES.UP:
-				e.stopPropagation();
-				e.preventDefault();
-				back(true);
-				break;
-			case KEY_CODES.HOME:
-				e.stopPropagation();
-				e.preventDefault();
-				first();
-				break;
-			case KEY_CODES.END:
-				e.stopPropagation();
-				e.preventDefault();
-				last();
-				break;
-			case KEY_CODES.ESC:
-				e.stopPropagation();
-				e.preventDefault();
-				closeDropdown();
-				break;
-		}
-	};
-};
-
-//#endregion
-exports.useMenuKeyboardNavigation = useMenuKeyboardNavigation;
-exports.useOnEscHandler = useOnEscHandler;

package/dist/AppHeader/shared/types.cjs

@@ -1,6 +0,0 @@
-
-//#region src/AppHeader/shared/types.ts
-const isAppHeaderItemWithHref = (item) => !!item.href;
-
-//#endregion
-exports.isAppHeaderItemWithHref = isAppHeaderItemWithHref;

package/dist/AppHeader/shared/types.d.cts

@@ -1,111 +0,0 @@
-import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
-import React, { ComponentProps, ReactNode, RefObject } from "react";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/shared/types.d.ts
-type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
-type AppHeaderBaseItem<Type extends string> = {
-  dataTestId?: string;
-  id: string;
-  redirect?: boolean;
-  type: Type;
-};
-type AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {
-  href: string;
-  trackingTarget?: string;
-};
-type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
-  enterprise: boolean;
-  pro: boolean;
-  checkMini?: boolean;
-  removeAnchorLink?: boolean;
-};
-type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
-  ariaLabel?: string;
-  newTab?: boolean;
-  text: string;
-  badge?: React.ReactElement<BadgeProps>;
-};
-type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-  text: string;
-};
-type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
-  text: string;
-};
-type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
-  popover: AppHeaderLinkItem[];
-  text: string;
-  trackingTarget: string;
-  icon?: React.ComponentType<GamutIconProps>;
-  isIconOnly?: boolean;
-};
-type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
-  avatar: string;
-  userDisplayName: string;
-  popover: AppHeaderLinkItem[][];
-  text: string;
-  trackingTarget?: string;
-};
-type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
-  renderElement: () => ReactNode;
-};
-type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
-  icon?: React.ComponentType<GamutIconProps>;
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  isCoachingEnabled?: boolean;
-};
-type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  icon?: React.ComponentType<GamutIconProps>;
-};
-type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
-  icon?: React.ComponentType<GamutIconProps>;
-  text: string;
-  trackingTarget?: string;
-  hideCareerPaths?: boolean;
-  popover: AppHeaderLinkItem[];
-};
-type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
-type AppHeaderAction = {
-  /** A method to be called on click/activating a header item */
-  action: AppHeaderClickHandler;
-};
-declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
-type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
-  description: string;
-};
-type AppHeaderResourcesDataItem = {
-  title: string;
-  description?: string;
-  links?: AppHeaderLinkItem[];
-  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
-};
-type AppFooterResourcesDataItem = {
-  id: string;
-  href: string;
-  trackingTarget: string;
-  text: string;
-  newTab?: boolean;
-};
-type FormattedAppHeaderItems = {
-  left: AppHeaderItem[];
-  right: AppHeaderItem[];
-};
-type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
-  mainMenu: AppHeaderItem[];
-};
-type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
-//#endregion
-export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };

package/dist/AppHeader/shared/utils.cjs

@@ -1,85 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_urlHelpers = require('../../GlobalHeader/urlHelpers.cjs');
-const require_index = require('../AppHeaderElements/AppHeaderCatalogDropdown/index.cjs');
-const require_index$1 = require('../AppHeaderElements/AppHeaderLink/index.cjs');
-const require_index$2 = require('../AppHeaderElements/AppHeaderDropdown/index.cjs');
-const require_index$3 = require('../AppHeaderElements/AppHeaderLogo/index.cjs');
-const require_index$4 = require('../AppHeaderElements/AppHeaderResourcesDropdown/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/AppHeader/shared/utils.tsx
-const mapAppHeaderItemToElement = ({ action, item, isStandalone, isTeams, redirectParam, mobile = false, spacing = "normal" }) => {
-	if (!item) return null;
-	switch (item.type) {
-		case "logo": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.AppHeaderLogo, {
-			action,
-			item
-		});
-		case "link": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderLink, {
-			mx: 0,
-			action,
-			item
-		});
-		case "dropdown":
-		case "resources-simple-dropdown":
-		case "profile-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderDropdown, {
-			action,
-			item,
-			standalone: isStandalone,
-			spacing
-		});
-		case "catalog-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AppHeaderCatalogDropdown, {
-			action,
-			item
-		});
-		case "resources-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$4.AppHeaderResourcesDropdown, {
-			action,
-			item
-		});
-		case "render-element": return item.renderElement();
-		case "text-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-			size: mobile ? "small" : "normal",
-			onClick: (event) => action(event, item),
-			"data-testid": item.dataTestId,
-			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			variant: isTeams ? "primary" : "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "fill-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "stroke-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			iconPosition: item.iconPosition,
-			children: item.text
-		});
-		case "icon-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-			size: mobile ? "small" : "normal",
-			"data-testid": item.dataTestId,
-			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
-			onClick: (event) => action(event, item),
-			variant: item.variant || "interface",
-			icon: item.icon,
-			tip: item.text,
-			tipProps: { alignment: "bottom-center" }
-		});
-	}
-};
-
-//#endregion
-exports.mapAppHeaderItemToElement = mapAppHeaderItemToElement;

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.cjs

@@ -1,126 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../AppHeader/AppHeaderElements/AppHeaderLink/index.cjs');
-const require_index$1 = require('../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.cjs');
-const require_GlobalHeaderItems = require('../../GlobalHeader/GlobalHeaderItems.cjs');
-const require_elements = require('../AppHeaderSubMenuMobile/elements.cjs');
-const require_index$2 = require('../AppHeaderSubMenuMobile/index.cjs');
-const require_index$3 = require('../AppHeaderSubMenuTarget/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/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx
-const isBusinessPage = () => {
-	if (typeof window === "undefined") return false;
-	return window.location.pathname === "/business" || window.location.pathname === "/business/pricing";
-};
-const BackgroundWrapper = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
-	background: _codecademy_gamut_styles.theme.colors.white,
-	border: 1,
-	borderColor: "border-tertiary",
-	borderRadius: "lg",
-	padding: "16px"
-}));
-const AppHeaderMainMenuMobile = ({ action, items, getItemType, isAnon }) => {
-	const [subMenuItem, setSubMenuItem] = (0, react.useState)();
-	const openSubMenu = (event, item) => {
-		action(event, item);
-		setSubMenuItem(item);
-		getItemType(item.type);
-	};
-	const closeSubMenu = () => {
-		setSubMenuItem(void 0);
-		getItemType(void 0);
-	};
-	const mapItemToElement = (item, action$1) => {
-		switch (item.type) {
-			case "link": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AppHeaderLink, {
-				action: action$1,
-				item,
-				mobile: true
-			}, item.id);
-			case "dropdown":
-			case "profile-dropdown":
-			case "catalog-dropdown":
-			case "resources-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.AppHeaderSubMenuRow, {
-				item,
-				openSubMenu
-			}, item.id);
-			case "resources-simple-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "h2",
-				fontSize: 22,
-				mt: 16,
-				mb: 16,
-				children: item.text
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderLinkSections, {
-				action: action$1,
-				item,
-				mobile: true
-			})] });
-			case "fill-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-				"data-testid": item.dataTestId,
-				href: item.href,
-				onClick: (event) => action$1(event, item),
-				mt: 24,
-				children: item.text
-			}, item.id);
-			case "text-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-				mt: 16,
-				"data-testid": item.dataTestId,
-				href: item.href,
-				onClick: (event) => action$1(event, item),
-				children: item.text
-			}, item.id);
-			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-		}
-	};
-	return subMenuItem ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderSubNavMobile, {
-		handleCloseSubMenu: closeSubMenu,
-		action,
-		item: subMenuItem
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ContentContainer, {
-		role: "navigation",
-		"aria-label": "site navigation",
-		tabIndex: -1,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BackgroundWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_elements.MobileUlWrapper, {
-			as: "ul",
-			children: [items.map((item) => mapItemToElement(item, action)), isAnon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: {
-					display: "flex",
-					alignItems: "baseline",
-					justifyContent: "center",
-					paddingTop: "16px",
-					borderTop: "1px solid var(--border-tertiary)"
-				},
-				children: isBusinessPage() ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-					"data-testid": require_GlobalHeaderItems.signUpTextButton.dataTestId,
-					href: require_GlobalHeaderItems.signUpTextButton.href,
-					onClick: (event) => action(event, require_GlobalHeaderItems.signUpTextButton),
-					children: require_GlobalHeaderItems.signUpTextButton.text
-				}, require_GlobalHeaderItems.signUpTextButton.id), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-					"data-testid": require_GlobalHeaderItems.requestTeamsDemo.dataTestId,
-					href: require_GlobalHeaderItems.requestTeamsDemo.href,
-					onClick: (event) => action(event, require_GlobalHeaderItems.requestTeamsDemo),
-					children: require_GlobalHeaderItems.requestTeamsDemo.text
-				}, require_GlobalHeaderItems.requestTeamsDemo.id)] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-					"data-testid": require_GlobalHeaderItems.signUp.dataTestId,
-					href: require_GlobalHeaderItems.signUp.href,
-					onClick: (event) => action(event, require_GlobalHeaderItems.signUp),
-					children: require_GlobalHeaderItems.signUp.text
-				}, require_GlobalHeaderItems.signUp.id), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-					"data-testid": require_GlobalHeaderItems.login.dataTestId,
-					href: require_GlobalHeaderItems.login.href,
-					onClick: (event) => action(event, require_GlobalHeaderItems.login),
-					children: require_GlobalHeaderItems.login.text
-				}, require_GlobalHeaderItems.login.id)] })
-			})]
-		}) })
-	});
-};
-
-//#endregion
-exports.AppHeaderMainMenuMobile = AppHeaderMainMenuMobile;

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.cts

@@ -1,12 +0,0 @@
-import { AppHeaderAction, AppHeaderItem } from "../../AppHeader/shared/types.cjs";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts
-type AppHeaderMainMenuMobileProps = AppHeaderAction & {
-  items: AppHeaderItem[];
-  getItemType: (type: string | undefined) => void;
-  isAnon: boolean;
-};
-declare const AppHeaderMainMenuMobile: React$1.FC<AppHeaderMainMenuMobileProps>;
-//#endregion
-export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.cjs

@@ -1,29 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../AppHeader/AppHeaderElements/AppHeaderListItem/index.cjs');
-const require_index$1 = require('../../AppHeader/AppHeaderElements/AppHeaderMenuProvider/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_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx
-const uiWrapperFocus = (0, _codecademy_gamut.focusVisibleStyle)("-4px");
-const MobileUlWrapper = _emotion_styled.default.ul((0, _codecademy_gamut_styles.css)({
-	listStyle: "none",
-	p: 0,
-	m: 0,
-	pb: 4,
-	...uiWrapperFocus
-}));
-const MobileSubMenuWrapper = ({ children, handleClose, isMenuRole }) => {
-	return isMenuRole ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderMenuProvider, {
-		as: require_index.AppHeaderListItem,
-		handleClose,
-		children
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AppHeaderListItem, { children });
-};
-
-//#endregion
-exports.MobileSubMenuWrapper = MobileSubMenuWrapper;
-exports.MobileUlWrapper = MobileUlWrapper;