fix imports

Author: alissacrane-cb

playground/nextjs-app-router/components/Demo.tsx

@@ -6,6 +6,7 @@ import { useContext, useEffect, useState } from 'react';
 import DemoOptions from './DemoOptions';
 import CheckoutDemo from './demo/Checkout';
 import FundDemo from './demo/Fund';
+import FundSwapDemo from './demo/FundSwap';
 import IdentityDemo from './demo/Identity';
 import { IdentityCardDemo } from './demo/IdentityCard';
 import NFTCardDemo from './demo/NFTCard';
@@ -18,7 +19,6 @@ import TransactionDemo from './demo/Transaction';
 import TransactionDefaultDemo from './demo/TransactionDefault';
 import WalletDemo from './demo/Wallet';
 import WalletDefaultDemo from './demo/WalletDefault';
-import FundSwapDemo from './demo/FundSwap';
 
 const activeComponentMapping: Record<OnchainKitComponent, React.FC> = {
   [OnchainKitComponent.Fund]: FundDemo,

playground/nextjs-app-router/components/demo/FundSwap.tsx

@@ -1,5 +1,5 @@
 import { ENVIRONMENT, ENVIRONMENT_VARIABLES } from '@/lib/constants';
-import { type LifecycleStatus, FundSwap } from '@coinbase/onchainkit/swap';
+import { FundSwap, type LifecycleStatus } from '@coinbase/onchainkit/swap';
 import type { SwapError } from '@coinbase/onchainkit/swap';
 import type { Token } from '@coinbase/onchainkit/token';
 import { useCallback, useContext } from 'react';

src/swap/components/FundSwapButton.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from 'react';
 import { Spinner } from '../../internal/components/Spinner';
+import { checkmarkSvg } from '../../internal/svg/checkmarkSvg';
 import {
   cn,
   text,
@@ -9,7 +10,6 @@ import {
   pressable,
 } from '../../styles/theme';
 import { useFundSwapContext } from './FundSwapProvider';
-import { checkmarkSvg } from '../../internal/svg/checkmarkSvg';
 
 export function FundSwapButton() {
   const {

src/swap/components/FundSwapDropdown.tsx

@@ -1,8 +1,8 @@
-import { TokenImage } from '../../token';
+import { useCallback } from 'react';
 import { background, cn, color } from '../../styles/theme';
-import { useFundSwapContext } from './FundSwapProvider';
+import { TokenImage } from '../../token';
 import type { SwapUnit } from '../types';
-import { useCallback } from 'react';
+import { useFundSwapContext } from './FundSwapProvider';
 
 function TokenItem({ swapUnit }: { swapUnit: SwapUnit }) {
   const { handleSubmit, setIsDropdownOpen } = useFundSwapContext();

src/swap/components/FundSwapInput.tsx

@@ -1,10 +1,10 @@
 import { useCallback } from 'react';
-import { useFundSwapContext } from './FundSwapProvider';
 import { TextInput } from '../../internal/components/TextInput';
-import { TokenChip } from '../../token';
-import { formatAmount } from '../utils/formatAmount';
 import { isValidAmount } from '../../internal/utils/isValidAmount';
 import { cn, pressable } from '../../styles/theme';
+import { TokenChip } from '../../token';
+import { formatAmount } from '../utils/formatAmount';
+import { useFundSwapContext } from './FundSwapProvider';
 
 export function FundSwapInput() {
   const { to, handleAmountChange } = useFundSwapContext();

src/swap/components/FundSwapProvider.tsx

@@ -19,16 +19,16 @@ import { isUserRejectedRequestError } from '../../transaction/utils/isUserReject
 import { useOnchainKit } from '../../useOnchainKit';
 import { FALLBACK_DEFAULT_MAX_SLIPPAGE } from '../constants';
 import { useAwaitCalls } from '../hooks/useAwaitCalls';
+import { useFundSwapTokens } from '../hooks/useFundSwapTokens';
 import { useLifecycleStatus } from '../hooks/useLifecycleStatus';
+import { useResetFundSwapInputs } from '../hooks/useResetFundSwapInputs';
 import type {
   FundSwapContextType,
   FundSwapProviderReact,
   SwapUnit,
 } from '../types';
 import { isSwapError } from '../utils/isSwapError';
 import { processSwapTransaction } from '../utils/processSwapTransaction';
-import { useFundSwapTokens } from '../hooks/useFundSwapTokens';
-import { useResetFundSwapInputs } from '../hooks/useResetFundSwapInputs';
 
 const emptyContext = {} as FundSwapContextType;
 

src/swap/hooks/useFundSwapTokens.ts

@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import type { Address } from 'viem';
+import { base } from 'viem/chains';
 import { useValue } from '../../internal/hooks/useValue';
 import type { Token } from '../../token';
 import type { FundSwapTokens } from '../types';
 import { useSwapBalances } from './useSwapBalances';
-import { base } from 'viem/chains';
 
 const ethToken: Token = {
   name: 'ETH',