@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha70

package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts

@@ -1,3 +1,3 @@
-import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
+import { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
 export declare const ScrollIntoViewIfNeededDefaultElementType = "div";
 export declare const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
-export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
-export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../../types").IDataAttributesProps & import("../../types").ITweakStylesProps<ISearchInputStyles> & import("react").RefAttributes<HTMLInputElement>>;
+export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles' | 'startIcon'> & ICommonProps<ISearchInputStyles>;
+export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "type" | "isActive" | "isInvalid" | "errorMessage" | "startIcon"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -3,11 +3,11 @@ import { ICommonProps, IDropdownWithPopperOptions } from '../../types';
 import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
 import { ISearchInputProps } from '../SearchInput';
-import { IChangeSelectEvent, IMultipleSelectValue } from './types';
+import { IChangeSelectEvent, IMultipleSelectValue, ISelectFooter } from './types';
 import { ISelectStyles } from './Select.styles';
 export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type' | 'tweakStyles'>, ICommonProps<ISelectStyles> {
     header?: ReactNode;
-    footer?: ReactNode;
+    footer?: ISelectFooter<Value>;
     defaultOptionLabel?: ReactNode;
     allOptionsLabel?: string;
     noMatchesLabel?: string;
@@ -21,7 +21,7 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     dropdownOptions?: IDropdownWithPopperOptions;
     /** @default 'chevron-down' */
     dropdownIcon?: IIcon;
-    options: Value[] | Readonly<Value[]>;
+    options: Value[] | readonly Value[];
     value: Value | undefined;
     /** @default true */
     shouldScrollToList?: boolean;

package/dist/components/Select/Select.styles.d.ts

@@ -1,30 +1,20 @@
-import { type ITweakStyles } from '../../theme';
-import { type IInputStyles } from '../Input';
-import { type ISearchInputStyles } from '../SearchInput';
+import { ITweakStyles } from '../../theme';
+import { IInputStyles } from '../Input';
+import { ISearchInputStyles } from '../SearchInput';
 import { IWithMessagesStyles } from '../WithMessages';
-import { type ISelectListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter" | "iconWrapper", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
-        tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-            tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-            tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-        }>;
-    }>;
-    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+import { ISelectListStyles } from './components';
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "disabled" | "arrow" | "inputWrapper" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter">;
+export declare const readonlyInputStyles: Partial<import('../../theme').IStyles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput">> & Partial<{
+    tweakControlWrapper: import('..').IControlWrapperStyles;
+    tweakWithMessages: IWithMessagesStyles;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
-        tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-            tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-            tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-        }>;
-    }>;
-    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+export declare const readonlyMultiSelectStyles: Partial<import('../../theme').IStyles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput">> & Partial<{
+    tweakControlWrapper: import('..').IControlWrapperStyles;
+    tweakWithMessages: IWithMessagesStyles;
 }>;
 export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
     hasReadonlyInput: boolean;
-    isMultiSelect?: boolean | undefined;
+    isMultiSelect?: boolean;
 }) => IInputStyles;
 export type ISelectStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;

package/dist/components/Select/components/SelectList/SelectList.d.ts

@@ -1,9 +1,11 @@
-import { type ReactNode } from 'react';
-import { type ICommonProps } from '../../../../types';
-import { type ISelectListItemProps } from '../SelectListItem';
-import { type ISelectListStyles } from './SelectList.styles';
+import { ReactNode } from 'react';
+import { ICommonProps } from '../../../../types';
+import { ISelectProps } from '../../Select';
+import { ISelectListItemProps } from '../SelectListItem';
+import { ISelectListStyles } from './SelectList.styles';
 export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
-    options: Value[] | Readonly<Value[]>;
+    options: Value[] | readonly Value[];
+    size?: ISelectProps<Value>['size'];
     focusedIndex?: number;
     activeValue?: Value | Value[];
     noMatchesLabel?: string;
@@ -20,4 +22,4 @@ export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>
     convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
     convertValueToId: (value: Value) => string | undefined;
 }
