@dhedge/trading-widget 0.0.1

package/components/common/badge/token-badge/token-badge.d.ts

@@ -0,0 +1,13 @@
+import type { FC, HTMLAttributes, ReactElement } from 'react';
+import type { TokenIconSize } from 'types';
+interface TokenBadgeProps {
+    symbol: string;
+    iconSymbols: string[];
+    size?: TokenIconSize;
+    symbolClasses?: HTMLAttributes<HTMLDivElement>['className'];
+    CustomIcon?: ReactElement;
+    customTitle?: string;
+    className?: string;
+}
+export declare const TokenBadge: FC<TokenBadgeProps>;
+export {};

package/components/common/balance/balance.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+interface BalanceProps {
+    balance: string;
+    price: string | null;
+}
+export declare const Balance: FC<BalanceProps>;
+export {};

package/components/common/button/action-button/action-button.d.ts

@@ -0,0 +1,10 @@
+import type { FC, PropsWithChildren } from 'react';
+interface ActionButtonProps {
+    onClick?: () => void;
+    highlighted?: boolean;
+    disabled?: boolean;
+    className?: string;
+    type?: 'submit' | 'button';
+}
+export declare const ActionButton: FC<PropsWithChildren<ActionButtonProps>>;
+export {};

package/components/common/button/disabled-button-with-prompt/disabled-button-with-prompt.d.ts

@@ -0,0 +1,6 @@
+import type { FC, PropsWithChildren } from 'react';
+interface DisabledButtonWithPromptProps {
+    promptText: string;
+}
+export declare const DisabledButtonWithPrompt: FC<PropsWithChildren<DisabledButtonWithPromptProps>>;
+export {};

package/components/common/button/icon-button/icon-button.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps, FC, FunctionComponent } from 'react';
+interface IconButtonProps {
+    Icon: FunctionComponent<Omit<ComponentProps<'svg'>, 'ref'>>;
+    onClick?: () => void;
+    className?: string;
+    containerClassName?: string;
+}
+export declare const IconButton: FC<IconButtonProps>;
+export {};

package/components/common/button/max-balance-button/max-balance-button.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface MaxBalanceButtonProps {
+    onClick: () => void;
+}
+export declare const MaxBalanceButton: FC<MaxBalanceButtonProps>;
+export {};

package/components/common/icon/token-icon/token-icon.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import type { TokenIconSize } from 'types';
+export interface TokenIconProps {
+    symbols: string[];
+    size?: TokenIconSize;
+    className?: string;
+}
+export declare const getRowClasses: (index: number, length: number) => string;
+export declare const getSizeClasses: (size: TokenIconSize) => {
+    height: string;
+    width: string;
+    diameter: number;
+};
+export declare const TokenIcon: FC<TokenIconProps>;

package/components/common/index.d.ts

@@ -0,0 +1,18 @@
+export { SettingsOption } from './settings/settings-option/settings-option';
+export { TabButton } from './tab/tab-button/tab-button';
+export { TooltipIcon } from './tooltip/tooltip-icon/tooltip-icon';
+export { InfoTooltip } from './tooltip/info-tooltip/info-tooltip';
+export { TransactionOverviewDisclosure } from './meta/transaction-disclosure/transaction-disclosure';
+export type { TransactionDisclosureItemProps } from './meta/transaction-disclosure/transaction-disclosure-item/transaction-disclosure-item';
+export { Spinner } from './spinner/spinner';
+export { Layout } from './layout';
+export { ActionButton } from './button/action-button/action-button';
+export { DisabledButtonWithPrompt } from './button/disabled-button-with-prompt/disabled-button-with-prompt';
+export { IconButton } from './button/icon-button/icon-button';
+export { Switch } from './switch/switch';
+export { Balance } from './balance/balance';
+export { MaxBalanceButton } from './button/max-balance-button/max-balance-button';
+export { Skeleton } from './skeleton/skeleton';
+export { TokenIcon } from './icon/token-icon/token-icon';
+export { TokenBadge } from './badge/token-badge/token-badge';
+export { PendingOverlay } from './overlay/pending-overlay/pending-overlay';

package/components/common/layout/balance/balance.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const Balance: FC<PropsWithChildren>;

package/components/common/layout/index.d.ts

@@ -0,0 +1,16 @@
+import { Balance } from './balance/balance';
+import { InputGroup } from './input-group/input-group';
+import { Meta } from './meta/meta';
+import { Overlay } from './overlay/overlay';
+import { Panel } from './panel/panel';
+import { Settings } from './settings/settings';
+type LayoutCompoundedComponent = {
+    Balance: typeof Balance;
+    InputGroup: typeof InputGroup;
+    Meta: typeof Meta;
+    Settings: typeof Settings;
+    Panel: typeof Panel;
+    Overlay: typeof Overlay;
+};
+export declare const Layout: LayoutCompoundedComponent;
+export {};

