[wallet] fix: consistent type importing with prefer-top-level

apps/landing/components/layouts/Home/Navigation/NavigationItem.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Text, View } from '@walless/gui';
 import Link from 'next/link';

apps/wallet/src/components/Logo.tsx

@@ -1,4 +1,5 @@
-import { type FC, useMemo } from 'react';
+import type { FC } from 'react';
+import { useMemo } from 'react';
 import {
 	ClipPath,
 	Defs,

apps/wallet/src/features/Explorer/Highlights/CardCarousel.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect, useRef } from 'react';
+import type { FC } from 'react';
+import { useEffect, useRef } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import type { GestureStateManager } from 'react-native-gesture-handler';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';

apps/wallet/src/features/Home/History.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect, useState } from 'react';
+import type { FC } from 'react';
+import { useEffect, useState } from 'react';
 import { ActivityIndicator, StyleSheet } from 'react-native';
 import { Button, Text, View } from '@walless/gui';
 import HistoryFeature from 'features/History';

apps/wallet/src/features/Send/InputTransaction/index.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 import { StyleSheet } from 'react-native';
 import type { SliderHandle } from '@walless/gui';
 import { View } from '@walless/gui';

apps/wallet/src/features/Send/TransactionResult/index.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 import { StyleSheet } from 'react-native';
 import type { SlideComponentProps } from '@walless/gui';
 import { View } from '@walless/gui';

apps/wallet/src/features/Send/index.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 import { StyleSheet } from 'react-native';
 import type { Networks } from '@walless/core';
 import { Slider } from '@walless/gui';

apps/wallet/src/features/Setting/MyWallets/Wallet.tsx

@@ -1,7 +1,8 @@
 import type { FC } from 'react';
 import type { PublicKeyDocument } from '@walless/store';
 import BaseWallet from 'components/Wallet';
