@dodoex/widgets 3.12.0 → 3.13.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { TokenInfo } from '../../hooks/Token';
 export default function ImportToken({ token, onImport, }: {
     token?: TokenInfo;
     onImport?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { TokenInfo } from '../../hooks/Token';
+import React from 'react';
 export default function TokenDetailInfo({ token, isCustom, }: {
     token: TokenInfo;
     isCustom?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -8,4 +8,4 @@ export default function TokenItem({ token, disabled, style, balance: balanceBigN
     balance?: BigNumber;
     onClick: () => void;
     onDelete?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

@@ -2,6 +2,6 @@ import React from 'react';
 import { WidgetProps } from './Widget';
 export declare const UserOptionsContext: React.Context<WidgetProps | null>;
 type UserOptionsProviderProps = React.PropsWithChildren<WidgetProps>;
-export declare function UserOptionsProvider({ children, ...props }: UserOptionsProviderProps): JSX.Element;
+export declare function UserOptionsProvider({ children, ...props }: UserOptionsProviderProps): React.JSX.Element;
 export declare function useUserOptions<T = WidgetProps>(selector?: (state: WidgetProps) => T): T;
 export {};

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

@@ -98,5 +98,5 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
 export { LangProvider } from '../../providers/i18n';
 export { default as Message } from '../Message';
 /** Widgets that do not directly import themes and queryClient libraries */
-export declare function UnstyleWidget(props: PropsWithChildren<WidgetProps>): JSX.Element;
-export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;
+export declare function UnstyleWidget(props: PropsWithChildren<WidgetProps>): import("react").JSX.Element;
+export declare function Widget(props: PropsWithChildren<WidgetProps>): import("react").JSX.Element;

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

@@ -12,4 +12,4 @@ export default function WidgetConfirm({ open, onClose, title, children, singleBt
     confirmLoading?: boolean;
     isManualClose?: boolean;
     onConfirm?: () => void;
-}>): JSX.Element;
+}>): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { BoxProps } from '@dodoex/components';
 import React from 'react';
 export declare const WIDGET_MODULE_CLASS_NAME = "widget-module-container";
-declare const WidgetContainer: React.ForwardRefExoticComponent<Pick<BoxProps, "key" | "nonce" | "id" | "onChange" | "children" | "p" | "slot" | "style" | "title" | "height" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "component" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetContainer: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default WidgetContainer;

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

@@ -11,4 +11,4 @@ export interface WidgetDialogProps {
     height?: number | string;
     testId?: string;
 }
-export default function WidgetDialog({ open, onClose, afterClose, title, titleCenter, rightSlot, canBack, children, width, height, testId, }: WidgetDialogProps): JSX.Element;
+export default function WidgetDialog({ open, onClose, afterClose, title, titleCenter, rightSlot, canBack, children, width, height, testId, }: WidgetDialogProps): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ import { ExecutionProps } from '../../hooks/Submission';
 export default function WithExecutionDialog({ children, executionStatus, showSubmitLoadingDialog, executionDialogExtra, ...props }: {
     children: React.ReactNode;
     executionDialogExtra?: any;
-} & ExecutionProps): JSX.Element;
+} & ExecutionProps): React.JSX.Element;

package/dist/types/components/chart/components/BaseButton.d.ts

@@ -1,4 +1,4 @@
 export declare const BaseButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/chart/components/Display.d.ts

@@ -5,5 +5,5 @@ type Props = {
     children?: JSX.Element | Array<JSX.Element | undefined> | string | undefined;
     style?: React.CSSProperties;
 };
-export declare const Display: React.MemoExoticComponent<({ display, hidden, children, style, }: Props) => JSX.Element>;
+export declare const Display: React.MemoExoticComponent<({ display, hidden, children, style, }: Props) => React.JSX.Element>;
 export {};

package/dist/types/components/chart/components/Input.d.ts

@@ -3,4 +3,4 @@ export declare const Input: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & {
     error?: boolean;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/chart/components/NumberInput.d.ts

@@ -2,4 +2,4 @@ export declare function NumberInput({ value, onChange, onBlur, }: {
     value: string;
     onChange?: (v: string) => void;
     onBlur?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/components/TogglePriceIcon.d.ts

@@ -2,6 +2,6 @@ interface ISwtichBtn extends React.HTMLProps<HTMLInputElement> {
     shouldSwitch?: boolean;
     variant?: 'dark' | 'light';
 }
-export declare const TogglePriceIcon: ({ shouldSwitch, variant }: ISwtichBtn) => JSX.Element;
-export declare const ToggleIconWithoutBg: () => JSX.Element;
+export declare const TogglePriceIcon: ({ shouldSwitch, variant }: ISwtichBtn) => import("react").JSX.Element;
+export declare const ToggleIconWithoutBg: () => import("react").JSX.Element;
 export {};

package/dist/types/components/chart/components/TokenLogo.d.ts

@@ -1,4 +1,4 @@
 export declare function TokenLogo({ src, width }: {
     src: string;
     width: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/depth-chart/DepthChartKonva.d.ts

@@ -26,4 +26,4 @@ export type Props = {
     colorMap?: ColorMap;
     setBaseMinAndZoomMultiples: React.Dispatch<React.SetStateAction<BaseMinAndZoomMultiples>>;
 };
-export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): JSX.Element;
+export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): import("react").JSX.Element;

package/dist/types/components/chart/depth-chart/index.styled.d.ts

@@ -1,28 +1,23 @@
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const AmountInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const InputSectionWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     borderColor?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const PriceImpactWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const OptButtonGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+}, JSX.IntrinsicElements, {}>;
+export declare const OptButton: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/dist/types/components/chart/depth-chart-v2/index.d.ts

@@ -5,5 +5,5 @@ declare function DepthChartV2({ title, titleColor, description, descriptionColor
     descriptionColor: string;
     buttonColor: string;
     placeholder: React.ReactElement;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export default DepthChartV2;

package/dist/types/components/chart/depth-chart-v2/index.styled.d.ts

@@ -1,14 +1,9 @@
 export declare const Title: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+}, JSX.IntrinsicElements, {}>;
+export declare const OptButton: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/dist/types/components/chart/liquidity-chart/LiquidityChartKonva.d.ts

@@ -24,4 +24,4 @@ export type Props = {
     quoteTokenSymbol: string;
     colorMap?: ColorMap;
 };
-export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): JSX.Element;
+export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): import("react").JSX.Element;

package/dist/types/components/chart/liquidity-chart/index.styled.d.ts

@@ -1,8 +1,8 @@
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const TipWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/chart/liquidity-chart/useGridLine.d.ts

@@ -4,4 +4,4 @@ export declare function useGridLine({ gridAreaHeight, gridAreaWidth, horizontalL
     horizontalLineCount: number;
     verticalLineCount: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/liquidity-chart/useHorizontalLabel.d.ts

@@ -6,4 +6,4 @@ export declare function useHorizontalLabel({ minXLN10, maxXLN10, labelCount, gri
     gridAreaHeight: number;
     gridAreaWidth: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/liquidity-chart/useLiquidityLine.d.ts

@@ -12,6 +12,6 @@ export declare function useLiquidityLine({ leftStatAreaPoints, rightStatAreaPoin
     gridAreaHeight: number;
     colorMap: ColorMap;
 }): {
-    leftLine: JSX.Element;
-    rightLine: JSX.Element;
+    leftLine: import("react").JSX.Element;
+    rightLine: import("react").JSX.Element;
 };

package/dist/types/components/chart/liquidity-chart/useMiddleLine.d.ts

@@ -2,4 +2,4 @@ export declare function useMiddleLine({ gridAreaHeight, gridAreaWidth, color, }:
     gridAreaHeight: number;
     gridAreaWidth: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/index.d.ts

@@ -39,6 +39,6 @@ export { FailedList } from './components/List/FailedList';
 export { EmptyList } from './components/List/EmptyList';
 export { getEtherscanPage } from './utils/address';
 export { formatReadableNumber, formatTokenAmountNumber, formatShortNumber, formatPercentageNumber, } from './utils/formatter';
-export declare function SwapWidget(props: SwapWidgetProps): JSX.Element;
-export declare function PoolWidget(props: SwapWidgetProps): JSX.Element;
+export declare function SwapWidget(props: SwapWidgetProps): import("react").JSX.Element;
+export declare function PoolWidget(props: SwapWidgetProps): import("react").JSX.Element;
 export declare function InitSwapWidget(props: SwapWidgetProps): void;

package/dist/types/providers/i18n.d.ts

@@ -5,5 +5,5 @@ interface LangProviderProps {
     children: ReactNode;
 }
 export declare function loadI18(locale?: SupportedLang): Promise<void>;
-export declare function LangProvider({ locale, children }: LangProviderProps): JSX.Element;
+export declare function LangProvider({ locale, children }: LangProviderProps): import("react").JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
+import React from 'react';
 export default function LpTokenMiningOperate({ chainId, account, poolAddress, goLpLink, }: {
     chainId: number;
     account: string | undefined;
     poolAddress: string;
     goLpLink?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/PoolCard.d.ts

@@ -15,4 +15,4 @@ export default function PoolCard({ id: address, activePlatform, baseToken, quote
     onClick: () => void;
     children?: React.ReactNode;
     loading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/PoolPicker.d.ts

@@ -18,5 +18,5 @@ interface Props {
     platform?: DexKey;
     handleGotoCreatePool?: () => void;
 }
-export default function PoolPicker({ on, onClose, onConfirm, platform, handleGotoCreatePool, }: Props): JSX.Element;
+export default function PoolPicker({ on, onClose, onConfirm, platform, handleGotoCreatePool, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/widgets/MiningWidget/MiningCreate/components/RewardDetailList.d.ts

@@ -4,4 +4,4 @@ export declare function RewardDetailList({ rewards, status, dispatch, }: {
     rewards: StateProps['rewards'];
     status: SectionStatusT;
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/RewardTokenSelect.d.ts

@@ -6,4 +6,4 @@ export declare function RewardTokenSelect({ token, onClick, rewardStatus, submit
     onClick: () => void;
     rewardStatus: RewardStatus | undefined;
     submitApprove: ReturnType<typeof useGetTokenStatus>['submitApprove'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/SectionTitle.d.ts

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

package/dist/types/widgets/MiningWidget/MiningCreate/components/StakingRules.d.ts

@@ -5,4 +5,4 @@ export declare function StakingRules({ status, tokenType, saveAToken, pool, }: {
     tokenType: StateProps['tokenType'];
     saveAToken: StateProps['saveAToken'];
     pool: StateProps['pool'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/StepTitle.d.ts

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

package/dist/types/widgets/MiningWidget/MiningCreate/hooks/useCreateMining.d.ts

@@ -5,7 +5,7 @@ export declare const useCreateMining: ({ submittedBack, handleGotoMiningList, }?
     handleGotoMiningList?: () => void;
 }) => {
     state: import("./reducers").StateProps;
-    dispatch: import("react").Dispatch<import("./reducers").Actions>;
+    dispatch: import("react").ActionDispatch<[action: import("./reducers").Actions]>;
     createMutation: import("@tanstack/react-query").UseMutationResult<void, Error, LpTokenPlatformID | undefined, unknown>;
     blockNumber: BigNumber;
     blockTime: number;

package/dist/types/widgets/MiningWidget/MiningCreate/hooks/useDexList.d.ts

@@ -1,5 +1,6 @@
 import { DexConfigI } from '../../types';
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 export type DexKey = 'dodo' | 'pancakeV2';
 export declare function useDexList(): {
     dexListObj: Record<DexKey, DexConfigI>;
@@ -11,6 +12,6 @@ export declare function useDexList(): {
     }[];
     getChainDexList: (chainId: ChainId, filterCreateMiningEnable?: boolean) => {
         key: DexKey;
-        value: JSX.Element;
+        value: React.JSX.Element;
     }[];
 };

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

@@ -2,4 +2,4 @@ export declare function MiningCreate({ handleGotoMiningList, handleGotoCreatePoo
     handleGotoMiningList?: () => void;
     handleGotoCreatePool?: () => void;
     handleGoBack: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/BottomButtonGroup.d.ts

@@ -10,4 +10,4 @@ export declare function BottomButtonGroup({ state, dispatch, rewardsStatus, subm
     createLoading: boolean;
     handleCreate: () => void;
     handleGoBack: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/CreateMiningTypeSelect.d.ts

@@ -3,4 +3,4 @@ import { Actions, StateProps } from '../hooks/reducers';
 export default function CreateMiningTypeSelect({ tokenType, dispatch, }: {
     tokenType: StateProps['tokenType'];
     dispatch: Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/RewardForm.d.ts

@@ -11,4 +11,4 @@ export default function RewardForm({ state, dispatch, dataTestIdPrefix, rewardsS
     blockTime: number;
     submitApprove: ReturnType<typeof useGetTokenStatus>['submitApprove'];
     getMaxBalance: ReturnType<typeof useGetTokenStatus>['getMaxBalance'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/SingleTokenSelect.d.ts

@@ -2,4 +2,4 @@ import { Actions, StateProps } from '../hooks/reducers';
 export declare function SingleTokenSelect({ state, dispatch, }: {
     state: StateProps;
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/TokenPairSelect.d.ts

@@ -8,4 +8,4 @@ export declare function TokenPairSelect({ state, dispatch, platform, setPlatform
     setPlatform: React.Dispatch<React.SetStateAction<DexKey>>;
     activePlatform: DexConfigI | null;
     handleGotoCreatePool?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/MiningInfo.d.ts

@@ -11,4 +11,4 @@ export declare function MiningInfo({ status, stakedTokenList, onClose, onClick,
     totalAprList: (BigNumber | undefined)[];
     miningItem: TabMiningI;
     rewardTokenWithAprListArray: MiningRewardTokenWithAprI[][];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/RewardCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MiningRewardTokenWithAprI, RewardUpdateHistoryItemI, TabMiningI } from '../types';
 export interface RewardCardProps {
     index: number;
@@ -7,4 +8,4 @@ export interface RewardCardProps {
     version: TabMiningI['version'];
     rewardUpdateHistoryList: RewardUpdateHistoryItemI[];
 }
-export declare const RewardCard: ({ index, rewardToken, miningContractAddress, chainId, version, rewardUpdateHistoryList, }: RewardCardProps) => JSX.Element;
+export declare const RewardCard: ({ index, rewardToken, miningContractAddress, chainId, version, rewardUpdateHistoryList, }: RewardCardProps) => React.JSX.Element;

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

@@ -20,4 +20,4 @@ export declare function MiningDetail({ query, handleGotoMiningList, handleGotoPo
         pool: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): import("react").JSX.Element;