package/components/common/layout/input-group/input-group.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const InputGroup: FC<PropsWithChildren>;

package/components/common/layout/meta/meta.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const Meta: FC<PropsWithChildren>;

package/components/common/layout/overlay/overlay.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const Overlay: FC<PropsWithChildren>;

package/components/common/layout/panel/panel.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const Panel: FC<PropsWithChildren>;

package/components/common/layout/settings/settings-popover/settings-popover.d.ts

@@ -0,0 +1,8 @@
+import type { FC, PropsWithChildren } from 'react';
+interface SettingsPopoverProps {
+    className?: string;
+    iconClassName?: string;
+    onClick?: () => void;
+}
+export declare const SettingsPopover: FC<PropsWithChildren<SettingsPopoverProps>>;
+export {};

package/components/common/layout/settings/settings.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const Settings: FC<PropsWithChildren>;

package/components/common/meta/transaction-disclosure/transaction-disclosure-item/transaction-disclosure-item.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { ThemeType } from 'types';
+export interface TransactionDisclosureItemProps {
+    tooltipText: string;
+    label: string;
+    value?: ReactNode;
+    children?: ReactNode;
+    type?: ThemeType;
+    className?: string;
+    emphasised?: boolean;
+}
+export declare const TransactionDisclosureItem: ({ tooltipText, value, label, children, type, className, emphasised, }: TransactionDisclosureItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/common/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -0,0 +1,11 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ThemeType } from 'types';
+import type { TransactionDisclosureItemProps } from './transaction-disclosure-item/transaction-disclosure-item';
+interface TransactionOverviewDisclosureProps {
+    buttonItemChildren?: TransactionDisclosureItemProps['children'];
+    staticItems?: TransactionDisclosureItemProps[];
+    collapseItems?: TransactionDisclosureItemProps[];
+    themeType?: ThemeType;
+}
+export declare const TransactionOverviewDisclosure: FC<PropsWithChildren<TransactionOverviewDisclosureProps>>;
+export {};

package/components/common/overlay/pending-overlay/pending-overlay.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+interface PendingOverlayProps {
+    title?: string;
+    text?: string;
+}
+export declare const PendingOverlay: FC<PendingOverlayProps>;
+export {};

package/components/common/settings/settings-option/settings-option.d.ts

@@ -0,0 +1,7 @@
+import type { FC, PropsWithChildren } from 'react';
+interface SettingsOptionProps {
+    label: string;
+    tooltipText: string;
+}
+export declare const SettingsOption: FC<PropsWithChildren<SettingsOptionProps>>;
+export {};

package/components/common/skeleton/skeleton.d.ts

@@ -0,0 +1,8 @@
+import type { FC, CSSProperties } from 'react';
+interface SkeletonProps {
+    style?: CSSProperties;
+    className?: string;
+    size?: string;
+}
+export declare const Skeleton: FC<SkeletonProps>;
+export {};

package/components/common/spinner/spinner.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { ThemeType } from 'types';
+interface SpinnerProps {
+    type?: ThemeType;
+    className?: string;
+}
+export declare const Spinner: FC<SpinnerProps>;
+export {};

package/components/common/switch/switch.d.ts

