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

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;

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

@@ -1,61 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.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/AppHeaderFeatureCard/index.tsx
-const StyledCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)`
-  &:hover {
-    color: ${({ theme: theme$1 }) => theme$1.colors.primary};
-    border-color: ${({ theme: theme$1 }) => theme$1.colors.primary};
-  }
-`;
-const AppHeaderFeatureCard = ({ item }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-		isInteractive: true,
-		px: 16,
-		py: 24,
-		borderRadius: "lg",
-		border: 1,
-		borderColor: "border-tertiary",
-		display: "flex",
-		alignItems: "flex-start",
-		flexDirection: "column",
-		height: "100%",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 8,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-					background: _codecademy_gamut_styles.theme.colors["navy-200"],
-					borderRadius: "md",
-					p: 4,
-					height: 32,
-					width: 32,
-					alignItems: "center",
-					justifyContent: "center",
-					children: item.icon
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-large",
-					fontWeight: 700,
-					as: "h3",
-					children: item.linkItem.text
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				width: "100%",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_patterns.GridDense, { height: 4 })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				children: item.description
-			})
-		]
-	});
-};
-
-//#endregion
-exports.AppHeaderFeatureCard = AppHeaderFeatureCard;

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

@@ -1,59 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx
-const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	alignContent: "center",
-	alignItems: "center",
-	display: "flex",
-	fontWeight: "normal",
-	lineHeight: "base",
-	minWidth: "0",
-	textAlign: "left",
-	whiteSpace: "nowrap"
-}));
-const StyledMenuItem = (0, _emotion_styled.default)(_codecademy_gamut.MenuItem)((0, _codecademy_gamut_styles.css)({ whiteSpace: "nowrap" }));
-const ResponsiveMiniOpenIcon = (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniOpenIcon)((0, _codecademy_gamut_styles.css)({ display: { _: "block" } }));
-const AppHeaderLink = (0, react.forwardRef)(({ action, item, mobile, isInDropdown, role, ...props }, ref) => {
-	const Item = isInDropdown ? StyledMenuItem : StyledAnchor;
-	const Icon = item.icon;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Item, {
-		"aria-label": item.ariaLabel ? item.ariaLabel : item.text,
-		"data-testid": item.dataTestId,
-		href: item.href,
-		onClick: (event) => action(event, item),
-		target: item.newTab ? "blank" : void 0,
-		role,
-		...props,
-		ref,
-		icon: Icon && !mobile && isInDropdown ? Icon : void 0,
-		variant: !isInDropdown && "interface",
-		py: mobile && !isInDropdown ? 16 : void 0,
-		children: [
-			mobile && Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-				mr: 16,
-				mb: 4,
-				size: 24,
-				"aria-hidden": true
-			}),
-			item.text,
-			item.badge,
-			item.newTab && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsiveMiniOpenIcon, {
-				ml: 16,
-				mb: 4,
-				size: 16,
-				"aria-hidden": true
-			})
-		]
-	});
-});
-
-//#endregion
-exports.AppHeaderLink = AppHeaderLink;

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

