fui-material 2.1.2 → 2.1.3

package/dist/types/icons/FArrowIcon/FArrowIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FArrowIcon.
  * @interface IFArrowIcon
@@ -58,6 +59,7 @@ export interface IFArrowIcon {
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -68,5 +70,5 @@ export interface IFArrowIcon {
  *   handleClick={() => console.log('Arrow clicked!')}
  * />
  */
-declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className, ["data-testid"]: dataTestId }: IFArrowIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FArrowIcon: React.ForwardRefExoticComponent<IFArrowIcon & React.RefAttributes<SVGSVGElement>>;
 export default FArrowIcon;

package/dist/types/icons/FCheckIcon/FCheckIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FCheckIcon.
  * @interface IFCheckIcon
@@ -51,6 +52,7 @@ export interface IFCheckIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFCheckIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FCheckIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFCheckIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FCheckIcon: React.ForwardRefExoticComponent<IFCheckIcon & React.RefAttributes<SVGSVGElement>>;
 export default FCheckIcon;

package/dist/types/icons/FCloseIcon/FCloseIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FCloseIcon.
  * @interface IFCloseIcon
@@ -51,6 +52,7 @@ export interface IFCloseIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClose] - Обработчик события закрытия (клика по иконке).
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFCloseIcon {
  *   handleClose={() => console.log('Closed!')}
  * />
  */
-declare const FCloseIcon: ({ color, size, st, id, className, handleClose, ["data-testid"]: dataTestId }: IFCloseIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FCloseIcon: React.ForwardRefExoticComponent<IFCloseIcon & React.RefAttributes<SVGSVGElement>>;
 export default FCloseIcon;

package/dist/types/icons/FCopyAddIcon/FCopyAddIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FCopyAddIcon.
  * @interface IFCopyAddIcon
@@ -51,6 +52,7 @@ export interface IFCopyAddIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFCopyAddIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FCopyAddIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFCopyAddIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FCopyAddIcon: React.ForwardRefExoticComponent<IFCopyAddIcon & React.RefAttributes<SVGSVGElement>>;
 export default FCopyAddIcon;

package/dist/types/icons/FDocumentIcon/FDocumentIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FDocumentIcon.
  * @interface IFDocumentIcon
@@ -57,6 +58,7 @@ export interface IFDocumentIcon {
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
  * @param {('check' | 'download' | 'upload' | 'close' | 'excel' | 'doc' | 'docx' | 'pdf' | 'jpg' | 'png' | 'txt')} [file] - Тип файла для отображения соответствующего значка.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -67,5 +69,5 @@ export interface IFDocumentIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FDocumentIcon: ({ color, size, st, id, file, className, handleClick, ["data-testid"]: dataTestId }: IFDocumentIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FDocumentIcon: React.ForwardRefExoticComponent<IFDocumentIcon & React.RefAttributes<SVGSVGElement>>;
 export default FDocumentIcon;

package/dist/types/icons/FDownloadIcon/FDownloadIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FDownloadIcon.
  * @interface IFDownloadIcon
@@ -51,6 +52,7 @@ export interface IFDownloadIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFDownloadIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FDownloadIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFDownloadIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FDownloadIcon: React.ForwardRefExoticComponent<IFDownloadIcon & React.RefAttributes<SVGSVGElement>>;
 export default FDownloadIcon;

package/dist/types/icons/FFilterIcon/FFilterIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FFilterIcon.
  * @interface IFFilterIcon
@@ -51,6 +52,7 @@ export interface IFFilterIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFFilterIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FFilterIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFFilterIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FFilterIcon: React.ForwardRefExoticComponent<IFFilterIcon & React.RefAttributes<SVGSVGElement>>;
 export default FFilterIcon;

package/dist/types/icons/FInfoCircleIcon/FInfoCircleIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FInfoCircleIcon.
  * @interface IFInfoCircleIcon
@@ -51,6 +52,7 @@ export interface IFInfoCircleIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFInfoCircleIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FInfoCircleIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFInfoCircleIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FInfoCircleIcon: React.ForwardRefExoticComponent<IFInfoCircleIcon & React.RefAttributes<SVGSVGElement>>;
 export default FInfoCircleIcon;

package/dist/types/icons/FListIcon/FListIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FListIcon.
  * @interface IFListIcon
@@ -51,6 +52,7 @@ export interface IFListIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFListIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FListIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFListIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FListIcon: React.ForwardRefExoticComponent<IFListIcon & React.RefAttributes<SVGSVGElement>>;
 export default FListIcon;

package/dist/types/icons/FLoadIcon/FLoadIcon.d.ts

@@ -1,4 +1,5 @@
 import './FLoadIconCss.scss';
+import React from "react";
 /**
  * Интерфейс для пропсов компонента FLoadIcon.
  * @interface IFLoadIcon
@@ -33,16 +34,17 @@ export interface IFLoadIcon {
     className?: string;
 }
 /**
- * Компонент FLoadIcon представляет собой анимированную SVG иконку загрузки с возможностью настройки цвета, размера и обработки кликов.
+ * Компонент FLoadIcon представляет собой анимированную иконку загрузки с возможностью настройки цвета, размера и обработки кликов.
  *
  * @function FLoadIcon
  * @param {IFLoadIcon} props - Пропсы компонента.
  * @param {('primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link')} [color='primary'] - Цвет иконки. По умолчанию 'primary'.
- * @param {number} [size=30] - Размер иконки в пикселях. По умолчанию 35.
- * @param {React.CSSProperties} [st] - Дополнительные стили для SVG элемента.
- * @param {string} [id] - Уникальный идентификатор для SVG элемента.
- * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
- * @returns {JSX.Element} - Возвращает анимированный SVG элемент с заданными параметрами.
+ * @param {number} [size=30] - Размер иконки в пикселях. По умолчанию 30.
+ * @param {React.CSSProperties} [st] - Дополнительные стили для элемента.
+ * @param {string} [id] - Уникальный идентификатор для элемента.
+ * @param {string} [className] - Дополнительные CSS классы для элемента.
+ * @param {React.Ref<HTMLDivElement>} ref - Ref для div элемента.
+ * @returns {JSX.Element} - Возвращает анимированный элемент с заданными параметрами.
  *
  * @example
  * <FLoadIcon
@@ -50,5 +52,5 @@ export interface IFLoadIcon {
  *   size={50}
  * />
  */
-declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FLoadIcon: React.ForwardRefExoticComponent<IFLoadIcon & React.RefAttributes<HTMLDivElement>>;
 export default FLoadIcon;

package/dist/types/icons/FMinusIcon/FMinusIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FMinusIcon.
  * @interface IFMinusIcon
@@ -51,6 +52,7 @@ export interface IFMinusIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFMinusIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
 */
-declare const FMinusIcon: ({ color, size, st, className, id, handleClick, ["data-testid"]: dataTestId }: IFMinusIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FMinusIcon: React.ForwardRefExoticComponent<IFMinusIcon & React.RefAttributes<SVGSVGElement>>;
 export default FMinusIcon;

package/dist/types/icons/FPenIcon/FPenIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FPenIcon.
  * @interface IFPenIcon
@@ -51,6 +52,7 @@ export interface IFPenIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFPenIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
 */
-declare const FPenIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFPenIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FPenIcon: React.ForwardRefExoticComponent<IFPenIcon & React.RefAttributes<SVGSVGElement>>;
 export default FPenIcon;

package/dist/types/icons/FPlusIcon/FPlusIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FPlusIcon.
  * @interface IFPlusIcon
@@ -51,6 +52,7 @@ export interface IFPlusIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFPlusIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FPlusIcon: ({ color, size, st, className, id, handleClick, ["data-testid"]: dataTestId }: IFPlusIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FPlusIcon: React.ForwardRefExoticComponent<IFPlusIcon & React.RefAttributes<SVGSVGElement>>;
 export default FPlusIcon;

package/dist/types/icons/FReloadIcon/FReloadIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FReloadIcon.
  * @interface IFReloadIcon
@@ -51,6 +52,7 @@ export interface IFReloadIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -60,5 +62,5 @@ export interface IFReloadIcon {
  *   handleClick={() => console.log('Icon clicked!')}
  * />
  */
-declare const FReloadIcon: ({ color, size, st, className, id, handleClick, ["data-testid"]: dataTestId }: IFReloadIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FReloadIcon: React.ForwardRefExoticComponent<IFReloadIcon & React.RefAttributes<SVGSVGElement>>;
 export default FReloadIcon;

package/dist/types/icons/FSafeIcon/FSafeIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FSafeIcon.
  * @interface IFSafeIcon
@@ -51,6 +52,7 @@ export interface IFSafeIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -61,5 +63,5 @@ export interface IFSafeIcon {
  * />
  *
  */
-declare const FSafeIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFSafeIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FSafeIcon: React.ForwardRefExoticComponent<IFSafeIcon & React.RefAttributes<SVGSVGElement>>;
 export default FSafeIcon;

package/dist/types/icons/FTrashIcon/FTrashIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FTrashIcon.
  * @interface IFTrashIcon
@@ -51,6 +52,7 @@ export interface IFTrashIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -61,5 +63,5 @@ export interface IFTrashIcon {
  * />
  *
  */
-declare const FTrashIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFTrashIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FTrashIcon: React.ForwardRefExoticComponent<IFTrashIcon & React.RefAttributes<SVGSVGElement>>;
 export default FTrashIcon;

package/dist/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Интерфейс для пропсов компонента FUnlinkIcon.
  * @interface IFUnlinkIcon
@@ -51,6 +52,7 @@ export interface IFUnlinkIcon {
  * @param {string} [id] - Уникальный идентификатор для SVG элемента.
  * @param {string} [className] - Дополнительные CSS классы для SVG элемента.
  * @param {() => void} [handleClick] - Обработчик события клика по иконке.
+ * @param {React.Ref<SVGSVGElement>} ref - Ref для SVG элемента.
  * @returns {JSX.Element} - Возвращает SVG элемент с заданными параметрами.
  *
  * @example
@@ -61,5 +63,5 @@ export interface IFUnlinkIcon {
  * />
  *
  */
-declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick, ["data-testid"]: dataTestId }: IFUnlinkIcon) => import("react/jsx-runtime").JSX.Element;
+declare const FUnlinkIcon: React.ForwardRefExoticComponent<IFUnlinkIcon & React.RefAttributes<SVGSVGElement>>;
 export default FUnlinkIcon;

package/dist/types/material/FTooltip/FTooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode, type CSSProperties } from 'react';
+import React, { type ReactNode, type CSSProperties, ReactElement } from 'react';
 /**
  * Интерфейс свойств компонента FTooltip
  * @interface FTooltipProps
@@ -14,7 +14,7 @@ export interface FTooltipProps {
      * Должен поддерживать передачу ref
      * @type {ReactElement}
      */
-    children: any;
+    children: ReactElement;
     /**
      * Расположение тултипа относительно дочернего элемента
      * @type {'top' | 'bottom' | 'left' | 'right'}
@@ -67,12 +67,6 @@ export interface FTooltipProps {
      * @default 0
      */
     enterDelay?: number;
-    /**
-     * Задержка перед закрытием тултипа в миллисекундах
-     * @type {number}
-     * @default 0
-     */
-    leaveDelay?: number;
     /**
      * Дополнительный CSS класс для тултипа
      * @type {string}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "type": "module",
   "publishConfig": {
     "access": "public",