-export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;
+export declare function SelectList<Value>({ options, focusedIndex, size, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/components/SelectList/SelectList.styles.d.ts

@@ -1,6 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
+import { IControlWrapperSizes } from '../../../ControlWrapper';
 export declare const ROW_HEIGHT = 40;
 export declare const CONTAINER_PADDING = 10;
 export declare const CELL_PADDING: number[];
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
-export type ISelectListStyles = ITweakStyles<typeof useStyles>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "focused" | "list" | "loading" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
+export type ISelectListStyles = ITweakStyles<typeof useStyles, IControlWrapperSizes>;

package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts

@@ -1,6 +1,7 @@
-import { type ChangeEvent, type FC, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
-import { type Classes } from 'jss';
-export interface ISelectListItemProps {
+import { ChangeEvent, FC, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { Classes } from 'jss';
+import { IDataAttributesProps } from '../../../../types';
+export interface ISelectListItemProps extends IDataAttributesProps {
     index: number;
     isSemiChecked?: boolean;
     isDisabled?: boolean;

package/dist/components/Select/helpers.d.ts

@@ -1,4 +1,4 @@
 export declare const defaultIsOptionDisabled: <Value>(option: Value) => boolean;
 export declare const defaultConvertFunction: (v: unknown) => string | undefined;
 export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
-export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => (value: Value) => string | undefined;
+export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => ((value: Value) => string | undefined);

package/dist/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Select';
 export * from './types';
 export type { ISelectStyles } from './Select.styles';
-export type { ISelectListStyles } from './components';
+export { type ISelectListStyles, SelectList } from './components';

package/dist/components/Select/types.d.ts

@@ -1,4 +1,8 @@
 import { ChangeEvent, KeyboardEvent } from 'react';
+import { IRenderNode } from '../../types';
 import { IChangeInputEvent } from '../Input';
 export type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;
 export type IChangeSelectEvent = IChangeInputEvent | ChangeEvent<HTMLElement> | KeyboardEvent;
+export type ISelectFooter<T> = IRenderNode<{
+    filteredOptions: T[];
+}>;

package/dist/components/Selector/Selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { ISelectorOption, ISelectorValue } from './types';
 import { ISelectorStyles } from './Selector.styles';

package/dist/components/Selector/Selector.styles.d.ts

@@ -1,9 +1,3 @@
-import { CSSProperties } from 'react';
 import { ITweakStyles } from '../../theme';
-export declare const SELECTOR_GAP: number;
-export declare const getSelectorLineStyle: (activeElementData?: {
-    clientWidth: number;
-    offsetLeft: number;
-}) => CSSProperties | undefined;
-export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"option" | "s" | "invalid" | "active" | "disabled" | "m" | "l" | "iconFromRight" | "required" | "selector" | "autoWidth" | "optionIcon" | "optionText">;
 export type ISelectorStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Skeleton/Skeleton.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "@keyframes skeleton", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "@keyframes skeleton">;
 export type ISkeletonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/SmartInput/SmartInput.d.ts

@@ -11,4 +11,4 @@ export interface ISmartInputProps extends Omit<IInputProps, 'onChange'> {
     isTransliterationEnabled?: boolean;
     onChange: (value: string, rawValue: IInputRawValue, event?: IChangeInputEvent | ClipboardEvent<HTMLInputElement>) => void;
 }
-export declare const SmartInput: import("react").ForwardRefExoticComponent<ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SmartInput: import('react').ForwardRefExoticComponent<ISmartInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Status/Status.styles.d.ts

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "text" | "blue" | "green" | "grey" | "orange" | "red" | "teal" | "violet" | "icon" | "custom" | "s" | "m" | "iconLeft" | "badge" | "xs", unknown>;
-export type IStatusStyles = ITweakStyles<typeof useStyles>;
+import { IStatusColors } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"custom" | "s" | "text" | "root" | "icon" | "m" | "xs" | "iconLeft" | "badge">;
+export type IStatusStyles = ITweakStyles<typeof useStyles, IStatusColors>;

package/dist/components/Status/constants.d.ts

@@ -1,2 +1 @@
-export declare const STATUS_COLORS: readonly ["green", "teal", "blue", "grey", "orange", "red", "violet", "custom"];
 export declare const STATUS_SIZES: readonly ["xs", "s", "m"];

package/dist/components/Status/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Status';
+export * from './types';
 export type { IStatusStyles } from './Status.styles';

package/dist/components/Status/types.d.ts

@@ -1,3 +1,6 @@
-import { STATUS_COLORS, STATUS_SIZES } from './constants';
-export type IStatusColor = (typeof STATUS_COLORS)[number];
+import { IDefaultExtendableProps } from '../../types';
+import { STATUS_SIZES } from './constants';
 export type IStatusSize = (typeof STATUS_SIZES)[number];
+export interface IStatusColors extends IDefaultExtendableProps {
+}
+export type IStatusColor = keyof IStatusColors;

package/dist/components/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
-import { ISwitchState } from './types';
+import { ISwitchSize, ISwitchState } from './types';
 import { ISwitchStyles } from './Switch.styles';
 export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyles> {
     children?: ReactNode;
@@ -15,6 +15,7 @@ export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyl
     labelPosition?: 'left' | 'right';
     /** @default 'primary' */
     color?: 'primary' | 'secondary';
+    size?: ISwitchSize;
     onChange: (state: ISwitchState<V>) => void;
 }
-export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: ISwitchProps<V>) => JSX.Element;
+export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, size, data, tweakStyles, testId, onChange, }: ISwitchProps<V>) => JSX.Element;

package/dist/components/Switch/Switch.styles.d.ts

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight", unknown>;
-export type ISwitchStyles = ITweakStyles<typeof useStyles>;
+import { ISwitchSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"input" | "label" | "switch" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "labelLeft" | "labelRight">;
+export type ISwitchStyles = ITweakStyles<typeof useStyles, ISwitchSizes>;

package/dist/components/Switch/types.d.ts

@@ -2,3 +2,6 @@ export interface ISwitchState<V = string> {
     name: V;
     isEnabled: boolean;
 }
+export interface ISwitchSizes {
+}
+export type ISwitchSize = keyof ISwitchSizes;

package/dist/components/TextArea/TextArea.d.ts

@@ -1,14 +1,13 @@
-import { FormEvent } from 'react';
+import { FormEvent, TextareaHTMLAttributes } from 'react';
 import { ICommonProps } from '../../types';
 import { IControlWrapperProps } from '../ControlWrapper';
 import { IWithMessagesProps } from '../WithMessages';
-import { ITextAreaHTMLBaseProps } from './types';
+import { ITextAreaCounterPosition } from './types';
 import { ITextAreaStyles } from './TextArea.styles';
-export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'>, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>, Pick<ITextAreaHTMLBaseProps, 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'> {
+export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled' | 'size' | 'groupPlacement'>, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {
     value?: string;
     placeholder?: string;
-    /** @default false */
-    isDisabled?: boolean;
+    counterPosition?: ITextAreaCounterPosition;
     /** @default false */
     isActive?: boolean;
     /**
@@ -26,4 +25,4 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<ICon
     shouldAlwaysShowPlaceholder?: boolean;
     onChange: (value: string, event?: FormEvent<HTMLTextAreaElement>) => void;
 }
-export declare const TextArea: import("react").ForwardRefExoticComponent<ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import('react').ForwardRefExoticComponent<ITextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -1,9 +1,10 @@
 import { ITweakStyles } from '../../theme';
-import { IControlWrapperStyles } from '../ControlWrapper';
+import { IWithPrefix } from '../../types';
+import { IControlWrapperSizes, IControlWrapperStyles } from '../ControlWrapper';
 import { IWithMessagesStyles } from '../WithMessages';
-export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export declare const controlWrapperStyles: IControlWrapperStyles;
+import { ITextAreaCounterPositions } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"textarea" | "root" | "wrapper" | "autoSized" | "withLabel" | "symbolsCount" | "symbolsCountError" | "symbolsCountActive" | "counter-default">;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;
-}>;
+} & IWithPrefix<ITextAreaCounterPositions, 'counter-'> & IControlWrapperSizes>;

package/dist/components/TextArea/index.d.ts

@@ -1,3 +1,3 @@
 export * from './TextArea';
-export * from './types';
 export type { ITextAreaStyles } from './TextArea.styles';
+export * from './types';

package/dist/components/TextArea/types.d.ts

@@ -1,2 +1,4 @@
-import { TextareaHTMLAttributes } from 'react';
-export type ITextAreaHTMLBaseProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder' | 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'>;
+import { IExtendableProps } from '../../types';
+export interface ITextAreaCounterPositions extends IExtendableProps<'default'> {
+}
+export type ITextAreaCounterPosition = keyof ITextAreaCounterPositions;

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

@@ -28,4 +28,4 @@ export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, IText
     /** @default 'dots' */
     preloaderType?: IThemedPreloaderProps['type'];
 }
-export declare const TextButton: import("react").ForwardRefExoticComponent<ITextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TextButton: import('react').ForwardRefExoticComponent<ITextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/TextButton/TextButton.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "bold" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "custom" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "bold" | "circle" | "root" | "active" | "disabled" | "icon" | "l" | "xl" | "primary" | "secondary" | "loader" | "loading" | "iconContainer" | "reverseContent">;
 export declare const preloaderStyles: IThemedPreloaderStyles;
 export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;

package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"container" | "root" | "text" | "info" | "selected", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"container" | "text" | "root" | "info" | "selected">;
 export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextWithTooltip/TextWithTooltip.d.ts

@@ -15,6 +15,8 @@ export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyl
     /** @default [] */
     tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
     tooltipOffsetOptions?: Record<string, unknown>;
+    /** @default 'undefined' */
+    tooltipSize?: ITooltipProps['size'];
     /** @default 'hover' */
     mouseEventType?: 'hover' | 'click';
     hoverDelay?: number;

package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ITooltipStyles } from '../Tooltip';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "tooltip" | "clickable", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "clickable" | "tooltip">;
 export type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
     tweakTooltip: ITooltipStyles;
 }>;

package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "default" | "currentColor" | "logo" | "dots">;
 export type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
     tweakDotsPreloader: IDotsPreloaderStyles;
     tweakSvgPreloader: ISvgPreloaderStyles;

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "fadedDot" | "@keyframes FadedDots" | "dot">;
 export type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root">;
 export type ISvgPreloaderStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Toaster/Toaster.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "info" | "iconContainer" | "title" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "title" | "text" | "close" | "error" | "root" | "warning" | "info" | "iconContainer" | "ok" | "not-ok">;
 export type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;
 }>;

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { ITooltipSize } from './types';
 import { ITooltipStyles } from './Tooltip.styles';
 export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     text: ReactNode;
@@ -7,5 +8,7 @@ export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     view?: 'tooltip' | 'hint' | 'custom';
     /** @default 'info' */
     type?: 'info' | 'error';
+    /** @default 'undefined' */
+    size?: ITooltipSize;
 }
 export declare const Tooltip: FC<ITooltipProps>;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "custom" | "info" | "hint", unknown>;
