profinansy-ui-lib 3.0.37 → 3.0.38

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface IProps {
-    children: React.ReactNode;
-}
-declare const StoryTitle: ({ children }: IProps) => JSX.Element;
-export { StoryTitle };
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+declare const StoryTitle: ({ children }: IProps) => JSX.Element;
+export { StoryTitle };

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.styled.d.ts

@@ -1 +1 @@
-export declare const H2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {}, never>;
+export declare const H2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {}, never>;

package/dist/hooks/useBlockScroll.d.ts

@@ -1,2 +1,2 @@
-export declare const useBlockScroll: (open: boolean) => void;
-export default useBlockScroll;
+export declare const useBlockScroll: (open: boolean) => void;
+export default useBlockScroll;

package/dist/hooks/useBreakpoints.d.ts

@@ -1,7 +1,7 @@
-export declare const useBreakpoints: () => {
-    xs: boolean;
-    s: boolean;
-    sm: boolean;
-    md: boolean;
-    lg: boolean;
-};
+export declare const useBreakpoints: () => {
+    xs: boolean;
+    s: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};

package/dist/hooks/useClickOutside.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-declare function useClickOutside(open: boolean, callback: () => void, ref: RefObject<HTMLDivElement>, ignoreElemClasses?: string[], ignoreParentClass?: string): void;
-export default useClickOutside;
+import { RefObject } from 'react';
+declare function useClickOutside(open: boolean, callback: () => void, ref: RefObject<HTMLDivElement>, ignoreElemClasses?: string[], ignoreParentClass?: string): void;
+export default useClickOutside;

package/dist/hooks/useCurrentPath.d.ts

@@ -1,4 +1,4 @@
-export declare const useCurrentPath: () => {
-    currentPathname: any;
-    currentHref: any;
-};
+export declare const useCurrentPath: () => {
+    currentPathname: any;
+    currentHref: any;
+};

package/dist/hooks/useEscKeydownHandler.d.ts

@@ -1 +1 @@
-export declare const useEscKeydownHandler: (onClose: () => void) => void;
+export declare const useEscKeydownHandler: (onClose: () => void) => void;

package/dist/hooks/useGetDevice.d.ts

@@ -1,5 +1,5 @@
-type TDevice = 'mobile' | 'desktop';
-export declare const useGetDevice: () => {
-    device: TDevice;
-};
-export {};
+type TDevice = 'mobile' | 'desktop';
+export declare const useGetDevice: () => {
+    device: TDevice;
+};
+export {};

package/dist/hooks/useGetHeightForMobile.d.ts

@@ -1,2 +1,2 @@
-declare function useGetHeightForMobile(isBreakpoint: boolean): number;
-export { useGetHeightForMobile };
+declare function useGetHeightForMobile(isBreakpoint: boolean): number;
+export { useGetHeightForMobile };

package/dist/hooks/useGetVideoLink.d.ts

@@ -1,9 +1,9 @@
-type useGetVideoLinkProps = {
-    videoLink?: string;
-    startTime?: string;
-};
-export declare const useGetVideoLink: ({ videoLink, startTime }: useGetVideoLinkProps) => {
-    link: string;
-    isIframe: boolean;
-};
-export {};
+type useGetVideoLinkProps = {
+    videoLink?: string;
+    startTime?: string;
+};
+export declare const useGetVideoLink: ({ videoLink, startTime }: useGetVideoLinkProps) => {
+    link: string;
+    isIframe: boolean;
+};
+export {};

package/dist/hooks/useHiddingFromApp.d.ts

@@ -1,4 +1,4 @@
-declare const useHidingFromApp: () => {
-    renderComponent: boolean;
-};
-export { useHidingFromApp };
+declare const useHidingFromApp: () => {
+    renderComponent: boolean;
+};
+export { useHidingFromApp };

package/dist/hooks/useHidingChat.d.ts

@@ -1,2 +1,2 @@
-export declare const useHidingChat: (open: boolean) => void;
-export default useHidingChat;
+export declare const useHidingChat: (open: boolean) => void;
+export default useHidingChat;

