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

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.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../../../types';
+import { ITweakStylesProps } from '../../../../types';
 import { IDotsPreloaderStyles } from './DotsPreloader.styles';
-export type IDotsPreloaderProps = Pick<ICommonProps<IDotsPreloaderStyles>, 'tweakStyles'>;
+export type IDotsPreloaderProps = ITweakStylesProps<IDotsPreloaderStyles>;
 export declare const DotsPreloader: FC<IDotsPreloaderProps>;

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.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../../../types';
+import { ITweakStylesProps } from '../../../../types';
 import { IPreloaderSvgType } from '../../types';
 import { ISvgPreloaderStyles } from './SvgPreloader.styles';
-export interface ISvgPreloaderProps extends Pick<ICommonProps<ISvgPreloaderStyles>, 'tweakStyles'> {
+export interface ISvgPreloaderProps extends ITweakStylesProps<ISvgPreloaderStyles> {
     type: IPreloaderSvgType;
 }
 export declare const SvgPreloader: FC<ISvgPreloaderProps>;

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

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../types';
+import { IReplaceTweakStylesProps } from '../../types';
 import { ITooltipProps } from '../Tooltip';
 import { IWithPopupProps } from '../WithPopup';
 import { IWithTooltipStyles } from './WithTooltip.styles';
-export interface IWithTooltipProps extends Omit<IWithPopupProps, 'trigger' | 'children' | 'placement' | 'eventType' | 'isTriggerWrapped' | 'tweakStyles'>, ICommonProps<IWithTooltipStyles> {
+export interface IWithTooltipProps extends Omit<IReplaceTweakStylesProps<IWithPopupProps, IWithTooltipStyles>, 'trigger' | 'children' | 'placement' | 'eventType' | 'isTriggerWrapped'> {
     children: IWithPopupProps['trigger'];
     /** @default 'hover' */
     eventType?: IWithPopupProps['eventType'];
@@ -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;

package/dist/hooks/use-intersection-ref.d.ts

@@ -0,0 +1,9 @@
+import { RefCallback } from 'react';
+export interface IInsertionRefOptions {
+    /** @default false */
+    isDisabled?: boolean;
+    onIntersection?: VoidFunction;
+    onIntersectionEnd?: VoidFunction;
+    observerOptions?: IntersectionObserverInit;
+}
+export declare const useIntersectionRef: ({ observerOptions, ...options }: IInsertionRefOptions) => RefCallback<Element>;

package/dist/hooks/use-latest-ref.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useLatestRef: <T>(value: T) => MutableRefObject<T>;

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

@@ -1 +1 @@
-export declare const useMerge: <T>(one?: T | undefined, two?: T | undefined) => T | undefined;
+export declare const useMerge: <T>(one?: T, two?: T) => T | undefined;

package/dist/hooks/use-mixed-styles.d.ts

@@ -1,3 +1,3 @@
-import type { IMixedStyles } from '../theme';
-export declare const mixStyles: <T>(...tweakStyles: IMixedStyles<T>[]) => NonNullable<T>[];
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: IMixedStyles<StyleSheet_1>, tweakStyles?: IMixedStyles<StyleSheet_1>) => NonNullable<StyleSheet_1>[];
+import { IMixedStyles } from '../theme';
+export declare const mixStyles: <T>(...tweakStyles: Array<IMixedStyles<T>>) => Array<NonNullable<T>>;
+export declare const useMixedStyles: <StyleSheet>(baseStyles?: IMixedStyles<StyleSheet>, tweakStyles?: IMixedStyles<StyleSheet>) => Array<NonNullable<StyleSheet>>;

package/dist/hooks/use-on-click-outside.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
 export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
 export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
-export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
-export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;

package/dist/hooks/use-resize-ref.d.ts

@@ -0,0 +1,8 @@
+import { RefCallback } from 'react';
+export interface IResizeRefOptions<T extends Element> {
+    /** @default false */
+    isDisabled?: boolean;
+    onChange?: (entry: ResizeObserverEntry) => void;
+    onTargetChange?: (target: T) => void;
+}
+export declare const useResizeRef: <T extends Element>(options: IResizeRefOptions<T>) => RefCallback<T>;

package/dist/hooks/use-tweak-styles.d.ts

@@ -1,21 +1,22 @@
-import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
+import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
+import { IComponentName, IMixedStyles } from '../theme';
+export declare const useTweakStyles: <StyleSheet, ClassName extends keyof StyleSheet & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
     /**
      * Это tweakStyles, определенные в родительском компоненте
      * (например, стили для Input, определенные в стилях компонента Select)
      */
-    innerStyles?: IMixedStyles<StyleSheet_1[ClassName]>;
+    innerStyles?: IMixedStyles<StyleSheet[ClassName]>;
     /**
      * Пропса tweakStyles из родительского компонента
      * (это уже непосредственно ISelectProps.tweakStyles)
      */
-    tweakStyles?: IMaybeArray<StyleSheet_1> | undefined;
+    tweakStyles?: IMaybeArray<StyleSheet>;
     /**
      * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
      */
     className: ClassName;
     /**
-     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
+     * Название компонента который вызывает useTweakStyles
      */
-    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
-}) => NonNullable<StyleSheet_1[ClassName]>[];
+    currentComponentName?: IComponentName;
+}) => Array<NonNullable<StyleSheet[ClassName]>>;

