profinansy-ui-lib 3.8.1 → 3.8.3

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ direction, onClick, type, disabled }: import("./ButtonPaging.typed").IButtonPaging) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const ButtonPaging: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +1,4 @@
 import React from 'react';
-declare const Card: React.ForwardRefExoticComponent<{
-    title?: string;
-    headerCustom?: React.ReactNode;
-    className?: string;
-    classNameTitle?: string;
-    classNameHeader?: string;
-    padding?: string;
-    margin?: string;
-    width?: string;
-    titleLink?: string;
-    hint?: import("../Popup/Popup.typed").IPopup;
-    rightContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    adaptiveRightContent?: number;
-    subtitle?: string;
-    isHover?: boolean;
-    isBlocked?: boolean;
-    handleBlockClick?: () => void;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+import { ICard } from './Card.typed';
+declare const Card: React.ForwardRefExoticComponent<ICard & React.RefAttributes<HTMLDivElement>>;
 export { Card };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Card.typed").ICard & React.RefAttributes<HTMLDivElement>>;
+    tags: string[];
+};
+export default _default;
+export declare const Card: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { IPopup } from '../Popup/Popup.typed';
-export type ICard = PropsWithChildren<{
+export interface ICard {
+    /**Контент внутри карточки*/
+    children: React.ReactNode;
     /**Заголовк карточки*/
     title?: string;
     /** Заголовок как HTML элемент. */
@@ -33,4 +35,4 @@ export type ICard = PropsWithChildren<{
     isBlocked?: boolean;
     /**Клик по замочку*/
     handleBlockClick?: () => void;
-}>;
+}

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ checked, text, htmlText, name, onChange, size, form, color, verticalAlign, horizontalAlign, value, isTextLeft, readonly, className, classNameText }: import("./Checkbox.typed").ICheckbox) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Checkbox: () => import("react/jsx-runtime").JSX.Element;

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

@@ -15,38 +15,10 @@ declare const Container: import("styled-components/dist/types").IStyledComponent
 export declare const HtmlText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isTextLeft: boolean;
 }>> & string;
-declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
 }, {
     isTextLeft: boolean;
     color: string;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export { NativeInput, Container, Element, Text };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./ControlButton.typed").IControlButton & React.RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+};
+export default _default;
+export declare const ControlButton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ number, type, style }: import("./Counter.typed").ICounter) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Counter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ error, view, selectsRange, onChange, ...props }: import("./Datepicker.typed").IDatepicker) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const Datepicker: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
-declare const DragScroll: FC<PropsWithChildren>;
+import React, { FC } from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+declare const DragScroll: FC<IProps>;
 export { DragScroll };

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

@@ -43,24 +43,12 @@ export declare function useDrop({ placement, onOpenList }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-declare const Dropdown: React.ForwardRefExoticComponent<{
-    targetElement: React.ReactNode;
-    placement?: Placement;
-    width?: string;
-    height?: string;
-    padding?: string;
-    zIndex?: number;
-    withoutPortal?: boolean;
-    onOpenList?: (val: boolean) => void;
-    appendElementId?: string;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<IDropdownRef>>;
+declare const Dropdown: React.ForwardRefExoticComponent<IDropdownProps & React.RefAttributes<IDropdownRef>>;
 export { Dropdown };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Dropdown.typed").IDropdownProps & React.RefAttributes<import("./Dropdown.typed").IDropdownRef>>;
+    tags: string[];
+};
+export default _default;
+export declare const Dropdown: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,12 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-export type IDropdownProps = PropsWithChildren<{
+export interface IDropdownProps {
     /** Элемент, по которому открывается выпадашка*/
     targetElement: ReactNode;
     /** Положение выпадашки*/
     placement?: Placement;
+    /** Контент*/
+    children: ReactNode;
     /** Ширина выпадашки*/
     width?: string;
     /** Максимальная высота выпадашки*/
@@ -19,7 +21,7 @@ export type IDropdownProps = PropsWithChildren<{
     onOpenList?: (val: boolean) => void;
     /** ID Dom элемента, в который нужно поместить dropdown **/
     appendElementId?: string;
-}>;
+}
 export interface IDropdownRef {
     handleClose: () => void;
 }

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ text }: import("./ErrorText.typed").IErrorText) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const ErrorText: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ label, children, required, marginBottom, hint, className }: import("./FieldRow.typed").IFieldRow) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const FieldRow: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 import { IPopup } from '../Popup/Popup.typed';
-export type IFieldRow = PropsWithChildren<{
+export interface IFieldRow {
+    /**Вложенный элемент, к которому применяется FieldRow*/
+    children: ReactNode;
     /**Текст лейбла*/
     label?: string;
     /**Обязательность поля*/
@@ -11,4 +13,4 @@ export type IFieldRow = PropsWithChildren<{
     hint?: IPopup;
     /** Класс для верхнего дива*/
     className?: string;
-}>;
+}

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

@@ -1,21 +1,4 @@
 import React from 'react';
-import { IFilterButtonRef } from './FilterButton.typed';
-declare const FilterButton: React.ForwardRefExoticComponent<{
-    text?: string;
-    activeElements: number;
-    isStroke?: boolean;
-    size?: "M" | "S" | "XS";
-    padding?: string;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-    handleCustomOpen?: () => void;
-    withoutTextOnMobile?: boolean;
-    widthDrop?: number;
-    heightDrop?: number;
-    customIcon?: React.ReactNode;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<IFilterButtonRef>>;
+import { IFilterButton, IFilterButtonRef } from './FilterButton.typed';
+declare const FilterButton: React.ForwardRefExoticComponent<IFilterButton & React.RefAttributes<IFilterButtonRef>>;
 export { FilterButton };

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

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./FilterButton.typed").IFilterButton & React.RefAttributes<import("./FilterButton.typed").IFilterButtonRef>>;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const FilterButton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-export type IFilterButton = PropsWithChildren<{
+export interface IFilterButton {
     /**Текст кнопки */
     text?: string;
     /**Количество выбранных элементов */
@@ -29,13 +29,16 @@ export type IFilterButton = PropsWithChildren<{
     heightDrop?: number;
     /** Слот под кастомную иконку */
     customIcon?: ReactNode;
-}>;
+    /** Контент*/
+    children: ReactNode;
+}
 export interface IFilterButtonRef {
     handleClose: () => void;
 }
-export type IDropFilter = PropsWithChildren<{
+export interface IDropFilter {
     targetElement: ReactNode;
     placement?: Placement;
+    children: ReactNode;
     padding: string;
     widthDrop: number;
     heightDrop: number;
@@ -43,4 +46,4 @@ export type IDropFilter = PropsWithChildren<{
     handleConfirm?: () => void;
     isConfirmWithoutClose?: boolean;
     isCancelWithoutClose?: boolean;
-}>;
+}

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

@@ -1,6 +1,6 @@
 import { Placement } from '@floating-ui/react';
 import React from 'react';
-import { IFilterButtonRef } from '../../FilterButton.typed';
+import { IDropFilter, IFilterButtonRef } from '../../FilterButton.typed';
 export declare function useDrop({ placement }: {
     placement?: Placement;
 }): {
@@ -42,23 +42,11 @@ export declare function useDrop({ placement }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare const FilterDrop: React.ForwardRefExoticComponent<{
-    targetElement: React.ReactNode;
-    placement?: Placement;
-    padding: string;
-    widthDrop: number;
-    heightDrop: number;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<IFilterButtonRef>>;
+export declare const FilterDrop: React.ForwardRefExoticComponent<IDropFilter & React.RefAttributes<IFilterButtonRef>>;

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

@@ -1,20 +1,4 @@
 import React from 'react';
-declare const MobileFilter: React.ForwardRefExoticComponent<{
-    text?: string;
-    activeElements: number;
-    isStroke?: boolean;
-    size?: "M" | "S" | "XS";
-    padding?: string;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-    handleCustomOpen?: () => void;
-    withoutTextOnMobile?: boolean;
-    widthDrop?: number;
-    heightDrop?: number;
-    customIcon?: React.ReactNode;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
+import { IFilterButton } from '../../FilterButton.typed';
+declare const MobileFilter: React.ForwardRefExoticComponent<IFilterButton & React.RefAttributes<unknown>>;
 export { MobileFilter };

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ children, mode, ...props }: import("./HiddenText.typed").IHiddenText) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const HiddenText: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,13 @@
-import { PropsWithChildren } from 'react';
-export type EllipsisMode = PropsWithChildren & {
+import { ReactElement } from 'react';
+type IHiddenTextBase = {
+    /**Дочерний элемент (в 90% случаев это должен быть typography) */
+    children: ReactElement;
+};
+export type EllipsisMode = IHiddenTextBase & {
     /**Режим скрытия текста */
     mode?: 'ellipsis';
 };
-export type MultilineMode = PropsWithChildren & {
+export type MultilineMode = IHiddenTextBase & {
     /**Режим скрытия текста */
     mode?: 'multiline';
     /**Количество линий */
@@ -11,3 +15,4 @@ export type MultilineMode = PropsWithChildren & {
 };
 export type IHiddenText = EllipsisMode | MultilineMode;
 export type IHiddenTextWithoutChildren = Omit<EllipsisMode, 'children'> | Omit<MultilineMode, 'children'>;
+export {};

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

@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ text, children, ...options }: import("./Hint.typed").IHint) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const Hint: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,12 @@
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import type { Placement } from '@floating-ui/react';
-export type IHint = PropsWithChildren<{
+export interface IHint {
     /**Расположение хинта*/
     placement?: Placement;
     /**Текст хинта*/
     text: string;
     /**Должен ли открываться на телефонах по клику*/
     isClickMobile?: boolean;
-}>;
+    /**Таргет элемент*/
+    children: React.ReactNode;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Input.typed").IInput & React.RefAttributes<HTMLInputElement>>;
+    tags: string[];
+};
+export default _default;
+export declare const Input: () => import("react/jsx-runtime").JSX.Element;
+export declare const NegativeInput: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ size, color }: import("./Loader.typed").ILoader) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./Modal.typed").IModal) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Modal: () => import("react/jsx-runtime").JSX.Element;

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

@@ -19,69 +19,13 @@ export declare const Header: import("styled-components/dist/types").IStyledCompo
 export declare const FirstLineHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     adaptiveRightContent: number;
 }>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
 }, {
     titlePosition: 'left' | 'center';
-}>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const BottomContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;