@dodoex/widgets 3.0.2-zetachain.6 → 3.0.2-zetachain.61

package/dist/types/widgets/MiningWidget/MiningList/hooks/useRewardTokenTrigger.d.ts

@@ -2,4 +2,4 @@ export declare function useRewardTokenTrigger({ rewardTokenList, }: {
     rewardTokenList: {
         symbol?: string;
     }[];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/hooks/useStatusAndStartBlockNumber.d.ts

@@ -6,8 +6,8 @@ export declare function useStatusAndStartBlockNumber({ miningItem, }: {
     status: MiningStatusE;
     miningStatusList: {
         status: MiningStatusE;
-        firstStartTime: import("bignumber.js").BigNumber | undefined;
-        lastEndTime: import("bignumber.js").BigNumber | undefined;
-        currentTime: import("bignumber.js").BigNumber;
+        firstStartTime: BigNumber | undefined;
+        lastEndTime: BigNumber | undefined;
+        currentTime: BigNumber;
     }[];
 };

package/dist/types/widgets/MiningWidget/MiningList/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare function MiningList({ query, handleGotoCreate, handleGotoDetail, handleGotoPoolDetail, }: {
     query?: {
         mining?: string;
@@ -13,4 +14,4 @@ export declare function MiningList({ query, handleGotoCreate, handleGotoDetail,
         pool: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/MyCreatedMining.d.ts

@@ -3,4 +3,4 @@ import { MyCreatedMiningI } from '../../types';
 export declare function MyCreatedMining({ miningItem, refetch, }: {
     miningItem: MyCreatedMiningI;
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/OperateArea.d.ts

@@ -7,4 +7,4 @@ export declare function OperateArea({ miningItem, tokenPairs, onClose, setShareM
     onClose: () => void;
     setShareModalVisible: Dispatch<SetStateAction<boolean>>;
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/RewardCard.d.ts

@@ -7,4 +7,4 @@ export declare function RewardCard({ chainId, index, rewardToken, miningContract
     miningContractAddress: string;
     isNewERCMineV3: MyCreatedMiningI['isNewERCMineV3'];
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/index.d.ts

@@ -5,4 +5,4 @@ export declare function MyCreated({ miningList, loading, refetch, error, hasSear
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
     error: ReturnType<typeof useMyCreatedMiningList>['error'];
     hasSearch?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/AssociatedMine.d.ts

@@ -6,4 +6,4 @@ export declare function AssociatedMine({ chainId, miningContractAddress, totalRe
     miningTitle: string | undefined;
     lpTokenStatus: MiningStatusE;
     associatedMineSectionShort?: boolean;
-} & Pick<OperateDataProps, 'totalRewardUSD' | 'stakedTokenUSD' | 'rewardTokenList' | 'stakedTokenWithAmountList'>): JSX.Element;
+} & Pick<OperateDataProps, 'totalRewardUSD' | 'stakedTokenUSD' | 'rewardTokenList' | 'stakedTokenWithAmountList'>): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/ClaimButton.d.ts

@@ -6,4 +6,4 @@ export declare function ClaimButton({ hasUnclaimedReward, depositOrWithdrawOrCla
     id: TabMiningI['id'];
     chainId: number;
     currentChainId: number | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/ClaimTips.d.ts

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

package/dist/types/widgets/MiningWidget/MiningList/operate-area/GetLpLink.d.ts

@@ -1,4 +1,4 @@
 export declare function GetLpLink({ tokenSymbol, goLpLink, }: {
     tokenSymbol: string | undefined;
     goLpLink: () => Promise<void>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/InputArea.d.ts

@@ -11,4 +11,4 @@ export declare function InputArea({ operateType, type, lpToken, lpTokenBalance,
     needApprove: boolean;
     readOnly: boolean;
     lpTokenBalanceLoading: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/PercentageSelectButtonGroup.d.ts

@@ -4,4 +4,4 @@ export declare function PercentageSelectButtonGroup({ currentValue, onClick, sx,
     currentValue: string | number | BigNumber | null;
     onClick: (v: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/RewardListCard.d.ts

@@ -2,4 +2,4 @@ import { MiningRewardTokenWithAprI } from '../../types';
 export declare function RewardListCard({ rewardTokenWithAprList, customChainId, }: {
     rewardTokenWithAprList: Array<Pick<MiningRewardTokenWithAprI, 'decimals' | 'pendingReward' | 'usdPrice' | 'symbol' | 'address' | 'logoImg'>>;
     customChainId?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/RewardTokenTable.d.ts

@@ -2,4 +2,4 @@ import { MiningRewardTokenWithAprI } from '../../types';
 export declare function RewardTokenTable({ rewardTokenWithAprList, customChainId, }: {
     rewardTokenWithAprList: Array<Pick<MiningRewardTokenWithAprI, 'decimals' | 'pendingReward' | 'usdPrice' | 'symbol' | 'address' | 'logoImg'>>;
     customChainId?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/StakeButton.d.ts

@@ -22,4 +22,4 @@ export declare function StakeButton({ depositOrWithdrawOrClaimMutation, id, firs
     chainId: number;
     currentChainId: number | undefined;
     lpTokenBalanceLoading: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/StakeTokenSelect.d.ts

@@ -7,4 +7,4 @@ export declare function StakeTokenSelect({ type, operateType, stakedTokenWithAmo
     goLpLink: (() => Promise<void>) | undefined;
     miningMinings: TabMiningI['miningMinings'];
     customChainId?: number;
-} & Pick<OperateDataProps, 'operateType' | 'stakedTokenWithAmountList'>): JSX.Element | null;
+} & Pick<OperateDataProps, 'operateType' | 'stakedTokenWithAmountList'>): import("react").JSX.Element | null;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/UnstakeButton.d.ts

@@ -12,4 +12,4 @@ export declare function UnstakeButton({ depositOrWithdrawOrClaimMutation, id, ve
     chainId: number;
     currentChainId: number | undefined;
     lpTokenBalanceLoading: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/index.d.ts

@@ -1,2 +1,2 @@
 import { OperateDataProps } from '../../types';
-export declare function OperateArea(props: OperateDataProps): JSX.Element;
+export declare function OperateArea(props: OperateDataProps): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/AssociateMine.d.ts

@@ -16,5 +16,5 @@ export declare function AssociatedMine({ chainId, loading, miningItem, miningCon
     stakedTokenUSDLoading?: boolean;
     stakedTokenList: Tokens;
     isEnded?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/types/widgets/MiningWidget/OperateArea/ClaimButton.d.ts

@@ -1,4 +1,4 @@
 import { FetchMiningListItem } from '../types';
 export default function ClaimButton({ miningItem, }: {
     miningItem: FetchMiningListItem;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/GetLpLink.d.ts

@@ -1,4 +1,4 @@
 export default function GetLpLink({ tokenSymbol, goLpLink, }: {
     tokenSymbol: string | undefined;
     goLpLink: () => Promise<void> | void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/RewardListCard.d.ts

@@ -4,4 +4,4 @@ export declare function RewardListCard({ miningItem, loading, sx, }: {
     miningItem: FetchMiningListItem;
     loading?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/StakeButton.d.ts

@@ -9,4 +9,4 @@ export declare function StakeButton({ goLpLink, amount, miningItem, balanceInfo,
     submittedBack?: () => void;
     successBack?: () => void;
     logBalance?: BalanceData;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/UnstakeButton.d.ts

@@ -8,4 +8,4 @@ export default function UnstakeButton({ amount, miningItem, overrideBalance, sub
     submittedBack?: () => void;
     successBack?: () => void;
     logBalance?: BalanceData;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/OperateArea/Widgets.d.ts

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

package/dist/types/widgets/MiningWidget/OperateArea/index.d.ts

@@ -11,4 +11,4 @@ export default function OperateArea({ chainId, poolAddress, status, loading, ope
     miningItem: FetchMiningListItem;
     associatedMineSectionVisible?: boolean;
     goLpLink?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/MiningWidget/hooks/helper.d.ts

@@ -60,10 +60,10 @@ export declare function getV3MiningSingleRewardAmount(t: ReviewedMiningRewardTok
     workThroughReward: BigNumber | undefined;
     lastFlagBlock: BigNumber | undefined;
     rewardVault: string | undefined;
+    startTime: BigNumber | undefined;
+    endTime: BigNumber | undefined;
     rewardPerBlock: BigNumber | undefined;
     startBlock: BigNumber | undefined;
     endBlock: BigNumber | undefined;
-    startTime: BigNumber | undefined;
-    endTime: BigNumber | undefined;
 };
 export {};

package/dist/types/widgets/MiningWidget/hooks/useReviewRewardToken.d.ts

@@ -19,10 +19,10 @@ export declare function useReviewRewardToken({ chainId, index, miningContractAdd
         workThroughReward: BigNumber | undefined;
         lastFlagBlock: BigNumber | undefined;
         rewardVault: string | undefined;
+        startTime: BigNumber | undefined;
+        endTime: BigNumber | undefined;
         rewardPerBlock: BigNumber | undefined;
         startBlock: BigNumber | undefined;
         endBlock: BigNumber | undefined;
-        startTime: BigNumber | undefined;
-        endTime: BigNumber | undefined;
     };
 };

package/dist/types/widgets/MiningWidget/hooks/useRewardListAmount.d.ts

@@ -1,5 +1,5 @@
-import { FetchMiningListItem } from '../types';
 import BigNumber from 'bignumber.js';
+import { FetchMiningListItem } from '../types';
 export declare function useRewardListAmount({ miningItem, }: {
     miningItem: FetchMiningListItem;
 }): {

package/dist/types/widgets/MiningWidget/hooks/useStatusAndStartBlockNumber.d.ts

@@ -6,8 +6,8 @@ export declare function useStatusAndStartBlockNumber({ miningItem, }: {
     status: MiningStatusE;
     miningStatusList: {
         status: import("@dodoex/api/dist/types/services/mining/utils").MiningStatusE;
-        firstStartTime: import("bignumber.js").BigNumber | undefined;
-        lastEndTime: import("bignumber.js").BigNumber | undefined;
-        currentTime: import("bignumber.js").BigNumber;
+        firstStartTime: BigNumber | undefined;
+        lastEndTime: BigNumber | undefined;
+        currentTime: BigNumber;
     }[];
 };

package/dist/types/widgets/PoolWidget/AMMV2Create/ConfirmDialog.d.ts

@@ -15,4 +15,4 @@ export default function ConfirmDialog({ open, onClose, slippage, baseToken, quot
     shareOfPool?: string;
     pairAddress?: string;
     createMutation: ReturnType<typeof useAMMV2AddLiquidity>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/CreateItem.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 export declare function CreateItem({ title, disabled, children, }: React.PropsWithChildren<{
     title: React.ReactNode;
     disabled?: boolean;
-}>): JSX.Element;
+}>): React.JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/FeeEdit.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export default function FeeEdit({ disabled, fee, onChange, feeList, hasCustom, }: {
     disabled?: boolean;
     fee: number;
     onChange: (v: number) => void;
     feeList: number[];
     hasCustom?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/MyLiqidity.d.ts

@@ -3,4 +3,4 @@ export default function MyLiquidity({ isExists, pair, pairAddress, }: {
     isExists: boolean;
     pair?: Pair | null;
     pairAddress?: string;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/AMMV2Create/Ratio.d.ts

@@ -7,7 +7,7 @@ export declare function RatioPrice({ baseToken, quoteToken, midPrice, loading, d
     midPrice?: BigNumber | null;
     loading?: boolean;
     disabled?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export default function Ratio({ baseToken, quoteToken, loading, midPrice, shareOfPool, sx, }: {
     baseToken?: TokenInfo;
     quoteToken?: TokenInfo;
@@ -15,4 +15,4 @@ export default function Ratio({ baseToken, quoteToken, loading, midPrice, shareO
     midPrice?: BigNumber | null;
     shareOfPool?: string;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/Setting.d.ts

@@ -13,4 +13,4 @@ export default function Setting({ sx, disabled, slippage, onChangeSlippage, }: {
     disabled?: boolean;
     slippage: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
     onChangeSlippage: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV2Create/index.d.ts

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

package/dist/types/widgets/PoolWidget/AMMV3/AMMV3PositionManage.d.ts

@@ -9,4 +9,4 @@ export interface AMMV3PositionManageProps {
     tokenId: string;
     onClose: (() => void) | undefined;
 }
-export declare const AMMV3PositionManage: ({ chainId, baseToken, quoteToken, feeAmount, tokenId, onClose, }: AMMV3PositionManageProps) => JSX.Element;
+export declare const AMMV3PositionManage: ({ chainId, baseToken, quoteToken, feeAmount, tokenId, onClose, }: AMMV3PositionManageProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/AMMV3PositionsView.d.ts

@@ -13,4 +13,4 @@ export interface AMMV3PositionsViewProps {
         fee?: string;
     }) => void;
 }
-export declare const AMMV3PositionsView: ({ chainId, baseToken, quoteToken, feeAmount, onClose, handleGoToAddLiquidityV3, }: AMMV3PositionsViewProps) => JSX.Element;
+export declare const AMMV3PositionsView: ({ chainId, baseToken, quoteToken, feeAmount, onClose, handleGoToAddLiquidityV3, }: AMMV3PositionsViewProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/AddLiquidityV3.d.ts

@@ -6,4 +6,4 @@ export default function AddLiquidityV3({ params, handleGoBack, handleGoToPoolLis
     };
     handleGoBack: () => void;
     handleGoToPoolList: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/Badge/AMMV3.d.ts

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

package/dist/types/widgets/PoolWidget/AMMV3/components/Badge/RangeBadge.d.ts

@@ -1,4 +1,4 @@
 export default function RangeBadge({ removed, inRange, }: {
     removed?: boolean;
     inRange?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/Buttons.d.ts

@@ -15,4 +15,4 @@ export interface ButtonsProps {
     errorMessage: React.ReactNode;
     setShowConfirm: React.Dispatch<React.SetStateAction<boolean>>;
 }
-export declare const Buttons: ({ chainId, approvalA, approvalB, parsedAmounts, isValid, depositADisabled, depositBDisabled, errorMessage, setShowConfirm, }: ButtonsProps) => JSX.Element;
+export declare const Buttons: ({ chainId, approvalA, approvalB, parsedAmounts, isValid, depositADisabled, depositBDisabled, errorMessage, setShowConfirm, }: ButtonsProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/ClaimButton.d.ts

@@ -5,4 +5,4 @@ export interface ClaimButtonProps {
     isLoading: boolean;
     onConfirm: () => void;
 }
-export declare const ClaimButton: ({ chainId, disabled, isLoading, onConfirm, }: ClaimButtonProps) => JSX.Element;
+export declare const ClaimButton: ({ chainId, disabled, isLoading, onConfirm, }: ClaimButtonProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/CurrencyInputPanel.d.ts

@@ -7,4 +7,4 @@ export interface CurrencyInputPanelProps {
     currency?: Currency | null;
     locked?: boolean;
 }
-export declare const CurrencyInputPanel: ({ value, onUserInput, maxAmount, balance, currency, locked, }: CurrencyInputPanelProps) => JSX.Element;
+export declare const CurrencyInputPanel: ({ value, onUserInput, maxAmount, balance, currency, locked, }: CurrencyInputPanelProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/FeeSelector.d.ts

@@ -5,4 +5,4 @@ export interface FeeSelectorProps {
     feeAmount?: FeeAmount;
     dispatch: React.Dispatch<Actions>;
 }
-export declare const FeeSelector: ({ disabled, feeAmount, dispatch, }: FeeSelectorProps) => JSX.Element;
+export declare const FeeSelector: ({ disabled, feeAmount, dispatch, }: FeeSelectorProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/InRangeDot.d.ts

@@ -1,4 +1,4 @@
 export interface InRangeDotProps {
     outOfRange: boolean;
 }
-export declare const InRangeDot: ({ outOfRange }: InRangeDotProps) => JSX.Element;
+export declare const InRangeDot: ({ outOfRange }: InRangeDotProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/InputStepCounter.d.ts

@@ -14,5 +14,5 @@ interface StepCounterProps {
     tokenA?: string;
     tokenB?: string;
 }
-declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, tokenA, tokenB, }: StepCounterProps) => JSX.Element;
+declare const StepCounter: ({ value, decrement, increment, decrementDisabled, incrementDisabled, locked, onUserInput, title, tokenA, tokenB, }: StepCounterProps) => import("react").JSX.Element;
 export default StepCounter;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Area.d.ts

@@ -7,4 +7,4 @@ export declare const Area: ({ series, xScale, yScale, xValue, yValue, fill, }: {
     xValue: (d: ChartEntry) => number;
     yValue: (d: ChartEntry) => number;
     fill?: string;
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/AxisBottom.d.ts

@@ -3,4 +3,4 @@ export declare const AxisBottom: ({ xScale, innerHeight, offset, }: {
     xScale: ScaleLinear<number, number>;
     innerHeight: number;
     offset?: number;
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Brush.d.ts

@@ -10,4 +10,4 @@ export declare const Brush: ({ id, xScale, interactive, brushLabelValue, brushEx
     innerHeight: number;
     westHandleColor: string;
     eastHandleColor: string;
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Chart.d.ts

@@ -1,2 +1,2 @@
 import { LiquidityChartRangeInputProps } from './types';
-export declare function Chart({ id, data: { series, current }, ticksAtLimit, styles, dimensions: { width, height }, margins, interactive, brushDomain, brushLabels, onBrushDomainChange, zoomLevels, }: LiquidityChartRangeInputProps): JSX.Element;
+export declare function Chart({ id, data: { series, current }, ticksAtLimit, styles, dimensions: { width, height }, margins, interactive, brushDomain, brushLabels, onBrushDomainChange, zoomLevels, }: LiquidityChartRangeInputProps): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Line.d.ts

@@ -3,4 +3,4 @@ export declare const Line: ({ value, xScale, innerHeight, }: {
     value: number;
     xScale: ScaleLinear<number, number>;
     innerHeight: number;
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/Zoom.d.ts

@@ -9,4 +9,4 @@ export default function Zoom({ svg, xScale, setZoom, width, height, resetBrush,
     resetBrush: () => void;
     showResetButton: boolean;
     zoomLevels: ZoomLevels;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/index.d.ts

@@ -14,4 +14,4 @@ export default function LiquidityChartRangeInput({ currencyA, currencyB, feeAmou
     onLeftRangeInput: (typedValue: string) => void;
     onRightRangeInput: (typedValue: string) => void;
     interactive: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/LiquidityChartRangeInput/svg.d.ts

@@ -19,4 +19,4 @@ export declare const OffScreenHandle: ({ color, size, margin, }: {
     color: string;
     size?: number;
     margin?: number;
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/PositionAmountPreview.d.ts

@@ -3,4 +3,4 @@ export interface PositionAmountPreviewProps {
     position: Position;
     inRange: boolean;
 }
-export declare const PositionAmountPreview: ({ position, inRange, }: PositionAmountPreviewProps) => JSX.Element;
+export declare const PositionAmountPreview: ({ position, inRange, }: PositionAmountPreviewProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/PositionPreview.d.ts

@@ -9,4 +9,4 @@ export declare const PositionPreview: ({ position, title, inRange, baseCurrencyD
     ticksAtLimit: {
         [bound: string]: boolean | undefined;
     };
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/PositionSelectedRangePreview.d.ts

@@ -8,4 +8,4 @@ export declare const PositionSelectedRangePreview: ({ position, title, baseCurre
     ticksAtLimit: {
         [bound: string]: boolean | undefined;
     };
-}) => JSX.Element;
+}) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/PositionViewCard.d.ts

@@ -14,4 +14,4 @@ export interface PositionViewCardProps {
     currency1: Currency | undefined;
     onClickManage: () => void;
 }
-export declare const PositionViewCard: ({ p, currency0, currency1, onClickManage, }: PositionViewCardProps) => JSX.Element;
+export declare const PositionViewCard: ({ p, currency0, currency1, onClickManage, }: PositionViewCardProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/RangeSelector.d.ts

@@ -18,4 +18,4 @@ export interface RangeSelectorProps {
         [bound in Bound]?: boolean | undefined;
     };
 }
-export declare const RangeSelector: ({ priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, getDecrementLower, getIncrementLower, getDecrementUpper, getIncrementUpper, currencyA, currencyB, feeAmount, ticksAtLimit, }: RangeSelectorProps) => JSX.Element;
+export declare const RangeSelector: ({ priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, getDecrementLower, getIncrementLower, getDecrementUpper, getIncrementUpper, currencyA, currencyB, feeAmount, ticksAtLimit, }: RangeSelectorProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/RangeSetList.d.ts

@@ -0,0 +1,4 @@
+export interface RangeSetListProps {
+    onSelect: (value: number) => void;
+}
+export declare const RangeSetList: (props: RangeSetListProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/RateToggle.d.ts

@@ -6,4 +6,4 @@ export interface RateToggleProps {
     handleRateToggle: () => void;
     sx?: BoxProps['sx'];
 }
-export declare const RateToggle: ({ baseToken, quoteToken, handleRateToggle, sx, }: RateToggleProps) => JSX.Element;
+export declare const RateToggle: ({ baseToken, quoteToken, handleRateToggle, sx, }: RateToggleProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/RemoveButton.d.ts

@@ -7,4 +7,4 @@ export interface ButtonsProps {
     error: React.ReactNode;
     onConfirm: () => void;
 }
-export declare const RemoveButton: ({ chainId, disabled, removed, isLoading, error, onConfirm, }: ButtonsProps) => JSX.Element;
+export declare const RemoveButton: ({ chainId, disabled, removed, isLoading, error, onConfirm, }: ButtonsProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/ReviewModal.d.ts

@@ -18,4 +18,4 @@ export interface ReviewModalProps {
     onConfirm: () => void;
     loading?: boolean;
 }
-export declare const ReviewModal: ({ on, onClose, position, outOfRange, ticksAtLimit, onConfirm, loading, }: ReviewModalProps) => JSX.Element;
+export declare const ReviewModal: ({ on, onClose, position, outOfRange, ticksAtLimit, onConfirm, loading, }: ReviewModalProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/TokenPairSelect.d.ts

@@ -4,4 +4,4 @@ export interface TokenPairSelectProps {
     quoteToken: StateProps['quoteToken'];
     dispatch: React.Dispatch<Actions>;
 }
-export declare const TokenPairSelect: ({ baseToken, quoteToken, dispatch, }: TokenPairSelectProps) => JSX.Element;
+export declare const TokenPairSelect: ({ baseToken, quoteToken, dispatch, }: TokenPairSelectProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/AMMV3/components/widgets.d.ts

@@ -13,43 +13,43 @@ export interface YellowCardProps {
 export declare const Card: ({ children, sx, }: {
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export declare const LightCard: ({ children, sx, }: {
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
-}) => JSX.Element;
-export declare const YellowCard: ({ children }: YellowCardProps) => JSX.Element;
+}) => import("react").JSX.Element;
+export declare const YellowCard: ({ children }: YellowCardProps) => import("react").JSX.Element;
 export declare function ColumnCenter({ gap, flex, children, style, }: {
     gap?: Gap | string;
     flex?: string;
     children: React.ReactNode;
     style?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function AutoColumn({ gap, justify, grow, children, style, }: {
     gap?: Gap | string;
     justify?: 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'space-between';
     grow?: true;
     children: React.ReactNode;
     style?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function Row({ gap, children, sx, }: {
     gap?: Gap | string;
     children: React.ReactNode;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function RowBetween({ children, style, }: {
     children: React.ReactNode;
     style?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function RowFixed({ gap, justify, children, sx, }: {
     gap?: string;
     justify?: string;
     children: React.ReactNode;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function DynamicSection({ children, disabled, sx, }: {
     children: React.ReactNode;
     disabled?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/types/widgets/PoolWidget/PoolCreate/components/BaseInfoCardList.d.ts

@@ -11,4 +11,4 @@ export declare function BaseInfoCardList({ status, selectedVersion, baseToken, q
     slippageCoefficient: StateProps['slippageCoefficient'];
     midPrice: BigNumber | undefined;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/PoolCreate/components/ConfirmInfoDialog.d.ts

@@ -6,4 +6,4 @@ export default function ConfirmInfoDialog({ on, onClose, state, onConfirm, isMod
     onConfirm: () => void;
     isModify?: boolean;
     loading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/components/DepthAndLiquidityChart.d.ts

@@ -1,5 +1,5 @@
 import { PMMModel, PmmModelParams } from '@dodoex/api';
-import { BigNumber } from 'bignumber.js';
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function DepthAndLiquidityChart({ baseToken, quoteToken, pmmParams, pmmModel, midPrice, }: {
     baseToken: TokenInfo | null;
@@ -7,4 +7,4 @@ export default function DepthAndLiquidityChart({ baseToken, quoteToken, pmmParam
     pmmParams?: PmmModelParams;
     pmmModel?: PMMModel;
     midPrice?: BigNumber;
-}): JSX.Element;
+}): React.JSX.Element;