package/dist/hooks/useTransitionModal.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-declare function useTransitionModal(isOpen: boolean, children: ReactNode, onClose: () => void): {
-    animation: boolean;
-    content: any;
-    showModal: boolean;
-};
-export { useTransitionModal };
+import { ReactNode } from 'react';
+declare function useTransitionModal(isOpen: boolean, children: ReactNode, onClose: () => void): {
+    animation: boolean;
+    content: any;
+    showModal: boolean;
+};
+export { useTransitionModal };

package/dist/index.d.ts

@@ -1,35 +1,35 @@
-import { Header } from './components/header';
-import { Footer } from './components/footer';
-import { useHidingFromApp } from './hooks/useHiddingFromApp';
-import { useHidingChat } from './hooks/useHidingChat';
-import { Checkbox } from './components/uikit/Checkbox';
-import { Radio } from './components/uikit/Radio';
-import { Portal } from './components/uikit/Portal';
-import { Loader } from './components/uikit/Loader';
-import { Button } from './components/uikit/Button';
-import { TextButton } from './components/uikit/TextButton';
-import { RegexPattern, Input } from './components/uikit/Input';
-import { ErrorText } from './components/uikit/ErrorText';
-import { Avatar } from './components/uikit/Avatar';
-import { Tooltip, DefaultTooltip } from './components/uikit/Tooltip';
-import { Modal } from './components/uikit/Modal';
-import { SideModal } from './components/uikit/SideModal';
-import { CircleButton } from './components/uikit/CircleButton';
-import { ArrowButton } from './components/uikit/ArrowButton';
-import { Sidebar } from './components/uikit/Sidebar';
-import { HiddenText } from './components/uikit/HiddenText';
-import { PasswordInput } from './components/uikit/PasswordInput';
-import { Dropdown } from './components/uikit/Dropdown';
-import { ModalMobile } from './components/uikit/ModalMobile';
-import { Popup } from './components/uikit/Popup/';
-import { IPopup } from './components/uikit/Popup/Popup.typed';
-import { FieldRow } from './components/uikit/FieldRow';
-import { Card } from './components/uikit/Card';
-import { Switch } from './components/uikit/Switch';
-import { Spinner } from './components/uikit/Spinner';
-import { Skeleton } from './components/uikit/Skeleton';
-import { TabListCell } from './components/uikit/TabListCell';
-import { Textarea } from './components/uikit/Textarea';
-import { palette } from './theme/theme.const';
-import { ThemeProvider, useMode } from './theme/ThemeProvider';
-export { Footer, Header, Checkbox, Radio, Portal, Loader, Button, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Sidebar, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, TabListCell, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp };
+import { Header } from './components/header';
+import { Footer } from './components/footer';
+import { useHidingFromApp } from './hooks/useHiddingFromApp';
+import { useHidingChat } from './hooks/useHidingChat';
+import { Checkbox } from './components/uikit/Checkbox';
+import { Radio } from './components/uikit/Radio';
+import { Portal } from './components/uikit/Portal';
+import { Loader } from './components/uikit/Loader';
+import { Button } from './components/uikit/Button';
+import { TextButton } from './components/uikit/TextButton';
+import { RegexPattern, Input } from './components/uikit/Input';
+import { ErrorText } from './components/uikit/ErrorText';
+import { Avatar } from './components/uikit/Avatar';
+import { Tooltip, DefaultTooltip } from './components/uikit/Tooltip';
+import { Modal } from './components/uikit/Modal';
+import { SideModal } from './components/uikit/SideModal';
+import { CircleButton } from './components/uikit/CircleButton';
+import { ArrowButton } from './components/uikit/ArrowButton';
+import { Sidebar } from './components/uikit/Sidebar';
+import { HiddenText } from './components/uikit/HiddenText';
+import { PasswordInput } from './components/uikit/PasswordInput';
+import { Dropdown } from './components/uikit/Dropdown';
+import { ModalMobile } from './components/uikit/ModalMobile';
+import { Popup } from './components/uikit/Popup/';
+import { IPopup } from './components/uikit/Popup/Popup.typed';
+import { FieldRow } from './components/uikit/FieldRow';
+import { Card } from './components/uikit/Card';
+import { Switch } from './components/uikit/Switch';
+import { Spinner } from './components/uikit/Spinner';
+import { Skeleton } from './components/uikit/Skeleton';
+import { TabListCell } from './components/uikit/TabListCell';
+import { Textarea } from './components/uikit/Textarea';
+import { palette } from './theme/theme.const';
+import { ThemeProvider, useMode } from './theme/ThemeProvider';
+export { Footer, Header, Checkbox, Radio, Portal, Loader, Button, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Sidebar, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, TabListCell, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp };

