Remove @stacks/ui part 4

[kyranjamie]

src/app/components/bitcoin-transaction-item/utils.ts
3:import { ColorsStringLiteral } from '@stacks/ui-theme';

src/app/components/bitcoin-transaction-item/bitcoin-transaction-item.tsx
4:import { BoxProps } from '@stacks/ui';

src/app/components/bitcoin-transaction-item/bitcoin-transaction-caption.tsx
1:import { Text, color } from '@stacks/ui';

src/app/components/bitcoin-transaction-item/bitcoin-transaction-inscription-icon.tsx
1:import { Box, Circle, Flex, color } from '@stacks/ui';

src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.layout.tsx
1:import { BoxProps } from '@stacks/ui';
2:import { forwardRefWithAs } from '@stacks/ui-core';

src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.tsx
1:import { BoxProps } from '@stacks/ui';
2:import { forwardRefWithAs } from '@stacks/ui-core';
3:import { getAssetName } from '@stacks/ui-utils';

src/app/components/crypto-assets/stacks/components/stx-avatar.tsx
1:import { BoxProps, Circle, color } from '@stacks/ui';

src/app/components/crypto-assets/stacks/components/stacks-unanchored-status-icon.tsx
1:import { color } from '@stacks/ui-utils';

src/app/components/crypto-assets/stacks/components/stacks-asset-avatar.tsx
1:import { DynamicColorCircle } from '@stacks/ui';
2:import { BoxProps } from '@stacks/ui-core';

src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.layout.tsx
1:import { BoxProps, Flex } from '@stacks/ui';
2:import { forwardRefWithAs } from '@stacks/ui-core';

src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.tsx
1:import { BoxProps } from '@stacks/ui';
2:import { forwardRefWithAs } from '@stacks/ui-core';

src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-list.layout.tsx
1:import { Stack, StackProps } from '@stacks/ui';

src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx
4:import { StackProps, useClipboard } from '@stacks/ui';
5:import { forwardRefWithAs } from '@stacks/ui-core';

src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx
1:import { Flex, StackProps } from '@stacks/ui';
2:import { forwardRefWithAs } from '@stacks/ui-core';
3:import { truncateMiddle } from '@stacks/ui-utils';

src/app/components/crypto-assets/crypto-currency-asset/asset-copy-icon.tsx
3:import { Box, Flex, color } from '@stacks/ui';

src/app/components/crypto-assets/components/asset-caption.tsx
3:import { Box, Flex, Stack, Tooltip, color } from '@stacks/ui';

src/app/components/bitcoin-fees-list/bitcoin-fees-list.tsx
3:import { Stack } from '@stacks/ui';

src/app/components/bitcoin-fees-list/components/fees-list-item.tsx
1:import { Box, transition } from '@stacks/ui';

src/app/components/bitcoin-fees-list/components/fees-list-error.tsx
3:import { Box, Text } from '@stacks/ui';

src/app/components/sponsored-label.tsx
3:import { Box, Stack, Text, color } from '@stacks/ui';

src/app/components/field-error.tsx
4:import { Box, Flex } from '@stacks/ui';

src/app/common/transactions/stacks/transaction.utils.ts
16:import { getContractName, truncateMiddle } from '@stacks/ui-utils';

src/app/common/transactions/bitcoin/utils.ts
1:import { truncateMiddle } from '@stacks/ui-utils';

src/app/common/hooks/account/use-account-gradient.ts
3:import { generateHash, hashValue, moduloRange, stringToHslColor } from '@stacks/ui-utils';

src/app/common/theme.ts
3:import { theme as uiTheme } from '@stacks/ui-theme';

src/app/query/stacks/balance/stacks-ft-balances.utils.ts
2:import { getAssetStringParts } from '@stacks/ui-utils';

src/app/pages/home/components/account-area.tsx
3:import { Stack, StackProps } from '@stacks/ui';

src/app/pages/home/components/home-tabs.tsx
4:import { Box, Stack } from '@stacks/ui';
5:import type { StackProps } from '@stacks/ui';

src/app/pages/request-error/request-error.tsx
3:import { Box, Text } from '@stacks/ui';

src/app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message.tsx
1:import { truncateMiddle } from '@stacks/ui-utils';

src/app/pages/choose-account/components/accounts.tsx
6:import { Box, BoxProps, FlexProps, Stack, Text } from '@stacks/ui';

src/app/pages/unauthorized-request/unauthorized-request.tsx
1:import { Box } from '@stacks/ui';

src/app/pages/swap/swap-summary/swap-summary.tsx
5:import { useClipboard } from '@stacks/ui';

src/app/pages/swap/components/swap-amount-field.tsx
3:import { Input, Stack, color } from '@stacks/ui';

src/app/pages/select-network/components/network-list-item.layout.tsx
3:import { Box, BoxProps, Button, Flex, Stack } from '@stacks/ui';

src/app/pages/select-network/components/network-list.layout.tsx
1:import { Flex, FlexProps } from '@stacks/ui';

src/app/pages/select-network/components/add-network-button.tsx
1:import { ButtonProps } from '@stacks/ui';

src/app/pages/receive/receive-ordinal.tsx
4:import { useClipboard } from '@stacks/ui';

src/app/pages/receive/components/receive-item.tsx
1:import { truncateMiddle } from '@stacks/ui-utils';

src/app/pages/receive/components/address-qr-code.tsx
3:import { Box, Flex, FlexProps, color } from '@stacks/ui';

src/app/pages/receive/receive-stx.tsx
3:import { useClipboard } from '@stacks/ui';

src/app/pages/receive/receive-btc.tsx
4:import { useClipboard } from '@stacks/ui';

src/app/pages/receive/receive-modal.tsx
4:import { useClipboard } from '@stacks/ui';

src/app/pages/bitcoin-contract-list/bitcoin-contract-list.tsx
3:import { truncateMiddle } from '@stacks/ui-utils';

src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-item-layout.tsx
3:import { Box, Flex } from '@stacks/ui';

src/app/pages/stacks-message-signing-request/components/structured-data-box.tsx
4:import { Stack, color } from '@stacks/ui';

src/app/pages/stacks-message-signing-request/components/nested-tuple-displayer.tsx
2:import { Box, BoxProps, Flex, FlexProps } from '@stacks/ui';

src/app/pages/rpc-send-transfer/rpc-send-transfer-confirmation.tsx
3:import { truncateMiddle } from '@stacks/ui-utils';

src/app/pages/rpc-send-transfer/components/send-transfer-header.tsx
1:import { Flex } from '@stacks/ui';

src/app/pages/rpc-send-transfer/components/send-transfer-footer.tsx
1:import { Flex, color } from '@stacks/ui';

[pete-watters]

I did most of this. outstanding list in #4381