@dodoex/widgets 3.0.0-taiko.14 → 3.0.0-taiko.16

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../hooks/Token';
 export declare function AddTokenToMetamask({ token, size, sx, children, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 interface AddressTextProps {
     sx?: BoxProps['sx'];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function AutoButton({ active, sx, onClick, }: {
     active?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeRouteI } from '../../hooks/Bridge';
 export default function BridgeRouteShortCard({ route, onClick, }: {
     route?: BridgeRouteI;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export interface BridgeTXRequest {
     data: string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function EtherscanLinkButton({ chainId, address, children, }: {
     chainId: number;
     address: string | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
 export declare function SwapStep({ chainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, hash, toolDetails, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export declare function BridgeLogo({ size, toolDetails, nameMarginLeft, logoMarginLeft, nameSx, }: {

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 import { TokenInfo } from '../../../hooks/Token/type';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export interface RouteTag {
     type: 'best-price' | 'no-approve';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../../../hooks/Token';
 /**

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainId } from '@dodoex/api';
 import { BoxProps } from '@dodoex/components';
 import BigNumber from 'bignumber.js';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ConfirmProps = React.PropsWithChildren<{
+export type ConfirmProps = React.PropsWithChildren<{
     open: boolean;
     onClose: () => void;
     title?: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ConnectWalletDialog({ open, onClose, }: {
     open: boolean;
     onClose: () => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@dodoex/components';
 import { ChainId } from '@dodoex/api';
 export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function CopyTooltipToast({ copyText, size, sx, componentProps, onClick, }: {
     copyText?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScreen, }: {
     children?: React.ReactNode;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function GoBack({ sx, onClick, }: {
     sx?: BoxProps['sx'];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function HowItWorks({ title, desc, linkTo, LeftImage, sx, }: {
     title: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function FailedList({ sx, refresh, }: {
     sx?: BoxProps['sx'];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function LoadMore({ height, sx, onClick, hasMore, loading, }: {
     height?: number | string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, valueOnlyIcon, sx, }: {
     chainId: number | undefined;

package/dist/cjs/components/Swap/SwapOrderHistory/PriceWithToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../hooks/Token';
 export declare function PriceWithToggle({ fromToken, toToken, fromTokenPrice, toTokenPrice, sx, children, }: {

package/dist/cjs/components/Swap/SwapOrderHistory/RoutingCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MidPathType } from '../../../hooks/useRouteVisionData';
 import { TokenInfo } from '../../../hooks/Token';
 export default function RoutingCard({ routing, fromTokenRaw, toTokenRaw, }: {

package/dist/cjs/components/Swap/SwapOrderHistory/RoutingVision.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../hooks/Token';
 import { MidPathType } from '../../../hooks/useRouteVisionData';

package/dist/cjs/components/Swap/SwapOrderHistory/SameOrderCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
 export default function SameOrderCard({ data, isMobile, }: {
     data: ReturnType<typeof useTradeSwapOrderList>['orderList'][0];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
 export default function SwapOrderHistory({ swapOrderListQuery: swapOrderListQueryProps, }: {
     swapOrderListQuery?: ReturnType<typeof useTradeSwapOrderList>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainId } from '@dodoex/api';
 export interface ConnectWalletProps {
     needSwitchChain?: ChainId;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const transitionTime = 300;
 export interface DialogProps {
     open: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../../../hooks/Token';
 export interface ReviewDialogProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from '@dodoex/components';
 export interface NumberInputProps extends InputProps {
     maxVal?: string | number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SettingsDialogProps {
     open: boolean;
     onClose: () => void;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function PercentageSelectButtonGroup({ value, onChange, sx, }: {
     value: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../../../hooks/Token';
 export declare function TokenLogoCollapse({ token, onClick, showChainLogo, readonly, showChainName: showChainNameProps, }: {
     token?: TokenInfo | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenPickerProps } from '../../../TokenPicker';
 import { DialogProps } from '../Dialog';
 export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, modal, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../../hooks/Token';
 import { TokenPickerProps } from '../../../TokenPicker';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../../hooks/Token';
 import { RoutePriceStatus } from '../../../hooks/Swap';
 export declare function TokenPairPriceWithToggle({ toToken, fromToken, priceStatus, pricePerToToken, pricePerFromToken, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainId } from '@dodoex/api';
 export default function SwitchChainDialog({ chainId, open, onClose, }: {
     chainId?: ChainId;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function Table({ sx, children, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
     hasMore?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export interface TokenLogoPairProps {
     tokens: Array<{

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function TokenLogoSimple({ address, url, symbol, width, height, marginRight, zIndex, sx, onLoadedLogoUrl, }: {
     address: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../hooks/Token';
 export default function PopularToken({ token, disabled, onClick, }: {
     token: TokenInfo;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainListItem } from '../../constants/chainList';
 export default function SelectChainItem({ chain, active, onClick, }: {
     chain: ChainListItem;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import type { TokenInfo } from '../../hooks/Token';
 import { ChainId } from '@dodoex/api';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@dodoex/components';
 import { useTokenStatus } from '../hooks/Token/useTokenStatus';
 export default function TokenStatusButton({ status, children, buttonProps, }: React.PropsWithChildren<{

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

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

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

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

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

@@ -55,4 +55,8 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
     ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
     DialogComponent?: React.FunctionComponent<DialogProps>;
 }
+export { default as Message } from '../Message';
+export { LangProvider } from '../../providers/i18n';
+/** 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare const WIDGET_MODULE_CLASS_NAME = "widget-module-container";
 export default function WidgetContainer({ sx, ...props }: BoxProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface WidgetDialogProps {
     open: boolean;
     onClose?: () => void;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const BaseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-declare type Props = {
+type Props = {
     display?: CSSProperties['display'];
     hidden?: boolean;
     children?: JSX.Element | Array<JSX.Element | undefined> | string | undefined;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    error?: boolean | undefined;
+    error?: boolean;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function NumberInput({ value, onChange, onBlur, }: {
     value: string;
     onChange?: (v: string) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ISwtichBtn extends React.HTMLProps<HTMLInputElement> {
     shouldSwitch?: boolean;
     variant?: 'dark' | 'light';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function TokenLogo({ src, width }: {
     src: string;
     width: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 import { BaseMinAndZoomMultiples } from './helper';
@@ -15,7 +14,7 @@ export interface ColorMap {
     tooltipBg?: string;
     tooltipColor?: string;
 }
-export declare type Props = {
+export type Props = {
     width: number;
     height: number;
     params: PmmModelParams;

package/dist/cjs/components/chart/depth-chart/helper.d.ts

@@ -2,13 +2,13 @@ import BigNumber from 'bignumber.js';
 import Konva from 'konva';
 import { PMMModel } from '@dodoex/api';
 export declare function colorRgb(str: string): string;
-export declare type EvaluatedPoint = {
+export type EvaluatedPoint = {
     side: 'bid' | 'ask' | 'no-one';
     vert: BigNumber;
     base: BigNumber;
     quote: BigNumber;
 };
-export declare type BaseMinAndZoomMultiples = {
+export type BaseMinAndZoomMultiples = {
     baseMin: BigNumber;
     zoomMultiples: number;
     /** Price impact point active display hover */

package/dist/cjs/components/chart/depth-chart/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { ColorMap } from './DepthChartKonva';
 import { PMMModel, PmmModelParams } from '@dodoex/api';
-declare type Props = {
+type Props = {
     chartId: string;
     width?: number;
     baseTokenSymbol: string;

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

@@ -1,29 +1,28 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AmountInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputSectionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    borderColor?: string | undefined;
+    borderColor?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PriceImpactWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const OptButtonGroup: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare function DepthChartV2({ title, titleColor, description, descriptionColor, buttonColor, placeholder, }: {
     title: string;
     titleColor: string;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/cjs/components/chart/hooks/usePreventWheel.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     id: string;
 };
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 export declare const bgColor = "rgba(38, 39, 41, 0.3)";
@@ -15,7 +14,7 @@ export interface ColorMap {
     tooltipColor?: string;
     textColor?: string;
 }
-export declare type Props = {
+export type Props = {
     width: number;
     height: number;
     params: PmmModelParams;