profinansy-ui-lib 3.8.4 → 3.8.5

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

@@ -2,11 +2,11 @@
 import { TButtonMode, ButtonSize, ButtonForm } from './Button.typed';
 declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $form: ButtonForm;
-    size: ButtonSize;
-    width: string;
+    $size: ButtonSize;
+    $width: string;
     $mode: TButtonMode;
-    isText: boolean;
-    isFill: boolean;
+    $isText: boolean;
+    $isFill: boolean;
 }>> & string;
 declare const IconLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     size: ButtonSize;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    marginBottom: number;
+    $marginBottom: number;
 }>> & string;
 declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 declare const Required: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -20,9 +20,9 @@ export declare const RightText: import("styled-components/dist/types").IStyledCo
     rightTextColor: string;
 }>> & string;
 export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    icon: boolean;
-    rightText: boolean;
-    prohibitTextInput: boolean;
-    error: boolean;
-    positionIcon: IInput['positionIcon'];
+    $icon: boolean;
+    $rightText: boolean;
+    $prohibitTextInput: boolean;
+    $error: boolean;
+    $positionIcon: IInput['positionIcon'];
 }>> & string;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ITypographyProps } from './Typography.typed';
 declare const TypographyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
-    variant: ITypographyProps['variant'];
-    colorName: ITypographyProps['colorName'];
-    colorCategory: ITypographyProps['colorCategory'];
+    $variant: ITypographyProps['variant'];
+    $colorName: ITypographyProps['colorName'];
+    $colorCategory: ITypographyProps['colorCategory'];
 }>> & string;
 export { TypographyStyled };

package/dist/profinansy-ui-lib.cjs.js

@@ -370,9 +370,9 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
         line-height: ${o[1]}px;
         font-weight: ${o[2]};`}),t}else{const t=$5(e);return{fontSize:`${t[0]}px`,lineHeight:`${t[1]}px`,fontWeight:t[2]}}},yf=(e,t,n)=>t&&n?e[t][n]:null,wf=h.styled.p`
   display: inline-block;
-  color: ${e=>yf(e.theme,e.colorCategory,e.colorName)};
-  ${({variant:e})=>xf(e)};
-`,O=m.forwardRef(({tag:e="p",className:t,children:n,variant:r,title:o,colorName:i,onClick:a,valueNumber:l,colorCategory:c="text",...d},p)=>{const f=e,{mode:C}=K(),g=m.useMemo(()=>isNaN(l)?i:l===0?i||"primary":l>=0?"positive":"negative",[i,l]);return s.jsx(h.ThemeProvider,{theme:X[C],children:s.jsx(wf,{ref:p,as:f,variant:r,className:t,title:o,colorCategory:c,colorName:g,onClick:a,style:d,children:n})})}),Ef=h.styled(O)`
+  color: ${e=>yf(e.theme,e.$colorCategory,e.$colorName)};
+  ${({$variant:e})=>xf(e)};
+`,O=m.forwardRef(({tag:e="p",className:t,children:n,variant:r,title:o,colorName:i,onClick:a,valueNumber:l,colorCategory:c="text",...d},p)=>{const f=e,{mode:C}=K(),g=m.useMemo(()=>isNaN(l)?i:l===0?i||"primary":l>=0?"positive":"negative",[i,l]);return s.jsx(h.ThemeProvider,{theme:X[C],children:s.jsx(wf,{ref:p,as:f,className:t,title:o,$variant:r,$colorCategory:c,$colorName:g,onClick:a,style:d,children:n})})}),Ef=h.styled(O)`
   display: flex;
   align-items: center;
   height: 22px;
