@matbea-ui/matbea-ui 0.2.0-dev.137632 → 0.2.0-dev.140232

package/dist/types/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, ButtonHTMLAttributes, ChangeEvent, FocusEventHandler } 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";
@@ -17,8 +18,10 @@ type ButtonProps = {
     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, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ref, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 type CopyTooltipProps = {
     label: string;
@@ -60,8 +63,10 @@ type TextFieldProps = {
     defaultValue?: string;
     placeholder?: string;
     label?: string;
+    labelVariant?: TypographyVariant;
     error?: string;
     disabled?: boolean;
+    labelColor?: string;
     icon?: React.ReactNode;
     action?: React.ReactNode;
     name?: string;
@@ -110,6 +115,8 @@ type SelectFieldProps = {
     defaultValue?: string;
     placeholder?: string;
     label?: string;
+    searchInput?: boolean;
+    searchPlaceholder?: string;
     error?: string;
     disabled?: boolean;
     icon?: React.ReactNode;
@@ -205,6 +212,37 @@ 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>;
+
 type ApplicationDataVariant = "primary" | "secondary";
 interface ApplicationDataProps {
     label: string;
@@ -219,7 +257,7 @@ type ApplicationInfoVariant = "primary" | "secondary";
 
 interface ApplicationInfoProps {
     children: React.ReactNode;
-    actions: React.ReactNode;
+    actions?: React.ReactNode;
     variant?: ApplicationInfoVariant;
 }
 declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
@@ -274,6 +312,33 @@ interface TransactionStatusProps {
 }
 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>;
@@ -319,12 +384,354 @@ declare const theme: {
     };
     readonly media: {
         readonly maxWidth: {
-            readonly mobile: "@media (max-width: 375px)";
-            readonly tablet: "@media (max-width: 834px)";
+            readonly mobile: "@media (max-width: 576px)";
+            readonly tablet: "@media (max-width: 1023px)";
         };
     };
 };
 type AppTheme = typeof theme;
 
-export { ApplicationData, ApplicationInfo, ApplicationStatus, BalanceRow, Button, Checkbox, Container, CopyTooltip, Counter, CurrencyName, CurrencyRate, HamburgerButton, Informer, Loader, Logo, RadioButton, Requisites, SelectField, Switcher, TabList, Table, TextField, Tooltip, TransactionStatus, Typography, UserAccount, copyToClipboard, formatCardNumber, maskEmail, theme };
-export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };
+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, 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, TextFieldProps, TransactionStatusProps, TypographyVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matbea-ui/matbea-ui",
-  "version": "0.2.0-dev.137632",
+  "version": "0.2.0-dev.140232",
   "license": "MIT",
   "type": "module",
   "main": "dist/matbea-ui.cjs.js",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "scripts": {
-    "storybook": "storybook dev -p 6006",
+    "sb": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
     "test:ui": "vitest --ui",
@@ -28,7 +28,6 @@
     "build:watch": "rollup -c --watch",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "prepublishOnly": "npm run lint && npm run build",
     "clean": "rm -rf dist",
     "generate:icons": "node scripts/generate-icons.cjs",
     "dev:publish": "node scripts/dev-publish.js dev",
@@ -45,8 +44,10 @@
     "styled-components": "^6"
   },
   "dependencies": {
+    "emoji-picker-react": "^4.16.1",
     "lodash": "^4.17.21",
-    "react-tooltip": "^5.30.0"
+    "react-tooltip": "^5.30.0",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",