package/dist/theme/Provider.d.ts

@@ -1,14 +1,4 @@
-import { FC, ReactNode } from 'react';
-import type { IUiKitTheme } from './types';
-export interface IThemedProviderProps {
-    theme: IUiKitTheme;
-    children: ReactNode;
-}
-export declare const getTheme: () => IUiKitTheme;
-interface ThemeContextValue {
-    theme: IUiKitTheme;
-}
-export declare const ThemeContext: import("react").Context<ThemeContextValue>;
-export declare const ThemeProvider: FC<IThemedProviderProps>;
+import { IUiKitTheme } from './types';
+export declare const ThemeContext: import('react').Context<IUiKitTheme>;
+export declare const ThemeProvider: import('react').Provider<IUiKitTheme>;
 export declare const useTheme: () => IUiKitTheme;
-export {};

package/dist/theme/common.d.ts

@@ -1,4 +1,3 @@
-import { Styles } from 'react-jss';
 import { IUiKitTheme } from './types';
 export declare const colors: {
     readonly FONT_MAIN: "#222a37";
@@ -43,10 +42,41 @@ export declare const dimensions: {
     };
 };
 export declare const helpers: {
-    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
+    withAngle: (angleSize?: number, position?: "left" | "right", distance?: number) => {
+        display: "inline-block";
+        position: "relative";
+        marginTop: number;
+        boxShadow: "0 8px 20px 0 rgba(0, 0, 0, 0.04)";
+        border: (string | number)[];
+        borderRadius: 4;
+        '&:before': {
+            content: "\"\"";
+            position: "absolute";
+            top: number;
+            left: number | false;
+            right: number | false;
+            width: number;
+            height: number;
+            borderLeft: (string | number)[];
+            borderRight: (string | number)[];
+            borderBottom: (string | number)[];
+        };
+        '&:after': {
+            content: "\"\"";
+            position: "absolute";
+            top: number;
+            left: number | false;
+            right: number | false;
+            width: number;
+            height: number;
+            borderLeft: (string | number)[];
+            borderRight: (string | number)[];
+            borderBottom: (string | number)[];
+        };
+    };
     withScrollBar: {
-        boxSizing: string;
-        overflow: string;
+        boxSizing: "border-box";
+        overflow: "auto";
         '@supports selector(::-webkit-scrollbar)': {
             '--webkit-scrollbar-width': string;
             '--webkit-scrollbar-height': string;

package/dist/theme/helpers.d.ts

@@ -1,16 +1,3 @@
-import { IMaybeArray } from './types';
-export declare const isTweakStyle: (key: string) => boolean;
-export declare const isStylesNotEmpty: <T>(tweakStyles?: T | undefined) => tweakStyles is NonNullable<T>;
-export declare const cleanStyles: <T>(tweakStyles?: T | undefined) => T;
-export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T> | undefined) => T | undefined;
-export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
-export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
-export declare const getTweakStylesCache: () => TweakStylesCache;
-export {};
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare const useThemeComponentStyles: <T>(componentName?: IComponentName) => Partial<T> | undefined;
+export declare const createThemedStyles: <C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]) => IUseStyles<C>;

package/dist/theme/index.d.ts

@@ -1,6 +1,4 @@
 export * from './Provider';
-export * from './true-jss';
 export * from './common';
 export * from './types';
 export * from './helpers';
-export * from './create-themed-styles';