@@ -967,7 +967,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
   }
 `,Dh=e=>u.createElement("svg",{width:16,height:16,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",style:{fill:"currentcolor",marginBottom:0,flexShrink:0},...e},u.createElement("path",{d:"M4.146 4.146a.5.5 0 0 1 .708 0L10 9.293l5.146-5.147a.5.5 0 1 1 .707.708L10.707 10l5.146 5.146a.5.5 0 1 1-.707.707L10 10.707l-5.146 5.146a.5.5 0 1 1-.708-.707L9.293 10 4.146 4.854a.5.5 0 0 1 0-.708Z"})),_h=typeof window<"u"?m.useLayoutEffect:m.useEffect,C3=({videoLink:e,startTime:t,timing:n})=>{const[r,o]=m.useState(e),[i,a]=m.useState(!0);return m.useEffect(()=>{if(e){if(e?.includes("embed")){o(e);return}if(e?.includes("kinescope.io")){const l=e.split("/"),[c]=[l.pop()],d=`https://kinescope.io/embed/${c}${n||""}`;o(d);return}if(e?.includes("youtube.com")){const l=/=(\w*)/,d=`https://www.youtube.com/embed/${e.match(l)?e.match(l)[1]:null}?start=${t}`;o(d);return}if(e?.includes("youtu.be")){const c=`https://www.youtube.com/embed/${e.split("/")[3]}?start=${t}`;o(c);return}a(!1)}},[e]),{link:r,isIframe:i}},Rt={up:e=>`(min-width: ${e}px)`,down:e=>`(max-width: ${e}px)`,between:(e,t)=>`(min-width: ${e}px) and (max-width: ${t}px)`};function Pt(e){const[t,n]=m.useState(!1);return m.useEffect(()=>{const r=window.matchMedia(e),o=()=>n(r.matches);return n(r.matches),r.addEventListener("change",o),()=>r.removeEventListener("change",o)},[e]),t}function $h({placement:e="bottom",isHover:t=!1}){const[n,r]=m.useState(!1),[o,i]=m.useState(),[a,l]=m.useState(),c=m.useRef(null),d=Ar({placement:e,open:n,onOpenChange:r,whileElementsMounted:r1,middleware:[ni({element:c}),P1(10),H1({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),Dr({padding:10})]});m.useEffect(()=>{if(d.middlewareData.arrow&&d.middlewareData.shift&&c.current){const{x,y}=d.middlewareData.arrow,E=p?.placement.split("-")[0],w={};(E==="top"||E==="bottom")&&(w.left=`${x-d.middlewareData.shift.x}px`,E==="top"?w.bottom="0px":w.top="-13px"),(E==="left"||E==="right")&&(w.top=`${y-d.middlewareData.shift.y}px`,E==="left"?w.right="0px":w.left="-13px"),Object.assign(c.current.style,w)}},[d]);const p=d.context,f=Ls(p,{enabled:t,move:!1,delay:{open:300,close:0}}),C=$r(p,{enabled:!t}),g=Tr(p),v=Pr(p),b=Rr([g,v,C,f]);return m.useMemo(()=>({arrowRef:c,open:n,setOpen:r,...b,...d,labelId:o,descriptionId:a,setLabelId:i,setDescriptionId:l}),[n,r,b,d,o,a,c])}const Rs=m.createContext(null),Th=({content:e,...t})=>{const n=$h({...t}),{mode:r}=K();return s.jsx(h.ThemeProvider,{theme:X[r],children:s.jsx(Rs.Provider,{value:n,children:s.jsxs("div",{onClick:o=>{o.stopPropagation()},children:[s.jsx(Ah,{isText:t.isText,targetElement:t.targetElement,targetClass:t.targetClass}),s.jsx(Rh,{content:e})]})})})},Ah=({isText:e,targetElement:t,targetClass:n})=>{const r=m.useContext(Rs),o=en([r.refs.setReference]);return t&&m.isValidElement(t)?m.cloneElement(t,r.getReferenceProps({ref:o,...t.props,"data-state":r.open?"open":"closed"})):s.jsx(c3,{className:n,ref:o,type:"button","data-state":r.open?"open":"closed",...r.getReferenceProps(),children:e?s.jsxs(s.Fragment,{children:[s.jsx(Lh,{children:s.jsx(O,{variant:"caption2-SemiBold",tag:"span",children:"Как это работает?"})}),s.jsx(Sh,{})]}):s.jsx(g3,{})})},Rh=({content:e})=>{const[t,n]=m.useState(!1),{context:r,setLabelId:o,setDescriptionId:i,...a}=m.useContext(Rs),l=en([a.refs.setFloating]),c=zn(),d=zn(),[p,f,C,g]=e??[],{mode:v}=K(),{link:b}=C3({videoLink:g}),x=Pt(Rt.down(te));_h(()=>(o(c),i(d),()=>{o(void 0),i(void 0)}),[c,d,o,i]);const y=()=>{n(!1)},E={padding:"0px",background:"transparent",maxWidth:"700px",maxHeight:x?"400px":"540px",width:"100%",height:"100%"},{styles:w}=Hr(r,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return r.open?s.jsx(_r,{children:s.jsx(Ss,{context:r,modal:!1,children:s.jsxs("div",{ref:l,style:{zIndex:Et.zIndex8,...a.floatingStyles,outline:"none"},"aria-labelledby":a.labelId,"aria-describedby":a.descriptionId,...a.getFloatingProps(),children:[s.jsx("div",{style:w,children:s.jsxs(Eh,{mode:v,children:[s.jsx(Ms,{ref:a.arrowRef,context:r,tipRadius:2,stroke:v==="light"?"#f0f0f0":X[v].stroke.contrast,strokeWidth:1,fill:X[v].background.field}),s.jsxs(kh,{children:[s.jsx(Ih,{role:"button",onClick:()=>a.setOpen(!1),children:s.jsx(Dh,{})}),s.jsx(u3,{id:c,dangerouslySetInnerHTML:{__html:p||""}}),!!g&&s.jsx(f3,{onClick:()=>n(!0),children:s.jsx("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})}),s.jsx(p3,{id:d,dangerouslySetInnerHTML:{__html:f||""}}),C&&s.jsx(d3,{href:C,target:"_blank",rel:"noreferrer",children:"Подробнее..."})]})]})}),s.jsx(Tt,{open:t,styleContent:E,styleContentInside:{padding:"0px"},styleWrapper:{zIndex:3e5},onClose:y,children:s.jsx(h3,{children:s.jsx(m3,{src:b,allowFullScreen:!0})})})]})})}):null},Ph=e=>{const{targetClass:t,targetElement:n,content:r}=e,[o,i]=m.useState(!1);return s.jsxs(s.Fragment,{children:[s.jsx(Hh,{targetClass:t,targetElement:n,setIsOpen:i}),s.jsx(jh,{content:r,isOpen:o,setIsOpen:i})]})},Hh=({targetElement:e,targetClass:t,setIsOpen:n})=>e&&m.isValidElement(e)?m.cloneElement(e,{onClick:()=>n(!0)}):s.jsx(c3,{className:t,onClick:()=>n(!0),children:s.jsx(g3,{})}),jh=({content:e,isOpen:t,setIsOpen:n})=>{const[r,o]=m.useState(!1),[i,a,l,c]=e??[],{link:d}=C3({videoLink:c}),p=()=>{o(!1)},f={padding:"0px",background:"transparent"};return s.jsxs(s.Fragment,{children:[s.jsx(Tt,{open:t,onClose:()=>n(!1),children:s.jsxs(Mh,{children:[s.jsx(u3,{dangerouslySetInnerHTML:{__html:i||""}}),!!c&&s.jsx(f3,{onClick:()=>o(!0),children:s.jsx("img",{width:280,height:140,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})}),s.jsx(p3,{dangerouslySetInnerHTML:{__html:a||""}}),l&&s.jsx(d3,{href:l,target:"_blank",rel:"noreferrer",children:"Подробнее..."})]})}),s.jsx(Tt,{open:r,styleContent:f,styleContentInside:{padding:"0px"},onClose:p,children:s.jsx(h3,{children:s.jsx(m3,{src:d,allowFullScreen:!0})})})]})},i1=e=>{const{mode:t}=K(),n=Pt(Rt.down(te));return s.jsx(h.ThemeProvider,{theme:X[t],children:n?s.jsx(Ph,{...e}):s.jsx(Th,{...e})})},Fh=h.styled.div`
   width: 100%;