package/dist/index.js

@@ -329,7 +329,7 @@
         fill: ${e=>e.theme.icons.accent};
       }
     `},
-`},8066:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderCenter=void 0;const a=r(n(8156)),o=n(3389),i=n(216),l=n(2223),u=r(n(1561)),c=n(9704),s=n(550);t.HeaderCenter=({hostname:e,hostnameLenta:t,userRole:n,leaderBoardPermission:r,clubAccess:d,isLmsMirror:f,isPossibleTrial:p,burgerOpened:h,isConfirmPartner:m,handleRouteChange:v,setBurgerOpened:g,onLogout:b,onCloseBurger:y,SearchBox:w,setOffer:x})=>{var _;const k=(0,l.getMainLinks)(e,t,f,r,d,m),{sm:M}=(0,s.useBreakpoints)(),O=(0,c.useGetHeightForMobile)(M);return a.default.createElement(i.LinkList,{vh:O,onClick:e=>e.stopPropagation(),opened:h},!!w&&a.default.createElement(i.SearchBoxWrapper,null,w()),null===(_=k[n])||void 0===_?void 0:_.map(((e,t)=>a.default.createElement(o.HeaderLinkItem,Object.assign({isPossibleTrial:p,setOffer:x,closeBurger:()=>g(!1),onRouteChange:v,key:t,burgerOpened:h},e)))),a.default.createElement(i.LogOut,{onClick:()=>{b(),y()}},a.default.createElement(u.default,null),a.default.createElement("span",null,"Выйти")))}},2230:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRight=void 0;const l=i(n(8156)),u=o(n(216)),c=n(9284),s=i(n(3432)),d=n(2258),f=n(2020),p=n(550),h=n(9687);t.HeaderRight=({user:e,hostname:t,userRole:n,isProfinansy:r,isPossibleTrial:a,trial:o,handleRouteChange:i,setBurgerOpened:m,onLogout:v})=>{const{xs:g}=(0,p.useBreakpoints)(),b=()=>{const e=r?"/market/dashboard":window.location.href;i(t+"/authorization?redirect="+e)};return l.default.createElement(u.HeaderRight,null,l.default.createElement(c.Favourite,{hostname:t,handleRouteChange:i,userRole:n}),l.default.createElement(h.PremiumDropdownList,{trial:o,userRole:n,hostname:t}),"guest"===n?l.default.createElement(l.default.Fragment,null,g?l.default.createElement(u.LoginIcon,{onClick:b},l.default.createElement(s.default,null)):l.default.createElement(d.Button,{onClick:b,text:"Войти",size:"S"})):l.default.createElement(f.UserDropdownMenu,{user:e,trial:o,userRole:n,closeBurger:()=>m(!1),hostname:t,onRouteChange:i,onLogout:v,isPossibleTrial:a}))}},8212:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.Premium=t.Container=void 0;const a=r(n(1608));t.Container=a.default.button`
+`},8066:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderCenter=void 0;const a=r(n(8156)),o=n(3389),i=n(216),l=n(2223),u=r(n(1561)),c=n(9704),s=n(550);t.HeaderCenter=({hostname:e,hostnameLenta:t,userRole:n,leaderBoardPermission:r,clubAccess:d,isLmsMirror:f,isPossibleTrial:p,burgerOpened:h,isConfirmPartner:m,handleRouteChange:v,setBurgerOpened:g,onLogout:b,onCloseBurger:y,SearchBox:w,setOffer:x})=>{var _;const k=(0,l.getMainLinks)(e,t,f,r,d,m),{sm:M}=(0,s.useBreakpoints)(),O=(0,c.useGetHeightForMobile)(M);return a.default.createElement(i.LinkList,{vh:O,onClick:e=>e.stopPropagation(),opened:h},!!w&&a.default.createElement(i.SearchBoxWrapper,null,w()),null===(_=k[n])||void 0===_?void 0:_.map(((e,t)=>a.default.createElement(o.HeaderLinkItem,Object.assign({isPossibleTrial:p,setOffer:x,closeBurger:()=>g(!1),onRouteChange:v,key:t,burgerOpened:h},e)))),a.default.createElement(i.LogOut,{onClick:()=>{b(),y()}},a.default.createElement(u.default,null),a.default.createElement("span",null,"Выйти")))}},2230:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRight=void 0;const l=i(n(8156)),u=o(n(216)),c=n(9284),s=i(n(3432)),d=n(2258),f=n(2020),p=n(550),h=n(9687);t.HeaderRight=({user:e,hostname:t,userRole:n,isProfinansy:r,isPossibleTrial:a,trial:o,handleRouteChange:i,setBurgerOpened:m,onLogout:v})=>{const{xs:g}=(0,p.useBreakpoints)(),b=()=>{const e=r?"/market/dashboard":window.location.href;i(t+"/login?redirect="+e)};return l.default.createElement(u.HeaderRight,null,l.default.createElement(c.Favourite,{hostname:t,handleRouteChange:i,userRole:n}),l.default.createElement(h.PremiumDropdownList,{trial:o,userRole:n,hostname:t}),"guest"===n?l.default.createElement(l.default.Fragment,null,g?l.default.createElement(u.LoginIcon,{onClick:b},l.default.createElement(s.default,null)):l.default.createElement(d.Button,{onClick:b,text:"Войти",size:"S"})):l.default.createElement(f.UserDropdownMenu,{user:e,trial:o,userRole:n,closeBurger:()=>m(!1),hostname:t,onRouteChange:i,onLogout:v,isPossibleTrial:a}))}},8212:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.Premium=t.Container=void 0;const a=r(n(1608));t.Container=a.default.button`
   border-radius: 10px;
   padding: ${e=>e.mobile?"8px 12px":"2px 12px"};
   font-size: 11px;
@@ -365,22 +365,12 @@
   line-height: 16px;
   max-width: 200px;
   margin-top: 5px;
-`},1463:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Premium=void 0;const l=i(n(8156)),u=n(2054),c=o(n(8212)),s=n(2091);t.Premium=e=>{const t=null===window||void 0===window?void 0:window.location.pathname.includes("/club");return"guest"===e.userRole||t?null:e.trial?l.default.createElement(s.Tooltip,{isHover:!0,data:l.default.createElement(c.Tooltip,null,"Ваша премиум подписка на profinansy.ru действует до"," ",(0,u.format)(new Date(e.trial),"dd.MM.yyyy")," ",l.default.createElement("br",null)," После окончания оплата за продление спишется автоматически.")},l.default.createElement("div",null,l.default.createElement(d,Object.assign({},e)))):l.default.createElement(d,Object.assign({},e))};const d=({userRole:e,hostname:t,isMobile:n})=>{const r="paid"===e;return l.default.createElement(c.Container,{active:r,mobile:n,onClick:()=>{window.open(`${t}/payment`,"_blank")}},l.default.createElement(c.Premium,null,"Premium ",n?null:l.default.createElement("br",null)," ",l.default.createElement("b",null,r?"АКТИВЕН":"НЕАКТИВЕН")))}},1027:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Avatar=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
+`},1463:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Premium=void 0;const l=i(n(8156)),u=n(2054),c=o(n(8212)),s=n(2091);t.Premium=e=>{const t=null===window||void 0===window?void 0:window.location.pathname.includes("/club");return"guest"===e.userRole||t?null:e.trial?l.default.createElement(s.Tooltip,{isHover:!0,data:l.default.createElement(c.Tooltip,null,"Ваша премиум подписка на profinansy.ru действует до"," ",(0,u.format)(new Date(e.trial),"dd.MM.yyyy")," ",l.default.createElement("br",null)," После окончания оплата за продление спишется автоматически.")},l.default.createElement("div",null,l.default.createElement(d,Object.assign({},e)))):l.default.createElement(d,Object.assign({},e))};const d=({userRole:e,hostname:t,isMobile:n})=>{const r="paid"===e;return l.default.createElement(c.Container,{active:r,mobile:n,onClick:()=>{window.open(`${t}/payment`,"_blank")}},l.default.createElement(c.Premium,null,"Premium ",n?null:l.default.createElement("br",null)," ",l.default.createElement("b",null,r?"АКТИВЕН":"НЕАКТИВЕН")))}},1027:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
   margin-left: 8px;
-  position: relative;
   display: flex;
+  justify-content: center;
   align-items: center;
-`,t.Avatar=a.default.img`
-  position: relative;
-  z-index: 20;
-  width: 32px;
-  min-width: 32px;
-  min-height: 32px;
-  height: 32px;
-  border-radius: 50%;
-  cursor: pointer;
-  object-fit: cover;
-`},900:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserAvatar=void 0;const l=i(n(8156)),u=o(n(1027));t.UserAvatar=({avatarUrl:e,setOpened:t})=>{const n=e||"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8SiTWYOrsL_Ea5ILRPJlK9bLlBUFgxvyu1TFL4F2JBQ&s";return l.default.createElement(u.Container,null,l.default.createElement(u.Avatar,{onClick:t,tabIndex:0,src:n,alt:"menu-avatar"}))}},9030:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Unavailable=t.Available=t.HeaderDropdownItemLink=t.HeaderDropdownItem=t.HeaderDropdown=t.ChevronIconWrapper=t.HeaderLink=t.HeaderItem=void 0;const a=r(n(1608)),o=n(9426);t.HeaderItem=a.default.div`
+`},900:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserAvatar=void 0;const l=i(n(8156)),u=o(n(1027)),c=n(1597);t.UserAvatar=({avatarUrl:e,setOpened:t})=>l.default.createElement(u.Container,{onClick:t},l.default.createElement(c.Avatar,{size:"32px",link:e}))},9030:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Unavailable=t.Available=t.HeaderDropdownItemLink=t.HeaderDropdownItem=t.HeaderDropdown=t.ChevronIconWrapper=t.HeaderLink=t.HeaderItem=void 0;const a=r(n(1608)),o=n(9426);t.HeaderItem=a.default.div`
   position: relative;
   padding-bottom: 15px;
   padding-top: 15px;
@@ -1363,7 +1353,59 @@
     color: ${e=>e.color||e.theme.background.accent};
     animation: ${c} 1s infinite linear;
   }
-`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=o(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),o=n(1230);t.Wrapper=a.default.div`
+`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=o(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},1417:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseIconButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),o=n(1230),i=a.default.div`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100000;
+  opacity: ${e=>e.isOpen?1:0};
+  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+`;t.Wrapper=i;const l=a.default.div`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(90, 90, 90, 0.8);
+`;t.Layout=l;const u=a.default.div`
+  overflow-y: auto;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  max-height: calc(100vh - 80px);
+  background: ${e=>e.theme.background.content};
+  width: 100%;
+  z-index: 100;
+  translate: ${e=>e.isOpen?0:"0 100%"};
+  transition: 0.225s;
+  border-radius: 14px 14px 0 0;
+  padding: 0 16px 16px 16px;
+  ${o.Scroll}
+`;t.Content=u;const c=a.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 0;
+  margin-bottom: 12px;
+`;t.Header=c;const s=a.default.p`
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+  text-align: center;
+  width: 100%;
+  color: ${e=>e.theme.text.primary};
+  padding: 0 16px;
+`;t.Title=s;const d=a.default.button`
+  position: absolute;
+  top: 15px;
+  right: 0px;
+  background: none;
+  border: none;
+  cursor: pointer;
+`;t.CloseIconButton=d},1048:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),c=n(3848),s=n(7493),d=o(n(1417)),f=n(1608),p=n(1197),h=n(1899),m=i(n(505));t.ModalMobile=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:u,hideButtons:v,closeIconVisible:g})=>{const{mode:b}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[b]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:()=>{o&&o()}}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!v&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!v&&l.default.createElement(s.TextButton,{text:n,onClick:u}),g&&l.default.createElement(d.CloseIconButton,{onClick:o},l.default.createElement(m.default,null))),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},8105:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),o=n(1230);t.Wrapper=a.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -1422,59 +1464,7 @@
   z-index: 10;
   top: 6px;
   right: 6px;
-`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(505)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=n(6286);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(g,Object.assign({},e,{animation:n}),t):null};const g=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:c,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:k="left"})=>{const M=()=>{e&&e()},{mode:O}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[O]},l.default.createElement(u.Wrapper,{className:c,open:_,style:b},l.default.createElement(u.Layout,{className:y,onClick:M,style:g}),l.default.createElement(u.Content,{className:(0,f.default)(w,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,null,l.default.createElement(v.CircleButton,{icon:l.default.createElement(d.default,{className:"modal-closeBtn"}),onClick:M,size:"M"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:k},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},1417:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseIconButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),o=n(1230),i=a.default.div`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 100000;
-  opacity: ${e=>e.isOpen?1:0};
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-`;t.Wrapper=i;const l=a.default.div`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(90, 90, 90, 0.8);
-`;t.Layout=l;const u=a.default.div`
-  overflow-y: auto;
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  max-height: calc(100vh - 80px);
-  background: ${e=>e.theme.background.content};
-  width: 100%;
-  z-index: 100;
-  translate: ${e=>e.isOpen?0:"0 100%"};
-  transition: 0.225s;
-  border-radius: 14px 14px 0 0;
-  padding: 0 16px 16px 16px;
-  ${o.Scroll}
-`;t.Content=u;const c=a.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 0;
-  margin-bottom: 12px;
-`;t.Header=c;const s=a.default.p`
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 24px;
-  text-align: center;
-  width: 100%;
-  color: ${e=>e.theme.text.primary};
-  padding: 0 16px;
-`;t.Title=s;const d=a.default.button`
-  position: absolute;
-  top: 15px;
-  right: 0px;
-  background: none;
-  border: none;
-  cursor: pointer;
-`;t.CloseIconButton=d},1048:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),c=n(3848),s=n(7493),d=o(n(1417)),f=n(1608),p=n(1197),h=n(1899),m=i(n(505));t.ModalMobile=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:u,hideButtons:v,closeIconVisible:g})=>{const{mode:b}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[b]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:()=>{o&&o()}}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!v&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!v&&l.default.createElement(s.TextButton,{text:n,onClick:u}),g&&l.default.createElement(d.CloseIconButton,{onClick:o},l.default.createElement(m.default,null))),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
+`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(505)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=n(6286);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(g,Object.assign({},e,{animation:n}),t):null};const g=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:c,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:k="left"})=>{const M=()=>{e&&e()},{mode:O}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[O]},l.default.createElement(u.Wrapper,{className:c,open:_,style:b},l.default.createElement(u.Layout,{className:y,onClick:M,style:g}),l.default.createElement(u.Content,{className:(0,f.default)(w,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,null,l.default.createElement(v.CircleButton,{icon:l.default.createElement(d.default,{className:"modal-closeBtn"}),onClick:M,size:"M"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:k},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
   position: relative;
   width: 100%;
   & input {

package/dist/theme/Theme.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Colors: () => JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Colors: () => JSX.Element;

package/dist/theme/ThemeProvider.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from 'react';
-export declare const useMode: () => {
-    mode: string;
-    selectedMode: string;
-    toggleTheme: any;
-    setShowTheme: any;
-};
-interface IProps {
-    children: ReactNode;
-}
-export type TTheme = 'light' | 'dark';
-export declare const ThemeProvider: ({ children }: IProps) => JSX.Element;
-export {};
+import { ReactNode } from 'react';
+export declare const useMode: () => {
+    mode: string;
+    selectedMode: string;
+    toggleTheme: any;
+    setShowTheme: any;
+};
+interface IProps {
+    children: ReactNode;
+}
+export type TTheme = 'light' | 'dark';
+export declare const ThemeProvider: ({ children }: IProps) => JSX.Element;
+export {};