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

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

@@ -1,10 +1,10 @@
 import { AppHeaderAction, AppHeaderLinkItem } from "../../shared/types.js";
 import "../../shared/index.js";
-import * as _codecademy_gamut0 from "@codecademy/gamut";
+import * as _codecademy_gamut1 from "@codecademy/gamut";
 import { Anchor } from "@codecademy/gamut";
-import * as react13 from "react";
+import * as react18 from "react";
 import React, { ComponentProps } from "react";
-import * as _emotion_react9 from "@emotion/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
@@ -16,37 +16,37 @@ type AppHeaderLinkProps = ComponentProps<typeof Anchor> & AppHeaderAction & {
   role?: React.AriaRole;
 };
 declare const AppHeaderLink: React.ForwardRefExoticComponent<(Omit<Omit<Partial<_codecademy_gamut_dist_helpers0.AppendedIconProps> & {
-  theme?: _emotion_react9.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "title" | "href" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
+  theme?: _emotion_react12.Theme | undefined;
+  as?: react18.ElementType<any, keyof react18.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_react9.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "title" | "href" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
-  theme?: _emotion_react9.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
+  theme?: _emotion_react12.Theme | undefined;
+  as?: react18.ElementType<any, keyof react18.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?: react18.ElementType<any, keyof react18.JSX.IntrinsicElements> | undefined;
 } & {
-  theme?: _emotion_react9.Theme | undefined;
-} & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "title" | "onClick" | "form" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "name" | "type" | keyof React.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
+  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_react9.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.AnchorProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "title" | "href" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
-  theme?: _emotion_react9.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
+  theme?: _emotion_react12.Theme | undefined;
+  as?: react18.ElementType<any, keyof react18.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?: react18.ElementType<any, keyof react18.JSX.IntrinsicElements> | undefined;
 } & {
-  theme?: _emotion_react9.Theme | undefined;
-} & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "title" | "onClick" | "form" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "name" | "type" | keyof React.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "title" | "href" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "type" | "media" | "target" | keyof React.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & AppHeaderAction & {
+  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;
@@ -54,4 +54,5 @@ declare const AppHeaderLink: React.ForwardRefExoticComponent<(Omit<Omit<Partial<
   role?: React.AriaRole;
 }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
-export { AppHeaderLink, AppHeaderLinkProps };
+export { AppHeaderLink, AppHeaderLinkProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx"],"sourcesContent":[],"mappings":"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"}

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

@@ -53,4 +53,5 @@ const AppHeaderLink = forwardRef(({ action, item, mobile, isInDropdown, role, ..
 });
 
 //#endregion
-export { AppHeaderLink };
+export { AppHeaderLink };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLink/index.tsx"],"sourcesContent":["import { Anchor, MenuItem } from '@codecademy/gamut';\nimport { MiniOpenIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React, { ComponentProps, forwardRef } from 'react';\n\nimport { AppHeaderAction, AppHeaderLinkItem } from '../../shared';\n\nexport type AppHeaderLinkProps = ComponentProps<typeof Anchor> &\n  AppHeaderAction & {\n    isInDropdown?: boolean;\n    item: AppHeaderLinkItem;\n    mobile?: boolean;\n    onKeyDown?: (event: React.KeyboardEvent) => void;\n    role?: React.AriaRole;\n  };\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignContent: 'center',\n    alignItems: 'center',\n    display: 'flex',\n    fontWeight: 'normal',\n    lineHeight: 'base',\n    minWidth: '0',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n  })\n);\n\nconst StyledMenuItem = styled(MenuItem)(\n  css({\n    whiteSpace: 'nowrap',\n  })\n);\n\nconst ResponsiveMiniOpenIcon = styled(MiniOpenIcon)(\n  css({\n    display: { _: 'block' },\n  })\n);\n\nexport const AppHeaderLink = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  AppHeaderLinkProps\n>(({ action, item, mobile, isInDropdown, role, ...props }, ref) => {\n  const Item = isInDropdown ? StyledMenuItem : StyledAnchor;\n  const Icon = item.icon;\n  return (\n    <Item\n      aria-label={item.ariaLabel ? item.ariaLabel : item.text}\n      data-testid={item.dataTestId}\n      href={item.href}\n      // @ts-expect-error - The onClick type for StyledMenuItem is pretty complicated, we are better off expecting an error here for now. Will refactor with new Header work: GM-1025\n      onClick={(event: React.MouseEvent<HTMLElement>) => action(event, item)}\n      target={item.newTab ? 'blank' : undefined}\n      role={role}\n      {...props}\n      ref={ref}\n      icon={Icon && !mobile && isInDropdown ? Icon : undefined}\n      variant={!isInDropdown && 'interface'}\n      py={mobile && !isInDropdown ? 16 : undefined}\n    >\n      {mobile && Icon && <Icon mr={16} mb={4} size={24} aria-hidden />}\n      {item.text}\n      {item.badge}\n      {item.newTab && (\n        <ResponsiveMiniOpenIcon ml={16} mb={4} size={16} aria-hidden />\n      )}\n    </Item>\n  );\n});\n"],"mappings":";;;;;;;;AAiBA,MAAM,eAAe,OAAO,OAAO,CACjC,IAAI;CACF,cAAc;CACd,YAAY;CACZ,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,UAAU;CACV,WAAW;CACX,YAAY;CACb,CAAC,CACH;AAED,MAAM,iBAAiB,OAAO,SAAS,CACrC,IAAI,EACF,YAAY,UACb,CAAC,CACH;AAED,MAAM,yBAAyB,OAAO,aAAa,CACjD,IAAI,EACF,SAAS,EAAE,GAAG,SAAS,EACxB,CAAC,CACH;AAED,MAAa,gBAAgB,YAG1B,EAAE,QAAQ,MAAM,QAAQ,cAAc,MAAM,GAAG,SAAS,QAAQ;CACjE,MAAM,OAAO,eAAe,iBAAiB;CAC7C,MAAM,OAAO,KAAK;AAClB,QACE,qBAAC;EACC,cAAY,KAAK,YAAY,KAAK,YAAY,KAAK;EACnD,eAAa,KAAK;EAClB,MAAM,KAAK;EAEX,UAAU,UAAyC,OAAO,OAAO,KAAK;EACtE,QAAQ,KAAK,SAAS,UAAU;EAC1B;EACN,GAAI;EACC;EACL,MAAM,QAAQ,CAAC,UAAU,eAAe,OAAO;EAC/C,SAAS,CAAC,gBAAgB;EAC1B,IAAI,UAAU,CAAC,eAAe,KAAK;;GAElC,UAAU,QAAQ,oBAAC;IAAK,IAAI;IAAI,IAAI;IAAG,MAAM;IAAI;KAAc;GAC/D,KAAK;GACL,KAAK;GACL,KAAK,UACJ,oBAAC;IAAuB,IAAI;IAAI,IAAI;IAAG,MAAM;IAAI;KAAc;;GAE5D;EAET"}

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

@@ -29,4 +29,5 @@ const StyledAppHeaderLink = styled(AppHeaderLink)(css({
 }));
 
 //#endregion
-export { StyledAppHeaderLink };
+export { StyledAppHeaderLink };
+//# sourceMappingURL=elements.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/elements.tsx"],"sourcesContent":["import { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { AppHeaderLink } from '../AppHeaderLink';\n\nexport const StyledAppHeaderLink = styled(AppHeaderLink)(\n  css({\n    display: 'flex',\n    position: 'relative',\n    '@media (max-width: 1199px)': {\n      pl: 0,\n    },\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      width: 'calc(100% - 24px)',\n      left: { _: 0, lg: 12 },\n      borderRadius: 'lg',\n      transition: 'background-color 0.15s ease',\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n    '&:hover::before, &:focus-visible::before': {\n      backgroundColor: theme.colors['navy-100'],\n    },\n    '&:hover, &:focus-visible, &:active': {\n      color: 'hyper-400',\n      borderRadius: 'lg',\n    },\n    '&:active::before': {\n      backgroundColor: theme.colors['navy-200'],\n    },\n  })\n);\n"],"mappings":";;;;;AAKA,MAAa,sBAAsB,OAAO,cAAc,CACtD,IAAI;CACF,SAAS;CACT,UAAU;CACV,8BAA8B,EAC5B,IAAI,GACL;CACD,aAAa;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,MAAM;GAAE,GAAG;GAAG,IAAI;GAAI;EACtB,cAAc;EACd,YAAY;EACZ,eAAe;EACf,QAAQ;EACT;CACD,4CAA4C,EAC1C,iBAAiB,MAAM,OAAO,aAC/B;CACD,sCAAsC;EACpC,OAAO;EACP,cAAc;EACf;CACD,oBAAoB,EAClB,iBAAiB,MAAM,OAAO,aAC/B;CACF,CAAC,CACH"}

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

@@ -39,4 +39,5 @@ const AppHeaderLinkSections = ({ action, item, isOpen, mobile }) => {
 };
 
 //#endregion
-export { AppHeaderLinkSections };
+export { AppHeaderLinkSections };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LinkComponent: React.FC<LinkComponentProps>","AppHeaderLinkSections: React.FC<AppHeaderLinkSectionsProps>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.tsx"],"sourcesContent":["import { MenuSeparator } from '@codecademy/gamut';\nimport * as React from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport {\n  AppHeaderAction,\n  AppHeaderDropdownItem,\n  AppHeaderLinkItem,\n} from '../../shared';\nimport { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';\nimport { StyledAppHeaderLink } from './elements';\n\nexport type AppHeaderLinkSectionsProps = AppHeaderAction & {\n  item: AppHeaderDropdownItem;\n  isOpen?: boolean;\n  mobile?: boolean;\n};\n\ntype LinkComponentProps = AppHeaderAction & {\n  isOpen?: boolean;\n  role?: string;\n  link: AppHeaderLinkItem;\n  //* This is what renders the MenuSeparator component  for sectioned dropdowns */\n  showLineBreak?: boolean;\n  mobile?: boolean;\n};\n\nconst LinkComponent: React.FC<LinkComponentProps> = ({\n  action,\n  link,\n  mobile,\n  isOpen,\n  role,\n  showLineBreak = false,\n}) => {\n  const { menuItems, setMenuItems } = useAppHeaderMenuContext();\n\n  const ref = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (setMenuItems && ref?.current) {\n      setMenuItems(menuItems.add(ref.current));\n    }\n    return () => menuItems.clear();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      {showLineBreak && <MenuSeparator />}\n      <StyledAppHeaderLink\n        ref={ref}\n        action={action}\n        item={link}\n        mobile={mobile}\n        role={role}\n        tabIndex={isOpen || mobile ? 0 : -1}\n        isInDropdown\n      />\n    </>\n  );\n};\n\nexport const AppHeaderLinkSections: React.FC<AppHeaderLinkSectionsProps> = ({\n  action,\n  item,\n  isOpen,\n  mobile,\n}) => {\n  return (\n    <>\n      {item.type === 'profile-dropdown'\n        ? item.popover.map((linkSection: AppHeaderLinkItem[], sectionIndex) =>\n            linkSection.map((link: AppHeaderLinkItem, linkIndex) => (\n              <LinkComponent\n                key={link.id}\n                action={action}\n                link={link}\n                mobile={mobile}\n                isOpen={isOpen}\n                role=\"menuitem\"\n                showLineBreak={sectionIndex !== 0 && linkIndex === 0}\n              />\n            ))\n          )\n        : item.popover.map((link: AppHeaderLinkItem) => (\n            <LinkComponent\n              key={link.id}\n              action={action}\n              link={link}\n              mobile={mobile}\n              isOpen={isOpen}\n            />\n          ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA2BA,MAAMA,iBAA+C,EACnD,QACA,MACA,QACA,QACA,MACA,gBAAgB,YACZ;CACJ,MAAM,EAAE,WAAW,iBAAiB,yBAAyB;CAE7D,MAAM,MAAM,OAA0B,KAAK;AAE3C,iBAAgB;AACd,MAAI,gBAAgB,KAAK,QACvB,cAAa,UAAU,IAAI,IAAI,QAAQ,CAAC;AAE1C,eAAa,UAAU,OAAO;IAE7B,EAAE,CAAC;AAEN,QACE,4CACG,iBAAiB,oBAAC,kBAAgB,EACnC,oBAAC;EACM;EACG;EACR,MAAM;EACE;EACF;EACN,UAAU,UAAU,SAAS,IAAI;EACjC;GACA,IACD;;AAIP,MAAaC,yBAA+D,EAC1E,QACA,MACA,QACA,aACI;AACJ,QACE,0CACG,KAAK,SAAS,qBACX,KAAK,QAAQ,KAAK,aAAkC,iBAClD,YAAY,KAAK,MAAyB,cACxC,oBAAC;EAES;EACF;EACE;EACA;EACR,MAAK;EACL,eAAe,iBAAiB,KAAK,cAAc;IAN9C,KAAK,GAOV,CACF,CACH,GACD,KAAK,QAAQ,KAAK,SAChB,oBAAC;EAES;EACF;EACE;EACA;IAJH,KAAK,GAKV,CACF,GACL"}

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

@@ -20,4 +20,5 @@ const AppHeaderListItem = ({ children, ...props }) => /* @__PURE__ */ jsx(Styled
 });
 
 //#endregion
-export { AppHeaderListItem };
+export { AppHeaderListItem };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderListItem: React.FC<AppHeaderListItemProps>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderListItem/index.tsx"],"sourcesContent":["import { Box, BoxProps } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nexport const StyledListItem = styled(Box)(\n  css({\n    display: `flex`,\n    justifyContent: `center`,\n    flexDirection: `column`,\n    position: `relative`,\n\n    '&:first-of-type': {\n      ml: { md: 0 },\n    },\n    '&:last-of-type': {\n      mr: { md: 0 },\n    },\n  })\n);\n\ntype AppHeaderListItemProps = {\n  onBlur?: () => void;\n  onFocus?: () => void;\n} & BoxProps;\n\nexport const AppHeaderListItem: React.FC<AppHeaderListItemProps> = ({\n  children,\n  ...props\n}) => (\n  <StyledListItem as=\"li\" {...props}>\n    {children}\n  </StyledListItem>\n);\n"],"mappings":";;;;;;;AAKA,MAAa,iBAAiB,OAAO,IAAI,CACvC,IAAI;CACF,SAAS;CACT,gBAAgB;CAChB,eAAe;CACf,UAAU;CAEV,mBAAmB,EACjB,IAAI,EAAE,IAAI,GAAG,EACd;CACD,kBAAkB,EAChB,IAAI,EAAE,IAAI,GAAG,EACd;CACF,CAAC,CACH;AAOD,MAAaA,qBAAuD,EAClE,UACA,GAAG,YAEH,oBAAC;CAAe,IAAG;CAAK,GAAI;CACzB;EACc"}

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.ts

@@ -8,4 +8,5 @@ type AppHeaderLogoProps = AppHeaderAction & {
 };
 declare const AppHeaderLogo: React.FC<AppHeaderLogoProps>;
 //#endregion
-export { AppHeaderLogo, AppHeaderLogoProps };
+export { AppHeaderLogo, AppHeaderLogoProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLogo/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAiBY,kBAAA,GAAqB;QACzB;;AADI,cAIC,aAJiB,EAIF,KAAA,CAAM,EAJD,CAII,kBAH7B,CAAA"}

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.js

@@ -48,4 +48,5 @@ const AppHeaderLogo = ({ action, item }) => {
 };
 
 //#endregion
-export { AppHeaderLogo };
+export { AppHeaderLogo };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderLogo: React.FC<AppHeaderLogoProps>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderLogo/index.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport React, { MouseEvent, useEffect, useState } from 'react';\n\nimport {\n  LogoCodecademy,\n  LogoCodecademyMini,\n  LogoCodecademyPro,\n  LogoFromSkillsoft,\n} from '../../../Logos';\nimport { AppHeaderAction, AppHeaderLogoItem } from '../../shared';\n\nconst getLogoComponent = (item: AppHeaderLogoItem, showMini: boolean) => {\n  if (item.checkMini && showMini) return LogoCodecademyMini;\n  if (item.enterprise) return LogoFromSkillsoft;\n  return item.pro ? LogoCodecademyPro : LogoCodecademy;\n};\n\nexport type AppHeaderLogoProps = AppHeaderAction & {\n  item: AppHeaderLogoItem;\n};\n\nexport const AppHeaderLogo: React.FC<AppHeaderLogoProps> = ({\n  action,\n  item,\n}) => {\n  const [showMini, setShowMini] = useState(false);\n\n  useEffect(() => {\n    if (!item.checkMini) {\n      return;\n    }\n    const handleResize = () => {\n      const showMiniWithSearch = window.innerWidth < 480;\n      const shouldShowMini =\n        showMiniWithSearch ||\n        (window.innerWidth <= 1285 && window.innerWidth >= 1200);\n      // avoid unnecessary setState actions if val doesnt change\n      if (showMini !== shouldShowMini) {\n        setShowMini(shouldShowMini);\n      }\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleResize);\n  }, [item.checkMini, showMini]);\n\n  const LogoComponent = getLogoComponent(item, showMini);\n\n  return (\n    <>\n      {item.removeAnchorLink ? (\n        <LogoComponent\n          color=\"text\"\n          data-testid={item.dataTestId}\n          height={item.enterprise ? 36 : 27}\n          verticalAlign=\"text-bottom\"\n          role=\"img\"\n          {...(item.enterprise\n            ? { 'aria-label': 'Codecademy from Skillsoft' }\n            : {})}\n        />\n      ) : (\n        <Anchor\n          variant=\"interface\"\n          data-testid={item.dataTestId}\n          py={4}\n          onClick={(event: MouseEvent<HTMLAnchorElement>) =>\n            action(event, item)\n          }\n          href={item.href}\n          tabIndex={0}\n        >\n          <LogoComponent\n            color=\"currentColor\"\n            height={item.enterprise ? 36 : 27}\n            verticalAlign=\"text-bottom\"\n          />\n        </Anchor>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,MAAM,oBAAoB,MAAyB,aAAsB;AACvE,KAAI,KAAK,aAAa,SAAU,QAAO;AACvC,KAAI,KAAK,WAAY,QAAO;AAC5B,QAAO,KAAK,MAAM,oBAAoB;;AAOxC,MAAaA,iBAA+C,EAC1D,QACA,WACI;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,iBAAgB;AACd,MAAI,CAAC,KAAK,UACR;EAEF,MAAM,qBAAqB;GAEzB,MAAM,iBADqB,OAAO,aAAa,OAG5C,OAAO,cAAc,QAAQ,OAAO,cAAc;AAErD,OAAI,aAAa,eACf,aAAY,eAAe;;AAG/B,SAAO,iBAAiB,UAAU,aAAa;AAC/C,gBAAc;AAEd,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,KAAK,WAAW,SAAS,CAAC;CAE9B,MAAM,gBAAgB,iBAAiB,MAAM,SAAS;AAEtD,QACE,0CACG,KAAK,mBACJ,oBAAC;EACC,OAAM;EACN,eAAa,KAAK;EAClB,QAAQ,KAAK,aAAa,KAAK;EAC/B,eAAc;EACd,MAAK;EACL,GAAK,KAAK,aACN,EAAE,cAAc,6BAA6B,GAC7C,EAAE;GACN,GAEF,oBAAC;EACC,SAAQ;EACR,eAAa,KAAK;EAClB,IAAI;EACJ,UAAU,UACR,OAAO,OAAO,KAAK;EAErB,MAAM,KAAK;EACX,UAAU;YAEV,oBAAC;GACC,OAAM;GACN,QAAQ,KAAK,aAAa,KAAK;GAC/B,eAAc;IACd;GACK,GAEV"}

package/dist/AppHeader/AppHeaderElements/AppHeaderMenuProvider/index.js

@@ -79,4 +79,5 @@ const AppHeaderMenuProvider = ({ as, children, handleClose }) => {
 const useAppHeaderMenuContext = () => useContext(AppHeaderMenuContext);
 
 //#endregion
-export { AppHeaderMenuProvider, useAppHeaderMenuContext };
+export { AppHeaderMenuProvider, useAppHeaderMenuContext };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderMenuProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderMenuProvider: React.FC<AppHeaderMenuProviderProps>","shouldFocus"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderMenuProvider/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport React, {\n  ComponentProps,\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\nimport { AnchorRefItemType, useMenuKeyboardNavigation } from '../../shared';\n\nexport interface AppHeaderMenuContextType {\n  menuItems: Set<AnchorRefItemType>;\n  setMenuItems: Dispatch<SetStateAction<Set<AnchorRefItemType>>> | undefined;\n  resetIndex?: () => void;\n}\n\nexport const AppHeaderMenuContext = createContext<AppHeaderMenuContextType>({\n  menuItems: new Set(),\n  setMenuItems: undefined,\n});\n\nexport type AppHeaderMenuProviderProps = PropsWithChildren<{\n  handleClose: () => void;\n}> &\n  Pick<ComponentProps<typeof Box>, 'as'>;\n\nexport const AppHeaderMenuProvider: React.FC<AppHeaderMenuProviderProps> = ({\n  as,\n  children,\n  handleClose,\n}) => {\n  const [menuItems, setMenuItems] = useState<Set<AnchorRefItemType>>(\n    () => new Set()\n  );\n  const [index, setIndex] = useState<number>(0);\n  const [shouldFocus, setShouldFocus] = useState<boolean>(false);\n  const menuItemsArray = Array.from(menuItems);\n\n  const length = menuItems.size - 1;\n\n  const first = () => {\n    setShouldFocus(true);\n    setIndex(0);\n  };\n\n  const back = (shouldFocus: boolean) => {\n    setShouldFocus(shouldFocus);\n    if (shouldFocus && index === 0) {\n      // should only cycle for arrow keys, not shift tab\n      setIndex(length);\n    } else if (index !== 0) {\n      setIndex(index - 1);\n    }\n  };\n\n  const next = (shouldFocus: boolean) => {\n    setShouldFocus(shouldFocus);\n    if (index === length) {\n      setIndex(0);\n    } else {\n      setIndex(index + 1);\n    }\n  };\n\n  const last = () => {\n    setShouldFocus(true);\n    setIndex(0);\n  };\n\n  const resetIndex = () => {\n    if (index !== 0) setIndex(0);\n  };\n\n  const closeDropdown = () => {\n    handleClose();\n    setShouldFocus(false);\n    setIndex(0);\n  };\n\n  const checkUnsetFocusHandler = (\n    event: React.FocusEvent<unknown, Element>\n  ) => {\n    if (event?.target === menuItemsArray[0] && index !== 0) {\n      setIndex(0);\n    }\n    if (event?.target === menuItemsArray[length] && index !== length) {\n      setIndex(length);\n    }\n  };\n\n  const keyDown = useMenuKeyboardNavigation({\n    first,\n    back,\n    next,\n    last,\n    closeDropdown,\n  });\n\n  useEffect(() => {\n    const itemToFocus = menuItemsArray[index];\n    if (itemToFocus && shouldFocus) {\n      itemToFocus.focus();\n      setShouldFocus(false);\n    }\n  }, [menuItemsArray, index, shouldFocus]);\n\n  return (\n    <AppHeaderMenuContext.Provider\n      value={{ menuItems, resetIndex, setMenuItems }}\n    >\n      <Box\n        as={as}\n        onKeyDown={keyDown}\n        onFocusCapture={(e) => checkUnsetFocusHandler(e)}\n      >\n        {children}\n      </Box>\n    </AppHeaderMenuContext.Provider>\n  );\n};\n\nexport const useAppHeaderMenuContext = () => useContext(AppHeaderMenuContext);\n"],"mappings":";;;;;;AAoBA,MAAa,uBAAuB,cAAwC;CAC1E,2BAAW,IAAI,KAAK;CACpB,cAAc;CACf,CAAC;AAOF,MAAaA,yBAA+D,EAC1E,IACA,UACA,kBACI;CACJ,MAAM,CAAC,WAAW,gBAAgB,+BAC1B,IAAI,KAAK,CAChB;CACD,MAAM,CAAC,OAAO,YAAY,SAAiB,EAAE;CAC7C,MAAM,CAAC,aAAa,kBAAkB,SAAkB,MAAM;CAC9D,MAAM,iBAAiB,MAAM,KAAK,UAAU;CAE5C,MAAM,SAAS,UAAU,OAAO;CAEhC,MAAM,cAAc;AAClB,iBAAe,KAAK;AACpB,WAAS,EAAE;;CAGb,MAAM,QAAQ,kBAAyB;AACrC,iBAAeC,cAAY;AAC3B,MAAIA,iBAAe,UAAU,EAE3B,UAAS,OAAO;WACP,UAAU,EACnB,UAAS,QAAQ,EAAE;;CAIvB,MAAM,QAAQ,kBAAyB;AACrC,iBAAeA,cAAY;AAC3B,MAAI,UAAU,OACZ,UAAS,EAAE;MAEX,UAAS,QAAQ,EAAE;;CAIvB,MAAM,aAAa;AACjB,iBAAe,KAAK;AACpB,WAAS,EAAE;;CAGb,MAAM,mBAAmB;AACvB,MAAI,UAAU,EAAG,UAAS,EAAE;;CAG9B,MAAM,sBAAsB;AAC1B,eAAa;AACb,iBAAe,MAAM;AACrB,WAAS,EAAE;;CAGb,MAAM,0BACJ,UACG;AACH,MAAI,OAAO,WAAW,eAAe,MAAM,UAAU,EACnD,UAAS,EAAE;AAEb,MAAI,OAAO,WAAW,eAAe,WAAW,UAAU,OACxD,UAAS,OAAO;;CAIpB,MAAM,UAAU,0BAA0B;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;EACd,MAAM,cAAc,eAAe;AACnC,MAAI,eAAe,aAAa;AAC9B,eAAY,OAAO;AACnB,kBAAe,MAAM;;IAEtB;EAAC;EAAgB;EAAO;EAAY,CAAC;AAExC,QACE,oBAAC,qBAAqB;EACpB,OAAO;GAAE;GAAW;GAAY;GAAc;YAE9C,oBAAC;GACK;GACJ,WAAW;GACX,iBAAiB,MAAM,uBAAuB,EAAE;GAE/C;IACG;GACwB;;AAIpC,MAAa,gCAAgC,WAAW,qBAAqB"}

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/index.js

@@ -75,4 +75,5 @@ const AppHeaderDropdownNavButton = ({ isOpen, ...props }) => {
 };
 
 //#endregion
-export { AppHeaderDropdownNavButton, AppHeaderMenuNavButton };
+export { AppHeaderDropdownNavButton, AppHeaderMenuNavButton };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderNavButton: React.FC<AppHeaderNavButtonProps>","AppHeaderMenuNavButton: React.FC<AppHeaderNavButtonProps>","AppHeaderDropdownNavButton: React.FC<AppHeaderNavButtonProps>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderNavButton/index.tsx"],"sourcesContent":["import { IconButton, TextButton } from '@codecademy/gamut';\nimport { useEffect } from 'react';\n\nimport { Avatar } from '../../../Avatar';\nimport {\n  AppHeaderDropdownItem,\n  DropdownAnchor,\n  DropdownIcon,\n  StyledText,\n} from '../../shared';\nimport { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';\nimport { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';\n\ninterface AppHeaderNavButtonProps {\n  buttonRef: React.RefObject<HTMLButtonElement>;\n  handleOnClick: (event: React.MouseEvent) => void;\n  isOpen: boolean;\n  item?: AppHeaderDropdownItem;\n  text?: string;\n  onFocus?: () => void;\n}\n\nconst AppHeaderNavButton: React.FC<AppHeaderNavButtonProps> = ({\n  buttonRef,\n  handleOnClick,\n  isOpen,\n  item,\n  text,\n  onFocus,\n}) => {\n  const sharedProps = {\n    'aria-expanded': isOpen,\n    'aria-haspopup': true,\n    onClick: handleOnClick,\n    ref: buttonRef,\n  };\n\n  if (item?.type === 'profile-dropdown') {\n    return (\n      <TextButton\n        data-testid=\"avatar-dropdown-button\"\n        // this resets our programatic menu index to 0 in case someone clicks out of the dropdown\n        variant=\"interface\"\n        onFocus={onFocus}\n        {...sharedProps}\n      >\n        <Avatar\n          alt=\"User profile avatar\"\n          disableDropshadow\n          size={40}\n          src={item.avatar}\n        />\n      </TextButton>\n    );\n  }\n\n  if (item?.icon && 'isIconOnly' in item) {\n    return (\n      <IconButton\n        icon={item.icon}\n        tip={item.text ?? 'Dropdown'}\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n        onFocus={onFocus}\n        {...sharedProps}\n      />\n    );\n  }\n\n  return (\n    <DropdownAnchor\n      title={item?.text ?? text}\n      variant=\"interface\"\n      onFocus={onFocus}\n      {...sharedProps}\n    >\n      <StyledText\n        fontWeight={isOpen ? 'bold' : 'normal'}\n        textAlign=\"center\"\n        title={item?.text ?? text}\n      >\n        {item?.text ?? text}\n      </StyledText>\n      <DropdownIcon open={isOpen} size={12} />\n    </DropdownAnchor>\n  );\n};\n\nexport const AppHeaderMenuNavButton: React.FC<AppHeaderNavButtonProps> = ({\n  isOpen,\n  ...props\n}) => {\n  const { menuItems, resetIndex } = useAppHeaderMenuContext();\n\n  useEffect(() => {\n    if (isOpen) {\n      const menuItemsArray = menuItems.values();\n      const firstMenuItem = menuItemsArray.next().value;\n      firstMenuItem?.focus();\n    }\n  }, [isOpen, menuItems]);\n\n  return <AppHeaderNavButton isOpen={isOpen} onFocus={resetIndex} {...props} />;\n};\n\nexport const AppHeaderDropdownNavButton: React.FC<AppHeaderNavButtonProps> = ({\n  isOpen,\n  ...props\n}) => {\n  const { firstItemRef } = useAppHeaderDropdownContext();\n\n  useEffect(() => {\n    if (isOpen) {\n      firstItemRef?.focus();\n    }\n  }, [isOpen, firstItemRef]);\n\n  return <AppHeaderNavButton isOpen={isOpen} {...props} />;\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAMA,sBAAyD,EAC7D,WACA,eACA,QACA,MACA,MACA,cACI;CACJ,MAAM,cAAc;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,SAAS;EACT,KAAK;EACN;AAED,KAAI,MAAM,SAAS,mBACjB,QACE,oBAAC;EACC,eAAY;EAEZ,SAAQ;EACC;EACT,GAAI;YAEJ,oBAAC;GACC,KAAI;GACJ;GACA,MAAM;GACN,KAAK,KAAK;IACV;GACS;AAIjB,KAAI,MAAM,QAAQ,gBAAgB,KAChC,QACE,oBAAC;EACC,MAAM,KAAK;EACX,KAAK,KAAK,QAAQ;EAClB,UAAU;GAAE,WAAW;GAAiB,WAAW;GAAY;EACtD;EACT,GAAI;GACJ;AAIN,QACE,qBAAC;EACC,OAAO,MAAM,QAAQ;EACrB,SAAQ;EACC;EACT,GAAI;aAEJ,oBAAC;GACC,YAAY,SAAS,SAAS;GAC9B,WAAU;GACV,OAAO,MAAM,QAAQ;aAEpB,MAAM,QAAQ;IACJ,EACb,oBAAC;GAAa,MAAM;GAAQ,MAAM;IAAM;GACzB;;AAIrB,MAAaC,0BAA6D,EACxE,QACA,GAAG,YACC;CACJ,MAAM,EAAE,WAAW,eAAe,yBAAyB;AAE3D,iBAAgB;AACd,MAAI,OAGF,CAFuB,UAAU,QAAQ,CACJ,MAAM,CAAC,OAC7B,OAAO;IAEvB,CAAC,QAAQ,UAAU,CAAC;AAEvB,QAAO,oBAAC;EAA2B;EAAQ,SAAS;EAAY,GAAI;GAAS;;AAG/E,MAAaC,8BAAiE,EAC5E,QACA,GAAG,YACC;CACJ,MAAM,EAAE,iBAAiB,6BAA6B;AAEtD,iBAAgB;AACd,MAAI,OACF,eAAc,OAAO;IAEtB,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAO,oBAAC;EAA2B;EAAQ,GAAI;GAAS"}

package/dist/AppHeader/AppHeaderElements/AppHeaderProvider/index.js

@@ -19,4 +19,5 @@ const AppHeaderProvider = ({ children }) => {
 const useAppHeaderContext = () => useContext(AppHeaderContext);
 
 //#endregion
-export { AppHeaderProvider, useAppHeaderContext };
+export { AppHeaderProvider, useAppHeaderContext };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderProvider: React.FC<{ children: ReactNode }>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderProvider/index.tsx"],"sourcesContent":["import React, {\n  createContext,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react';\n\nexport interface AppHeaderContextType {\n  lastOpenedDropdown: string | undefined;\n  setLastOpenedDropdown:\n    | Dispatch<SetStateAction<string | undefined>>\n    | undefined;\n}\n\nexport const AppHeaderContext = createContext<AppHeaderContextType>({\n  lastOpenedDropdown: undefined,\n  setLastOpenedDropdown: undefined,\n});\n\nexport const AppHeaderProvider: React.FC<{ children: ReactNode }> = ({\n  children,\n}) => {\n  const [lastOpenedDropdown, setLastOpenedDropdown] = useState<\n    string | undefined\n  >();\n\n  return (\n    <AppHeaderContext.Provider\n      value={{ lastOpenedDropdown, setLastOpenedDropdown }}\n    >\n      {children}\n    </AppHeaderContext.Provider>\n  );\n};\n\nexport const useAppHeaderContext = () => useContext(AppHeaderContext);\n"],"mappings":";;;;AAgBA,MAAa,mBAAmB,cAAoC;CAClE,oBAAoB;CACpB,uBAAuB;CACxB,CAAC;AAEF,MAAaA,qBAAwD,EACnE,eACI;CACJ,MAAM,CAAC,oBAAoB,yBAAyB,UAEjD;AAEH,QACE,oBAAC,iBAAiB;EAChB,OAAO;GAAE;GAAoB;GAAuB;EAEnD;GACyB;;AAIhC,MAAa,4BAA4B,WAAW,iBAAiB"}

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/NavPanels.js

@@ -111,4 +111,5 @@ const FeatureCardPanel = ({ links }) => {
 };
 
 //#endregion
-export { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel };
+export { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel };
+//# sourceMappingURL=NavPanels.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/NavPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavPanels.js","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/NavPanels.tsx"],"sourcesContent":["import { Anchor, Box, GridBox } from '@codecademy/gamut';\n\nimport { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';\nimport { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';\nimport { AppHeaderFeatureCard } from '../AppHeaderFeatureCard';\nimport { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';\nimport { PanelLayout } from '../AppHeaderSection/PanelLayout';\nimport { SkillTile } from '../AppHeaderSkillTile';\nimport {\n  AppHeaderCardItem,\n  docsLinks,\n  inspirationLinks,\n  learningToolsLinks,\n  practiceToolsLinks,\n} from './consts';\n\ntype NavPanelProps = {\n  links: AppHeaderCardItem[];\n};\n\nexport const DocsPanel = () => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { tabIndex } = useAppHeaderSectionContext();\n  const { handleClose } = useAppHeaderDropdownContext();\n\n  const description = (\n    <>\n      <Box mb={8}>\n        Definitions and guides to help you understand programming languages,\n        frameworks, and concepts. Built and maintained by the coding community.\n      </Box>\n      Interested in helping build it?{' '}\n      <Anchor\n        tabIndex={tabIndex}\n        href=\"/pages/contribute-docs\"\n        onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n          globalHeaderItemClick(event, {\n            type: 'link',\n            href: '/pages/contribute-docs',\n            text: 'Contribute to Docs',\n            id: 'contribute-to-docs',\n          });\n          handleClose();\n        }}\n      >\n        Contribute to Docs\n      </Anchor>\n    </>\n  );\n\n  return (\n    <PanelLayout\n      heading=\"Docs\"\n      description={description}\n      linkItem={{\n        type: 'link',\n        href: '/docs',\n        text: 'Explore all Docs',\n        trackingTarget: 'topnav_resources_docs',\n        id: 'docs',\n      }}\n    >\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', xs: '1fr 1fr', md: '1fr 1fr 1fr' }}\n        gap={8}\n        pl={0}\n        as=\"ul\"\n        listStyle=\"none\"\n      >\n        {docsLinks.map((item) => (\n          <li key={item.id}>\n            <SkillTile item={item} />\n          </li>\n        ))}\n      </GridBox>\n    </PanelLayout>\n  );\n};\n\nexport const LearningToolsPanel = () => {\n  return (\n    <PanelLayout\n      heading=\"Learning tools\"\n      description=\"Explore free resources that help you understand key concepts and stay on track. From articles and cheatsheets to videos and projects, these tools support you throughout your learning journey.\"\n    >\n      <FeatureCardPanel links={learningToolsLinks} />\n    </PanelLayout>\n  );\n};\n\nexport const PracticeToolsPanel = () => {\n  return (\n    <PanelLayout\n      heading=\"Practice tools\"\n      description=\"Build confidence and reinforce what you've learned through hands-on practice. Tackle real coding challenges, simulate job interviews, and test your skills in interactive workspaces.\"\n    >\n      <FeatureCardPanel links={practiceToolsLinks} />\n    </PanelLayout>\n  );\n};\n\nexport const InspirationPanel = () => {\n  return (\n    <PanelLayout\n      heading=\"Inspiration\"\n      description=\"Discover what's happening inside Codecademy and beyond. You'll find engineering deep dives, coding tips, job hunt insights, career growth advice, and inspiring stories from other learners.\"\n    >\n      <FeatureCardPanel links={inspirationLinks} />\n    </PanelLayout>\n  );\n};\n\nexport const FeatureCardPanel = ({ links }: NavPanelProps) => {\n  const { tabIndex } = useAppHeaderSectionContext();\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { handleClose } = useAppHeaderDropdownContext();\n\n  return (\n    <GridBox\n      gridTemplateColumns={{ _: '1fr', sm: '1fr 1fr' }}\n      gridTemplateRows={{ _: '1fr', sm: '1fr 1fr' }}\n      gap={16}\n      pl={0}\n      as=\"ul\"\n      listStyle=\"none\"\n    >\n      {links.map((item) => (\n        <li key={`${item.linkItem.id}`}>\n          <Anchor\n            variant=\"interface\"\n            href={item.linkItem.href}\n            onClick={(\n              event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n            ) => {\n              globalHeaderItemClick(event, item.linkItem);\n              handleClose();\n            }}\n            tabIndex={tabIndex}\n            height=\"100%\"\n          >\n            <AppHeaderFeatureCard item={item} />\n          </Anchor>\n        </li>\n      ))}\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,0BAA0B,0BAA0B;CAC5D,MAAM,EAAE,aAAa,4BAA4B;CACjD,MAAM,EAAE,gBAAgB,6BAA6B;AA2BrD,QACE,oBAAC;EACC,SAAQ;EACR,aA3BF;GACE,oBAAC;IAAI,IAAI;cAAG;KAGN;;GAC0B;GAChC,oBAAC;IACW;IACV,MAAK;IACL,UAAU,UAA2D;AACnE,2BAAsB,OAAO;MAC3B,MAAM;MACN,MAAM;MACN,MAAM;MACN,IAAI;MACL,CAAC;AACF,kBAAa;;cAEhB;KAEQ;MACR;EAOD,UAAU;GACR,MAAM;GACN,MAAM;GACN,MAAM;GACN,gBAAgB;GAChB,IAAI;GACL;YAED,oBAAC;GACC,qBAAqB;IAAE,GAAG;IAAO,IAAI;IAAW,IAAI;IAAe;GACnE,KAAK;GACL,IAAI;GACJ,IAAG;GACH,WAAU;aAET,UAAU,KAAK,SACd,oBAAC,kBACC,oBAAC,aAAgB,OAAQ,IADlB,KAAK,GAET,CACL;IACM;GACE;;AAIlB,MAAa,2BAA2B;AACtC,QACE,oBAAC;EACC,SAAQ;EACR,aAAY;YAEZ,oBAAC,oBAAiB,OAAO,qBAAsB;GACnC;;AAIlB,MAAa,2BAA2B;AACtC,QACE,oBAAC;EACC,SAAQ;EACR,aAAY;YAEZ,oBAAC,oBAAiB,OAAO,qBAAsB;GACnC;;AAIlB,MAAa,yBAAyB;AACpC,QACE,oBAAC;EACC,SAAQ;EACR,aAAY;YAEZ,oBAAC,oBAAiB,OAAO,mBAAoB;GACjC;;AAIlB,MAAa,oBAAoB,EAAE,YAA2B;CAC5D,MAAM,EAAE,aAAa,4BAA4B;CACjD,MAAM,EAAE,0BAA0B,0BAA0B;CAC5D,MAAM,EAAE,gBAAgB,6BAA6B;AAErD,QACE,oBAAC;EACC,qBAAqB;GAAE,GAAG;GAAO,IAAI;GAAW;EAChD,kBAAkB;GAAE,GAAG;GAAO,IAAI;GAAW;EAC7C,KAAK;EACL,IAAI;EACJ,IAAG;EACH,WAAU;YAET,MAAM,KAAK,SACV,oBAAC,kBACC,oBAAC;GACC,SAAQ;GACR,MAAM,KAAK,SAAS;GACpB,UACE,UACG;AACH,0BAAsB,OAAO,KAAK,SAAS;AAC3C,iBAAa;;GAEL;GACV,QAAO;aAEP,oBAAC,wBAA2B,OAAQ;IAC7B,IAdF,GAAG,KAAK,SAAS,KAerB,CACL;GACM"}

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

@@ -332,4 +332,5 @@ const inspirationLinks = [
 ];
 
 //#endregion
-export { RESOURCES_NAV_SECTIONS, docsLinks, inspirationLinks, learningToolsLinks, practiceToolsLinks };
+export { RESOURCES_NAV_SECTIONS, docsLinks, inspirationLinks, learningToolsLinks, practiceToolsLinks };
+//# sourceMappingURL=consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":["RESOURCES_NAV_SECTIONS: NavSectionConfig[]","docsLinks: AppHeaderLinkItem[]","learningToolsLinks: AppHeaderCardItem[]","practiceToolsLinks: AppHeaderCardItem[]","inspirationLinks: AppHeaderCardItem[]"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.tsx"],"sourcesContent":["import {\n  ArticleIcon,\n  BriefcaseIcon,\n  BulbIcon,\n  CIcon,\n  CommentsIcon,\n  ComputerScienceIcon,\n  CPlusIcon,\n  FileIcon,\n  GameDevelopmentIcon,\n  GaugeDashboardIcon,\n  GitIcon,\n  GoIcon,\n  HammerWrenchIcon,\n  HtmlCssIcon,\n  InfoCircleIcon,\n  JavaIcon,\n  JavascriptIcon,\n  LearnIcon,\n  MarkdownIcon,\n  NotebookIcon,\n  PeopleIcon,\n  PhpIcon,\n  ProgrammingBrowserIcon,\n  ProjectsIcon,\n  PythonIcon,\n  ReactIcon,\n  RulerTriangleIcon,\n  SearchIcon,\n  SqlIcon,\n  SwiftIcon,\n  TerminalIcon,\n  TypescriptIcon,\n  VideoPlayerMovieIcon,\n} from '@codecademy/gamut-icons';\nimport React from 'react';\n\nimport {\n  AppHeaderLinkItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../shared';\nimport {\n  DocsPanel,\n  InspirationPanel,\n  LearningToolsPanel,\n  PracticeToolsPanel,\n} from './NavPanels';\n\nexport type NavSectionConfig = {\n  item: AppHeaderResourcesDropdownItem;\n  panel: React.ComponentType<{ tabIndex?: number }>;\n};\n\nexport const RESOURCES_NAV_SECTIONS: NavSectionConfig[] = [\n  {\n    item: {\n      icon: FileIcon,\n      text: 'Docs',\n      id: 'docs',\n      type: 'resources-dropdown',\n      trackingTarget: 'topnav_resources_tab_docs',\n    },\n    panel: DocsPanel,\n  },\n  {\n    item: {\n      icon: RulerTriangleIcon,\n      text: 'Learning tools',\n      id: 'learning-tools',\n      type: 'resources-dropdown',\n      trackingTarget: 'topnav_resources_tab_learning_tools',\n    },\n    panel: LearningToolsPanel,\n  },\n  {\n    item: {\n      icon: HammerWrenchIcon,\n      text: 'Practice tools',\n      id: 'practice-tools',\n      type: 'resources-dropdown',\n      trackingTarget: 'topnav_resources_tab_practice_tools',\n    },\n    panel: PracticeToolsPanel,\n  },\n  {\n    item: {\n      icon: BulbIcon,\n      text: 'Inspiration',\n      id: 'inspiration',\n      type: 'resources-dropdown',\n      trackingTarget: 'topnav_resources_tab_inspiration',\n    },\n    panel: InspirationPanel,\n  },\n];\n\nexport const docsLinks: AppHeaderLinkItem[] = [\n  {\n    id: 'c',\n    href: '/resources/docs/c',\n    trackingTarget: 'topnav_resources_docs_c',\n    text: 'C',\n    type: 'link',\n    icon: CIcon,\n  },\n  {\n    id: 'html',\n    href: '/resources/docs/html',\n    trackingTarget: 'topnav_resources_docs_html',\n    text: 'HTML',\n    type: 'link',\n    icon: HtmlCssIcon,\n  },\n  {\n    id: 'python',\n    href: '/resources/docs/python',\n    trackingTarget: 'topnav_resources_docs_python',\n    text: 'Python',\n    type: 'link',\n    icon: PythonIcon,\n  },\n  {\n    id: 'cpp',\n    href: '/resources/docs/cpp',\n    trackingTarget: 'topnav_resources_docs_cpp',\n    text: 'C++',\n    type: 'link',\n    icon: CPlusIcon,\n  },\n  {\n    id: 'java',\n    href: '/resources/docs/java',\n    trackingTarget: 'topnav_resources_docs_java',\n    text: 'Java',\n    type: 'link',\n    icon: JavaIcon,\n  },\n  {\n    id: 'react',\n    href: '/resources/docs/react',\n    trackingTarget: 'topnav_resources_docs_react',\n    text: 'React',\n    type: 'link',\n    icon: ReactIcon,\n  },\n  {\n    id: 'css',\n    href: '/resources/docs/css',\n    trackingTarget: 'topnav_resources_docs_css',\n    text: 'CSS',\n    type: 'link',\n    icon: HtmlCssIcon,\n  },\n  {\n    id: 'javascript',\n    href: '/resources/docs/javascript',\n    trackingTarget: 'topnav_resources_docs_javascript',\n    text: 'JavaScript',\n    type: 'link',\n    icon: JavascriptIcon,\n  },\n  {\n    id: 'sql',\n    href: '/resources/docs/sql',\n    trackingTarget: 'topnav_resources_docs_sql',\n    text: 'SQL',\n    type: 'link',\n    icon: SqlIcon,\n  },\n  {\n    id: 'git',\n    href: '/resources/docs/git',\n    trackingTarget: 'topnav_resources_docs_git',\n    text: 'Git',\n    type: 'link',\n    icon: GitIcon,\n  },\n  {\n    id: 'php',\n    href: '/resources/docs/php',\n    trackingTarget: 'topnav_resources_docs_php',\n    text: 'PHP',\n    type: 'link',\n    icon: PhpIcon,\n  },\n  {\n    id: 'markdown',\n    href: '/resources/docs/markdown',\n    trackingTarget: 'topnav_resources_docs_markdown',\n    text: 'Markdown',\n    type: 'link',\n    icon: MarkdownIcon,\n  },\n  {\n    id: 'typescript',\n    href: '/resources/docs/typescript',\n    trackingTarget: 'topnav_resources_docs_typescript',\n    text: 'TypeScript',\n    type: 'link',\n    icon: TypescriptIcon,\n  },\n  {\n    id: 'lua',\n    href: '/resources/docs/lua',\n    trackingTarget: 'topnav_resources_docs_lua',\n    text: 'Lua',\n    type: 'link',\n    icon: GameDevelopmentIcon,\n  },\n  {\n    id: 'go',\n    href: '/resources/docs/go',\n    trackingTarget: 'topnav_resources_docs_go',\n    text: 'Go',\n    type: 'link',\n    icon: GoIcon,\n  },\n  {\n    id: 'command-line',\n    href: '/resources/docs/command-line',\n    trackingTarget: 'topnav_resources_docs_command_line',\n    text: 'Command line',\n    type: 'link',\n    icon: TerminalIcon,\n  },\n  {\n    id: 'powershell',\n    href: '/resources/docs/powershell',\n    trackingTarget: 'topnav_resources_docs_powershell',\n    text: 'Powershell',\n    type: 'link',\n    icon: ComputerScienceIcon,\n  },\n  {\n    id: 'swift',\n    href: '/resources/docs/swift',\n    trackingTarget: 'topnav_resources_docs_swift',\n    text: 'Swift',\n    type: 'link',\n    icon: SwiftIcon,\n  },\n];\n\nexport type AppHeaderCardItem = {\n  linkItem: AppHeaderLinkItem;\n  icon: React.ReactNode;\n  description: string;\n};\n\nexport const learningToolsLinks: AppHeaderCardItem[] = [\n  {\n    linkItem: {\n      id: 'articles',\n      href: '/articles',\n      trackingTarget: 'topnav_resources_learning_articles',\n      text: 'Articles',\n      type: 'link',\n    },\n    icon: <ArticleIcon />,\n    description:\n      'Dive deeper into coding concepts and developer workflows to level up your skills.',\n  },\n  {\n    linkItem: {\n      id: 'cheatsheets',\n      href: '/resources/cheatsheets/all',\n      trackingTarget: 'topnav_resources_learning_cheatsheets',\n      text: 'Cheatsheets',\n      type: 'link',\n    },\n    icon: <NotebookIcon />,\n    description:\n      'Quick guides that summarize key concepts across languages, tools, and technologies.',\n  },\n  {\n    linkItem: {\n      id: 'videos',\n      href: '/resources/videos',\n      trackingTarget: 'topnav_resources_learning_videos',\n      text: 'Videos',\n      type: 'link',\n    },\n    icon: <VideoPlayerMovieIcon />,\n    description:\n      'Learn from videos on languages, frameworks, and more—at any skill level.',\n  },\n\n  {\n    linkItem: {\n      id: 'projects',\n      href: '/projects',\n      trackingTarget: 'topnav_resources_learning_projects',\n      text: 'Projects',\n      type: 'link',\n    },\n    icon: <ProjectsIcon />,\n    description:\n      'Apply your skills, connect concepts, and build something of your own.',\n  },\n];\n\nexport const practiceToolsLinks: AppHeaderCardItem[] = [\n  {\n    linkItem: {\n      id: 'code-challenges',\n      href: '/code-challenges',\n      trackingTarget: 'topnav_resources_learning_code_challenges',\n      text: 'Code challenges',\n      type: 'link',\n    },\n    icon: <ProgrammingBrowserIcon />,\n    description:\n      'Sharpen your skills with real interview challenges from top tech companies, with guidance if you get stuck.',\n  },\n  {\n    linkItem: {\n      id: 'workspaces',\n      href: '/pages/workspaces',\n      trackingTarget: 'topnav_resources_learning_workspaces',\n      text: 'Workspaces',\n      type: 'link',\n    },\n    icon: <LearnIcon />,\n    description:\n      'Build and share projects in 13 popular languages, all right in your browser.',\n  },\n  {\n    linkItem: {\n      id: 'job-readiness',\n      href: '/job-readiness',\n      trackingTarget: 'topnav_resources_learning_job_readiness',\n      text: 'Job-readiness checker',\n      type: 'link',\n    },\n    icon: <PeopleIcon />,\n    description:\n      'See how your skills match a job posting and get tips on what to improve.',\n  },\n\n  {\n    linkItem: {\n      id: 'interview-simulator',\n      href: '/interview-simulator',\n      trackingTarget: 'topnav_resources_learning_interview_simulator',\n      text: 'Interview Simulator',\n      type: 'link',\n    },\n    icon: <GaugeDashboardIcon />,\n    description:\n      'Practice interviews, get feedback, and build confidence at any stage of your tech career.',\n  },\n];\n\nexport const inspirationLinks: AppHeaderCardItem[] = [\n  {\n    linkItem: {\n      id: 'learner-stories',\n      href: '/resources/blog/category/get-inspired',\n      trackingTarget: 'topnav_resources_inspiration_learner_stories',\n      text: 'Learner stories',\n      type: 'link',\n    },\n    icon: <CommentsIcon />,\n    description:\n      'Learn how coding can change your life (and the world) for the better.',\n  },\n  {\n    linkItem: {\n      id: 'learning-tips',\n      href: '/resources/blog/category/learning-tips',\n      trackingTarget: 'topnav_resources_inspiration_learning_tips',\n      text: 'Learning tips',\n      type: 'link',\n    },\n    icon: <InfoCircleIcon />,\n    description:\n      \"Learning to code — or thinking about it? Here's how to get started, plus tips and tricks for staying motivated.\",\n  },\n  {\n    linkItem: {\n      id: 'career-advice',\n      href: '/resources/blog/category/career',\n      trackingTarget: 'topnav_resources_inspiration_career_advice',\n      text: 'Career advice',\n      type: 'link',\n    },\n    icon: <BriefcaseIcon />,\n    description:\n      'Explore different tech jobs and learn how to advance in your career and maintain work-life balance.',\n  },\n  {\n    linkItem: {\n      id: 'finding-a-job',\n      href: '/resources/blog/category/finding-a-job',\n      trackingTarget: 'topnav_resources_inspiration_finding_a_job',\n      text: 'Finding a job',\n      type: 'link',\n    },\n    icon: <SearchIcon />,\n    description:\n      'Master the skills to land a tech job, from resumes and portfolios to interviews and offers.',\n  },\n];\n"],"mappings":";;;;;;AAqDA,MAAaA,yBAA6C;CACxD;EACE,MAAM;GACJ,MAAM;GACN,MAAM;GACN,IAAI;GACJ,MAAM;GACN,gBAAgB;GACjB;EACD,OAAO;EACR;CACD;EACE,MAAM;GACJ,MAAM;GACN,MAAM;GACN,IAAI;GACJ,MAAM;GACN,gBAAgB;GACjB;EACD,OAAO;EACR;CACD;EACE,MAAM;GACJ,MAAM;GACN,MAAM;GACN,IAAI;GACJ,MAAM;GACN,gBAAgB;GACjB;EACD,OAAO;EACR;CACD;EACE,MAAM;GACJ,MAAM;GACN,MAAM;GACN,IAAI;GACJ,MAAM;GACN,gBAAgB;GACjB;EACD,OAAO;EACR;CACF;AAED,MAAaC,YAAiC;CAC5C;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,MAAM;EACN,MAAM;EACP;CACF;AAQD,MAAaC,qBAA0C;CACrD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,gBAAc;EACrB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,iBAAe;EACtB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,yBAAuB;EAC9B,aACE;EACH;CAED;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,iBAAe;EACtB,aACE;EACH;CACF;AAED,MAAaC,qBAA0C;CACrD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,2BAAyB;EAChC,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,cAAY;EACnB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,eAAa;EACpB,aACE;EACH;CAED;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,uBAAqB;EAC5B,aACE;EACH;CACF;AAED,MAAaC,mBAAwC;CACnD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,iBAAe;EACtB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,mBAAiB;EACxB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,kBAAgB;EACvB,aACE;EACH;CACD;EACE,UAAU;GACR,IAAI;GACJ,MAAM;GACN,gBAAgB;GAChB,MAAM;GACN,MAAM;GACP;EACD,MAAM,oBAAC,eAAa;EACpB,aACE;EACH;CACF"}

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

@@ -7,4 +7,5 @@ type AppHeaderResourceDropdownProps = AppHeaderAction & {
   item: AppHeaderResourcesDropdownItem;
 };
 //#endregion
-export { AppHeaderResourceDropdownProps };
+export { AppHeaderResourceDropdownProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAoBY,8BAAA,GAAiC;QACrC"}

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

@@ -99,4 +99,5 @@ const AppHeaderResourcesDropdown = ({ action, item }) => {
 };
 
 //#endregion
-export { AppHeaderResourcesDropdown };
+export { AppHeaderResourcesDropdown };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderResourcesDropdown: React.FC<\n  AppHeaderResourceDropdownProps\n>"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.tsx"],"sourcesContent":["import { ColorMode } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  DropdownPositions,\n  useHeaderDisplayContext,\n} from '../../../GlobalHeader/context';\nimport {\n  AnimatedMegaMenuDropdown,\n  AppHeaderAction,\n  AppHeaderResourcesDropdownItem,\n} from '../../shared';\nimport { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';\nimport { AppHeaderDropdownNavButton } from '../AppHeaderNavButton';\nimport { useAppHeaderContext } from '../AppHeaderProvider';\nimport { AppHeaderSection } from '../AppHeaderSection';\nimport { RESOURCES_NAV_SECTIONS } from './consts';\n\nexport type AppHeaderResourceDropdownProps = AppHeaderAction & {\n  item: AppHeaderResourcesDropdownItem;\n};\n\nconst StyledAnimatedMegaMenuDropdown = styled(AnimatedMegaMenuDropdown, {\n  // prevent the props from being passed to the DOM element, which would cause a React warning.\n  shouldForwardProp: (prop) =>\n    prop !== 'narrowResourceDropdownPosition' &&\n    prop !== 'wideResourceDropdownPosition',\n})<{\n  narrowResourceDropdownPosition: string;\n  wideResourceDropdownPosition: string;\n}>`\n  top: 3.5rem;\n  left: ${({ narrowResourceDropdownPosition }) => {\n    return narrowResourceDropdownPosition;\n  }};\n\n  @media (min-width: 1261px) {\n    left: ${({ wideResourceDropdownPosition }) => {\n      return wideResourceDropdownPosition;\n    }};\n  }\n`;\n\nexport const AppHeaderResourcesDropdown: React.FC<\n  AppHeaderResourceDropdownProps\n> = ({ action, item }) => {\n  const { text } = item;\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dropdownRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n  const { headerType } = useHeaderDisplayContext();\n  const { resourceDropdown } = DropdownPositions[headerType];\n  const narrowResourceDropdownPosition = resourceDropdown.narrow;\n  const wideResourceDropdownPosition = resourceDropdown.wide;\n\n  const animationFinished = () => {\n    if (isOpen && dropdownRef.current) {\n      dropdownRef.current.scrollTop = 0;\n    }\n  };\n\n  const toggleIsOpen = () => setIsOpen((prev) => !prev);\n\n  const handleOnClick = (event: React.MouseEvent) => {\n    toggleIsOpen();\n    if (!isOpen) {\n      action(event, item);\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(text);\n      }\n    }\n  };\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n    buttonRef?.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== text && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent | Event) {\n      const container = containerRef?.current;\n      const button = buttonRef?.current;\n      if (\n        isOpen &&\n        container &&\n        !container.contains(event.target as Node) &&\n        button &&\n        !button.contains(event.target as Node)\n      ) {\n        handleClose();\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('blur', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('blur', handleClickOutside);\n    };\n  }, [containerRef, handleClose, isOpen]);\n\n  return (\n    <AppHeaderDropdownProvider handleClose={handleClose}>\n      <AppHeaderDropdownNavButton\n        buttonRef={buttonRef}\n        handleOnClick={handleOnClick}\n        isOpen={isOpen}\n        text={text}\n      />\n      <StyledAnimatedMegaMenuDropdown\n        isOpen={isOpen}\n        narrowResourceDropdownPosition={narrowResourceDropdownPosition}\n        wideResourceDropdownPosition={wideResourceDropdownPosition}\n        tabIndex={-1} // prevent from interfering with AppHeader focus logic\n        ref={dropdownRef}\n        data-testid=\"resources-menu-dropdown\"\n        onAnimationComplete={animationFinished}\n      >\n        <ColorMode mode=\"light\">\n          <AppHeaderSection\n            isOpen={isOpen}\n            ref={containerRef}\n            navSections={RESOURCES_NAV_SECTIONS}\n            handleClose={() => setIsOpen(false)}\n            type=\"resources-dropdown\"\n          />\n        </ColorMode>\n      </StyledAnimatedMegaMenuDropdown>\n    </AppHeaderDropdownProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iCAAiC,OAAO,0BAA0B,EAEtE,oBAAoB,SAClB,SAAS,oCACT,SAAS,gCACZ,CAAC,AAGA;;WAES,EAAE,qCAAqC;AAC9C,QAAO;EACP;;;aAGS,EAAE,mCAAmC;AAC5C,QAAO;EACP;;;AAIN,MAAaA,8BAER,EAAE,QAAQ,WAAW;CACxB,MAAM,EAAE,SAAS;CACjB,MAAM,eAAe,OAA8B,KAAK;CACxD,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,cAAc,OAA8B,KAAK;CACvD,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,EAAE,oBAAoB,0BAA0B,qBAAqB;CAC3E,MAAM,EAAE,eAAe,yBAAyB;CAChD,MAAM,EAAE,qBAAqB,kBAAkB;CAC/C,MAAM,iCAAiC,iBAAiB;CACxD,MAAM,+BAA+B,iBAAiB;CAEtD,MAAM,0BAA0B;AAC9B,MAAI,UAAU,YAAY,QACxB,aAAY,QAAQ,YAAY;;CAIpC,MAAM,qBAAqB,WAAW,SAAS,CAAC,KAAK;CAErD,MAAM,iBAAiB,UAA4B;AACjD,gBAAc;AACd,MAAI,CAAC,QAAQ;AACX,UAAO,OAAO,KAAK;AACnB,OAAI,sBACF,uBAAsB,KAAK;;;CAKjC,MAAM,cAAc,kBAAkB;AACpC,YAAU,MAAM;AAChB,aAAW,SAAS,OAAO;IAC1B,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,uBAAuB,QAAQ,OACjC,WAAU,MAAM;IAGjB,CAAC,mBAAmB,CAAC;AAExB,iBAAgB;EACd,SAAS,mBAAmB,OAA2B;GACrD,MAAM,YAAY,cAAc;GAChC,MAAM,SAAS,WAAW;AAC1B,OACE,UACA,aACA,CAAC,UAAU,SAAS,MAAM,OAAe,IACzC,UACA,CAAC,OAAO,SAAS,MAAM,OAAe,CAEtC,cAAa;;AAIjB,WAAS,iBAAiB,aAAa,mBAAmB;AAC1D,WAAS,iBAAiB,QAAQ,mBAAmB;AACrD,eAAa;AACX,YAAS,oBAAoB,aAAa,mBAAmB;AAC7D,YAAS,oBAAoB,QAAQ,mBAAmB;;IAEzD;EAAC;EAAc;EAAa;EAAO,CAAC;AAEvC,QACE,qBAAC;EAAuC;aACtC,oBAAC;GACY;GACI;GACP;GACF;IACN,EACF,oBAAC;GACS;GACwB;GACF;GAC9B,UAAU;GACV,KAAK;GACL,eAAY;GACZ,qBAAqB;aAErB,oBAAC;IAAU,MAAK;cACd,oBAAC;KACS;KACR,KAAK;KACL,aAAa;KACb,mBAAmB,UAAU,MAAM;KACnC,MAAK;MACL;KACQ;IACmB;GACP"}