feat: wp

src/app/_components/NavBar/NetworkLabel.tsx

@@ -1,4 +1,5 @@
 import { Spinner } from '@chakra-ui/react';
+import { Flex, Icon, Stack } from '@chakra-ui/react';
 import { Check, Trash } from '@phosphor-icons/react';
 import { FC, useMemo } from 'react';
 
@@ -8,9 +9,8 @@ import { useGlobalContext } from '../../../common/context/useGlobalContext';
 import { useCustomNetworkApiInfo } from '../../../common/queries/useCustomNetworkApiInfo';
 import { Network } from '../../../common/types/network';
 import { buildUrl } from '../../../common/utils/buildUrl';
-import { Icon, Flex, Stack } from '@chakra-ui/react';
 import { IconButton } from '../../../ui/IconButton';
-import { Tooltip } from '../../../components/ui/tooltip';
+import { Tooltip } from '../../../ui/Tooltip';
 import { Caption, Title } from '../../../ui/typography';
 
 const ellipsisStyle: React.CSSProperties = {

src/app/_components/Stats/NextStackingCycle/index.tsx

@@ -4,7 +4,7 @@ import { Flex, GridProps, Icon, Text } from '@chakra-ui/react';
 import { Info } from '@phosphor-icons/react';
 import { useMemo } from 'react';
 
-import { Tooltip } from '../../../../components/ui/tooltip';
+import { Tooltip } from '../../../../ui/Tooltip';
 import { ExplorerErrorBoundary } from '../../ErrorBoundary';
 import { StackingCycle } from '../StackingCycle';
 import { StatSection } from '../StatSection';

src/app/_components/Stats/StxSupply/index.tsx

@@ -6,7 +6,7 @@ import { Info } from '@phosphor-icons/react';
 import { useGlobalContext } from '../../../../common/context/useGlobalContext';
 import { useSuspenseStxSupply } from '../../../../common/queries/useStxSupply';
 import { abbreviateNumber } from '../../../../common/utils/utils';
-import { Tooltip } from '../../../../components/ui/tooltip';
+import { Tooltip } from '../../../../ui/Tooltip';
 import { ExplorerErrorBoundary } from '../../ErrorBoundary';
 import { StatSection } from '../StatSection';
 

src/app/address/[principal]/StxBalance/index.tsx

@@ -6,8 +6,8 @@ import { Circle } from '../../../../common/components/Circle';
 import { Section } from '../../../../common/components/Section';
 import { useAccountBalance } from '../../../../common/queries/useAccountBalance';
 import { microToStacks } from '../../../../common/utils/utils';
-import { Tooltip } from '../../../../components/ui/tooltip';
 import { IconButton } from '../../../../ui/IconButton';
+import { Tooltip } from '../../../../ui/Tooltip';
 import StxIcon from '../../../../ui/icons/StxIcon';
 import { Caption } from '../../../../ui/typography';
 import { ExplorerErrorBoundary } from '../../../_components/ErrorBoundary';

src/app/sandbox/components/ContractCall/FunctionView.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Box, Flex, Stack, Text, Icon } from '@chakra-ui/react';
+import { Box, Flex, Icon, Stack, Text } from '@chakra-ui/react';
 import { Info } from '@phosphor-icons/react';
 import { useQueryClient } from '@tanstack/react-query';
 import { Form, Formik, FormikErrors } from 'formik';
@@ -24,7 +24,7 @@ import { useStacksNetwork } from '../../../../common/hooks/useStacksNetwork';
 import { showFn } from '../../../../common/utils/sandbox';
 import { Switch } from '../../../../components/ui/switch';
 import { Button } from '../../../../ui/Button';
-import { Tooltip } from '../../../../components/ui/tooltip';
+import { Tooltip } from '../../../../ui/Tooltip';
 import { ListValueType, NonTupleValueType, TupleValueType, ValueType } from '../../types/values';
 import { encodeOptional, encodeOptionalTuple, encodeTuple, getTuple } from '../../utils';
 import { Argument } from '../Argument';

src/app/sandbox/components/Toolbar.tsx

@@ -1,7 +1,14 @@
 'use client';
 
-import { Select, createListCollection, useClipboard } from '@chakra-ui/react';
-import { Box, Flex, HStack, Icon } from '@chakra-ui/react';
+import {
+  Box,
+  Flex,
+  HStack,
+  Icon,
+  Select,
+  createListCollection,
+  useClipboard,
+} from '@chakra-ui/react';
 import { useMonaco } from '@monaco-editor/react';
 import { CopySimple, X } from '@phosphor-icons/react';
 import React, { useState } from 'react';
@@ -11,8 +18,8 @@ import { kvStoreContract } from '../../../common/constants/contracts/kv-store';
 import { statusContract } from '../../../common/constants/contracts/status';
 import { streamContract } from '../../../common/constants/contracts/stream';
 import { useAppDispatch, useAppSelector } from '../../../common/state/hooks';
-import { Tooltip } from '../../../components/ui/tooltip';
 import { IconButton } from '../../../ui/IconButton';
