profinansy-ui-lib 3.2.98 → 3.3.1

package/dist/components/uikit/Card/Card.styled.d.ts

@@ -14,6 +14,8 @@ declare const TitleContainer: import("styled-components").StyledComponent<"div",
     adaptiveRightContent: number;
 }, never>;
 declare const Title: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
+export declare const TitleLinkContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HintContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const TitleLink: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
 declare const Subtitle: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 export { Container, Header, TitleContainer, Title, TitleLink, Subtitle, FirstLine };

package/dist/components/uikit/Dropdown/Dropdown.d.ts

@@ -25,9 +25,9 @@ export declare function useDrop({ placement, onOpenList }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/FilterButton/Drop/Drop.d.ts

@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/Hint/Hint.d.ts

@@ -26,9 +26,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/Popup/Popup.d.ts

@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/components/uikit/Tooltip/Tooltip.d.ts

@@ -26,9 +26,9 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/dist/index.js

@@ -4163,7 +4163,7 @@
   background: ${e=>e.theme.background.content};
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
   animation: ${l} 0.3s ease-in-out forwards;
-`},6822: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.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SearchContent=void 0;const u=l(n(8156)),c=o(n(6351)),s=n(5344);t.SearchContent=e=>{var{isOpen:t}=e,n=i(e,["isOpen"]);return t?u.default.createElement(c.Wrapper,{isOpen:t},u.default.createElement(s.Search,Object.assign({},n))):null}},4075: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`
+`},6822: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.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SearchContent=void 0;const u=l(n(8156)),c=o(n(6351)),s=n(5344),d=n(6234);t.SearchContent=e=>{var{isOpen:t}=e,n=i(e,["isOpen"]);return(0,d.useBlockScrollOpen)(t),t?u.default.createElement(c.Wrapper,{isOpen:t},u.default.createElement(s.Search,Object.assign({},n))):null}},4075: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: 24px;
   display: flex;
   justify-content: center;
@@ -5878,7 +5878,7 @@
   border: ${e=>(0,l.getMode)(e.theme)[e.mode].default.border};
   border-radius: 7px;
   cursor: default;
-`;t.Loading=p},6450: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.Button=void 0;const l=o(n(8156)),u=o(n(8228)),c=n(5529),s=i(n(4184)),d=n(1197),f=n(1608),p=n(1899),h=n(5465),m=n(5492),v=(0,l.forwardRef)((({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:a=!1,iconLeft:o,iconRight:i,size:v="M",loading:g=!1,form:b="square",width:y,style:w,onClick:x,className:_,isFill:O=!0},E)=>{const{mode:M}=(0,d.useMode)();return l.default.createElement(f.ThemeProvider,{theme:p.palette[M]},l.default.createElement(u.Button,{$form:b,ref:E,type:n,style:w,className:(0,s.default)(_,"button"),disabled:a||g,onClick:e=>{!x||g||a||x(e)},size:v,mode:r,width:y,isFill:O,isText:!!e||!!t},g&&l.default.createElement(u.Loading,{mode:r},l.default.createElement(c.Loader,{color:(0,h.getMode)(p.palette[M])[r].default.color})),o?l.default.createElement(u.IconLeft,{isText:!!e,size:v},o):null,e?l.default.createElement(m.Typography,{tag:"span",variant:"XS"===v?"description-Medium":"text-Medium"},e):null,!e&&t?t:null,i?l.default.createElement(u.IconRight,{isText:!!e,size:v},i):null))}));t.Button=v},2258:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;var r=n(6450);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.Button}})},6324: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};Object.defineProperty(t,"__esModule",{value:!0}),t.FirstLine=t.Subtitle=t.TitleLink=t.Title=t.TitleContainer=t.Header=t.Container=void 0;const i=o(n(1608)),l=n(4542),u=i.default.div`
+`;t.Loading=p},6450: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.Button=void 0;const l=o(n(8156)),u=o(n(8228)),c=n(5529),s=i(n(4184)),d=n(1197),f=n(1608),p=n(1899),h=n(5465),m=n(5492),v=(0,l.forwardRef)((({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:a=!1,iconLeft:o,iconRight:i,size:v="M",loading:g=!1,form:b="square",width:y,style:w,onClick:x,className:_,isFill:O=!0},E)=>{const{mode:M}=(0,d.useMode)();return l.default.createElement(f.ThemeProvider,{theme:p.palette[M]},l.default.createElement(u.Button,{$form:b,ref:E,type:n,style:w,className:(0,s.default)(_,"button"),disabled:a||g,onClick:e=>{!x||g||a||x(e)},size:v,mode:r,width:y,isFill:O,isText:!!e||!!t},g&&l.default.createElement(u.Loading,{mode:r},l.default.createElement(c.Loader,{color:(0,h.getMode)(p.palette[M])[r].default.color})),o?l.default.createElement(u.IconLeft,{isText:!!e,size:v},o):null,e?l.default.createElement(m.Typography,{tag:"span",variant:"XS"===v?"description-Medium":"text-Medium"},e):null,!e&&t?t:null,i?l.default.createElement(u.IconRight,{isText:!!e,size:v},i):null))}));t.Button=v},2258:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;var r=n(6450);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.Button}})},6324: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};Object.defineProperty(t,"__esModule",{value:!0}),t.FirstLine=t.Subtitle=t.TitleLink=t.Title=t.TitleContainer=t.Header=t.Container=t.HintContainer=t.TitleLinkContainer=void 0;const i=o(n(1608)),l=n(4542),u=i.default.div`
   width: ${e=>e.width};
   background: ${e=>e.theme.background.content};
   box-shadow: ${e=>e.theme.shadow.basicDefault};
@@ -5926,7 +5926,12 @@
   font-weight: 700;
   font-size: 18px;
   line-height: 24px;
-`;t.Title=f;const p=i.default.h4`
+`;t.Title=f,t.TitleLinkContainer=i.default.div`
+  display: flex;
+  gap: 16px;
+`,t.HintContainer=i.default.div`
+  margin-top: 3px;
+`;const p=i.default.h4`
   font-family: Manrope, sans-serif;
   margin-top: 0;
   margin-bottom: 0;
@@ -5945,7 +5950,7 @@
   font-weight: 400;
   line-height: 16px;
   margin-top: 4px;
-`;t.Subtitle=h},4789: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.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,headerCustom:a,subtitle:o,titleLink:i,className:h,classNameTitle:m,classNameHeader:v,isHover:g=!1,hint:b=null,width:y="100%",padding:w="16px",margin:x="0px 0px 16px 0px",rightContent:_,adaptiveRightContent:O}=e,{mode:E}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[E]},l.default.createElement(c.Container,{margin:x,padding:w,width:y,isHover:g,className:(0,s.default)(h,"card-container"),ref:t},a||l.default.createElement(l.default.Fragment,null,r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(v,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:O},l.default.createElement(c.TitleContainer,{adaptiveRightContent:O},i?l.default.createElement(c.TitleLink,{onClick:()=>{window.open(i,"_blank")},className:(0,s.default)(m,"card-title")},b?l.default.createElement(p.TextWithPopup,{text:`${r}`,hint:b}):r):l.default.createElement(c.Title,{className:(0,s.default)(m,"card-title")},b?l.default.createElement(p.TextWithPopup,{text:r,hint:b}):r)),_||null),o&&l.default.createElement(c.Subtitle,null,o))),n))}));t.Card=h},3159:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Text=t.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
+`;t.Subtitle=h},4789: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.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=n(8911),m=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,headerCustom:a,subtitle:o,titleLink:i,className:m,classNameTitle:v,classNameHeader:g,isHover:b=!1,hint:y=null,width:w="100%",padding:x="16px",margin:_="0px 0px 16px 0px",rightContent:O,adaptiveRightContent:E}=e,{mode:M}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[M]},l.default.createElement(c.Container,{margin:_,padding:x,width:w,isHover:b,className:(0,s.default)(m,"card-container"),ref:t},a||l.default.createElement(l.default.Fragment,null,r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(g,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:E},l.default.createElement(c.TitleContainer,{adaptiveRightContent:E},i?l.default.createElement(c.TitleLinkContainer,null,l.default.createElement(c.TitleLink,{onClick:()=>{window.open(i,"_blank")},className:(0,s.default)(v,"card-title")},r),y&&l.default.createElement(c.HintContainer,null,l.default.createElement(h.Popup,Object.assign({},y)))):l.default.createElement(c.Title,{className:(0,s.default)(v,"card-title")},y?l.default.createElement(p.TextWithPopup,{text:r,hint:y}):r)),O||null),o&&l.default.createElement(c.Subtitle,null,o))),n))}));t.Card=m},3159:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Text=t.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
   margin: 2px;
   position: relative;
   top: 0;
@@ -6526,7 +6531,7 @@
   & svg path {
     fill: ${e=>e.theme.icons.primary};
   }
-`;t.CloseButton=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(3179));t.ModalMobile=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,u.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:v,closeIconVisible:g})=>{const b=()=>{o&&o()};(0,u.useControlsForModal)(o);const{mode:y}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[y]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:b}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!!t&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!!n&&l.default.createElement(s.TextButton,{text:n,onClick:v}),g&&l.default.createElement(d.CloseButton,{onClick:b},l.default.createElement(m.default,{className:"modal-mobile-closeBtn"}))),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}})},2625: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.PageTitle=void 0;const a=r(n(8156)),o=n(5492),i=n(8471);t.PageTitle=({text:e,hint:t})=>a.default.createElement(a.default.Fragment,null,a.default.createElement(o.Typography,{tag:"h1",variant:"header2-Bold",colorName:"primary"},t?a.default.createElement(i.TextWithPopup,{text:e,hint:t}):e))},7126:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageTitle=void 0;var r=n(2625);Object.defineProperty(t,"PageTitle",{enumerable:!0,get:function(){return r.PageTitle}})},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`
+`;t.CloseButton=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(3179));t.ModalMobile=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,u.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:v,closeIconVisible:g})=>{const b=()=>{o&&o()};(0,u.useControlsForModal)(o);const{mode:y}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[y]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:b}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!!t&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!!n&&l.default.createElement(s.TextButton,{text:n,onClick:v}),g&&l.default.createElement(d.CloseButton,{onClick:b},l.default.createElement(m.default,{className:"modal-mobile-closeBtn"}))),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}})},2625: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.PageTitle=void 0;const a=r(n(8156)),o=n(5492),i=n(8471),l=n(140);t.PageTitle=({text:e,hint:t})=>a.default.createElement(a.default.Fragment,null,a.default.createElement(o.Typography,{tag:"h1",variant:[{resolution:null,variant:"header2-Bold"},{resolution:l.MOBILE_WIDTH,variant:"header3-Bold"}],colorName:"primary"},t?a.default.createElement(i.TextWithPopup,{text:e,hint:t}):e))},7126:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageTitle=void 0;var r=n(2625);Object.defineProperty(t,"PageTitle",{enumerable:!0,get:function(){return r.PageTitle}})},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 {
@@ -6891,7 +6896,7 @@
     top: auto;
     left: 0;
     bottom: 0;
-    max-height: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.mobile)||"85vh"}};
+    max-height: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.mobile)||"85dvh"}};
     animation: ${e=>{return i.css`
         ${e.withoutAnimation?d(e.isOpen):(t=e.isOpen,i.keyframes`
   from {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.2.98",
+  "version": "3.3.1",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {