profinansy-ui-lib 3.1.70 → 3.1.72

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

@@ -0,0 +1,52 @@
+import { Placement } from '@floating-ui/react';
+import React from 'react';
+import { IDropFilter } from '../FilterButton.typed';
+export declare function useDrop({ placement }: {
+    placement?: Placement;
+}): {
+    placement: Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType>;
+        floating: React.MutableRefObject<HTMLElement>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType) => void;
+        setFloating: (node: HTMLElement) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType;
+        floating: HTMLElement;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: Placement;
+        x: number;
+        y: number;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const FilterDrop: ({ children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm, ...props }: IDropFilter) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,3 @@
+import { IFilterButton } from './FilterButton.typed';
+declare const FilterButton: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose }: IFilterButton) => JSX.Element;
+export { FilterButton };

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose }: import("./FilterButton.typed").IFilterButton) => JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const FilterButton: () => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { IFilterButton } from './FilterButton.typed';
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    activeElements: number;
+    isStroke: boolean;
+    size: IFilterButton['size'];
+}, never>;
+export declare const Counter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: IFilterButton['size'];
+}, never>;

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export interface IFilterButton {
+    /**Текст кнопки */
+    text?: string;
+    /**Количество выбранных элементов */
+    activeElements: number;
+    /** Тип кнопки stroke */
+    isStroke?: boolean;
+    /** Размер кнопки */
+    size?: 'S' | 'M';
+    /** Callback по кликуна Сбросить */
+    resetFilter?: () => void;
+    /** Callback по кликуна Поиск */
+    handleConfirm?: () => void;
+    /** Нужно ли закрывать контент после клика на Поиск */
+    isConfirmWithoutClose?: boolean;
+    /** Нужно ли закрывать контент после клика на Сбросить */
+    isCancelWithoutClose?: boolean;
+    /** Контент*/
+    children: ReactNode;
+}
+export interface IDropFilter {
+    targetElement: ReactNode;
+    placement?: Placement;
+    children: ReactNode;
+    resetFilter?: () => void;
+    handleConfirm?: () => void;
+    isConfirmWithoutClose?: boolean;
+    isCancelWithoutClose?: boolean;
+}

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

@@ -0,0 +1 @@
+export { FilterButton } from './FilterButton';

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

@@ -1,12 +1,15 @@
+import { IInput } from './Input.typed';
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Icon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     iconBorder: boolean;
+    positionContent: IInput['positionIcon'];
 } & {
     iconBorder: boolean;
 }, never>;
 export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     iconBorder: boolean;
+    positionContent: IInput['positionIcon'];
 } & {
     iconBorder: boolean;
     rightTextColor: string;
@@ -14,4 +17,5 @@ export declare const RightText: import("styled-components").StyledComponent<"spa
 export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     icon: boolean;
     error: boolean;
+    positionIcon: IInput['positionIcon'];
 }, never>;

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

