@matbea-ui/matbea-ui 0.1.9 → 0.2.0-dev.102471

package/dist/types/index.d.ts

@@ -0,0 +1,750 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler, HTMLAttributes } from 'react';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import * as styled_components from 'styled-components';
+import { Middleware } from 'stylis';
+
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+type ButtonSize = "default" | "medium" | "small";
+type ButtonForm = "default" | "brick-right";
+
+type IconPosition = "left" | "right" | "only";
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    form?: ButtonForm;
+    fullWidth?: boolean;
+    icon?: ReactNode;
+    iconPosition?: IconPosition;
+    children?: ReactNode;
+    ref?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ref, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type CopyTooltipProps = {
+    label: string;
+    children?: React.ReactNode;
+    copiedText?: string;
+    copyDuration?: number;
+};
+declare const CopyTooltip: React.FC<CopyTooltipProps>;
+
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "body-xl-semibold" | "body-xl" | "body-l-semibold" | "body-l" | "body-m-bold" | "body-m-semibold" | "body-m" | "body-s-semibold" | "body-s" | "button" | "form-input" | "avatar-basic" | "avatar-m" | "avatar-s";
+
+type ElementTypeProp = React.ElementType;
+type TypographyOwnProps = {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+};
+type PolymorphicProps<C extends ElementTypeProp> = TypographyOwnProps & Omit<React.ComponentPropsWithoutRef<C>, keyof TypographyOwnProps> & {
+    as?: C;
+    forwardedAs?: C;
+};
+type TypographyComponent = <C extends ElementTypeProp = "span">(props: PolymorphicProps<C>) => React.ReactElement | null;
+declare const Typography: TypographyComponent;
+
+type InformerType = "success" | "error" | "info" | "warning";
+type InformerProps = {
+    label: string;
+    description: string;
+    type: InformerType;
+    icon?: boolean;
+};
+declare const Informer: React.FC<InformerProps>;
+
+type TextFieldProps = {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    labelVariant?: TypographyVariant;
+    error?: string;
+    disabled?: boolean;
+    labelColor?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    name?: string;
+    type?: React.HTMLInputTypeAttribute;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    className?: string;
+};
+declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const Container: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+declare const Counter: ({ count }: {
+    count?: number;
+}) => react_jsx_runtime.JSX.Element;
+
+type HamburgerButtonProps = {
+    open?: boolean;
+    onToggle?: (next: boolean) => void;
+};
+declare const HamburgerButton: React.FC<HamburgerButtonProps>;
+
+declare const Loader: () => react_jsx_runtime.JSX.Element;
+
+type RadioButtonProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    label?: string;
+    onChange?: (value: boolean) => void;
+    className?: string;
+};
+declare const RadioButton: React.FC<RadioButtonProps>;
+
+type SelectOption = {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+};
+type SelectFieldProps = {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    searchInput?: boolean;
+    searchPlaceholder?: string;
+    error?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    name?: string;
+    onChange?: (value: string) => void;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    className?: string;
+};
+declare const SelectField: react.ForwardRefExoticComponent<SelectFieldProps & react.RefAttributes<HTMLInputElement>>;
+
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+
+type TooltipProps = {
+    content: react__default.ReactNode;
+    children: react__default.ReactNode;
+    position?: TooltipPosition;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    showDelay?: number;
+    hideDelay?: number;
+    interactive?: boolean;
+    disabled?: boolean;
+    hideOnClick?: boolean;
+    maxWidth?: number | string;
+};
+declare const Tooltip: react__default.FC<TooltipProps>;
+
+declare const UserAccount: ({ email }: {
+    email: string;
+}) => react_jsx_runtime.JSX.Element;
+
+type TabSize = "m" | "l" | "xl";
+type TabProps = {
+    id: string;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    size?: TabSize;
+    onSelect?: (id: string) => void;
+    className?: string;
+};
+
+type TabItem = Omit<TabProps, "onSelect" | "size" | "active">;
+type TabListProps = {
+    size?: TabSize;
+    activeId: string;
+    items: TabItem[];
+    onChange: (id: string) => void;
+    className?: string;
+};
+declare const TabList: React.FC<TabListProps>;
+
+type Column = {
+    name: string;
+    id: string;
+    align?: "left" | "center" | "right";
+    width?: HTMLElement["style"]["width"];
+    render?: (row: Row) => React.ReactNode;
+};
+interface Row {
+    id: string;
+    [key: Column["id"]]: string | number | React.ReactNode;
+}
+interface TableProps {
+    columns: Column[];
+    data: Row[];
+}
+declare const Table: React.FC<TableProps>;
+
+type SwitcherProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onChange?: (value: boolean) => void;
+    id?: string;
+    className?: string;
+};
+declare const Switcher: React.FC<SwitcherProps>;
+
+type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    name?: string;
+    value?: string;
+    onChange?: (next: boolean) => void;
+    className?: string;
+};
+declare const Checkbox: React.FC<CheckboxProps>;
+
+declare const Logo: () => react_jsx_runtime.JSX.Element;
+
+interface ButtonSwitcherProps {
+    active: boolean;
+    leftButtonLabel: string | React.ReactNode;
+    rightButtonLabel: string | React.ReactNode;
+}
+declare const ButtonSwitcher: React.FC<ButtonSwitcherProps>;
+
+declare const Avatar: (props: HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+}) => react_jsx_runtime.JSX.Element;
+
+interface LangCountrySelectProps {
+    currentLang: string;
+    currentCurrency: string;
+    currentCountry: string;
+    countries: SelectFieldProps["options"];
+    currencies: SelectFieldProps["options"];
+    languages: SelectFieldProps["options"];
+    handleSave?: ({ lang, currency, country, }: {
+        lang: string;
+        currency: string;
+        country: string;
+    }) => void;
+    labelLang: string;
+    labelCurrency: string;
+    labelCountry: string;
+    saveText?: string;
+    searchPlaceholder?: string;
+}
+declare const LangCountrySelect: React.FC<LangCountrySelectProps>;
+
+interface SkeletonProps {
+    $variant?: SkeletonVariant;
+    $width?: string | number;
+    $height?: string | number;
+    className?: string;
+    $animation?: SkeletonAnimation;
+    $borderRadius?: string | number;
+}
+type SkeletonVariant = "text" | "circular" | "rectangular";
+type SkeletonAnimation = "pulse" | "wave" | false;
+
+declare const Skeleton: React.FC<SkeletonProps>;
+
+type ApplicationDataVariant = "primary" | "secondary";
+interface ApplicationDataProps {
+    label: string;
+    statusValue: string | React.ReactNode | number;
+    info?: string;
+    withdraw?: boolean;
+    variant?: ApplicationDataVariant;
+}
+declare const ApplicationData: React.FC<ApplicationDataProps>;
+
+type ApplicationInfoVariant = "primary" | "secondary";
+
+interface ApplicationInfoProps {
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    variant?: ApplicationInfoVariant;
+}
+declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
+
+interface ApplicationStatusProps {
+    label: string;
+    statusValue: string;
+    type: "pending" | "success" | "warning";
+}
+declare const ApplicationStatus: React.FC<ApplicationStatusProps>;
+
+interface BalanceProps {
+    valueLabel: string | React.ReactNode;
+    count: string;
+    amount: string;
+    actions?: React.ReactNode;
+}
+declare const BalanceRow: React.FC<BalanceProps>;
+
+interface CurrencyNameProps {
+    icon?: React.ReactNode;
+    longName?: string;
+    shortName?: string;
+    network?: string;
+}
+declare const CurrencyName: React.FC<CurrencyNameProps>;
+
+interface CurrencyRateProps extends CurrencyNameProps {
+    buyLabel?: string;
+    sellLabel?: string;
+    buyValue?: string;
+    sellValue?: string;
+}
+declare const CurrencyRate: React.FC<CurrencyRateProps>;
+
+interface RequisitesProps {
+    cardHolderLabel?: string;
+    cardHolderName?: string;
+    cardNumberLabel?: string;
+    cardNumber?: number;
+    merchantLabel?: string;
+    merchantName?: string;
+    descriptionLabel?: string;
+    description?: string;
+}
+declare const Requisites: React.FC<RequisitesProps>;
+
+interface TransactionStatusProps {
+    label: string;
+    statusValue: string;
+    type: "pending" | "success";
+}
+declare const TransactionStatus: React.FC<TransactionStatusProps>;
+
+interface InputMessageProps {
+    onChangeMessage?: (value: string) => void;
+    message?: string;
+    onChangeFiles?: (files: File[]) => void;
+    files?: File[];
+    handleClickEmoji?: (value: string) => void;
+    onSend?: () => void;
+}
+declare const InputMessage: React.FC<InputMessageProps>;
+
+type MessageVariant = "self" | "other";
+
+interface ChatMessageProps {
+    children: React.ReactNode;
+    variant?: MessageVariant;
+    longName?: string;
+    date?: string;
+}
+declare const ChatMessage: React.FC<ChatMessageProps>;
+
+interface ChatProps {
+    children: React.ReactNode;
+    inputMessage: React.ReactNode;
+    longName: string;
+}
+declare const Chat: React.FC<ChatProps>;
+
+declare const maskEmail: (email: string, keep?: number, stars?: number) => string;
+declare const formatCardNumber: (cardNum: number) => string;
+declare const copyToClipboard: (text: string) => Promise<void>;
+
+declare const theme: {
+    readonly colors: {
+        primary: {
+            primaryBlue: string;
+            hoverBlue: string;
+            activeBlue: string;
+            lightBlue2: string;
+            darkBlue: string;
+            darkBlue2: string;
+            darkBlue3: string;
+            white: string;
+        };
+        gray: {
+            lightGray2: string;
+            lightGray3: string;
+            darkGray: string;
+            lightGray: string;
+            darkGray2: string;
+            lightBlueGray: string;
+            lightBlueGray2: string;
+        };
+        accent: {
+            red: string;
+            green: string;
+            greenLight: string;
+            green2: string;
+            green2Light: string;
+            green2Dark: string;
+            orange: string;
+            purple: string;
+        };
+        icon: {
+            iconPrimary: string;
+            iconSecondary: string;
+            iconThirty: string;
+            iconFourth: string;
+            iconFive: string;
+        };
+    };
+    readonly media: {
+        readonly maxWidth: {
+            readonly mobile: "@media (max-width: 576px)";
+            readonly tablet: "@media (max-width: 1023px)";
+        };
+    };
+};
+type AppTheme = typeof theme;
+
+interface IconProps extends react__default.SVGProps<SVGSVGElement> {
+    size?: number;
+    children?: react__default.ReactNode;
+}
+
+declare const LogoAbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoAbsolutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoAcbaCreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoAlphabankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoArmEconomBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoArshidBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoBankcentercreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoBankofGeorgiaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoEurobankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoForteBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoHalykBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoHomecreditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoHumoCardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoJysanBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoKaspiBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoMonobankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoMtsbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoNetellerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoOshadbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoOtkrutieIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoPochtabankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoPrivatebankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoPumbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoQiwiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRayfuzenbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRevolutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRnkbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRosbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRosselhozbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoRusstandartIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoSberIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoSbpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoSotovuyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoTbcBankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoTinkoffIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoUkrsibbankIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoUzCardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoVtbIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoWiseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoYoumoneyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ArrowIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AttachIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DashboardIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EmojiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ExchangeIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HamburgerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HeadphonesIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HistoryIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const P2PIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ReciveCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SearchIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SendCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SettingsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TopUpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UserIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UsersIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WalletIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CircleSendCryptoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ClockIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const Close2Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CopyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DepositIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DepositSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DropdownIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DropdownSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DropdownUpIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ErrorBigIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ExchangeArrowsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ExchangeSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HideUiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const InfoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LinkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LogoutIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MessageSendIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PlusIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ScanQrIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ShowUiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SuccessfullBigIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SuccessfullSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UpSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WalletFillIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WarningIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WithdrawIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WithdrawSimpleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CountryBrIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CountryCzechIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CountryKzIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CountryRusIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AaveIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AlgorandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AvalancheIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BatIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BitcoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BnbSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BtgIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BusdIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CakeIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CardanoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ChainlinkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CosmosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DashSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DecentralandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DigibyteIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const DogeSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ElrondIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EnjinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EtcIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EthIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EurIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const FantomIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const FilecoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const FtxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const HederaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const IcomputerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const IconNeoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const IcxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const IlsIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const IotaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const KlaytnIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LariIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LiskIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LitecoinIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const LunaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MakerIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const MaticIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NearIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NemIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const OmgnetworkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const OmiseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const OntologyIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PaxgIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PolkaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const QnekworkIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const QutumIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const RippleIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const RubIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SandboxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SolanaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const StellarIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const StepnIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SushiIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SynthetixIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TetherIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TezosIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ThegraphIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ThetaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const TrxSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UniswapIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UsdIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const UsdcIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const VechainIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WavesIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const XmrSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ZcashSmallIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ZilliqaIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ZrxIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CONFIG: {
+    minFontSize: number;
+    minLineHeight: number;
+    minValue: number;
+    excludeProps: string[];
+    scaleVariable: string;
+    vhVariable: string;
+};
+declare const adaptiveScalePlugin: Middleware;
+declare const createAdaptiveScalePlugin: (customConfig?: Partial<typeof CONFIG>) => Middleware;
+
+declare const StyledProvider: ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GlobalStyles: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
+
+export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, Avatar, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, ButtonSwitcher, CakeIcon, CardanoIcon, ChainlinkIcon, Chat, ChatMessage, CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, GlobalStyles, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, InputMessage, IotaIcon, KlaytnIcon, LangCountrySelect, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, Skeleton, SolanaIcon, StellarIcon, StepnIcon, StyledProvider, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, adaptiveScalePlugin, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
+export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, ChatProps, CurrencyNameProps, InformerProps, InformerType, LangCountrySelectProps, RequisitesProps, SelectFieldProps, SelectOption, SkeletonProps, TextFieldProps, TransactionStatusProps, TypographyVariant };