-export type ITooltipStyles = ITweakStyles<typeof useStyles>;
+import { ITooltipSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"custom" | "error" | "root" | "tooltip" | "info" | "hint">;
+export type ITooltipStyles = ITweakStyles<typeof useStyles, ITooltipSizes>;

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

@@ -1 +1,4 @@
 export type ITooltipType = 'info' | 'warning';
+export interface ITooltipSizes {
+}
+export type ITooltipSize = keyof ITooltipSizes;

package/dist/components/WithMessages/WithMessages.d.ts

@@ -7,4 +7,4 @@ export interface IWithMessagesProps extends ICommonProps<IWithMessagesStyles> {
     errorMessage?: ReactNode;
     controlsDirection?: 'horizontal' | 'vertical';
 }
-export declare const WithMessages: import("react").ForwardRefExoticComponent<IWithMessagesProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const WithMessages: import('react').ForwardRefExoticComponent<IWithMessagesProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/WithMessages/WithMessages.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"error" | "children" | "withMessages" | "info" | "horizontal" | "vertical" | "message">;
 export type IWithMessagesStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithPopup/WithPopup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
+import { Placement, Middleware, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, UseDismissProps, UseTransitionStatusProps } from '@floating-ui/react';
 import { ICommonProps, IDataAttributes, IRenderNode } from '../../types';
 import { IPopupArrowProps, IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
@@ -11,8 +11,11 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     placement?: Placement;
     /** @default 'click' */
     eventType?: IPopupEventType;
-    /** @default 0 */
-    hoverDelay?: UseHoverProps['delay'];
+    /**
+     * @deprecated Используйте hoverOptions
+     * @default 0
+     */
+    hoverDelay?: number;
     /** @default 6 */
     popupOffset?: OffsetOptions;
     arrowProps?: IPopupArrowProps;
@@ -35,6 +38,11 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     /** Должна ли минимальная ширина попапа быть равна ширине триггера
      * @default false */
     isMinWidthSameAsTrigger?: boolean;
+    hoverOptions?: UseHoverProps;
+    clickOptions?: UseClickProps;
+    focusOptions?: UseFocusProps;
+    dismissOptions?: UseDismissProps;
+    transitionOptions?: UseTransitionStatusProps;
     onToggle?: (isActive: boolean, event?: IWithPopupToggleEvent) => void;
 }
 export declare const WithPopup: FC<IWithPopupProps>;

package/dist/components/WithPopup/WithPopup.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"trigger" | "clickable" | "active" | "disabled" | "popup" | "arrow" | "animationEnd" | "animationStart" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted">;
 export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithPopup/types.d.ts

@@ -1,7 +1,7 @@
-import type { MouseEvent, KeyboardEvent } from 'react';
-import type { FloatingArrowProps, UseFloatingReturn } from '@floating-ui/react';
-import type { IDataAttributesProps, IDomElementInteractions } from '../../types';
-import type { POPUP_EVENT_TYPES } from './constants';
+import { MouseEvent, KeyboardEvent } from 'react';
+import { FloatingArrowProps, UseFloatingReturn } from '@floating-ui/react';
+import { IDataAttributesProps, IDomElementInteractions } from '../../types';
+import { POPUP_EVENT_TYPES } from './constants';
 export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
 export type IWithPopupToggleEvent = MouseEvent | KeyboardEvent | Event;
 export interface IReferenceProps extends IDomElementInteractions<HTMLElement> {

package/dist/components/WithTooltip/WithTooltip.d.ts

@@ -14,5 +14,7 @@ export interface IWithTooltipProps extends Omit<IWithPopupProps, 'trigger' | 'ch
     tooltipView?: ITooltipProps['view'];
     /** @default 'info' */
     tooltipType?: ITooltipProps['type'];
+    /** @default 'undefined' */
+    tooltipSize?: ITooltipProps['size'];
 }
 export declare const WithTooltip: FC<IWithTooltipProps>;

package/dist/components/index.d.ts

@@ -3,7 +3,6 @@ export * from './AddButton';
 export * from './Button';
 export * from './Checkbox';
 export * from './CloseButton';
-export * from './Colors';
 export * from './CssBaseline';
 export * from './DateInput';
 export * from './DatePicker';
@@ -13,6 +12,7 @@ export * from './FileItem';
 export * from './FiltersPane';
 export * from './Flag';
 export * from './FlexibleTable';
+export * from './FloatDocActions';
 export * from './Icon';
 export * from './IconButton';
 export * from './IncrementInput';

package/dist/constants/phone-info.d.ts

@@ -1,2 +1,2 @@
-import type { IPhoneInfo } from '../components';
+import { IPhoneInfo } from '../components';
 export declare const phoneInfo: IPhoneInfo[];

package/dist/helpers/misc.d.ts

@@ -1,10 +1,10 @@
-import hexToRgba from 'hex-to-rgba';
+import { ComponentType, memo } from 'react';
 import { IDataAttributes } from '../types';
-export declare const rgba: typeof hexToRgba;
+export { default as rgba } from 'hex-to-rgba';
 /** @deprecated Используйте `toKebabCase` из `true-react-platform-helpers` */
 export declare const transformToKebab: (string: string) => string;
-export declare const hasExactParent: (element: Element, parent: Element) => boolean;
 export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
+export declare const hasExactParent: (element: Element, parent: Element) => boolean;
 export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
 export declare const getScrollParent: (element: Element | Document) => Element;
 export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
@@ -19,3 +19,5 @@ export declare const getNumberLength: (n?: number) => number;
 export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
 /** @deprecated Используйте `addDataAttributes` из `true-react-platform-helpers` */
 export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;
+export declare const excludeStorybookParams: (params: string[]) => RegExp;
+export declare const genericMemo: <T extends ComponentType<any>>(...args: Parameters<typeof memo<T>>) => T;

package/dist/helpers/phone.d.ts

@@ -1,4 +1,4 @@
-import type { IPhoneInfo, IPhoneValue } from '../components';
+import { IPhoneInfo, IPhoneValue } from '../components';
 export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
 export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
 export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;

package/dist/hooks/index.d.ts

@@ -1,8 +1,11 @@
+export * from './use-did-mount-effect';
+export * from './use-dropdown';
+export * from './use-intersection-ref';
+export * from './use-resize-ref';
 export * from './use-is-mounted';
+export * from './use-latest-ref';
+export * from './use-merge';
+export * from './use-merged-refs';
+export * from './use-mixed-styles';
 export * from './use-on-click-outside';
-export * from './use-dropdown';
 export * from './use-tweak-styles';
-export * from './use-did-mount-effect';
-export * from './use-mixed-styles';
-export * from './use-merged-refs';
-export * from './use-merge';

package/dist/hooks/use-dropdown.d.ts

@@ -1,11 +1,11 @@
 import { DependencyList } from 'react';
-import usePopper, { VirtualElement } from 'react-overlays/usePopper';
+import { default as usePopper, VirtualElement } from 'react-overlays/usePopper';
 import { IDropdownWithPopperOptions } from '../types';
 export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
     isOpen: boolean;
     referenceElement: VirtualElement | null | undefined;
     dropdownElement: HTMLElement | null | undefined;
-    options?: IDropdownWithPopperOptions | undefined;
-    dependenciesForPositionUpdating?: DependencyList | undefined;
+    options?: IDropdownWithPopperOptions;
+    dependenciesForPositionUpdating?: DependencyList;
     onDropdownClose: (event: Event) => void;
 }) => ReturnType<typeof usePopper> | undefined;