-import { getNetworkInfo, type NetworkInfo } from 'utils/helper';
+import type { NetworkInfo } from 'utils/helper';
+import { getNetworkInfo } from 'utils/helper';
 
 interface Props {
 	item: PublicKeyDocument;

apps/wallet/src/features/Swap/InputSwap/index.tsx

@@ -1,4 +1,5 @@
-import { type FC, useState } from 'react';
+import type { FC } from 'react';
+import { useState } from 'react';
 import { ActivityIndicator, StyleSheet } from 'react-native';
 import type { SlideComponentProps } from '@walless/gui';
 import { Button, View } from '@walless/gui';

apps/wallet/src/features/Widget/BuiltInNetwork/NftTab.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { ScrollView, StyleSheet } from 'react-native';
 import type { Networks } from '@walless/core';
 import { Text, View } from '@walless/gui';

apps/wallet/src/features/Widget/BuiltInNetwork/TokenList/Separator.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 import { View } from '@walless/gui';

apps/wallet/src/modals/Receive/index.tsx

@@ -15,8 +15,10 @@ import { getNetworkInfo } from 'utils/helper';
 import { usePublicKeys } from 'utils/hooks';
 
 import Indicator from './Indicator';
-import Slider, { type IndicatorOption, type SlideOption } from './Slider';
-import WalletCard, { type WalletProps } from './WalletCard';
+import type { IndicatorOption, SlideOption } from './Slider';
+import Slider from './Slider';
+import type { WalletProps } from './WalletCard';
+import WalletCard from './WalletCard';
 
 export interface ReceiveModalContext {
 	network?: Networks;

apps/wallet/src/stacks/Dashboard/TabBarItem.tsx

@@ -1,4 +1,5 @@
-import { type FC, useEffect } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 import {

apps/wallet/src/stacks/Explorer/CollectionStack/index.tsx

@@ -8,11 +8,8 @@ import { createStackNavigator } from '@react-navigation/stack';
 import { withStackContainer } from 'components/StackContainer';
 import NFTScreen from 'screens/NFT';
 import CollectionScreen from 'screens/NFTCollection';
-import {
-	type CollectionParamList,
-	type ExploreParamList,
-	navigateBack,
-} from 'utils/navigation';
+import type { CollectionParamList, ExploreParamList } from 'utils/navigation';
+import { navigateBack } from 'utils/navigation';
 
 type Props = StackScreenProps<ExploreParamList, 'Collection'>;
 

apps/wallet/src/stacks/Setting/index.tsx

@@ -6,11 +6,8 @@ import { withStackContainer } from 'components/StackContainer';
 import ReferralScreen from 'screens/Dashboard/Referral';
 import SettingScreen from 'screens/Dashboard/Setting';
 import { appState } from 'state/app';
-import {
-	type DashboardParamList,
-	navigateBack,
-	type SettingParamList,
-} from 'utils/navigation';
+import type { DashboardParamList, SettingParamList } from 'utils/navigation';
+import { navigateBack } from 'utils/navigation';
 import { useSnapshot } from 'valtio';
 
 type Props = StackScreenProps<DashboardParamList, 'Setting'>;

apps/wallet/src/utils/auth/w3a/tkey.ext.ts

@@ -9,7 +9,8 @@ import { environment } from 'utils/config';
 import { w3aBaseUrl } from '../../config/index.web';
 
 import type { CoreThresholdKey } from './core';
-import { type CoreModules, coreModules } from './core';
+import type { CoreModules } from './core';
+import { coreModules } from './core';
 
 type ExtTkeyModules = CoreModules & {
 	chromeStorage: ChromeExtensionStorageModule;

apps/wallet/src/utils/auth/w3a/tkey.ts

@@ -6,7 +6,8 @@ import type { CustomAuthArgs } from '@toruslabs/customauth';
 import CustomAuthCore from '@toruslabs/customauth-react-native-sdk';
 import { environment } from 'utils/config';
 
-import { type CoreModules, coreModules, type CoreThresholdKey } from './core';
+import type { CoreModules, CoreThresholdKey } from './core';
+import { coreModules } from './core';
 
 export const customAuthArgs: CustomAuthArgs = {
 	web3AuthClientId: environment.WEB3AUTH_ID,

apps/wallet/src/utils/auth/w3a/tkey.web.ts

@@ -6,7 +6,8 @@ import CustomAuthCore from '@toruslabs/customauth';
 import { environment } from 'utils/config';
 import { w3aBaseUrl } from 'utils/config/index.web';
 
-import { type CoreModules, coreModules, type CoreThresholdKey } from './core';
+import type { CoreModules, CoreThresholdKey } from './core';
+import { coreModules } from './core';
 
 type WebTkeyModules = CoreModules & {
 	webStorage: WebStorageModule;

apps/widgets/src/components/BulletSeparator.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import type { ViewProps, ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
 import { View } from '@walless/gui';

apps/widgets/src/components/SEOHead/index.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import Head from 'next/head';
 
 import globalMeta from './globalMeta';

apps/widgets/src/components/layouts/Footer/components/SocialAnchors.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Button, View } from '@walless/gui';
 import {
@@ -9,7 +9,7 @@ import {
 	Twitter,
 	Youtube,
 } from '@walless/icons';
-import { type IconProps } from '@walless/icons/components/types';
+import type { IconProps } from '@walless/icons/components/types';
 import Link from 'next/link';
 
 interface ISocialAnchorsProps {

apps/widgets/src/components/layouts/HomeLayout.tsx

@@ -1,4 +1,4 @@
-import { type FC, type ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { View } from '@walless/gui';
 import { sharedStyles } from 'utils/style';
 

apps/widgets/src/features/LayoutDetails/components/DetailTabs/CommentsTab.tsx

@@ -1,6 +1,6 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { ScrollView, StyleSheet, TextInput } from 'react-native';
-import { type UserProfile } from '@walless/core';
+import type { UserProfile } from '@walless/core';
 import { Text, View } from '@walless/gui';
 import Image from 'next/image';
 

apps/widgets/src/features/LayoutDetails/components/DetailTabs/InformationTab.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Text, View } from '@walless/gui';
 

apps/widgets/src/features/LayoutDetails/components/DetailTabs/ScreenshotsTab.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { View } from '@walless/gui';
 import Image from 'next/image';

apps/widgets/src/features/LayoutDetails/components/DetailTabs/components/TabTitle.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 import { Text } from '@walless/gui';
 

apps/widgets/src/features/LayoutDetails/components/RectangleButton.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Button, Text } from '@walless/gui';
 

apps/widgets/src/features/LayoutSection/Layouts/LayoutCard.tsx

@@ -1,11 +1,11 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Hoverable, Text, View } from '@walless/gui';
 import { Heart } from '@walless/icons';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 
-import { type LayoutProps } from '../../internal';
+import type { LayoutProps } from '../../internal';
 
 interface Props {
 	layout: LayoutProps;

apps/widgets/src/features/LayoutSection/Layouts/index.tsx

@@ -1,8 +1,8 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { StyleSheet } from 'react-native';
 import { Text, View } from '@walless/gui';
 
-import { type LayoutProps } from '../../internal';
+import type { LayoutProps } from '../../internal';
 
 import LayoutCard from './LayoutCard';
 

apps/widgets/src/features/WalletCustomizeSection/components/Background.tsx

@@ -1,5 +1,5 @@
-import { type FC } from 'react';
-import { type ViewStyle } from 'react-native';
+import type { FC } from 'react';
+import type { ViewStyle } from 'react-native';
 import { Defs, G, LinearGradient, Path, Stop, Svg } from 'react-native-svg';
 
 export interface ParticleProps {

apps/widgets/src/features/internal.ts

@@ -1,5 +1,5 @@
-import { type CommentProps } from './LayoutDetails/components/DetailTabs/CommentsTab';
-import { type InfoProps } from './LayoutDetails/components/DetailTabs/InformationTab';
+import type { CommentProps } from './LayoutDetails/components/DetailTabs/CommentsTab';
+import type { InfoProps } from './LayoutDetails/components/DetailTabs/InformationTab';
 
 export interface LayoutProps {
 	id: string;

apps/widgets/src/pages/_app.tsx

@@ -8,7 +8,7 @@ import {
 import { clusterApiUrl } from '@solana/web3.js';
 import { WallessWalletAdapter } from '@walless/walless-adapter-solana-base';
 import SEOHead from 'components/SEOHead';
-import { type AppProps } from 'next/app';
+import type { AppProps } from 'next/app';
 
 import 'raf/polyfill';
 

apps/widgets/src/pages/index.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import { HomeLayout } from 'components/layouts';
 import LayoutSection from 'features/LayoutSection';
 import WalletCustomizeSection from 'features/WalletCustomizeSection';

packages/adapter-solana-base/src/extend.ts

@@ -1,4 +1,4 @@
-import { type Walless } from '@walless/sdk';
+import type { Walless } from '@walless/sdk';
 
 declare const window: Window & {
 	walless: Walless;

packages/eslint-config/base.js

@@ -5,7 +5,7 @@ module.exports = {
 		ecmaFeatures: { jsx: true },
 		sourceType: 'module',
 	},
-	plugins: ['@typescript-eslint', 'simple-import-sort', 'prettier'],
+	plugins: ['@typescript-eslint', 'simple-import-sort', 'prettier', 'import'],
 	extends: [
 		'eslint:recommended',
 		'plugin:import/typescript',
@@ -15,6 +15,7 @@ module.exports = {
 	rules: {
 		'@typescript-eslint/no-var-requires': 'off',
 		'@typescript-eslint/consistent-type-imports': 'error',
+		'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
 
 		'simple-import-sort/exports': 'error',
 		'simple-import-sort/imports': [

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@walless/eslint-config",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "main": "index.js",
   "files": [
     "index.js",

packages/gui/components/DrawerContainer/index.tsx

@@ -1,12 +1,12 @@
-import { type FC, type ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import type {
 	LayoutChangeEvent,
 	LayoutRectangle,
 	StyleProp,
 	ViewStyle,
 } from 'react-native';
 import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
-import { type DrawerPosition } from 'react-native-gesture-handler';
+import type { DrawerPosition } from 'react-native-gesture-handler';
 import Animated, {
 	useAnimatedStyle,
 	useSharedValue,

packages/gui/components/DrawerContainer/shared.ts

@@ -1,5 +1,7 @@
-import { Easing, type LayoutRectangle, type ViewStyle } from 'react-native';
-import { type SharedValue, withTiming } from 'react-native-reanimated';
+import type { LayoutRectangle, ViewStyle } from 'react-native';
+import { Easing } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import { withTiming } from 'react-native-reanimated';
 
 export type DrawerPosition = 'left' | 'right';
 export type DrawerType = 'front' | 'back' | 'slide' | 'permanent';

packages/gui/components/SliderTabs/index.tsx

@@ -1,5 +1,6 @@
 import type { FC } from 'react';
-import { StyleSheet, type ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
 
 import View from '../View';
 

packages/store/plugins/upsert.ts

@@ -1,6 +1,6 @@
 import type PouchDB from 'pouchdb-core';
 
-import { type UpsertDiffFunc } from './type';
+import type { UpsertDiffFunc } from './type';
 
 type UpsertOptions = {
 	new: boolean;

packages/ui/components/Button.tsx

@@ -1,5 +1,6 @@
-import { type FC, type ReactNode } from 'react';
-import { type GetProps, type StackProps, styled } from '@tamagui/core';
+import type { FC, ReactNode } from 'react';
+import type { GetProps, StackProps } from '@tamagui/core';
+import { styled } from '@tamagui/core';
 
 import { Stack, Text } from './styled';
 

packages/ui/components/ImageBackground.tsx

@@ -1,5 +1,6 @@
 import { ImageBackground as RNImageBackground } from 'react-native';
-import { type GetProps, styled } from '@tamagui/core';
+import type { GetProps } from '@tamagui/core';
+import { styled } from '@tamagui/core';
 
 export const ImageBackground = styled(RNImageBackground, {
 	name: 'ImageBackground',

packages/ui/components/Input.tsx

@@ -1,5 +1,6 @@
 import { TextInput } from 'react-native';
-import { type GetProps, setupReactNative, styled } from '@tamagui/core';
+import type { GetProps } from '@tamagui/core';
+import { setupReactNative, styled } from '@tamagui/core';
 import { focusableInputHOC } from '@tamagui/focusable';
 
 setupReactNative({

packages/ui/components/Provider.tsx

@@ -1,5 +1,6 @@
-import { type FC, type ReactNode } from 'react';
-import { type TamaguiInternalConfig, TamaguiProvider } from '@tamagui/core';
+import type { FC, ReactNode } from 'react';
+import type { TamaguiInternalConfig } from '@tamagui/core';
+import { TamaguiProvider } from '@tamagui/core';
 
 interface Props {
 	config: TamaguiInternalConfig;

packages/ui/components/ScrollView.tsx

@@ -1,5 +1,6 @@
 import { ScrollView as ScrollViewNative } from 'react-native';
-import { type GetProps, styled } from '@tamagui/core';
+import type { GetProps } from '@tamagui/core';
+import { styled } from '@tamagui/core';
 
 import { fullscreenStyle } from './shared';
 

packages/ui/components/styled.tsx

@@ -1,5 +1,5 @@
+import type { GetProps } from '@tamagui/core';
 import {
-	type GetProps,
 	Stack as TamaguiStack,
 	styled,
 	Text as TamaguiText,