fix: Possible circular dependency (#448)

src/components/AppList.tsx

@@ -11,19 +11,16 @@ import {
 import IsEmpty from 'lodash/isEmpty'
 
 import { MoreIcon, SearchIcon } from '../icons'
-import {
-  AppIcon,
-  Button,
-  Card,
-  CardProps,
-  Input,
-  ListBoxItem,
-  Select,
-  Tooltip,
-  WrapWithIf,
-} from '../index'
 
+import AppIcon from './AppIcon'
+import Button from './Button'
+import Card, { CardProps } from './Card'
+import Input from './Input'
+import { ListBoxItem } from './ListBoxItem'
+import { Select } from './Select'
+import Tooltip from './Tooltip'
 import { useWindowSize } from './wizard/hooks'
+import WrapWithIf from './WrapWithIf'
 
 const AppList = styled(AppListUnstyled)(({ theme }) => ({
   width: '100%',

src/components/TreeNavigation.tsx

@@ -11,25 +11,19 @@ import {
   useState,
 } from 'react'
 import type { ComponentProps, Key, MutableRefObject, ReactElement } from 'react'
-
 import classNames from 'classnames'
 import { animated, useSpring } from 'react-spring'
 import useMeasure from 'react-use-measure'
 import styled, { useTheme } from 'styled-components'
 import { type ImmerReducer, useImmerReducer } from 'use-immer'
-
 import { Div } from 'honorable'
 
+import usePrevious from '../hooks/usePrevious'
 import useUnmount from '../hooks/useUnmount'
+import { CaretRightIcon } from '../icons'
 
-import {
-  CaretRightIcon,
-  Tab,
-  useNavigationContext,
-  usePrevious,
-} from '../index'
-
-import { TAB_INDICATOR_THICKNESS } from './Tab'
+import { useNavigationContext } from './contexts/NavigationContext'
+import Tab, { TAB_INDICATOR_THICKNESS } from './Tab'
 
 export type SideNavProps = {
   desktop: boolean

src/components/wizard/Installer.tsx

@@ -1,14 +1,12 @@
 import styled, { StyledProps } from 'styled-components'
 import { ReactElement } from 'react'
 
+import AppIcon from '../AppIcon'
 import { ListBox } from '../ListBox'
 import { ListBoxItem } from '../ListBoxItem'
-import { AppIcon } from '../../index'
 import PencilIcon from '../icons/PencilIcon'
 import Chip from '../Chip'
-
 import Tooltip from '../Tooltip'
-
 import InfoOutlineIcon from '../icons/InfoOutlineIcon'
 
 import { useNavigation, useStepper } from './hooks'