@dodoex/widgets 3.0.0-beta.1 → 3.0.0-beta.2

package/dist/cjs/components/AddressWithLinkAndCopy.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+interface AddressTextProps {
+    sx?: BoxProps['sx'];
+    truncate?: boolean;
+    address: string;
+    disabledAddress?: boolean;
+    addressHoverColor?: string;
+    addressHoverShowIcon?: boolean;
+    handleOpen?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, type: 'address' | 'icon') => void;
+}
+interface Props extends AddressTextProps {
+    showCopy?: boolean;
+    size?: 'small' | 'medium' | 'big';
+    newTab?: boolean;
+    iconSize?: number;
+    iconSpace?: number;
+    iconDarkHover?: boolean;
+    customChainId?: number;
+}
+export declare function AddressWithLinkAndCopy({ address, truncate, showCopy, size, iconSize, iconSpace: iconSpaceProps, sx, iconDarkHover, disabledAddress, addressHoverColor, addressHoverShowIcon, customChainId, handleOpen, }: Props): JSX.Element;
+export {};

package/dist/cjs/components/AutoButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare function AutoButton({ active, sx, onClick, }: {
+    active?: boolean;
+    sx?: BoxProps['sx'];
+    onClick?: BoxProps['onClick'];
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeRouteShortCard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BridgeRouteI } from '../../hooks/Bridge';
+export default function BridgeRouteShortCard({ route, onClick, }: {
+    route?: BridgeRouteI;
+    onClick: () => void;
+}): JSX.Element | null;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/BridgeSummaryDetail.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export default function BridgeSummaryDetail({ route, }: {
+    route: BridgeRouteI;
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export interface BridgeTXRequest {
+    data: string;
+    to: string;
+    value: string;
+    from: string;
+    chainId: number;
+    encodeId: string;
+}
+export default function BridgeSummaryDialog({ open, onClose, route, bridgeOrderTxRequest, clearToAmt, clearFromAmt, }: {
+    open: boolean;
+    onClose: () => void;
+    route?: BridgeRouteI;
+    bridgeOrderTxRequest?: BridgeTXRequest;
+    clearToAmt: () => void;
+    clearFromAmt: () => void;
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/orderInfoModal/CrossStep.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function CrossStep({ fromChainId, toChainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, fromHash, toHash, toolDetails, }: {
+    fromChainId: number;
+    toChainId: number;
+    fromTokenAmount: BigNumber;
+    toTokenAmount: BigNumber;
+    fromTokenSymbol: string;
+    fromTokenDecimals: number;
+    toTokenSymbol: string;
+    toTokenDecimals: number;
+    fromHash: string | null;
+    toHash: string | null;
+    toolDetails: BridgeStepTool;
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/orderInfoModal/EtherscanLinkButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function EtherscanLinkButton({ chainId, address, children, }: {
+    chainId: number;
+    address: string | null;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/orderInfoModal/RouteSteps.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { BridgeRouteI } from '../../../../hooks/Bridge';
+export declare function RouteSteps({ marginTop, route, }: {
+    marginTop?: CSSProperties['marginTop'];
+    route: BridgeRouteI;
+}): JSX.Element;

package/dist/cjs/components/Bridge/BridgeSummaryDialog/orderInfoModal/SwapStep.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function SwapStep({ chainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, hash, toolDetails, }: {
+    chainId: number;
+    fromTokenAmount: BigNumber;
+    toTokenAmount: BigNumber;
+    fromTokenSymbol: string;
+    fromTokenDecimals: number;
+    toTokenSymbol: string;
+    toTokenDecimals: number;
+    hash: string | null;
+    toolDetails: BridgeStepTool;
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/BridgeLogo.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function BridgeLogo({ size, toolDetails, nameMarginLeft, logoMarginLeft, nameSx, }: {
+    size: 'small' | 'medium' | 'large';
+    toolDetails: BridgeStep['toolDetails'] | null | undefined;
+    nameMarginLeft?: number;
+    logoMarginLeft?: number;
+    nameSx?: BoxProps['sx'];
+}): JSX.Element | null;

package/dist/cjs/components/Bridge/SelectBridgeDialog/DirectionLine.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function DirectionLine({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/RouteCard.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+import { TokenInfo } from '../../../hooks/Token/type';
+export default function RouteCard({ fromToken, toToken, fromChainId, toChainId, fromAmount, toTokenAmount, toolDetails, product, executionDuration, feeUSD, selected, setSelected, spenderContractAddress, isBestPrice, }: {
+    fromToken?: TokenInfo;
+    toToken?: TokenInfo;
+    fromChainId: number;
+    toChainId: number;
+    fromAmount?: BridgeRouteI['fromAmount'];
+    toTokenAmount?: BigNumber | null;
+    toolDetails: BridgeRouteI['step']['toolDetails'];
+    product: BridgeRouteI['product'];
+    executionDuration: BridgeRouteI['executionDuration'];
+    feeUSD: BridgeRouteI['feeUSD'];
+    selected: boolean;
+    setSelected: () => void;
+    spenderContractAddress: string;
+    isBestPrice?: boolean;
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/RouteTagList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export interface RouteTag {
+    type: 'best-price' | 'no-approve';
+    toolDetails?: BridgeStep['toolDetails'] | null;
+}
+/**
+ * 路径 tag 列表
+ */
+export declare function RouteTagList({ routeTagList }: {
+    routeTagList: RouteTag[];
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/TokenWithChain.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+/**
+ * token 数量附带有 chain 名称和 logo
+ */
+export declare function TokenWithChain({ chainId, token, amount, }: {
+    chainId: number;
+    token?: TokenInfo;
+    amount?: string | null | BigNumber;
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/index.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch, SetStateAction } from 'react';
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export default function SelectBridgeDialog({ open, onClose, selectedRouteId, setSelectRouteId, bridgeRouteList, }: {
+    open: boolean;
+    onClose: () => void;
+    selectedRouteId: string;
+    setSelectRouteId: Dispatch<SetStateAction<string>>;
+    bridgeRouteList: Array<BridgeRouteI>;
+}): JSX.Element;

package/dist/cjs/components/Bridge/SelectBridgeDialog/productList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const productList: {
+    id: string;
+    logoURI: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    name: string;
+}[];

package/dist/cjs/components/Confirm.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export default function Confirm({ open, onClose, title, children, singleBtn, danger, singleBtnText, cancelText, confirmText, disabledConfirm, confirmLoading, isManualClose, onConfirm, }: React.PropsWithChildren<{
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    singleBtn?: boolean;
+    danger?: boolean;
+    singleBtnText?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    confirmText?: React.ReactNode;
+    disabledConfirm?: boolean;
+    confirmLoading?: boolean;
+    isManualClose?: boolean;
+    onConfirm?: () => void;
+}>): JSX.Element;

package/dist/cjs/components/ConnectWallet/ConnectWalletDialog.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function ConnectWalletDialog({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): JSX.Element;

package/dist/cjs/components/ConnectWallet/NeedConnectButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ButtonProps } from '@dodoex/components';
+import { ChainId } from '@dodoex/api';
+export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {
+    /** chainId that needs to be connected */
+    chainId?: ChainId;
+    includeButton?: boolean;
+}): JSX.Element;

package/dist/cjs/components/ConnectWallet/OpenConnectWalletInfo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function OpenConnectWalletInfo(): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare function CopyTooltipToast({ copyText, size, sx, componentProps, onClick, }: {
+    copyText?: string;
+    size: number;
+    sx?: BoxProps['sx'];
+    componentProps?: BoxProps;
+    onClick?: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScreen, }: {
+    children?: React.ReactNode;
+    sx?: BoxProps['sx'];
+    gap?: number;
+    /** Large screen quantity per row */
+    repeatBaseForLargeScreen?: number;
+}): JSX.Element;

package/dist/cjs/components/Dialog.d.ts

@@ -0,0 +1 @@
+export { default } from './Swap/components/Dialog';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function ErrorMessageDialog({ message, onClose, }: {
+    message?: string;
+    onClose: () => void;
+}): JSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export declare function EmptyList({ sx, hasSearch, emptyText, }: {
+    sx?: BoxProps['sx'];
+    hasSearch?: boolean;
+    emptyText?: React.ReactNode;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function RiskDialog({ open, onClose, alertContent, onConfirm, }: {
+    open: boolean;
+    onClose: () => void;
+    alertContent?: React.ReactNode;
+    onConfirm?: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, sx, }: {
+    chainId: number | undefined;
+    setChainId: (chainId: number | undefined) => void;
+    logoWidth?: number;
+    mobileLogoWidth?: number;
+    mainLogoWidth?: number;
+    mainMobileLogoWidth?: number;
+    notShowAllChain?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ChainId } from '@dodoex/api';
+export interface ConnectWalletProps {
+    needSwitchChain?: ChainId;
+}
+export default function ConnectWallet({ needSwitchChain }: ConnectWalletProps): JSX.Element;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const transitionTime = 300;
+export interface DialogProps {
+    open: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    scope?: boolean;
+    title?: string | React.ReactNode;
+    rightSlot?: React.ReactNode;
+    canBack?: boolean;
+    children: React.ReactNode;
+    height?: number | string;
+    testId?: string;
+}
+export default function Dialog({ scope, ...props }: DialogProps): JSX.Element;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+export interface ReviewDialogProps {
+    open: boolean;
+    execute: () => void;
+    onClose: () => void;
+    clearToAmt: () => void;
+    clearFromAmt: () => void;
+    toToken: TokenInfo | null;
+    fromToken: TokenInfo | null;
+    priceImpact: string;
+    fromAmount: string | number | null;
+    toAmount: string | number | null;
+    baseFeeAmount: number | null;
+    additionalFeeAmount: number | null;
+    curToFiatPrice: BigNumber | null;
+    curFromFiatPrice: BigNumber | null;
+    pricePerFromToken: number | null;
+}
+export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, }: ReviewDialogProps): JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InputProps } from '@dodoex/components';
+export interface NumberInputProps extends InputProps {
+    maxVal?: string | number;
+    decimals?: number;
+    onInputChange?: (v: string | null) => void;
+}
+export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface SettingsDialogProps {
+    open: boolean;
+    onClose: () => void;
+    isBridge: boolean | undefined;
+}
+export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function SwitchBox({ onClick, disabled, }: {
+    onClick: () => void;
+    disabled?: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,11 @@
+import BigNumber from 'bignumber.js';
+import React from 'react';
+export declare function BalanceText({ onClick, balance, decimals, address, showMaxBtn, loading, balanceText, }: {
+    onClick?: (max: string) => void;
+    balance: BigNumber | null;
+    decimals?: number;
+    address?: string;
+    showMaxBtn?: boolean;
+    loading?: boolean;
+    balanceText?: React.ReactNode;
+}): JSX.Element;

package/dist/cjs/components/Swap/components/TokenCard/NumberInput.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare const NumberInput: import("react").ForwardRefExoticComponent<{
+    readOnly?: boolean | undefined;
+    sx?: BoxProps['sx'];
+    value?: string | undefined;
+    decimals?: number | undefined;
+    onFocus?: (() => void) | undefined;
+    onChange?: ((v: string) => void) | undefined;
+    suffix?: React.ReactNode | string;
+    suffixGap?: number | undefined;
+    withClear?: boolean | undefined;
+    placeholder?: string | undefined;
+    readonlyShowSuffix?: boolean | undefined;
+    typography?: string | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export declare function PercentageSelectButtonGroup({ value, onChange, sx, }: {
+    value: number;
+    onChange?: (val: number) => void;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function TokenLogoCollapse({ token, onClick, showChainLogo, readonly, }: {
+    token?: TokenInfo | null;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    showChainLogo?: boolean;
+    readonly?: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TokenPickerProps } from '../../../TokenPicker';
+import { DialogProps } from '../Dialog';
+export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, }: {
+    open: boolean;
+    title?: React.ReactNode | string;
+    occupiedAddrs?: string[];
+    occupiedChainId?: TokenPickerProps['occupiedChainId'];
+    onClose: DialogProps['onClose'];
+    value?: TokenPickerProps['value'];
+    onTokenChange: TokenPickerProps['onChange'];
+    side?: TokenPickerProps['side'];
+    defaultLoadBalance?: boolean;
+    multiple?: TokenPickerProps['multiple'];
+    searchPlaceholder?: TokenPickerProps['searchPlaceholder'];
+    searchOtherAddress?: TokenPickerProps['searchOtherAddress'];
+    chainId?: TokenPickerProps['chainId'];
+}): JSX.Element;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../../hooks/Token';
+import { TokenPickerProps } from '../../../TokenPicker';
+import BigNumber from 'bignumber.js';
+import { ChainId } from '@dodoex/api';
+export interface TokenCardProps {
+    amt: string;
+    fiatPriceTxt?: string | React.ReactNode;
+    sx?: BoxProps['sx'];
+    readOnly?: boolean;
+    showMaxBtn?: 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;
+    onlyCurrentChain?: boolean;
+    defaultLoadBalance?: boolean;
+    overrideBalance?: BigNumber | null;
+    overrideBalanceLoading?: boolean;
+    balanceText?: React.ReactNode;
+    showPercentage?: boolean;
+    inputReadonlyTooltip?: React.ReactNode;
+    inputTypography?: string;
+    chainId?: ChainId;
+    hideToken?: boolean;
+}
+export declare function CardPlus(): JSX.Element;
+export declare function CardPlusConnected(): JSX.Element;
+export declare function TokenCard({ sx, amt, token, readOnly, showMaxBtn, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, onlyCurrentChain, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, }: TokenCardProps): JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TokenInfo } from '../../../hooks/Token';
+import { RoutePriceStatus } from '../../../hooks/Swap';
+export declare function TokenPairPriceWithToggle({ toToken, fromToken, priceStatus, pricePerToToken, pricePerFromToken, }: {
+    toToken: TokenInfo | null;
+    fromToken: TokenInfo | null;
+    priceStatus: RoutePriceStatus;
+    pricePerToToken: number | null;
+    pricePerFromToken: number | null;
+}): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GetAutoSlippage } from '../../hooks/setting/useSetAutoSlippage';
+export interface SwapProps {
+    /** Higher priority setting slippage */
+    getAutoSlippage?: GetAutoSlippage;
+}
+export declare function Swap({ getAutoSlippage }?: SwapProps): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ChainId } from '@dodoex/api';
+export default function SwitchChainDialog({ chainId, open, onClose, }: {
+    chainId?: ChainId;
+    open: boolean;
+    onClose: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export default function TokenItem({ chainId, address, showName, size, offset, rightContent, }: {
+    chainId: number;
+    address: string;
+    showName: string;
+    size: number;
+    offset?: number;
+    rightContent?: React.ReactNode;
+}): JSX.Element;

package/dist/cjs/components/TokenLogo.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../hooks/Token';
+export interface TokenLogoProps {
+    address?: string;
+    token?: TokenInfo;
+    width?: number;
+    height?: number;
+    marginRight?: number;
+    url?: string;
+    zIndex?: number;
+    cross?: boolean;
+    sx?: BoxProps['sx'];
+    chainId?: number;
+    noShowChain?: boolean;
+    noBorder?: boolean;
+}
+export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId, noShowChain, noBorder, }: TokenLogoProps): React.ReactElement;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export interface TokenLogoPairProps {
+    tokens: Array<{
+        address?: string;
+        logoURI?: string;
+    } | string>;
+    width?: number;
+    height?: number;
+    gap?: number;
+    cross?: boolean;
+    mr?: number;
+    chainId?: number;
+    showChainLogo?: boolean;
+    sx?: BoxProps['sx'];
+}
+export declare function TokenLogoPair({ tokens, width, height, gap, cross, mr, chainId, showChainLogo, sx, }: TokenLogoPairProps): JSX.Element | null;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function TokenLogoSimple({ address, url, symbol, width, height, marginRight, zIndex, sx, onLoadedLogoUrl, }: {
+    address: string | undefined;
+    url: string;
+    symbol?: string;
+    width: number;
+    height: number;
+    marginRight?: number;
+    zIndex?: number;
+    sx?: BoxProps['sx'];
+    onLoadedLogoUrl?: (isLoaded: boolean) => void;
+}): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TokenInfo } from '../../hooks/Token';
+export default function PopularToken({ token, disabled, onClick, }: {
+    token: TokenInfo;
+    disabled: boolean;
+    onClick: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ChainListItem } from '../../constants/chainList';
+export default function SelectChainItem({ chain, active, onClick, }: {
+    chain: ChainListItem;
+    active: boolean;
+    onClick?: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+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;