profinansy-ui-lib 3.8.1 → 3.8.3

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

@@ -1,9 +1,11 @@
-import { CSSProperties, PropsWithChildren, ReactElement } from 'react';
-export type IModal = PropsWithChildren<{
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface IModal {
     /** Состояние попапа. */
     open: boolean;
     /** Действие при закрытии попапа. */
     onClose: () => void;
+    /** Контент попапа. */
+    children: ReactNode;
     /** Показывать ли кнопку закрытия. */
     showCloseButton?: boolean;
     /** Модалку нельзя закрыть по клику на фон или через esc. */
@@ -43,4 +45,4 @@ export type IModal = PropsWithChildren<{
     maxWidth?: string;
     /** Пропс для работы стайледов **/
     className?: string;
-}>;
+}

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./ModalMobile.typed").IModalMobile) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const ModalMobile: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,13 @@
-import { PropsWithChildren } from 'react';
-export type IModalMobile = PropsWithChildren<{
+import { ReactNode } from 'react';
+export interface IModalMobile {
     title: string;
     rightButtonText?: string;
     leftButtonText?: string;
+    /** Контент попапа. */
+    children: ReactNode;
     isOpen: boolean;
     onClose?: () => void;
     onLeftButton?: () => void;
     onRightButton?: () => void;
     closeIconVisible?: boolean;
-}>;
+}

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

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

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ withIcon, ...props }: import("./PasswordInput.typed").IPasswordInput) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const PasswordInput: () => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     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/Portal/Portal.stories.d.ts

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

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

@@ -1,4 +1,5 @@
-import { PropsWithChildren } from 'react';
-export type IPortal = PropsWithChildren<{
+import React from 'react';
+export interface IPortal {
     id: string;
-}>;
+    children: React.ReactNode;
+}

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

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

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

@@ -10,37 +10,9 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
 export declare const NativeInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: import("react").Ref<HTMLInputElement>;
 }>, never>, never>> & string;
-export 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"> & {
+export 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>>;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ style, options, onChange, selectedValue, size, type, counterType, isFullWidth }: import("./SegmentControl.typed").TSegmentControlProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const SegmentControl: () => import("react/jsx-runtime").JSX.Element;

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

@@ -18,37 +18,9 @@ export declare const Item: import("styled-components/dist/types").IStyledCompone
 export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     isHide: boolean;
 }>> & string;
-export declare const Text: 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"> & {
+export declare const Text: 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     isLabel: boolean;
 }>> & string;

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

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

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.d.ts

@@ -1,34 +1,6 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Title: 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"> & {
+export declare const Title: 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>>;

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

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

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

@@ -1,7 +1,7 @@
-import { PropsWithChildren, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { IAlert } from '../Alert/Alert.typed';
 import { IModal } from '../Modal/Modal.typed';
-export type ISideModal = PropsWithChildren<{
+export interface ISideModal {
     /** Состояние попапа. */
     isOpen: boolean;
     /** Заголовок попапа */
@@ -18,6 +18,8 @@ export type ISideModal = PropsWithChildren<{
     classNameContent?: string;
     /** Класс для хэдера попапа */
     classNameHeader?: string;
+    /** Контент попапа. */
+    children: ReactNode;
     /**Контент справа от заголовка*/
     rightContent?: ReactElement;
     /**Контент, закрепленный снизу попапа*/
@@ -34,4 +36,4 @@ export type ISideModal = PropsWithChildren<{
     alert?: IAlert;
     /** Отключить анимацию выезда из-за экрана при открытии. */
     withoutAnimation?: boolean;
-}>;
+}

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ height, maxWidth, minWidth, bottom, right, radius, className }: import("./Skeleton.typed").ISkeleton) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

package/dist/components/uikit/Switch/Switched.stories.d.ts

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Table as Component } from './Table';
+declare const _default: {
+    title: string;
+    component: typeof Component;
+    tags: string[];
+};
+export default _default;
+export declare const TCellText: () => import("react/jsx-runtime").JSX.Element;
+export declare const Table: () => import("react/jsx-runtime").JSX.Element;
+export declare const THeader: (props: {
+    title: string;
+}) => JSX.Element;

package/dist/components/uikit/Table/components/TCellText/TCellText.d.ts

@@ -1,6 +1,8 @@
-import { CSSProperties, PropsWithChildren } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { IHiddenTextWithoutChildren } from '../../../HiddenText/HiddenText.typed';
-type IProps = PropsWithChildren<{
+interface IProps {
+    /**Контента внутри элемента */
+    children: ReactNode;
     hiddenText?: IHiddenTextWithoutChildren;
     /** Не переносить текст на новую строку, как наиболее часто используемое вынес */
     nowrap?: boolean;
@@ -10,6 +12,6 @@ type IProps = PropsWithChildren<{
     className?: string;
     /**Если вам надо покарсить число в позитивный или негативный цвет, то передайте это числю сюда. */
     valueNumber?: number;
-}>;
+}
 declare const TCellText: ({ children, hiddenText, style, className, valueNumber, nowrap }: IProps) => import("react/jsx-runtime").JSX.Element;
 export { TCellText };

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper, scroll }: import("./Tabs.typed").TTabProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Tabs: () => import("react/jsx-runtime").JSX.Element;

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

@@ -18,34 +18,6 @@ export declare const Mute: import("styled-components/dist/types").IStyledCompone
 export declare const LeftButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ArrowButton/ArrowButton.typed").IArrowButton, never>> & string & Omit<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const RightButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ArrowButton/ArrowButton.typed").IArrowButton, never>> & string & Omit<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const NewTabCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const NewLabel: 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"> & {
+export declare const NewLabel: 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>>;

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ type, text, style, onClick, className, iconLeft, iconRight, disabled }: import("./TextButton.typed").ITextButton) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const TextButton: () => import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/dist/components/uikit/Textarea/Text/320/260reaAutoSize.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ defaultHeight, maxHeight, ...props }: import("./Textarea.typed").ITextarea & import("./TextareaAutoSize").IProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const TextareaAutoSize: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import { ITooltipProps } from './Tooltip.typed';
 export declare function useTooltip({ placement, isHover, showArrow }: {
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
     };
     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>;
@@ -56,12 +56,13 @@ declare const Tooltip: ({ children, width, height, zIndex, padding, borderRadius
 export declare const TooltipTrigger: ({ targetElement }: {
     targetElement: React.ReactNode;
 }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare const TooltipContent: ({ children, width, height, zIndex, padding, borderRadius, showArrow }: React.PropsWithChildren<{
+export declare const TooltipContent: ({ children, width, height, zIndex, padding, borderRadius, showArrow }: {
+    children: ReactNode;
     width: string;
     height: string;
     zIndex: number;
     padding: string;
     borderRadius: string;
     showArrow: boolean;
-}>) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip };

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ children, width, height, zIndex, padding, borderRadius, styleContainer, ...props }: import("./Tooltip.typed").ITooltipProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const Tooltip: () => import("react/jsx-runtime").JSX.Element;