@@ -11,6 +11,7 @@ export interface IInput {
     maxLength?: number;
     numAfterDot?: number;
     icon?: ReactNode;
+    positionIcon?: 'right' | 'left';
     rightText?: string;
     rightTextColor?: string;
     autoComplete?: 'on' | 'off' | 'new-password';

package/dist/index.js

@@ -2273,7 +2273,7 @@
   background-color: ${e=>e.theme.background.content};
   border-radius: ${e=>"circle"===e.form?"50%":"5px"};
   border: ${e=>`1.5px solid ${e.theme.stroke.secondary}`};
-  transition: ${()=>`all 0.2s ${o.AnimationFunctions.animation_1}`};
+  transition: ${()=>`all 0.1s ${o.AnimationFunctions.animation_1}`};
   &::after {
     content: '';
     position: absolute;
@@ -2436,32 +2436,37 @@
   padding: 4px 8px;
   word-break: break-word;
   overflow-wrap: break-word;
-`},3506: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=t.useHint=void 0;const l=o(n(8156)),u=n(5025),c=o(n(2572)),s=n(5492);function d({placement:e="bottom"}={}){const[t,n]=l.default.useState(!1),r=(0,l.useRef)(null),a=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:r}),(0,u.offset)(10),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"start",padding:5}),(0,u.shift)({padding:5})]});(0,l.useEffect)((()=>{if(a.middlewareData.arrow&&a.middlewareData.shift&&r.current){const{x:e,y:t}=a.middlewareData.arrow;Object.assign(r.current.style,{left:e-a.middlewareData.shift.x+"px",top:t-a.middlewareData.shift.y+"px"})}}),[a]);const o=a.context,i=(0,u.useHover)(o,{move:!1,mouseOnly:!0,delay:{open:300,close:0}}),c=(0,u.useFocus)(o),s=(0,u.useDismiss)(o),d=(0,u.useRole)(o,{role:"tooltip"}),f=(0,u.useInteractions)([i,c,s,d]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:r,open:t,setOpen:n},f),a)),[t,n,f,a,r])}t.useHint=d;const f=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=d(i(e,["text","children"]));return l.default.createElement(f.Provider,{value:r},l.default.createElement(p,null,n),l.default.createElement(h,null,t))};const p=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(f),o=(0,u.useMergeRefs)([a.refs.setReference,t]);if(l.default.isValidElement(n))return l.default.cloneElement(n,a.getReferenceProps(Object.assign(Object.assign(Object.assign({ref:o},r),n.props),{"data-state":a.open?"open":"closed"})))})),h=l.default.forwardRef((function(e,t){const n=l.default.useContext(f),r=(0,u.useMergeRefs)([n.refs.setFloating,t]),{styles:a}=(0,u.useTransitionStyles)(n.context,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}}),o=null==n?void 0:n.placement.split("-")[0];return n.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement("div",Object.assign({ref:r,style:Object.assign({zIndex:1e4},n.floatingStyles)},n.getFloatingProps(e)),l.default.createElement(c.Tooltip,{style:a,position:o},l.default.createElement(u.FloatingArrow,{ref:n.arrowRef,context:n.context,tipRadius:2,fill:"#444"}),l.default.createElement(s.Typography,{variant:"description-Regular",tag:"span"},e.children)))):null}))},9254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=void 0;var r=n(3506);Object.defineProperty(t,"Hint",{enumerable:!0,get:function(){return r.Hint}})},7972:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=void 0,t.RegexPattern={NUMBER:/[^0-9]/gi,FLOAT_NUMBER:/[^0-9бБ,]/gi}},2040: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.Input=t.RightText=t.Icon=t.Content=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
+`},3506: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=t.useHint=void 0;const l=o(n(8156)),u=n(5025),c=o(n(2572)),s=n(5492);function d({placement:e="bottom"}={}){const[t,n]=l.default.useState(!1),r=(0,l.useRef)(null),a=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:r}),(0,u.offset)(10),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"start",padding:5}),(0,u.shift)({padding:5})]});(0,l.useEffect)((()=>{if(a.middlewareData.arrow&&a.middlewareData.shift&&r.current){const{x:e,y:t}=a.middlewareData.arrow;Object.assign(r.current.style,{left:e-a.middlewareData.shift.x+"px",top:t-a.middlewareData.shift.y+"px"})}}),[a]);const o=a.context,i=(0,u.useHover)(o,{move:!1,mouseOnly:!0,delay:{open:300,close:0}}),c=(0,u.useFocus)(o),s=(0,u.useDismiss)(o),d=(0,u.useRole)(o,{role:"tooltip"}),f=(0,u.useInteractions)([i,c,s,d]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:r,open:t,setOpen:n},f),a)),[t,n,f,a,r])}t.useHint=d;const f=l.default.createContext(null);t.Hint=e=>{var{text:t,children:n}=e;const r=d(i(e,["text","children"]));return l.default.createElement(f.Provider,{value:r},l.default.createElement(p,null,n),l.default.createElement(h,null,t))};const p=l.default.forwardRef((function(e,t){var{children:n}=e,r=i(e,["children"]);const a=l.default.useContext(f),o=(0,u.useMergeRefs)([a.refs.setReference,t]);if(l.default.isValidElement(n))return l.default.cloneElement(n,a.getReferenceProps(Object.assign(Object.assign(Object.assign({ref:o},r),n.props),{"data-state":a.open?"open":"closed"})))})),h=l.default.forwardRef((function(e,t){const n=l.default.useContext(f),r=(0,u.useMergeRefs)([n.refs.setFloating,t]),{styles:a}=(0,u.useTransitionStyles)(n.context,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}}),o=null==n?void 0:n.placement.split("-")[0];return n.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement("div",Object.assign({ref:r,style:Object.assign({zIndex:1e4},n.floatingStyles)},n.getFloatingProps(e)),l.default.createElement(c.Tooltip,{style:a,position:o},l.default.createElement(u.FloatingArrow,{ref:n.arrowRef,context:n.context,tipRadius:2,fill:"#444"}),l.default.createElement(s.Typography,{variant:"description-Regular",tag:"span"},e.children)))):null}))},9254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=void 0;var r=n(3506);Object.defineProperty(t,"Hint",{enumerable:!0,get:function(){return r.Hint}})},7972:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=void 0,t.RegexPattern={NUMBER:/[^0-9]/gi,FLOAT_NUMBER:/[^0-9бБ,]/gi}},2040: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.Input=t.RightText=t.Icon=t.Content=t.Container=void 0;const i=o(n(1608));t.Container=i.default.div`
   width: 100%;
-`,t.Content=a.default.div`
+`,t.Content=i.default.div`
   position: relative;
   width: 100%;
-`;const o=a.default.span`
+`;const l=i.default.span`
   position: absolute;
   top: 8px;
-  right: 0;
   height: 28px;
   width: 44px;
   display: flex;
-  border-left: ${e=>e.iconBorder?`1px dashed ${e.theme.stroke.primary}`:"none"};
   align-items: center;
   justify-content: center;
-`;t.Icon=(0,a.default)(o)`
+  ${({positionContent:e,iconBorder:t})=>"right"===e?i.css`
+          right: 0;
+          border-left: ${e=>t?`1px dashed ${e.theme.stroke.primary}`:"none"};
+        `:i.css`
+          left: 0;
+          border-right: ${e=>t?`1px dashed ${e.theme.stroke.primary}`:"none"};
+        `}
+`;t.Icon=(0,i.default)(l)`
   & path {
-    fill: ${e=>e.theme.icons.primary};
+    fill: ${e=>e.theme.icons.secondary};
   }
-`,t.RightText=(0,a.default)(o)`
+`,t.RightText=(0,i.default)(l)`
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
   color: ${e=>e.rightTextColor||e.theme.text.primary};
   font-family: Manrope, sans-serif;
-`,t.Input=a.default.input`
+`,t.Input=i.default.input`
   font-family: Manrope, sans-serif;
   font-size: 15px;
   line-height: 20px;
@@ -2470,7 +2475,8 @@
   width: 100%;
   padding: 11px 12px;
   height: 44px;
-  padding-right: ${e=>e.icon?"48px":"12px"};
+  padding-left: ${e=>e.icon&&"left"===e.positionIcon?"44px":"12px"};
+  padding-right: ${e=>e.icon&&"right"===e.positionIcon?"48px":"12px"};
   border-radius: 8px;
   background: ${e=>e.theme.background.field};
   border: 0.8px solid
@@ -2505,7 +2511,7 @@
       font-size: 16px;
     }
   }
-`},9098: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.Input=void 0;const l=o(n(8156)),u=n(8344),c=n(7972),s=n(3413),d=o(n(2040)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=(0,l.forwardRef)(((e,t)=>{const{placeholder:n,name:r,type:a="text",readonly:o=!1,autoFocus:i=!1,disabled:v=!1,maxLength:g,error:b,icon:y,rightText:w,rightTextColor:x,onChange:_,onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P="off",value:C,inputClassName:j,pattern:T,iconBorder:S=!1,numAfterDot:D=3}=e,[B,L]=(0,l.useState)(C||"");(0,l.useEffect)((()=>{let e=C;T===c.RegexPattern.NUMBER&&C&&(e=(0,s.numberWithSpaces)(C)),T===c.RegexPattern.FLOAT_NUMBER&&C&&(e=(0,s.numberWithSpaces)(C.toString().replace(".",","))),L(e)}),[C]);const{mode:R}=(0,h.useMode)();return l.default.createElement(p.ThemeProvider,{theme:m.palette[R]},l.default.createElement(d.Container,{className:(0,f.default)("input-container")},l.default.createElement(d.Content,null,l.default.createElement(d.Input,{ref:t,autoFocus:i,maxLength:g,readOnly:o,disabled:v,type:a,value:B,name:r,className:(0,f.default)("input",j),placeholder:n||"",onChange:e=>{let t=e.target.value;const n=T===c.RegexPattern.NUMBER||T===c.RegexPattern.FLOAT_NUMBER;let r="";if(T){if(t=t.replace(T,""),T===c.RegexPattern.NUMBER&&(r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)),T===c.RegexPattern.FLOAT_NUMBER){t=t.replace(/б|Б/g,",");const e=t.split(",");e[1]&&(t=`${e[0]},${e[1].slice(0,D)}`),r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)}e.target.value=n?r:t}L(t),_&&_(n?r:t,e)},onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P,error:!!b,icon:!!y}),y?l.default.createElement(d.Icon,{className:(0,f.default)("input-icon"),iconBorder:S},y):null,w?l.default.createElement(d.RightText,{iconBorder:S,rightTextColor:x},w):null),b&&"boolean"!=typeof b?l.default.createElement(u.ErrorText,{text:b||""}):null))}));t.Input=v},3413:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numberWithSpaces=void 0,t.numberWithSpaces=e=>{const t=e.split(",");let n=Number(t[0]).toLocaleString("ru-RU").toString();return e.includes(",")&&(n+=","+t[1]),n}},9640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=t.Input=void 0;var r=n(9098);Object.defineProperty(t,"Input",{enumerable:!0,get:function(){return r.Input}});var a=n(7972);Object.defineProperty(t,"RegexPattern",{enumerable:!0,get:function(){return a.RegexPattern}})},8379: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.Dot=t.Container=void 0;const i=o(n(1608)),l=i.keyframes`
+`},9098: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.Input=void 0;const l=o(n(8156)),u=n(8344),c=n(7972),s=n(3413),d=o(n(2040)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=(0,l.forwardRef)(((e,t)=>{const{placeholder:n,name:r,type:a="text",readonly:o=!1,autoFocus:i=!1,disabled:v=!1,maxLength:g,error:b,icon:y,rightText:w,rightTextColor:x,onChange:_,onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P="off",value:C,inputClassName:j,pattern:T,iconBorder:S=!1,numAfterDot:D=3,positionIcon:B="right"}=e,[L,R]=(0,l.useState)(C||"");(0,l.useEffect)((()=>{let e=C;T===c.RegexPattern.NUMBER&&C&&(e=(0,s.numberWithSpaces)(C)),T===c.RegexPattern.FLOAT_NUMBER&&C&&(e=(0,s.numberWithSpaces)(C.toString().replace(".",","))),R(e)}),[C]);const{mode:I}=(0,h.useMode)();return l.default.createElement(p.ThemeProvider,{theme:m.palette[I]},l.default.createElement(d.Container,{className:(0,f.default)("input-container")},l.default.createElement(d.Content,null,l.default.createElement(d.Input,{ref:t,autoFocus:i,maxLength:g,readOnly:o,disabled:v,type:a,value:L,name:r,className:(0,f.default)("input",j),placeholder:n||"",onChange:e=>{let t=e.target.value;const n=T===c.RegexPattern.NUMBER||T===c.RegexPattern.FLOAT_NUMBER;let r="";if(T){if(t=t.replace(T,""),T===c.RegexPattern.NUMBER&&(r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)),T===c.RegexPattern.FLOAT_NUMBER){t=t.replace(/б|Б/g,",");const e=t.split(",");e[1]&&(t=`${e[0]},${e[1].slice(0,D)}`),r=t.replace(/,/g,"."),t=(0,s.numberWithSpaces)(t)}e.target.value=n?r:t}R(t),_&&_(n?r:t,e)},onFocus:O,onBlur:M,onKeyDown:k,onClick:E,autoComplete:P,error:!!b,icon:!!y,positionIcon:B}),y?l.default.createElement(d.Icon,{positionContent:B,className:(0,f.default)("input-icon"),iconBorder:S},y):null,w?l.default.createElement(d.RightText,{positionContent:B,iconBorder:S,rightTextColor:x},w):null),b&&"boolean"!=typeof b?l.default.createElement(u.ErrorText,{text:b||""}):null))}));t.Input=v},3413:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numberWithSpaces=void 0,t.numberWithSpaces=e=>{const t=e.split(",");let n=Number(t[0]).toLocaleString("ru-RU").toString();return e.includes(",")&&(n+=","+t[1]),n}},9640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RegexPattern=t.Input=void 0;var r=n(9098);Object.defineProperty(t,"Input",{enumerable:!0,get:function(){return r.Input}});var a=n(7972);Object.defineProperty(t,"RegexPattern",{enumerable:!0,get:function(){return a.RegexPattern}})},8379: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.Dot=t.Container=void 0;const i=o(n(1608)),l=i.keyframes`
   0% {
     transform: scale(1, 1);
   }
@@ -2908,7 +2914,7 @@
   background-color: ${e=>e.theme.background.content};
   border-radius: 50%;
   border: 1.5px solid ${e=>e.theme.stroke.secondary};
-  transition: ${()=>`all 0.2s ${o.AnimationFunctions.animation_1}`};
+  transition: ${()=>`all 0.1s ${o.AnimationFunctions.animation_1}`};
   &::after {
     content: '';
     position: absolute;
@@ -3405,7 +3411,7 @@
   transition: ${()=>`all 0.3s ${o.AnimationFunctions.animation_1}`};
   will-change: transform;
   transform: ${e=>`translateX(${e.position}px)`};
-`},1579: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.Tabs=void 0;const i=o(n(8156)),l=o(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:o,classWrapper:h})=>{const[m,v]=(0,i.useState)({left:0,width:0}),g=(0,i.useRef)(null);(0,i.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));b(e)}}),[r,n]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,o=r.left-n.left+a,i=r.width;v({left:o,width:i})}},{mode:y}=(0,d.useMode)();return i.default.createElement(p.ThemeProvider,{theme:f.palette[y]},i.default.createElement(l.Wrapper,{className:h},i.default.createElement(u.DragScroll,null,i.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>i.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,o=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):o<0&&g.current.scrollTo({left:g.current.scrollLeft+o-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},i.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&i.default.createElement(s.Counter,{number:e.dataCount,type:o,style:{marginLeft:"4px"}})))),i.default.createElement(l.LineIndicator,{position:m.left,width:m.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),o=n(6952);t.TextButton=a.default.button`
+`},1579: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.Tabs=void 0;const i=o(n(8156)),l=o(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:o,classWrapper:h})=>{const[m,v]=(0,i.useState)({left:0,width:0}),g=(0,i.useRef)(null);(0,i.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));b(e)}}),[r,n]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,o=r.left-n.left+a,i=r.width;v({left:o,width:i})}},{mode:y}=(0,d.useMode)();return i.default.createElement(p.ThemeProvider,{theme:f.palette[y]},i.default.createElement(l.Wrapper,{className:h},i.default.createElement(u.DragScroll,null,i.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>i.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,o=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):o<0&&g.current.scrollTo({left:g.current.scrollLeft+o-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},i.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&i.default.createElement(s.Counter,{number:e.dataCount,type:o,style:{marginLeft:"4px",background:r===e.value?f.palette[y].other.violet:f.palette[y].other.gray}})))),i.default.createElement(l.LineIndicator,{position:m.left,width:m.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),o=n(6952);t.TextButton=a.default.button`
   font-family: Manrope, sans-serif;
   cursor: pointer;
   width: fit-content;

package/package.json

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