@dodoex/widgets 3.0.2-zetachain.9 → 3.0.2-zetachain.90

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

@@ -1,7 +1,9 @@
+import { ChainId } from '@dodoex/api';
 import { Currency, Price } from '../../sdks/sdk-core';
 import { FeeAmount } from '../../sdks/v3-sdk';
 import { Bound } from '../../types';
-export default function LiquidityChartRangeInput({ currencyA, currencyB, feeAmount, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, }: {
+export default function LiquidityChartRangeInput({ chainId, currencyA, currencyB, feeAmount, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, }: {
+    chainId: ChainId;
     currencyA?: Currency;
     currencyB?: Currency;
     feeAmount?: FeeAmount;
@@ -14,4 +16,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

@@ -1,7 +1,9 @@
+import { ChainId } from '@dodoex/api';
 import { Actions, StateProps } from '../reducer';
 export interface TokenPairSelectProps {
+    chainId: ChainId;
     baseToken: StateProps['baseToken'];
     quoteToken: StateProps['quoteToken'];
     dispatch: React.Dispatch<Actions>;
 }
-export declare const TokenPairSelect: ({ baseToken, quoteToken, dispatch, }: TokenPairSelectProps) => JSX.Element;
+export declare const TokenPairSelect: ({ chainId, 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/AMMV3/hooks/usePoolTickData.d.ts

@@ -9,7 +9,7 @@ export interface TickProcessed {
     price0: string;
     sdkPrice: Price<Token, Token>;
 }
-export declare function usePoolActiveLiquidity(currencyA: Currency | undefined, currencyB: Currency | undefined, feeAmount: FeeAmount | undefined, chainId?: ChainId): {
+export declare function usePoolActiveLiquidity(currencyA: Currency | undefined, currencyB: Currency | undefined, feeAmount: FeeAmount | undefined, chainId: ChainId): {
     isLoading: boolean;
     error: any;
     currentTick?: number;

package/dist/types/widgets/PoolWidget/AMMV3/hooks/useV3DerivedMintInfo.d.ts

@@ -1,12 +1,14 @@
+import { ChainId } from '@dodoex/api';
 import { ReactNode } from 'react';
 import { StateProps } from '../reducer';
 import { Currency, CurrencyAmount, Price, Token } from '../sdks/sdk-core';
 import { Pool, Position } from '../sdks/v3-sdk';
 import { Bound, Field } from '../types';
 import { PoolState } from './usePools';
-export declare function useV3DerivedMintInfo({ state, existingPosition, }: {
+export declare function useV3DerivedMintInfo({ state, existingPosition, chainId, }: {
     state: StateProps;
     existingPosition?: Position;
+    chainId: ChainId;
 }): {
     pool?: Pool | null;
     poolState: PoolState;

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;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StateProps } from '../reducer';
 export declare function DepthChartWrapper({ selectedVersion, baseToken, quoteToken, initPrice, slippageCoefficient, baseAmount, quoteAmount, }: {
     selectedVersion: StateProps['selectedVersion'];
@@ -7,4 +8,4 @@ export declare function DepthChartWrapper({ selectedVersion, baseToken, quoteTok
     slippageCoefficient: StateProps['slippageCoefficient'];
     baseAmount: StateProps['baseAmount'];
     quoteAmount: StateProps['quoteAmount'];
-}): JSX.Element | null;
+}): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
 export default function EmptyChart({ height, text, }: {
     height?: number | string;
     text?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ import { StateProps } from '../reducer';
 export declare function FeeRateCard({ isWaiting, feeRate, }: {
     isWaiting: boolean;
     feeRate: StateProps['feeRate'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ export default function FixedInitPriceConfirm({ on, onClose, onConfirm, }: {
     on: boolean;
     onClose: () => void;
     onConfirm?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -9,4 +9,4 @@ export interface ErrorAlertProps {
  * @param props
  * @returns
  */
-export declare const GasWrapGasTokenError: ({ chainId, baseToken, quoteToken, }: ErrorAlertProps) => JSX.Element | null;
+export declare const GasWrapGasTokenError: ({ chainId, baseToken, quoteToken, }: ErrorAlertProps) => import("react").JSX.Element | null;

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

@@ -10,4 +10,4 @@ export declare function LqRatioSet({ isWaiting, selectedVersion, baseToken, quot
     quoteAmount: StateProps['quoteAmount'];
     peggedBaseTokenRatio: StateProps['peggedBaseTokenRatio'];
     peggedQuoteTokenRatio: StateProps['peggedQuoteTokenRatio'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -9,4 +9,4 @@ export declare function LqSettingsShow({ status, selectedVersion, baseToken, quo
     slippageCoefficient: StateProps['slippageCoefficient'];
     baseAmount: StateProps['baseAmount'];
     quoteAmount: StateProps['quoteAmount'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ import { StateProps } from '../reducer';
 export declare function PriceModeCard({ isWaiting, selectedSubPeggedVersion, }: {
     isWaiting: boolean;
     selectedSubPeggedVersion: StateProps['selectedSubPeggedVersion'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export default function RadioButton({ title, subTitle, description, selected, on
     children?: React.ReactNode;
     sx?: BoxProps['sx'];
     titleSx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,3 +1,3 @@
 export declare function RadioButtonIcon({ selected }: {
     selected: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ export declare function RadioButtonTag({ color, backgroundColor, tagKey, }: {
     color: CSSProperties['color'];
     backgroundColor: CSSProperties['backgroundColor'];
     tagKey: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ export declare function SectionTitle({ index, titleKey, status, }: {
     index: number;
     titleKey: string;
     status: SectionStatusT;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export declare function SelectAndInput({ errorMsg, isCustomized, onClick, value,
     onClick: () => void;
     value: string;
     onChange: (v: string) => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ import { StateProps } from '../reducer';
 export declare function StepTitle({ currentStep, isPeggedVersion, }: {
     currentStep: StateProps['currentStep'];
     isPeggedVersion: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ import { SectionStatusT, VersionItem } from '../types';
 export declare function VersionChartExample({ versionItem, status, }: {
     versionItem: VersionItem;
     status: SectionStatusT;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ export declare function Card({ title, children, isWaiting, }: {
     title: React.ReactNode;
     children: React.ReactNode;
     isWaiting: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/hooks/useCreatePmm.d.ts

@@ -22,5 +22,5 @@ export declare const useCreatePmm: ({ selectedVersion, baseAmount, quoteAmount,
         R: number;
     } | undefined;
     pmmModel: import("@dodoex/api").PMMModel | undefined;
-    midPrice: import("bignumber.js").BigNumber | undefined;
+    midPrice: BigNumber | undefined;
 };

package/dist/types/widgets/PoolWidget/PoolCreate/hooks/useDefaultTokens.d.ts

@@ -1,6 +1,6 @@
 export default function useDefaultTokens(): {
     defaultBaseToken: import("../../../..").TokenInfo | null;
     defaultQuoteToken: import("../../../..").TokenInfo | null;
-    defaultBaseTokenLoading: boolean | undefined;
-    defaultQuoteTokenLoading: boolean | undefined;
+    defaultBaseTokenLoading: false;
+    defaultQuoteTokenLoading: false;
 };

package/dist/types/widgets/PoolWidget/PoolCreate/hooks/useVersionList.d.ts

@@ -2,11 +2,11 @@ import { SubPeggedVersionE, Version, VersionItem } from '../types';
 export declare function useVersionList(): {
     versionList: VersionItem[];
     versionMap: Record<Version, VersionItem>;
-    subPeggedVersionList: (Pick<VersionItem, "title" | "description"> & {
+    subPeggedVersionList: (Pick<VersionItem, "description" | "title"> & {
         version: SubPeggedVersionE;
     })[];
 };
 export declare function getSubPeggedVersionList(): Array<Pick<VersionItem, 'title' | 'description'> & {
     version: SubPeggedVersionE;
 }>;
-export declare function getSubPeggedVersionMap(): Record<SubPeggedVersionE, Pick<VersionItem, "title" | "description">>;
+export declare function getSubPeggedVersionMap(): Record<SubPeggedVersionE, Pick<VersionItem, "description" | "title">>;

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

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

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/BottomButtonGroup.d.ts

@@ -7,4 +7,4 @@ export declare function BottomButtonGroup({ state, dispatch, isPeggedVersion, is
     isStandardVersion: boolean;
     isSingleTokenVersion: boolean;
     fiatPriceLoading: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/FeeRateSetting.d.ts

@@ -4,4 +4,4 @@ export declare function FeeRateSetting({ dispatch, feeRate, isFeeRateCustomized:
     dispatch: Dispatch<Actions>;
     feeRate: StateProps['feeRate'];
     isFeeRateCustomized: StateProps['isFeeRateCustomized'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/InitPriceSetting.d.ts

@@ -12,4 +12,4 @@ export declare function InitPriceSetting({ selectedVersion, isStandardVersion, i
     fixedRatioPrice: StateProps['fixedRatioPrice'];
     dispatch: Dispatch<Actions>;
     priceInfo: ReturnType<typeof usePriceInit>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/PriceModeSetting.d.ts

@@ -7,4 +7,4 @@ export declare function PriceModeSetting({ selectedVersion, selectedSubPeggedVer
     quoteToken: StateProps['quoteToken'];
     initPrice: StateProps['initPrice'];
     dispatch: Dispatch<Actions>;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/RatioSetting.d.ts

@@ -10,4 +10,4 @@ export interface RatioSettingProps {
     quoteAmount: StateProps['quoteAmount'];
     dispatch: Dispatch<Actions>;
 }
-export declare const RatioSetting: ({ baseToken, quoteToken, initPrice, peggedBaseTokenRatio, peggedQuoteTokenRatio, baseAmount, quoteAmount, dispatch, }: RatioSettingProps) => JSX.Element;
+export declare const RatioSetting: ({ baseToken, quoteToken, initPrice, peggedBaseTokenRatio, peggedQuoteTokenRatio, baseAmount, quoteAmount, dispatch, }: RatioSettingProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/SlippageCoefficientSetting.d.ts

@@ -6,4 +6,4 @@ export declare function SlippageCoefficientSetting({ dispatch, slippageCoefficie
     selectedVersion: StateProps['selectedVersion'];
     isCustomized: StateProps['isSlippageCoefficientCustomized'];
     isStandardVersion: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/TokenPairSelect.d.ts

@@ -5,4 +5,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) => React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/VersionSelect.d.ts

@@ -3,4 +3,4 @@ import { Actions, StateProps } from '../reducer';
 export default function VersionSelect({ selectedVersion, dispatch, }: {
     selectedVersion: StateProps['selectedVersion'];
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/widgets.d.ts

@@ -4,4 +4,4 @@ export interface SettingItemWrapperProps {
     children: React.ReactNode;
     sx?: BoxProps['sx'];
 }
-export declare const SettingItemWrapper: ({ title, children, sx, }: SettingItemWrapperProps) => JSX.Element;
+export declare const SettingItemWrapper: ({ title, children, sx, }: SettingItemWrapperProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/BaseQuotePie.d.ts

@@ -24,4 +24,4 @@ export declare function BaseQuotePie({ chainId, shortNumber, pieSize, baseReserv
     loading?: boolean;
     sx?: BoxProps['sx'];
     pieRadius?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/ChartInfo.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function ChartInfo({ poolDetail, chart24hDataFirst, }: {
     poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
     chart24hDataFirst?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/LiquidityProvidersTable.d.ts

@@ -1,4 +1,5 @@
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
+import React from 'react';
 export default function LiquidityProvidersTable({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/ParametersTable.d.ts

@@ -1,5 +1,6 @@
-import { BoxProps } from '@dodoex/components';
 import { ChainId } from '@dodoex/api';
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
 export declare function TokenWithSymbolRtL({ chainId, address, symbol, amount, sx, }: {
@@ -8,7 +9,7 @@ export declare function TokenWithSymbolRtL({ chainId, address, symbol, amount, s
     symbol: string;
     amount: string;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 export default function ParametersTable({ detail, }: {
     detail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/SwapsTable.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
 export default function SwapsTable({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export default function MoreDetail({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/Overview.d.ts

@@ -1,4 +1,4 @@
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function Overview({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/StatBarChart.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { usePoolDayData } from '../hooks/usePoolDayData';
 type DayData = ReturnType<typeof usePoolDayData>['dayDataList']['0'];
 export default function StatBarChart({ unit, data, masterKey, sumKey, }: {
@@ -5,5 +6,5 @@ export default function StatBarChart({ unit, data, masterKey, sumKey, }: {
     data: DayData[];
     masterKey: keyof DayData;
     sumKey: keyof DayData;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/types/widgets/PoolWidget/PoolDetail/components/TitleInfo.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function TitleInfo({ poolDetail, loading, }: {
     poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
     loading: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.d.ts

@@ -1,4 +1,4 @@
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function TotalLiquidity({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { Page, PageType } from '../../../router/types';
 export default function PoolDetail({ params, }: {
     params: Page<PageType.PoolDetail>['params'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/AddLiquidity.d.ts

@@ -2,7 +2,7 @@ import { ChainId } from '@dodoex/api';
 import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, }: {
+export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, children, }: {
     scrollParentRef: React.MutableRefObject<HTMLDivElement | null>;
     account?: string;
     filterChainIds?: ChainId[];
@@ -15,4 +15,5 @@ export default function AddLiquidityList({ scrollParentRef, filterChainIds, acti
         address: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/MyCreated.d.ts

@@ -1,10 +1,12 @@
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, }: {
+export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, children, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/MyLiquidity.d.ts

@@ -1,7 +1,8 @@
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, }: {
+export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, children, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
@@ -13,4 +14,5 @@ export default function MyLiquidity({ account, filterChainIds, activeChainId, ha
         chainId: number;
     }) => void;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/AddingOrRemovingBtn.d.ts

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

package/dist/types/widgets/PoolWidget/PoolList/components/CreatePoolBtn.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface CreatePoolBtnProps {
 }
-export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => JSX.Element;
+export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => React.JSX.Element;