@@ -1,56 +0,0 @@
-import { AppHeaderAction, AppHeaderLinkItem } from "../../shared/types.cjs";
-import * as _codecademy_gamut1 from "@codecademy/gamut";
-import { Anchor } from "@codecademy/gamut";
-import * as react19 from "react";
-import React, { ComponentProps } from "react";
-import * as _emotion_react12 from "@emotion/react";
-import * as _codecademy_gamut_dist_helpers0 from "@codecademy/gamut/dist/helpers";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderLink/index.d.ts
-type AppHeaderLinkProps = ComponentProps<typeof Anchor> & AppHeaderAction & {
-  isInDropdown?: boolean;
-  item: AppHeaderLinkItem;
-  mobile?: boolean;
-  onKeyDown?: (event: React.KeyboardEvent) => void;
-  role?: React.AriaRole;
-};
-declare const AppHeaderLink: React.ForwardRefExoticComponent<(Omit<Omit<Partial<_codecademy_gamut_dist_helpers0.AppendedIconProps> & {
-  theme?: _emotion_react12.Theme | undefined;
-  as?: react19.ElementType<any, keyof react19.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut1.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
-  isInDropdown?: boolean;
-  item: AppHeaderLinkItem;
-  mobile?: boolean;
-  onKeyDown?: (event: React.KeyboardEvent) => void;
-  role?: React.AriaRole;
-}, "ref"> | Omit<Omit<Partial<_codecademy_gamut_dist_helpers0.AppendedIconProps> & {
-  theme?: _emotion_react12.Theme | undefined;
-  as?: react19.ElementType<any, keyof react19.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut1.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
-  theme?: _emotion_react12.Theme | undefined;
-  as?: react19.ElementType<any, keyof react19.JSX.IntrinsicElements> | undefined;
-} & {
-  theme?: _emotion_react12.Theme | undefined;
-} & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "name" | "type" | keyof React.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
-  isInDropdown?: boolean;
-  item: AppHeaderLinkItem;
-  mobile?: boolean;
-  onKeyDown?: (event: React.KeyboardEvent) => void;
-  role?: React.AriaRole;
-}, "ref"> | Omit<Omit<Partial<_codecademy_gamut_dist_helpers0.AppendedIconProps> & {
-  theme?: _emotion_react12.Theme | undefined;
-  as?: react19.ElementType<any, keyof react19.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut1.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
-  theme?: _emotion_react12.Theme | undefined;
-  as?: react19.ElementType<any, keyof react19.JSX.IntrinsicElements> | undefined;
-} & {
-  theme?: _emotion_react12.Theme | undefined;
-} & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "name" | "type" | keyof React.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
-  isInDropdown?: boolean;
-  item: AppHeaderLinkItem;
-  mobile?: boolean;
-  onKeyDown?: (event: React.KeyboardEvent) => void;
-  role?: React.AriaRole;
-}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-//#endregion
-export { AppHeaderLink, AppHeaderLinkProps };

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.cjs

@@ -1,34 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../AppHeaderLink/index.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx
-const StyledAppHeaderLink = (0, _emotion_styled.default)(require_index.AppHeaderLink)((0, _codecademy_gamut_styles.css)({
-	display: "flex",
-	position: "relative",
-	"@media (max-width: 1199px)": { pl: 0 },
-	"&::before": {
-		content: "\"\"",
-		position: "absolute",
-		width: "calc(100% - 24px)",
-		left: {
-			_: 0,
-			lg: 12
-		},
-		borderRadius: "lg",
-		transition: "background-color 0.15s ease",
-		pointerEvents: "none",
-		zIndex: -1
-	},
-	"&:hover::before, &:focus-visible::before": { backgroundColor: _codecademy_gamut_styles.theme.colors["navy-100"] },
-	"&:hover, &:focus-visible, &:active": {
-		color: "hyper-400",
-		borderRadius: "lg"
-	},
-	"&:active::before": { backgroundColor: _codecademy_gamut_styles.theme.colors["navy-200"] }
-}));
-
-//#endregion
-exports.StyledAppHeaderLink = StyledAppHeaderLink;

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

@@ -1,44 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../AppHeaderMenuProvider/index.cjs');
-const require_elements = require('./elements.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx
-const LinkComponent = ({ action, link, mobile, isOpen, role, showLineBreak = false }) => {
-	const { menuItems, setMenuItems } = require_index.useAppHeaderMenuContext();
-	const ref = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (setMenuItems && ref?.current) setMenuItems(menuItems.add(ref.current));
-		return () => menuItems.clear();
-	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showLineBreak && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.MenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.StyledAppHeaderLink, {
-		ref,
-		action,
-		item: link,
-		mobile,
-		role,
-		tabIndex: isOpen || mobile ? 0 : -1,
-		isInDropdown: true
-	})] });
-};
-const AppHeaderLinkSections = ({ action, item, isOpen, mobile }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: item.type === "profile-dropdown" ? item.popover.map((linkSection, sectionIndex) => linkSection.map((link, linkIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
-		action,
-		link,
-		mobile,
-		isOpen,
-		role: "menuitem",
-		showLineBreak: sectionIndex !== 0 && linkIndex === 0
-	}, link.id))) : item.popover.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
-		action,
-		link,
-		mobile,
-		isOpen
-	}, link.id)) });
-};
-
-//#endregion
-exports.AppHeaderLinkSections = AppHeaderLinkSections;

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

@@ -1,26 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.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/AppHeaderListItem/index.tsx
-const StyledListItem = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
-	display: `flex`,
-	justifyContent: `center`,
-	flexDirection: `column`,
-	position: `relative`,
-	"&:first-of-type": { ml: { md: 0 } },
-	"&:last-of-type": { mr: { md: 0 } }
-}));
-const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledListItem, {
-	as: "li",
-	...props,
-	children
-});
-
-//#endregion
-exports.AppHeaderListItem = AppHeaderListItem;