@dodoex/widgets 3.0.2-zetachain.4 → 3.0.2-zetachain.40

package/dist/types/components/CopyTooltipToast.d.ts

@@ -7,4 +7,4 @@ export declare function CopyTooltipToast({ copyText, size, sx, componentProps, o
     componentProps?: BoxProps;
     onClick?: () => void;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/DataCard/DataCardGroup.d.ts

@@ -5,4 +5,4 @@ export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScr
     gap?: number;
     /** Large screen quantity per row */
     repeatBaseForLargeScreen?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/ErrorMessageDialog.d.ts

@@ -1,4 +1,4 @@
 export default function ErrorMessageDialog({ message, onClose, }: {
     message?: string;
     onClose: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/GoBack.d.ts

@@ -2,4 +2,4 @@ import { BoxProps } from '@dodoex/components';
 export default function GoBack({ sx, onClick, }: {
     sx?: BoxProps['sx'];
     onClick?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/HowItWorks.d.ts

@@ -1,10 +1,10 @@
 import { BoxProps } from '@dodoex/components';
-export declare function HowItWorks({ title, desc, linkTo, LeftImage, sx, }: {
+export declare function HowItWorks({ title, descList, linkTo, sx, }: {
     title: React.ReactNode;
-    desc: React.ReactNode;
+    descList: {
+        title: React.ReactNode;
+        desc: React.ReactNode;
+    }[];
     linkTo: string;
-    LeftImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/LiquidityLpPartnerReward.d.ts

@@ -19,5 +19,5 @@ export default function LiquidityLpPartnerReward({ address, chainId, hideName, s
     chainId: number | undefined;
     hideName?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;
 export {};

package/dist/types/components/List/EmptyList.d.ts

@@ -1,8 +1,8 @@
 import { BoxProps, EmptyDataIcon as EmptyDataIconOrigin } from '@dodoex/components';
 import React from 'react';
-export declare function EmptyDataIcon(props: Parameters<typeof EmptyDataIconOrigin>[0]): JSX.Element;
+export declare function EmptyDataIcon(props: Parameters<typeof EmptyDataIconOrigin>[0]): React.JSX.Element;
 export declare function EmptyList({ sx, hasSearch, emptyText, }: {
     sx?: BoxProps['sx'];
     hasSearch?: boolean;
     emptyText?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/List/FailedList.d.ts

@@ -2,4 +2,4 @@ import { BoxProps } from '@dodoex/components';
 export declare function FailedList({ sx, refresh, }: {
     sx?: BoxProps['sx'];
     refresh: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/LoadMore.d.ts

@@ -5,4 +5,4 @@ export default function LoadMore({ height, sx, onClick, hasMore, loading, }: {
     onClick: () => void;
     hasMore?: boolean;
     loading?: boolean;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/components/LoadingRotation.d.ts

@@ -1,3 +1,3 @@
 export interface LoadingRotationProps {
 }
-export declare const LoadingRotation: (props: LoadingRotationProps) => JSX.Element;
+export declare const LoadingRotation: (props: LoadingRotationProps) => import("react").JSX.Element;

package/dist/types/components/Message/Countdown.d.ts

@@ -7,6 +7,6 @@ interface Props {
     strokeWidth?: number | string;
     sx?: BoxProps['sx'];
 }
-declare function Countdown({ size, color, time, strokeWidth, sx }: Props): JSX.Element;
+declare function Countdown({ size, color, time, strokeWidth, sx }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Countdown>;
 export default _default;

package/dist/types/components/Message/index.d.ts

@@ -1 +1,2 @@
-export default function Message(): JSX.Element;
+import React from 'react';
+export default function Message(): React.JSX.Element;

package/dist/types/components/RiskDialog.d.ts

@@ -4,4 +4,4 @@ export default function RiskDialog({ open, onClose, alertContent, onConfirm, }:
     onClose: () => void;
     alertContent?: React.ReactNode;
     onConfirm?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/Select.d.ts

@@ -12,4 +12,4 @@ export default function Select<V extends string | number = string>({ value, onCh
     sx?: BoxProps['sx'];
     readOnly?: boolean;
     valueOnlyIcon?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/SelectChain.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, valueOnlyIcon, sx, }: {
     chainId: number | undefined;
     setChainId: (chainId: number | undefined) => void;
@@ -9,4 +10,4 @@ export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogo
     notShowAllChain?: boolean;
     valueOnlyIcon?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/SpaceBetweenItem.d.ts

@@ -2,4 +2,4 @@ import { BoxProps } from '@dodoex/components';
 import React from 'react';
 export default function SpaceBetweenItem({ sx, label, children, ...props }: BoxProps & {
     label: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/SquaredGoBack.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@dodoex/components';
+export default function SquaredGoBack({ sx, onClick, }: {
+    sx?: BoxProps['sx'];
+    onClick?: () => void;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/CrossChainOrderList.d.ts

@@ -0,0 +1,4 @@
+export default function CrossChainOrderList({ account, type, }: {
+    account: string;
+    type?: 'error_refund';
+}): import("react").JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/CrossOrderCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useCrossSwapOrderList } from '../../../hooks/Swap/useCrossSwapOrderList';
+export default function CrossOrderCard({ data, isMobile, isErrorRefund, refetch, }: {
+    data: NonNullable<ReturnType<typeof useCrossSwapOrderList>['orderList'][0]>;
+    isMobile: boolean;
+    isErrorRefund: boolean;
+    refetch: () => void;
+}): React.JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/PriceWithToggle.d.ts

@@ -7,4 +7,4 @@ export declare function PriceWithToggle({ fromToken, toToken, fromTokenPrice, to
     toTokenPrice: string | null | undefined;
     sx?: BoxProps['sx'];
     children?: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/RoutingCard.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MidPathType } from '../../../hooks/useRouteVisionData';
 import { TokenInfo } from '../../../hooks/Token';
 export default function RoutingCard({ routing, fromTokenRaw, toTokenRaw, }: {
     routing: MidPathType;
     fromTokenRaw: TokenInfo;
     toTokenRaw: TokenInfo;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/RoutingVision.d.ts

@@ -1,15 +1,16 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { TokenInfo } from '../../../hooks/Token';
 import { MidPathType } from '../../../hooks/useRouteVisionData';
 export declare function Dot({ sx }: {
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function Triangle({ sx }: {
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function DashedLine({ sx }: {
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 interface Props {
     routeData: MidPathType[];
     fromTokenRaw: TokenInfo;
@@ -20,6 +21,6 @@ interface Props {
  */
 export declare function MobileRoutingVision({ routeData, fromTokenRaw, toTokenRaw, sx, }: Props & {
     sx?: BoxProps['sx'];
-}): JSX.Element;
-export declare function PCRoutingVision({ routeData, fromTokenRaw, toTokenRaw, }: Props): JSX.Element;
+}): React.JSX.Element;
+export declare function PCRoutingVision({ routeData, fromTokenRaw, toTokenRaw, }: Props): React.JSX.Element;
 export {};

package/dist/types/components/Swap/SwapOrderHistory/SameChainOrderList.d.ts

@@ -0,0 +1,3 @@
+export default function SameChainOrderList({ account }: {
+    account: string;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/SameOrderCard.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
 export default function SameOrderCard({ data, isMobile, }: {
     data: ReturnType<typeof useTradeSwapOrderList>['orderList'][0];
     isMobile: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/index.d.ts

@@ -1,4 +1,6 @@
-import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
-export default function SwapOrderHistory({ swapOrderListQuery: swapOrderListQueryProps, }: {
-    swapOrderListQuery?: ReturnType<typeof useTradeSwapOrderList>;
-}): JSX.Element;
+export declare enum SwapOrderHistoryTab {
+    sameChain = "same-chain",
+    crossChain = "cross-chain",
+    errorRefunds = "error-refunds"
+}
+export default function SwapOrderHistory(): import("react").JSX.Element;

package/dist/types/components/Swap/components/ConnectWallet/index.d.ts

@@ -1,5 +1,8 @@
 import { ChainId } from '@dodoex/api';
-export interface ConnectWalletProps {
-    needSwitchChain?: ChainId;
-}
-export default function ConnectWallet({ needSwitchChain }: ConnectWalletProps): JSX.Element;
+import { ButtonProps } from '@dodoex/components';
+import React from 'react';
+export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {
+    /** chainId that needs to be connected */
+    chainId?: ChainId;
+    includeButton?: boolean;
+}): React.JSX.Element;

package/dist/types/components/Swap/components/Dialog.d.ts

@@ -14,4 +14,4 @@ export interface DialogProps {
 }
 export default function Dialog({ scope, modal, ...props }: DialogProps & {
     modal?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/FiatEntryAndGasRefuel.d.ts

@@ -0,0 +1 @@
+export default function FiatEntryAndGasRefuel(): import("react").JSX.Element;

package/dist/types/components/Swap/components/ReceiveAddressInputModal.d.ts

@@ -0,0 +1,10 @@
+import { ChainId } from '@dodoex/api';
+import { Dispatch, SetStateAction } from 'react';
+export interface ReceiveAddressInputModalProps {
+    chainId: ChainId;
+    open: boolean;
+    onClose: () => void;
+    inputToAddress: string | null;
+    setInputToAddress: Dispatch<SetStateAction<string | null>>;
+}
+export declare const ReceiveAddressInputModal: ({ chainId, open, onClose, inputToAddress, setInputToAddress, }: ReceiveAddressInputModalProps) => import("react").JSX.Element;

package/dist/types/components/Swap/components/ReviewDialog.d.ts

@@ -19,4 +19,4 @@ export interface ReviewDialogProps {
     loading: boolean;
     slippage: string | number | null;
 }
-export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): JSX.Element;
+export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/SettingsDialog/NumberInput.d.ts

@@ -4,4 +4,4 @@ export interface NumberInputProps extends InputProps {
     decimals?: number;
     onInputChange?: (v: string | null) => void;
 }
-export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): JSX.Element;
+export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/SettingsDialog/index.d.ts

@@ -3,4 +3,4 @@ export interface SettingsDialogProps {
     onClose: () => void;
     isBridge: boolean | undefined;
 }
-export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): JSX.Element;
+export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/MoreTradeSetting.d.ts

@@ -1,4 +1,4 @@
 export default function MoreTradeSetting({ show, onClick, }: {
     show: boolean;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/CurveChart.d.ts

@@ -4,6 +4,6 @@ export declare const dotClassName = "position-y-dot";
 declare function CurveChart({ data, loading, }: {
     data: ForecastSlippageListItem[];
     loading?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CurveChart>;
 export default _default;

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/SlippageSlider.d.ts

@@ -5,5 +5,5 @@ interface Props {
     hoverValue: number | null;
     getSliderYPosition: (value?: number) => number;
 }
-export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): JSX.Element;
+export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): React.JSX.Element;
 export {};

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/index.d.ts

@@ -7,6 +7,6 @@ declare function SlippageCurveChart({ data, activeSlippage, loading, sx, handleC
     loading?: boolean;
     sx?: BoxProps['sx'];
     handleChangeCustomSlippage: (slippage: number) => void;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof SlippageCurveChart>;
 export default _default;

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageSetting.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function SlippageSetting({ fromToken, toToken, }: {
     fromToken?: TokenInfo | null;
     toToken?: TokenInfo | null;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageWarning.d.ts

@@ -3,4 +3,4 @@ export declare function SlippageWarning({ title, desc, doNotChecked, onChangeDoN
     desc: string;
     doNotChecked: boolean;
     onChangeDoNotChecked?: (value: boolean) => void;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/components/Swap/components/SwapSettingsDialog/SupplierSelect.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch, SetStateAction } from 'react';
+import { usePrivacySwapStatus } from '../../../../hooks/Swap/usePrivacySwapStatus';
+export declare function SupplierSelect({ privacySwapSupplierEndpoints, endpointStatusMap, refetchEndpointStatus, setIsSelectSupplierMode, }: Pick<ReturnType<typeof usePrivacySwapStatus>, 'endpointStatusMap' | 'privacySwapSupplierEndpoints' | 'privacySwapEnable' | 'privacySwapEnableAble' | 'refetchEndpointStatus'> & {
+    setIsSelectSupplierMode: Dispatch<SetStateAction<boolean>>;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/index.d.ts

@@ -1,8 +1,10 @@
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
+import { usePrivacySwapStatus } from '../../../../hooks/Swap/usePrivacySwapStatus';
 export interface SwapSettingsDialogProps {
     open: boolean;
     onClose: () => void;
     fromToken?: TokenInfo | null;
     toToken?: TokenInfo | null;
 }
-export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, }: SwapSettingsDialogProps): JSX.Element;
+export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, privacySwapEnableAble, privacySwapEnable, privacySwapSupplierEndpoints, endpointStatusMap, refetchEndpointStatus, }: SwapSettingsDialogProps & Pick<ReturnType<typeof usePrivacySwapStatus>, 'endpointStatusMap' | 'privacySwapSupplierEndpoints' | 'privacySwapEnable' | 'privacySwapEnableAble' | 'refetchEndpointStatus'>): React.JSX.Element;

package/dist/types/components/Swap/components/SwitchBox.d.ts

@@ -2,4 +2,4 @@ export declare function SwitchBox({ onClick, disabled: disabledProps, plus, }: {
     onClick?: () => void;
     disabled?: boolean;
     plus?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/BalanceText.d.ts

@@ -9,4 +9,4 @@ export declare function BalanceText({ onClick, balance, decimals, address, showM
     canClickBalance?: boolean;
     loading?: boolean;
     balanceText?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/Swap/components/TokenCard/PercentageSelectButtonGroup.d.ts

@@ -3,4 +3,4 @@ export declare function PercentageSelectButtonGroup({ value, onChange, sx, }: {
     value: number;
     onChange?: (val: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/TokenCardSwap.d.ts

@@ -0,0 +1,41 @@
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { Dispatch, SetStateAction } from 'react';
+import { useWalletInfo } from '../../../../hooks/ConnectWallet/useWalletInfo';
+import { BalanceData } from '../../../../hooks/Submission/useBalanceUpdateLoading';
+import { TokenInfo } from '../../../../hooks/Token';
+import { TokenPickerProps } from '../../../TokenPicker';
+export interface TokenCardProps {
+    amt: string;
+    fiatPriceTxt?: string | React.ReactNode;
+    sx?: BoxProps['sx'];
+    readOnly?: boolean;
+    showMaxBtn?: boolean;
+    canClickBalance?: boolean;
+    occupiedAddrs?: string[];
+    occupiedChainId?: TokenPickerProps['occupiedChainId'];
+    onMaxClick?: (max: string) => void;
+    token?: TokenInfo | null;
+    onInputChange?: (v: string) => void;
+    onInputFocus?: () => void;
+    onTokenClick?: () => void;
+    onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
+    side?: TokenPickerProps['side'];
+    showChainLogo?: boolean;
+    showChainName?: boolean;
+    defaultLoadBalance?: boolean;
+    overrideBalance?: BigNumber | null;
+    overrideBalanceLoading?: boolean;
+    balanceText?: React.ReactNode;
+    showPercentage?: boolean;
+    inputReadonlyTooltip?: React.ReactNode;
+    inputTypography?: string;
+    hideToken?: boolean;
+    checkLogBalance?: BalanceData;
+    notTokenPickerModal?: boolean;
+    enterAddressEnabled?: boolean;
+    inputToAddress: string | null;
+    setInputToAddress: Dispatch<SetStateAction<string | null>>;
+    account: ReturnType<ReturnType<typeof useWalletInfo>['getAppKitAccountByChainId']>;
+}
+export declare function TokenCardSwap({ sx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, hideToken, checkLogBalance, notTokenPickerModal, enterAddressEnabled, inputToAddress, setInputToAddress, account, }: TokenCardProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/TokenLogoCollapse.d.ts

@@ -5,4 +5,4 @@ export declare function TokenLogoCollapse({ token, onClick, showChainLogo, reado
     showChainLogo?: boolean;
     readonly?: boolean;
     showChainName?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/TokenPickerDialog.d.ts

@@ -17,4 +17,4 @@ export interface TokenPickerDialogProps {
     chainId?: TokenPickerProps['chainId'];
     modal?: boolean;
 }
-export declare function TokenPickerDialog(props: TokenPickerDialogProps): JSX.Element;
+export declare function TokenPickerDialog(props: TokenPickerDialogProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/WalletConnectBtn.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { useWalletInfo } from '../../../../hooks/ConnectWallet/useWalletInfo';
+import { TokenInfo } from '../../../../hooks/Token/type';
+export interface Props {
+    token: TokenInfo;
+    enterAddressEnabled?: boolean;
+    inputToAddress: string | null;
+    setInputToAddress: Dispatch<SetStateAction<string | null>>;
+    account: ReturnType<ReturnType<typeof useWalletInfo>['getAppKitAccountByChainId']>;
+}
+export declare const WalletConnectBtn: ({ token, enterAddressEnabled, inputToAddress, setInputToAddress, account, }: Props) => import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenCard/index.d.ts

@@ -35,6 +35,6 @@ export interface TokenCardProps {
     checkLogBalance?: BalanceData;
     notTokenPickerModal?: boolean;
 }
-export declare function CardPlus(): JSX.Element;
-export declare function CardPlusConnected(): JSX.Element;
-export declare function TokenCard({ sx, inputSx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, notTokenPickerModal, }: TokenCardProps): JSX.Element;
+export declare function CardPlus(): import("react").JSX.Element;
+export declare function CardPlusConnected(): import("react").JSX.Element;
+export declare function TokenCard({ sx, inputSx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, notTokenPickerModal, }: TokenCardProps): import("react").JSX.Element;

package/dist/types/components/Swap/components/TokenPairPriceWithToggle.d.ts

@@ -6,4 +6,4 @@ export declare function TokenPairPriceWithToggle({ toToken, fromToken, priceStat
     priceStatus: RoutePriceStatus;
     pricePerToToken: number | null;
     pricePerFromToken: number | null;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Swap/index.d.ts

@@ -6,4 +6,4 @@ export interface SwapProps {
     onPayTokenChange?: (token: TokenInfo) => void;
     onReceiveTokenChange?: (token: TokenInfo) => void;
 }
-export declare function Swap({ getAutoSlippage, onPayTokenChange, onReceiveTokenChange, }?: SwapProps): JSX.Element;
+export declare function Swap({ getAutoSlippage, onPayTokenChange, onReceiveTokenChange, }?: SwapProps): import("react").JSX.Element;

package/dist/types/components/SwitchChainDialog/index.d.ts

@@ -3,4 +3,4 @@ export default function SwitchChainDialog({ chainId, open, onClose, }: {
     chainId?: ChainId;
     open: boolean;
     onClose: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Table.d.ts

@@ -3,4 +3,4 @@ export default function Table({ sx, children, hasMore, loadMore, loadMoreLoading
     hasMore?: boolean;
     loadMore?: () => void;
     loadMoreLoading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/TextSwitch.d.ts

@@ -9,4 +9,4 @@ export declare function TextSwitch({ checked, onChange, sx, disabled, }: {
     checked: boolean;
     onChange: (v: boolean) => void;
     disabled?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/Token/TokenItem.d.ts

@@ -6,4 +6,4 @@ export default function TokenItem({ chainId, address, showName, size, offset, ri
     size: number;
     offset?: number;
     rightContent?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/TokenLogoPair.d.ts

@@ -13,4 +13,4 @@ export interface TokenLogoPairProps {
     showChainLogo?: boolean;
     sx?: BoxProps['sx'];
 }
-export declare function TokenLogoPair({ tokens, width, height, gap, cross, mr, chainId, showChainLogo: showChainLogoProps, sx, }: TokenLogoPairProps): JSX.Element;
+export declare function TokenLogoPair({ tokens, width, height, gap, cross, mr, chainId, showChainLogo: showChainLogoProps, sx, }: TokenLogoPairProps): import("react").JSX.Element;

package/dist/types/components/TokenLogoSimple.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 /**
  *
  * @param param0
@@ -15,4 +16,4 @@ export default function TokenLogoSimple({ address, url, symbol, width, height, m
     zIndex?: number;
     sx?: BoxProps['sx'];
     onLoadedLogoUrl?: (isLoaded: boolean) => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/TokenPairStatusButton.d.ts

@@ -3,4 +3,4 @@ import { useTokenStatus } from '../hooks/Token/useTokenStatus';
 export default function TokenPairStatusButton({ statuses, children, buttonProps, }: React.PropsWithChildren<{
     statuses: Array<ReturnType<typeof useTokenStatus>>;
     buttonProps?: ButtonProps;
-}>): JSX.Element;
+}>): import("react").JSX.Element;

package/dist/types/components/TokenPicker/PopularToken.d.ts

@@ -3,4 +3,4 @@ export default function PopularToken({ token, disabled, onClick, }: {
     token: TokenInfo;
     disabled: boolean;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/TokenPicker/SelectChainItem.d.ts

@@ -3,4 +3,4 @@ export default function SelectChainItem({ chain, active, onClick, }: {
     chain: ChainListItem;
     active: boolean;
     onClick?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/TokenPicker/TokenItem.d.ts

@@ -1,10 +1,10 @@
+import BigNumber from 'bignumber.js';
 import { CSSProperties } from 'react';
 import { TokenInfo } from './../../hooks/Token';
-import BigNumber from 'bignumber.js';
 export default function TokenItem({ token, disabled, style, balance: balanceBigNumber, onClick, }: {
     token: TokenInfo;
     disabled?: boolean;
     style?: CSSProperties;
     balance?: BigNumber;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/TokenPicker/TokenSearchLoadingSkelton.d.ts

@@ -1 +1 @@
-export declare function TokenSearchLoadingSkelton(): JSX.Element;
+export declare function TokenSearchLoadingSkelton(): import("react").JSX.Element;

package/dist/types/components/TokenPicker/index.d.ts

@@ -1,6 +1,6 @@
+import { ChainId } from '@dodoex/api';
 import { BoxProps } from '@dodoex/components';
 import type { TokenInfo } from '../../hooks/Token';
-import { ChainId } from '@dodoex/api';
 export interface TokenPickerProps {
     chainId?: ChainId;
     value?: TokenInfo | null | Array<TokenInfo>;
@@ -22,4 +22,4 @@ export interface TokenPickerProps {
     searchOtherAddress?: (address: string) => Promise<JSX.Element | null>;
     sx?: BoxProps['sx'];
 }
-export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, sx, }: TokenPickerProps): JSX.Element;
+export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, sx, }: TokenPickerProps): import("react").JSX.Element;

package/dist/types/components/TokenSelect.d.ts

@@ -1,4 +1,5 @@
 import { TokenInfo } from '../hooks/Token/type';
+import React from 'react';
 import { ChainId } from '@dodoex/api';
 export default function TokenSelect({ token, chainId: chainIdProps, showChainLogo, readonly, showChainName: showChainNameProps, logoSize, chainLogoSize, side, occupiedToken, defaultLoadBalance, notTokenPickerModal, border, px, py, highlightDefault, onTokenClick, onTokenChange, }: {
     token?: TokenInfo | null;
@@ -18,4 +19,4 @@ export default function TokenSelect({ token, chainId: chainIdProps, showChainLog
     highlightDefault?: boolean;
     onTokenClick?: () => void;
     onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/TokenStatusButton.d.ts

@@ -3,4 +3,4 @@ import { useTokenStatus } from '../hooks/Token/useTokenStatus';
 export default function TokenStatusButton({ status, children, buttonProps, }: React.PropsWithChildren<{
     status: ReturnType<typeof useTokenStatus>;
     buttonProps?: ButtonProps;
-}>): JSX.Element;
+}>): import("react").JSX.Element;

package/dist/types/components/Tooltip/QuestionTooltip.d.ts

@@ -1,2 +1,2 @@
 import { QuestionTooltipProps } from '@dodoex/components';
-export default function QuestionTooltip({ sx, ...props }: QuestionTooltipProps): JSX.Element;
+export default function QuestionTooltip({ sx, ...props }: QuestionTooltipProps): import("react").JSX.Element;