@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha51

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

@@ -2,5 +2,5 @@ import { ITweakStyles } from '../../../../theme';
 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 declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
 export type ISelectListStyles = ITweakStyles<typeof useStyles>;

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

@@ -5,5 +5,5 @@ 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<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth">;
 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" | "root" | "text" | "icon" | "s" | "m" | "iconLeft" | "badge" | "xs">;
+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.styles.d.ts

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

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<"root" | "textarea" | "autoSized" | "withLabel" | "wrapper" | "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" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "l" | "xl" | "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" | "root" | "text" | "info" | "selected">;
 export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;

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" | "tooltip" | "clickable">;
 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" | "dots" | "logo">;
 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" | "dot" | "fadedDot" | "@keyframes FadedDots">;
 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" | "close" | "error" | "root" | "text" | "warning" | "title" | "info" | "iconContainer" | "ok" | "not-ok">;
 export type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;
 }>;

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

@@ -4,7 +4,7 @@ import { ITooltipStyles } from './Tooltip.styles';
 export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     text: ReactNode;
     /** @default 'tooltip' */
-    view?: 'tooltip' | 'hint';
+    view?: 'tooltip' | 'hint' | 'custom';
     /** @default 'info' */
     type?: 'info' | 'error';
 }

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

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

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" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "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<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "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/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,9 @@
-import hexToRgba from 'hex-to-rgba';
 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 +18,4 @@ 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;

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,7 +1,10 @@
+export * from './use-did-mount-effect';
+export * from './use-dropdown';
+export * from './use-intersection-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';

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,8 @@
+import { RefCallback } from 'react';
+export interface IInsertionRefOptions {
+    /** @default false */
+    isDisabled?: boolean;
+    onIntersection?: VoidFunction;
+    onIntersectionEnd?: VoidFunction;
+}
+export declare const useIntersectionRef: (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

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

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

@@ -1 +1,3 @@
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;
+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-tweak-styles.d.ts

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

package/dist/theme/Provider.d.ts

@@ -5,7 +5,10 @@ export interface IThemedProviderProps {
     children: ReactNode;
 }
 export declare const getTheme: () => IUiKitTheme;
-export declare const ThemeContext: import("react").Context<{
+interface ThemeContextValue {
     theme: IUiKitTheme;
-}>;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextValue>;
 export declare const ThemeProvider: FC<IThemedProviderProps>;
+export declare const useTheme: () => IUiKitTheme;
+export {};

package/dist/theme/common.d.ts

@@ -43,7 +43,7 @@ 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) => Styles;
     withScrollBar: {
         boxSizing: string;
         overflow: string;

package/dist/theme/create-themed-styles.d.ts

@@ -0,0 +1,2 @@
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare function createThemedStyles<C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]): IUseStyles<C>;

package/dist/theme/helpers.d.ts

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

package/dist/theme/index.d.ts

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

package/dist/theme/true-jss/ThemedStylesManager.d.ts

@@ -0,0 +1,18 @@
+import { Classes } from 'jss';
+import { IStyles } from '../types';
+import { IPartialStyle } from './TweakStylesManager';
+import { IJssContext } from './jss-context';
+interface IThemedStylesManagerOptions<C extends string> {
+    styles: IStyles<C>;
+    name: string;
+}
+export declare class ThemedStylesManager<C extends string> {
+    #private;
+    constructor({ styles, name }: IThemedStylesManagerOptions<C>);
+    getClasses(theme: object | undefined, tweak: IPartialStyle[], jssContext: IJssContext): Classes<C>;
+    manageTweak(theme: object | undefined, tweak: IPartialStyle[]): VoidFunction | undefined;
+    manage(theme?: object): VoidFunction | undefined;
+    private unmanage;
+    private getOrCreate;
+}
+export {};

package/dist/theme/true-jss/TweakStylesManager.d.ts

@@ -0,0 +1,34 @@
+import { Classes, StyleSheet } from 'jss';
+export type IPartialStyle = object;
+interface TweakStylesManagerOptions<C extends string> {
+    sheet: StyleSheet<C>;
+    classes: Classes<C>;
+    tweak?: IPartialStyle[];
+}
+export declare class TweakStylesManager<C extends string> {
+    #private;
+    constructor({ sheet, classes, tweak }: TweakStylesManagerOptions<C>);
+    getClasses([next, ...rest]: IPartialStyle[]): Classes<C>;
+    manage([next, ...rest]: IPartialStyle[]): void;
+    unmanage([next, ...rest]: IPartialStyle[]): void;
+    private getNextManager;
+    private getOrCreate;
+    private addRules;
+    private addRule;
+    private insertRules;
+    private deleteRules;
+    private getInsertIndex;
+}
+declare module 'jss' {
+    interface RuleList {
+        index: Rule[];
+    }
+    interface StyleSheet<RuleName> {
+        rules: RuleList;
+        deleteRule(rule: Rule): boolean;
+        addRule(name: RuleName, style: JssStyle, options?: Partial<Rule['options']>): (Rule & {
+            id: string;
+        }) | null;
+    }
+}
+export {};

package/dist/theme/true-jss/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThemedStylesManager';
+export * from './jss-context';

package/dist/theme/true-jss/jss-context.d.ts

@@ -0,0 +1,9 @@
+import { Context, FC, PropsWithChildren } from 'react';
+import { GenerateId } from 'jss';
+export interface IJssContext {
+    generateId?: GenerateId;
+    tweakStylesArch?: 'react-jss' | 'true-jss';
+}
+/** Типизация JssContext оказалась некорректна */
+export declare const JssContext: Context<IJssContext>;
+export declare const JssProvider: FC<PropsWithChildren<IJssContext>>;