@@ -0,0 +1,10 @@
+interface SwitchProps {
+    defaultEnabled?: boolean;
+    onChange?: (enabled: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    vertical?: boolean;
+    size?: 'xs' | 'sm';
+}
+export declare const Switch: ({ defaultEnabled, onChange, disabled, label, vertical, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/common/tab/tab-button/tab-button.d.ts

@@ -0,0 +1,7 @@
+import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { FC } from 'react';
+interface TabProps {
+    tradingType: TradingPanelType;
+}
+export declare const TabButton: FC<TabProps>;
+export {};

package/components/common/tooltip/info-tooltip/info-tooltip.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { TooltipWrapperProps } from '../tooltip-wrapper/tooltip-wrapper';
+export type InfoTooltipProps = Omit<TooltipWrapperProps, 'tooltipContent'> & {
+    text: string;
+};
+export declare const InfoTooltip: FC<InfoTooltipProps>;

package/components/common/tooltip/tooltip-icon/tooltip-icon.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentType, FC, HTMLAttributes, SVGProps } from 'react';
+import type { InfoTooltipProps } from '../info-tooltip/info-tooltip';
+export interface TooltipIconProps extends InfoTooltipProps {
+    iconClassName?: HTMLAttributes<SVGElement>['className'];
+    Icon?: ComponentType<SVGProps<SVGSVGElement>>;
+}
+export declare const TooltipIcon: FC<TooltipIconProps>;

package/components/common/tooltip/tooltip-wrapper/tooltip-wrapper.d.ts

@@ -0,0 +1,7 @@
+import type { FC, ReactNode } from 'react';
+import type { Config } from 'react-popper-tooltip';
+export interface TooltipWrapperProps extends Pick<Config, 'placement' | 'trigger' | 'interactive' | 'delayHide'> {
+    tooltipContent: ReactNode;
+    children?: ReactNode;
+}
+export declare const TooltipWrapper: FC<TooltipWrapperProps>;

package/components/default-examples/image/image.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ImageProps } from 'providers/component-provider';
+export declare const Image: FC<ImageProps>;

package/components/deposit/balance/balance.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const DepositBalance: FC;

package/components/deposit/balance/balance.hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useDepositBalance: () => {
+    formattedBalance: string;
+    formattedPrice: string | null;
+};

package/components/deposit/button/trade-button/trade-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const DepositTradeButton: FC;

package/components/deposit/button/valid-deposit-button/valid-deposit-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const ValidDepositButton: FC<PropsWithChildren>;

package/components/deposit/button/valid-deposit-button/valid-deposit-button.hooks.d.ts

@@ -0,0 +1,15 @@
+export declare const useValidDepositButton: () => {
+    requiresMinDeposit: boolean;
+    requiresWhitelist: boolean | undefined;
+    requiresApprove: boolean;
+    requiresUpdate: boolean;
+    requiresHighSlippageConfirm: boolean;
+    sendTokenSymbol: string;
+    poolSymbol: string;
+    minDepositUSD: number;
+    deprecated: boolean | undefined;
+    approve: () => Promise<void>;
+    confirmHighSlippage: () => void;
+    updateOracles: () => Promise<void>;
+    slippageToBeUsed: number;
+};

package/components/deposit/index.d.ts

@@ -0,0 +1,2 @@
+export { DepositSettings } from './settings/deposit-settings/deposit-settings';
+export { DepositTabPanel } from './tab-panel/tab-panel';

package/components/deposit/input-group/input-group.d.ts

@@ -0,0 +1 @@
+export declare const DepositInputGroup: () => import("react/jsx-runtime").JSX.Element;

package/components/deposit/input-group/input-group.hooks.d.ts

@@ -0,0 +1,25 @@
+export declare const useDepositInputGroup: () => {
+    autoFocus: boolean;
+    sendToken: {
+        price: string;
+        balance: string;
+        updater: (payload: Partial<import("../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").D>) => void;
+        isLoading?: boolean | undefined;
+        address: `0x${string}`;
+        symbol: string;
+        value: string;
+        decimals: number;
+    };
+    receiveToken: {
+        price: string;
+        isLoading?: boolean | undefined;
+        address: `0x${string}`;
+        symbol: string;
+        value: string;
+        decimals: number;
+    };
+    tradingPriceDiff: number;
+    minSlippage: number | undefined;
+    onInputFocus: () => void;
+    onInputChange: (value: string) => void;
+};

package/components/deposit/meta/meta.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const DepositMeta: FC<PropsWithChildren>;

package/components/deposit/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -0,0 +1 @@
+export declare const DepositTransactionOverviewDisclosure: () => import("react/jsx-runtime").JSX.Element;

package/components/deposit/meta/transaction-disclosure/transaction-disclosure.hooks.d.ts

@@ -0,0 +1,15 @@
+export declare const useDepositTransactionDisclosure: () => {
+    projectedEarnings: import("../../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").g;
+    themeType: import("types").ThemeType;
+    slippageTooltipText: string;
+    isMaxSlippageLoading: boolean;
+    slippagePlaceholder: string;
+    minReceive: string;
+    allowanceRequired: boolean;
+    tokenAllowance: string;
+    sendTokenSymbol: string;
+    entryFee: string;
+    entryFeeTooltipText: string;
+    minDeposit: string;
+    lockTime: string;
+};

package/components/deposit/settings/deposit-fee-switch/deposit-fee-switch.d.ts

@@ -0,0 +1 @@
+export declare const DepositFeeSwitch: () => import("react/jsx-runtime").JSX.Element;

package/components/deposit/settings/deposit-fee-switch/deposit-fee-switch.hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const useDepositFeeSwitch: () => {
+    defaultEnabled: boolean;
+    disabled: boolean;
+    onChange: (enabled: boolean) => void;
+};

package/components/deposit/settings/deposit-settings/deposit-settings.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const DepositSettings: FC;

package/components/deposit/settings/deposit-settings/deposit-settings.hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const useDepositSettings: () => {
+    customLockTime: string;
+    defaultLockTime: string;
+    hasPoolEntryFee: boolean;
+};

package/components/deposit/tab-panel/tab-panel.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+export declare const DepositTab: FC;
+export declare const DepositTabPanel: FC;

package/components/deposit/tab-panel/tab-panel.hooks.d.ts

@@ -0,0 +1 @@
+export declare const useDepositTabPanel: () => void;

package/components/index.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { ProvidersProps } from 'providers';
+export declare const TradingWidget: FC<ProvidersProps>;

package/components/widget/widget-buttons/approve-button/approve-button.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { ApproveButtonProps } from './approve-button.hooks';
+export declare const ApproveButton: FC<ApproveButtonProps>;

package/components/widget/widget-buttons/approve-button/approve-button.hooks.d.ts

@@ -0,0 +1,8 @@
+export interface ApproveButtonProps {
+    symbol: string;
+    onApprove: () => void;
+}
+export declare const useApproveButton: () => {
+    disabled: boolean;
+    isLoading: boolean;
+};

package/components/widget/widget-buttons/connect-wallet-button/connect-wallet-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const ConnectWalletButton: FC;

package/components/widget/widget-buttons/index.d.ts

@@ -0,0 +1,3 @@
+export { ValidNetworkButton } from './valid-network-button/valid-network-button';
+export { ApproveButton } from './approve-button/approve-button';
+export type { ApproveButtonProps } from './approve-button/approve-button.hooks';

package/components/widget/widget-buttons/switch-network-button/switch-network-button.d.ts

@@ -0,0 +1 @@
+export declare const SwitchNetworkButton: () => import("react/jsx-runtime").JSX.Element;

package/components/widget/widget-buttons/valid-network-button/valid-network-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const ValidNetworkButton: FC<PropsWithChildren>;

package/components/widget/widget-buttons/valid-network-button/valid-network-button.hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useValidNetworkButton: () => {
+    isDisconnected: boolean;
+    isWrongNetwork: boolean;
+};

package/components/widget/widget-input/asset-composition-table/asset-composition-table.d.ts

@@ -0,0 +1,2 @@
+import { AssetCompositionTableProps } from './asset-composition-table.hooks';
+export declare const AssetCompositionTable: ({ className, showFraction, iconSize, }: AssetCompositionTableProps) => import("react/jsx-runtime").JSX.Element;

package/components/widget/widget-input/asset-composition-table/asset-composition-table.hooks.d.ts

@@ -0,0 +1,9 @@
+import type { TokenIconSize } from 'types';
+export interface AssetCompositionTableProps {
+    className?: string;
+    showFraction?: boolean;
+    iconSize?: TokenIconSize;
+}
+export declare const useAssetCompositionTable: () => {
+    poolComposition: import("../../../../../../core-ui-kit/dist/pool.types-Ekba6o9H").a[];
+};

package/components/widget/widget-input/index.d.ts

@@ -0,0 +1 @@
+export { WidgetInput } from './widget-input';

package/components/widget/widget-input/token-selector/token-selector.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { TokenSelectorProps } from './token-selector.hooks';
+export declare const TokenSelector: FC<TokenSelectorProps>;

package/components/widget/widget-input/token-selector/token-selector.hooks.d.ts

@@ -0,0 +1,7 @@
+export interface TokenSelectorProps {
+    symbol: string;
+}
+export declare const useTokenSelector: ({ symbol }: TokenSelectorProps) => {
+    isAllSymbol: boolean;
+    onClick: () => void;
+};

package/components/widget/widget-input/widget-input.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { WidgetInputProps } from './widget-input.hooks';
+export declare const WidgetInput: FC<WidgetInputProps>;

package/components/widget/widget-input/widget-input.hooks.d.ts

@@ -0,0 +1,27 @@
+import type { ChangeEvent } from 'react';
+import { ThemeType } from 'types';
+export interface WidgetInputProps {
+    label: string;
+    assetSymbol: string;
+    assetPrice: string;
+    assetInput: string;
+    onInputChange?: (value: string) => void;
+    onInputFocus?: () => void;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    displayMax?: boolean;
+    maxBalance?: string;
+    displayCalculatedValue?: boolean;
+    tradingPriceDiff?: number;
+    type?: ThemeType;
+    isLoading?: boolean;
+}
+export declare const useWidgetInput: ({ displayCalculatedValue, assetInput, assetPrice, tradingPriceDiff, type, onInputChange, maxBalance, autoFocus, disabled, }: WidgetInputProps) => {
+    inputRef: import("react").RefObject<HTMLInputElement>;
+    usdAmount: string;
+    value: string;
+    autoFocus: boolean;
+    onContainerClick: () => void;
+    onMaxBalanceClick: () => void;
+    onInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};

package/components/widget/widget-input/widget-input.utils.d.ts

@@ -0,0 +1,3 @@
+import type { WheelEventHandler } from 'react';
+export declare function formatInputValue(value: string, disabled: boolean): string;
+export declare const disableScrollForNumberInput: WheelEventHandler<HTMLInputElement>;

package/components/widget/widget-meta/exchange-rate/exchange-rate.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface ExchangeRateProps {
+    className?: string;
+}
+export declare const ExchangeRate: FC<ExchangeRateProps>;
+export {};

package/components/widget/widget-meta/index.d.ts

@@ -0,0 +1 @@
+export { ExchangeRate } from './exchange-rate/exchange-rate';

package/components/widget/widget-overlay/index.d.ts

@@ -0,0 +1 @@
+export { PendingApprovalOverlay } from './pending-approval-overlay/pending-approval-overlay';

package/components/widget/widget-overlay/pending-approval-overlay/pending-approval-overlay.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const PendingApprovalOverlay: FC;

package/components/widget/widget-overlay/pending-approval-overlay/pending-approval-overlay.hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const usePendingApprovalOverlay: () => {
+    text: string | undefined;
+};

package/components/widget/widget-settings/index.d.ts

@@ -0,0 +1,2 @@
+export { SlippageSelector } from './slippage-selector/slippage-selector';
+export { TokenAllowanceSwitch } from './token-allowance-switch/token-allowance-switch';

package/components/widget/widget-settings/slippage-selector/slippage-selector.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const SlippageSelector: FC;

package/components/widget/widget-settings/slippage-selector/slippage-selector.hooks.d.ts

@@ -0,0 +1,15 @@
+import type { ChangeEvent } from 'react';
+export declare const useSlippageSelector: () => {
+    settings: {
+        slippage: number | "auto";
+        minSlippage?: number | undefined;
+        isInfiniteAllowance: boolean;
+        isMultiAssetWithdrawalEnabled: boolean;
+        isMaxSlippageLoading: boolean;
+    };
+    tradingType: import("../../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").b;
+    isCustomSlippage: boolean;
+    invalidSlippage: boolean;
+    onDefaultSlippageSelect: () => void;
+    onCustomSlippageSelect: (e: ChangeEvent<HTMLInputElement>) => void;
+};

package/components/widget/widget-settings/token-allowance-switch/token-allowance-switch.d.ts

@@ -0,0 +1 @@
+export declare const TokenAllowanceSwitch: () => import("react/jsx-runtime").JSX.Element;

package/components/widget/widget-settings/widget-settings.d.ts

@@ -0,0 +1,7 @@
+import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { FC } from 'react';
+interface WidgetSettingsProps {
+    tradingType: TradingPanelType;
+}
+export declare const WidgetSettings: FC<WidgetSettingsProps>;
+export {};

package/components/widget/widget-tabs/widget-tabs.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const WidgetTabs: FC<PropsWithChildren>;

package/components/widget/widget.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const Widget: FC;

package/components/widget/widget.hooks.d.ts

@@ -0,0 +1,5 @@
+import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+export declare const useWidget: () => {
+    type: TradingPanelType;
+    onTabChange: (index: number) => void;
+};

package/components/withdraw/balance/balance.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const WithdrawBalance: FC;

package/components/withdraw/balance/balance.hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useWithdrawBalance: () => {
+    formattedBalance: string;
+    formattedPrice: string | null;
+};

package/components/withdraw/button/trade-button/trade-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const WithdrawTradeButton: FC;

package/components/withdraw/button/valid-withdraw-button/valid-withdraw-button.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const ValidWithdrawButton: FC<PropsWithChildren>;

package/components/withdraw/button/valid-withdraw-button/valid-withdraw-button.hooks.d.ts

@@ -0,0 +1,14 @@
+export declare const useValidWithdrawButton: () => {
+    requiresWithdrawalWindow: boolean;
+    requiresEndOfCooldown: boolean;
+    requiresApprove: boolean;
+    requiresHighSlippageConfirm: boolean;
+    requiresUpdate: boolean;
+    sendTokenSymbol: string;
+    slippageToBeUsed: number;
+    cooldownEndsInTime: string;
+    withdrawalWindowStartTime: string;
+    approve: () => Promise<void>;
+    updateOracles: () => Promise<void>;
+    confirmHighSlippage: () => void;
+};