@matbea-ui/matbea-ui 0.2.0-dev.437135 → 0.2.0-dev.438353

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 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 * as styled_components_dist_types from 'styled-components/dist/types';
 import { Middleware } from 'stylis';
 
 type ButtonVariant = "primary" | "secondary" | "tertiary";
@@ -18,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;
@@ -29,7 +31,7 @@ type CopyTooltipProps = {
 };
 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 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-xl-bold" | "body-s" | "button" | "form-input" | "avatar-basic" | "avatar-m" | "avatar-s";
 
 type ElementTypeProp = React.ElementType;
 type TypographyOwnProps = {
@@ -75,6 +77,60 @@ type TextFieldProps = {
     className?: string;
 };
 declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
+declare const Label: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<{
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}, {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}>, never>, {
+    $color?: string;
+}>> & string & Omit<(<C extends "symbol" | "object" | "small" | "form" | "slot" | "style" | "title" | "label" | "button" | "image" | "search" | "text" | "time" | "h1" | "h2" | "h3" | "h4" | "h5" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | react.ComponentType<any> | "center" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<react.PropsWithoutRef<react.ComponentProps<C>>, keyof {
+    variant?: TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: C | undefined;
+    forwardedAs?: C | undefined;
+}) => React.ReactElement | null), keyof react.Component<any, {}, any>>;
 
 declare const Container: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
@@ -113,6 +169,8 @@ type SelectFieldProps = {
     defaultValue?: string;
     placeholder?: string;
     label?: string;
+    searchInput?: boolean;
+    searchPlaceholder?: string;
     error?: string;
     disabled?: boolean;
     icon?: React.ReactNode;
@@ -215,7 +273,50 @@ interface ButtonSwitcherProps {
 }
 declare const ButtonSwitcher: React.FC<ButtonSwitcherProps>;
 
-declare const Avatar: (props: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+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>;
+
+interface ModalProps {
+    children: React.ReactNode;
+    title: string;
+    onClose?: () => void;
+    open: boolean;
+}
+declare const Modal: React.FC<ModalProps>;
 
 type ApplicationDataVariant = "primary" | "secondary";
 interface ApplicationDataProps {
@@ -231,7 +332,7 @@ type ApplicationInfoVariant = "primary" | "secondary";
 
 interface ApplicationInfoProps {
     children: React.ReactNode;
-    actions: React.ReactNode;
+    actions?: React.ReactNode;
     variant?: ApplicationInfoVariant;
 }
 declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
@@ -286,6 +387,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>;
@@ -331,15 +459,15 @@ 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;
 
 interface IconProps extends react__default.SVGProps<SVGSVGElement> {
-    size?: number | string;
+    size?: number;
     children?: react__default.ReactNode;
 }
 
@@ -678,27 +806,7 @@ declare const StyledProvider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const breakpoints: {
-    mobile: {
-        max: number;
-        scale: number;
-    };
-    tablet: {
-        min: number;
-        max: number;
-        scale: number;
-    };
-    desktop: {
-        min: number;
-        max: number;
-        scale: number;
-    };
-    wide: {
-        min: number;
-        scale: number;
-    };
-};
 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, 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, IotaIcon, KlaytnIcon, 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, breakpoints, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
-export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };
+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, Label, 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, Modal, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matbea-ui/matbea-ui",
-  "version": "0.2.0-dev.437135",
+  "version": "0.2.0-dev.438353",
   "license": "MIT",
   "type": "module",
   "main": "dist/matbea-ui.cjs.js",
@@ -44,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",