+import { Tooltip } from '../../../ui/Tooltip';
 import { Caption } from '../../../ui/typography';
 import { useUser } from '../hooks/useUser';
 import {

src/app/sandbox/deploy/LeftSection.tsx

@@ -12,10 +12,10 @@ import { useRandomName } from '../../../common/hooks/useRandomName';
 import { useStacksNetwork } from '../../../common/hooks/useStacksNetwork';
 import { useAppDispatch, useAppSelector } from '../../../common/state/hooks';
 import { InputGroup } from '../../../components/ui/input-group';
-import { Tooltip } from '../../../components/ui/tooltip';
 import { IconButton } from '../../../ui/IconButton';
 import { Input } from '../../../ui/Input';
 import { TextLink } from '../../../ui/TextLink';
+import { Tooltip } from '../../../ui/Tooltip';
 import { Caption, Title } from '../../../ui/typography';
 import { useUser } from '../hooks/useUser';
 import { selectCodeBody, setUserData, toggleCodeToolbar } from '../sandbox-slice';

src/app/sandbox/layout/RightPanel.tsx

@@ -4,8 +4,8 @@ import { SignOut } from '@phosphor-icons/react';
 import { Card } from '../../../common/components/Card';
 import { useAppSelector } from '../../../common/state/hooks';
 import { microToStacksFormatted, truncateMiddle } from '../../../common/utils/utils';
-import { Tooltip } from '../../../components/ui/tooltip';
 import { IconButton } from '../../../ui/IconButton';
+import { Tooltip } from '../../../ui/Tooltip';
 import StxIcon from '../../../ui/icons/StxIcon';
 import { Caption, Text } from '../../../ui/typography';
 import { TransactionsPanel } from '../components/TransactionsPanel';

src/app/signers/SignerDistributionHeader.tsx

@@ -2,7 +2,7 @@ import { Box, Flex, Icon, Link, Stack, Text, useDisclosure } from '@chakra-ui/re
 import { Question, X } from '@phosphor-icons/react';
 
 import { DialogBackdrop, DialogContent, DialogRoot } from '../../components/ui/dialog';
-import { Tooltip } from '../../components/ui/tooltip';
+import { Tooltip } from '../../ui/Tooltip';
 
 export function SignerDistributionHeader({ signerTitle }: { signerTitle: string }) {
   const { open, onToggle } = useDisclosure();

src/app/transactions/MempoolFeeStats.tsx

@@ -1,4 +1,4 @@
-import { StackSeparator, VStack, Text, Icon, HStack, Flex, FlexProps, Box } from '@chakra-ui/react';
+import { Box, Flex, FlexProps, HStack, Icon, StackSeparator, Text, VStack } from '@chakra-ui/react';
 import {
   CaretCircleDoubleUp,
   CaretCircleDown,
@@ -16,7 +16,7 @@ import { useSuspenseMempoolFee } from '../../common/queries/useMempoolFee';
 import { useSuspenseMempoolTransactionStats } from '../../common/queries/useMempoolTxStats';
 import { TokenPrice } from '../../common/types/tokenPrice';
 import { MICROSTACKS_IN_STACKS, capitalize, getUsdValue } from '../../common/utils/utils';
-import { Tooltip } from '../../components/ui/tooltip';
+import { Tooltip } from '../../ui/Tooltip';
 import { ExplorerErrorBoundary } from '../_components/ErrorBoundary';
 import { MempoolFeePieChart, getTxTypePieChartColor } from './MempoolFeePieChart';
 import {
@@ -273,7 +273,12 @@ export function MempoolFeeStats({ tokenPrice }: { tokenPrice: TokenPrice }) {
               return (
                 <Flex gap={0.5} alignItems={'center'} justifyContent={'center'}>
                   <Box h={2.5} w={2.5} borderRadius="50%" mr={2} backgroundColor={bg} />
-                  <Icon h={3.5} w={3.5} mr={2} color={'transactions.mempoolFeePriorityCard.textColor'}>
+                  <Icon
+                    h={3.5}
+                    w={3.5}
+                    mr={2}
+                    color={'transactions.mempoolFeePriorityCard.textColor'}
+                  >
                     {icon}
                   </Icon>
                   <Text

src/app/txid/[txId]/TxDetails/BlockHeight.tsx

@@ -9,7 +9,7 @@ import { BtcStxBlockLinks } from '../../../../common/components/BtcStxBlockLinks
 import { KeyValueHorizontal } from '../../../../common/components/KeyValueHorizontal';
 import { Value } from '../../../../common/components/Value';
 import { toRelativeTime } from '../../../../common/utils/utils';
-import { Tooltip } from '../../../../components/ui/tooltip';
+import { Tooltip } from '../../../../ui/Tooltip';
 import { ExplorerErrorBoundary } from '../../../_components/ErrorBoundary';
 import { useTxBlock } from '../useTxBlock';
 import { isInMempool, isInMicroblock } from '../utils';

src/app/txid/[txId]/TxDetails/Broadcast.tsx

@@ -9,7 +9,7 @@ import { MempoolTransaction, Transaction } from '@stacks/stacks-blockchain-api-t
 import { KeyValueHorizontal } from '../../../../common/components/KeyValueHorizontal';
 import { Value } from '../../../../common/components/Value';
 import { toRelativeTime } from '../../../../common/utils/utils';
-import { Tooltip } from '../../../../components/ui/tooltip';
+import { Tooltip } from '../../../../ui/Tooltip';
 import { isInMempool } from '../utils';
 
 export const Broadcast: FC<{

src/common/components/transaction-item.tsx

@@ -6,7 +6,7 @@ import * as React from 'react';
 
 import { MempoolTransaction, Transaction } from '@stacks/stacks-blockchain-api-types';
 
-import { Tooltip } from '../../components/ui/tooltip';
+import { Tooltip } from '../../ui/Tooltip';
 import { Caption, TextProps } from '../../ui/typography';
 import { toRelativeTime, truncateMiddle } from '../utils/utils';
 import { ExplorerLink } from './ExplorerLinks';