-  margin-bottom: ${e=>e.marginBottom}px;
+  margin-bottom: ${e=>e.$marginBottom}px;
 `,Bh=h.styled.label`
   font-weight: 500;
   font-size: 13px;
@@ -989,7 +989,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
   align-items: center;
   position: relative;
   width: 100%;
-`,Ps=({label:e,children:t,required:n,marginBottom:r=16,hint:o=null,className:i})=>{const{mode:a}=K();return s.jsx(h.ThemeProvider,{theme:X[a],children:s.jsxs(Fh,{marginBottom:r,className:Re(i,"fieldRow-container"),children:[!!e&&s.jsxs(Bh,{onClick:l=>l.preventDefault(),children:[e," ",n&&s.jsx(Vh,{children:"*"}),!!o?.content?.length&&s.jsx(Oh,{children:s.jsx(i1,{...o})})]}),s.jsx(Nh,{children:t})]})})},Zh=(e,t)=>e==="flatSystem"||e==="flatBrand"?{height:"auto",maxHeight:"auto",borderRadius:"0px"}:{M:{height:"44px",maxHeight:"44px",borderRadius:t==="square"?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:t==="square"?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:t==="square"?"6px":"56px"}},ut=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}},clubPrimary:{default:{color:e.interactiveButtons.brandText,background:e.club.primary,border:`1px solid ${e.club.primary}`},hover:{color:e.interactiveButtons.brandText,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`},active:{color:e.interactiveButtons.brandText,background:"#2B2979",border:"1px solid #2B2979"}},clubSecondary:{default:{color:e.club.primary,background:e.club.buttonBackground,border:`1px solid ${e.club.buttonBackground}`},hover:{color:e.text.contrastThemed,background:e.club.primary,border:`1px solid ${e.club.primary}`},active:{color:e.text.contrastThemed,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`}},clubFlatBrand:{default:{color:e.club.primary,background:"transparent",border:"1px solid transparent"},hover:{color:e.club.primaryHover,background:"transparent",border:"1px solid transparent"},active:{color:"#2B2979",background:"transparent",border:"1px solid transparent"}}}),A5=(e,t,n)=>e==="flatBrand"||e==="flatSystem"||e==="clubFlatBrand"?0:t==="M"?n?20:12:t==="S"?n?16:8:n?12:4,Wh=h.styled.button`
+`,Ps=({label:e,children:t,required:n,marginBottom:r=16,hint:o=null,className:i})=>{const{mode:a}=K();return s.jsx(h.ThemeProvider,{theme:X[a],children:s.jsxs(Fh,{$marginBottom:r,className:Re(i,"fieldRow-container"),children:[!!e&&s.jsxs(Bh,{onClick:l=>l.preventDefault(),children:[e," ",n&&s.jsx(Vh,{children:"*"}),!!o?.content?.length&&s.jsx(Oh,{children:s.jsx(i1,{...o})})]}),s.jsx(Nh,{children:t})]})})},Zh=(e,t)=>e==="flatSystem"||e==="flatBrand"?{height:"auto",maxHeight:"auto",borderRadius:"0px"}:{M:{height:"44px",maxHeight:"44px",borderRadius:t==="square"?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:t==="square"?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:t==="square"?"6px":"56px"}},ut=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}},clubPrimary:{default:{color:e.interactiveButtons.brandText,background:e.club.primary,border:`1px solid ${e.club.primary}`},hover:{color:e.interactiveButtons.brandText,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`},active:{color:e.interactiveButtons.brandText,background:"#2B2979",border:"1px solid #2B2979"}},clubSecondary:{default:{color:e.club.primary,background:e.club.buttonBackground,border:`1px solid ${e.club.buttonBackground}`},hover:{color:e.text.contrastThemed,background:e.club.primary,border:`1px solid ${e.club.primary}`},active:{color:e.text.contrastThemed,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`}},clubFlatBrand:{default:{color:e.club.primary,background:"transparent",border:"1px solid transparent"},hover:{color:e.club.primaryHover,background:"transparent",border:"1px solid transparent"},active:{color:"#2B2979",background:"transparent",border:"1px solid transparent"}}}),A5=(e,t,n)=>e==="flatBrand"||e==="flatSystem"||e==="clubFlatBrand"?0:t==="M"?n?20:12:t==="S"?n?16:8:n?12:4,Wh=h.styled.button`
   position: relative;
   font-family: 'Manrope', sans-serif;
   display: flex;
@@ -998,19 +998,19 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
   justify-content: center;
   box-sizing: border-box;
   cursor: pointer;
-  ${({size:e,$form:t,$mode:n})=>Zh(n,t)[e]}
-  width: ${e=>e.width||"auto"};
+  ${({$size:e,$form:t,$mode:n})=>Zh(n,t)[e]}
+  width: ${e=>e.$width||"auto"};
   color: ${e=>ut(e.theme)[e.$mode].default.color};
   border: ${e=>ut(e.theme)[e.$mode].default.border||"none"};
   background: ${e=>ut(e.theme)[e.$mode].default.background};
-  padding-left: ${e=>`${A5(e.$mode,e.size,e.isText)}px`};
-  padding-right: ${e=>`${A5(e.$mode,e.size,e.isText)}px`};
+  padding-left: ${e=>`${A5(e.$mode,e.$size,e.$isText)}px`};
+  padding-right: ${e=>`${A5(e.$mode,e.$size,e.$isText)}px`};
   transition: all 0.3s ${V.animation_1};
   & > span {
     white-space: nowrap;
   }
   & path {
-    ${e=>e.isFill?h.css`
+    ${e=>e.$isFill?h.css`
             fill: ${ut(e.theme)[e.$mode].default.color};
           `:h.css``}
   }
@@ -1019,7 +1019,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
     border: ${e=>ut(e.theme)[e.$mode].hover.border||"none"};
     color: ${e=>ut(e.theme)[e.$mode].hover.color};
     & path {
-      ${e=>e.isFill?h.css`
+      ${e=>e.$isFill?h.css`
               fill: ${ut(e.theme)[e.$mode].hover.color};
             `:h.css``}
     }
@@ -1029,7 +1029,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
     border: ${e=>ut(e.theme)[e.$mode].active?.border||"none"};
     color: ${e=>ut(e.theme)[e.$mode].active.color};
     & path {
-      ${e=>e.isFill?h.css`
+      ${e=>e.$isFill?h.css`
               fill: ${ut(e.theme)[e.$mode].active.color};
             `:h.css``}
     }
@@ -1148,7 +1148,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
     color: ${e=>e.color||e.theme.background.accent};
     animation: ${Jh} 1s infinite linear;
   }
-`,v3=({size:e="S",color:t})=>{const{mode:n}=K();return s.jsx(h.ThemeProvider,{theme:X[n],children:s.jsx(Kh,{size:e,className:"loader",children:s.jsx(qh,{size:e,color:t})})})},ot=m.forwardRef(({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:o=!1,iconLeft:i,iconRight:a,size:l="M",loading:c=!1,form:d="square",width:p,style:f,onClick:C,className:g,tabIndex:v,isFill:b=!0},x)=>{const y=w=>{C&&!c&&!o&&C(w)},{mode:E}=K();return s.jsx(h.ThemeProvider,{theme:X[E],children:s.jsxs(Wh,{$form:d,ref:x,type:n,style:f,className:Re(g,"button"),disabled:o||c,onClick:y,size:l,$mode:r,width:p,isFill:b,tabIndex:v,isText:!!e||!!t,children:[c&&s.jsx(zh,{$mode:r,children:s.jsx(v3,{color:ut(X[E])[r].default.color})}),i?s.jsx(Gh,{isText:!!e,size:l,children:i}):null,e?s.jsx(O,{tag:"span",variant:l==="XS"?"description-Medium":"text-Medium",children:e}):null,!e&&t?t:null,a?s.jsx(Yh,{isText:!!e,size:l,children:a}):null]})})}),em=h.styled.span`
+`,v3=({size:e="S",color:t})=>{const{mode:n}=K();return s.jsx(h.ThemeProvider,{theme:X[n],children:s.jsx(Kh,{size:e,className:"loader",children:s.jsx(qh,{size:e,color:t})})})},ot=m.forwardRef(({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:o=!1,iconLeft:i,iconRight:a,size:l="M",loading:c=!1,form:d="square",width:p,style:f,onClick:C,className:g,tabIndex:v,isFill:b=!0},x)=>{const y=w=>{C&&!c&&!o&&C(w)},{mode:E}=K();return s.jsx(h.ThemeProvider,{theme:X[E],children:s.jsxs(Wh,{$form:d,ref:x,type:n,style:f,className:Re(g,"button"),disabled:o||c,onClick:y,$size:l,$mode:r,$width:p,$isFill:b,tabIndex:v,$isText:!!e||!!t,children:[c&&s.jsx(zh,{$mode:r,children:s.jsx(v3,{color:ut(X[E])[r].default.color})}),i?s.jsx(Gh,{isText:!!e,size:l,children:i}):null,e?s.jsx(O,{tag:"span",variant:l==="XS"?"description-Medium":"text-Medium",children:e}):null,!e&&t?t:null,a?s.jsx(Yh,{isText:!!e,size:l,children:a}):null]})})}),em=h.styled.span`
   font-size: 15px;
   line-height: 20px;
   color: ${e=>e.theme.text.negative};
@@ -1193,13 +1193,13 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
   width: 100%;
   padding: 11px 12px;
   height: 44px;
-  padding-left: ${e=>e.icon&&e.positionIcon==="left"?"44px":"12px"};
-  padding-right: ${e=>e.icon&&e.positionIcon==="right"||e.rightText?"48px":"12px"};
+  padding-left: ${e=>e.$icon&&e.$positionIcon==="left"?"44px":"12px"};
+  padding-right: ${e=>e.$icon&&e.$positionIcon==="right"||e.$rightText?"48px":"12px"};
   border-radius: 8px;
   background: ${e=>e.theme.background.field};
   border: 0.8px solid
-    ${e=>e.error?`${e.theme.stroke.negative} !important`:e.theme.stroke.primary};
-  ${e=>e.prohibitTextInput&&h.css`
+    ${e=>e.$error?`${e.theme.stroke.negative} !important`:e.theme.stroke.primary};
+  ${e=>e.$prohibitTextInput&&h.css`
       caret-color: transparent;
       cursor: pointer;
     `}
@@ -1233,7 +1233,7 @@ Check the top-level render call using <`+Q+">.")}return Z}}function V2(I,Z){{if(
       font-size: 16px;
     }
   }
-`,F1=m.forwardRef((e,t)=>{const{placeholder:n,name:r,type:o="text",readonly:i=!1,autoFocus:a=!1,disabled:l=!1,prohibitTextInput:c=!1,maxLength:d,error:p,icon:f,rightText:C,rightTextColor:g,onChange:v,onFocus:b,onBlur:x,onKeyDown:y,onClick:E,autoComplete:w="off",value:M,inputClassName:k,pattern:L,iconBorder:S=!1,numAfterDot:D=3,positionIcon:_="right",numBeforeDot:j}=e,[B,A]=m.useState(M||"");m.useEffect(()=>{let P=M;L===Ht.NUMBER&&M&&(P=zr(M)),(L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER)&&M&&(P=zr(M.toString().replace(".",","),!0)),A(P)},[M]);const N=P=>{if(c)return;let T=P.target.value;const H=L===Ht.NUMBER||L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER;let F="";if(L){if(T=T.replace(L,""),L===Ht.NUMBER&&(F=T.replace(/,/g,"."),T=zr(T)),L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER){T=T.replace(/б|Б/g,",");const $=T.split(",");if(T=$[0],j){const W=T.includes("-")?j+1:j;T=T.slice(0,W)}$[1]!==void 0&&(T=`${T},${$[1].slice(0,D)}`),F=T.replace(/,/g,"."),T=zr(T)}P.target.value=H?F:T}A(T),v&&v(H?F:T,P)},{mode:R}=K();return s.jsx(h.ThemeProvider,{theme:X[R],children:s.jsxs(tm,{className:Re("input-container"),children:[s.jsxs(nm,{children:[s.jsx(im,{ref:t,autoFocus:a,maxLength:d,readOnly:i,disabled:l,type:o,value:B,name:r,className:Re("input",k),placeholder:n||"",onChange:N,onFocus:b,onBlur:x,prohibitTextInput:c,onKeyDown:y,onClick:E,autoComplete:w,error:!!p,icon:!!f,rightText:!!C,positionIcon:_}),f?s.jsx(rm,{positionContent:_,className:Re("input-icon"),iconBorder:S,children:f}):null,C?s.jsx(om,{positionContent:_,iconBorder:S,rightTextColor:g,children:C}):null]}),p&&typeof p!="boolean"?s.jsx(li,{text:p||""}):null]})})}),Hs=h.styled.span`
+`,F1=m.forwardRef((e,t)=>{const{placeholder:n,name:r,type:o="text",readonly:i=!1,autoFocus:a=!1,disabled:l=!1,prohibitTextInput:c=!1,maxLength:d,error:p,icon:f,rightText:C,rightTextColor:g,onChange:v,onFocus:b,onBlur:x,onKeyDown:y,onClick:E,autoComplete:w="off",value:M,inputClassName:k,pattern:L,iconBorder:S=!1,numAfterDot:D=3,positionIcon:_="right",numBeforeDot:j}=e,[B,A]=m.useState(M||"");m.useEffect(()=>{let P=M;L===Ht.NUMBER&&M&&(P=zr(M)),(L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER)&&M&&(P=zr(M.toString().replace(".",","),!0)),A(P)},[M]);const N=P=>{if(c)return;let T=P.target.value;const H=L===Ht.NUMBER||L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER;let F="";if(L){if(T=T.replace(L,""),L===Ht.NUMBER&&(F=T.replace(/,/g,"."),T=zr(T)),L===Ht.FLOAT_NUMBER||L===Ht.FLOAT_NEGATIVE_NUMBER){T=T.replace(/б|Б/g,",");const $=T.split(",");if(T=$[0],j){const W=T.includes("-")?j+1:j;T=T.slice(0,W)}$[1]!==void 0&&(T=`${T},${$[1].slice(0,D)}`),F=T.replace(/,/g,"."),T=zr(T)}P.target.value=H?F:T}A(T),v&&v(H?F:T,P)},{mode:R}=K();return s.jsx(h.ThemeProvider,{theme:X[R],children:s.jsxs(tm,{className:Re("input-container"),children:[s.jsxs(nm,{children:[s.jsx(im,{ref:t,autoFocus:a,maxLength:d,readOnly:i,disabled:l,type:o,value:B,name:r,className:Re("input",k),placeholder:n||"",onChange:N,onFocus:b,onBlur:x,$prohibitTextInput:c,onKeyDown:y,onClick:E,autoComplete:w,$error:!!p,$icon:!!f,$rightText:!!C,$positionIcon:_}),f?s.jsx(rm,{positionContent:_,className:Re("input-icon"),iconBorder:S,children:f}):null,C?s.jsx(om,{positionContent:_,iconBorder:S,rightTextColor:g,children:C}):null]}),p&&typeof p!="boolean"?s.jsx(li,{text:p||""}):null]})})}),Hs=h.styled.span`
   position: relative;
   top: 0;
   left: 0;