profinansy-ui-lib 3.0.34 → 3.0.36

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

@@ -1120,7 +1120,7 @@
   padding-right: ${e=>e.isTextLeft?"6px":"0"};
   order: ${e=>e.isTextLeft?-1:1};
   color: ${e=>e.color||e.theme.text.primary};
-`;t.Text=u},26: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.Checkbox=void 0;const l=i(n(8156)),u=o(n(5418)),c=i(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.Checkbox=e=>{const{checked:t=!1,text:n,name:r,onChange:a,size:o="M",form:i="square",color:p,align:h="flex-start",value:m,isTextLeft:v,readonly:g=!1,classNameContainer:b,classNameText:y}=e,{mode:w}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[w]},l.default.createElement(u.Container,{align:h,readonly:g,className:(0,c.default)(b,"checkbox-container")},l.default.createElement(u.NativeInput,{onClick:e=>e.stopPropagation(),value:m,type:"checkbox",readOnly:g,checked:t,name:r,onChange:e=>{a&&!g&&a(e.target.checked,e)}}),l.default.createElement(u.Element,{size:o,form:i,readonly:g}),!!n&&l.default.createElement(u.Text,{size:o,isTextLeft:v,color:p,className:(0,c.default)(y,"checkbox-text")},n)))}},4183:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Checkbox=void 0;var r=n(26);Object.defineProperty(t,"Checkbox",{enumerable:!0,get:function(){return r.Checkbox}})},5674: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.Button=t.IconWrapper=void 0;const a=r(n(1608)),o=n(1481),i=a.default.button`
+`;t.Text=u},26: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.Checkbox=void 0;const l=i(n(8156)),u=o(n(5418)),c=i(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.Checkbox=e=>{const{checked:t=!1,text:n,htmlText:r,name:a,onChange:o,size:i="M",form:p="square",color:h,align:m="flex-start",value:v,isTextLeft:g,readonly:b=!1,classNameContainer:y,classNameText:w}=e,{mode:x}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[x]},l.default.createElement(u.Container,{align:m,readonly:b,className:(0,c.default)(y,"checkbox-container")},l.default.createElement(u.NativeInput,{onClick:e=>e.stopPropagation(),value:v,type:"checkbox",readOnly:b,checked:t,name:a,onChange:e=>{o&&!b&&o(e.target.checked,e)}}),l.default.createElement(u.Element,{className:"checkbox-element",size:i,form:p,readonly:b}),r||null,!!n&&l.default.createElement(u.Text,{size:i,isTextLeft:g,color:h,className:(0,c.default)(w,"checkbox-text")},n)))}},4183:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Checkbox=void 0;var r=n(26);Object.defineProperty(t,"Checkbox",{enumerable:!0,get:function(){return r.Checkbox}})},5674: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.Button=t.IconWrapper=void 0;const a=r(n(1608)),o=n(1481),i=a.default.button`
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -1363,51 +1363,7 @@
     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}})},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.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`
-  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},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);t.ModalMobile=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(m,Object.assign({},e,{animation:n}),t):null};const m=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:u,hideButtons:m})=>{const{mode:v}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[v]},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,!m&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!m&&l.default.createElement(s.TextButton,{text:n,onClick:u})),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`
+`;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`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -1466,7 +1422,59 @@
   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}})},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}})},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`
   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 {};