@dodoex/widgets 3.0.2-zetachain.1 → 3.0.2-zetachain.10

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/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;

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/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,4 +1,5 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { ChainId } from '@dodoex/api';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
@@ -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;