fui-material 2.7.5 → 2.7.7

package/dist/types/material/MenuLinks/FMenuBlockLinks/FMenuBlockLinks.d.ts

@@ -25,6 +25,10 @@ interface IFMenuBlockLinksProps {
      * Количество столбцов в контейнере Grid.
      */
     columns?: number;
+    /**
+     *  Включает функционал стеклянной поисковой строки.
+     */
+    withSearch?: boolean;
 }
 /**
  * Компонент-карточка для группировки ссылок меню.

package/dist/types/material/MenuLinks/FMenuLinks/FMenuLinks.d.ts

@@ -6,38 +6,49 @@ import React from "react";
  * @interface IFMenuLinksProps
  */
 interface IFMenuLinksProps {
-    /** Дочерние элементы (обычно <a>, <Link> или <button>). К каждому будет добавлен класс `link`. */
+    /**
+     * Дочерние элементы (обычно `<a>`, `<Link>` или `<button>`).
+     * К каждому будет добавлен класс стилизации.
+     */
     children: React.ReactNode;
-    /** Дополнительный класс для внешнего контейнера */
+    /** Дополнительный класс для внешнего контейнера карточки */
     className?: string;
-    /** Инлайновые стили для внешнего контейнера */
+    /** Инлайновые стили для внешнего контейнера карточки */
     st?: React.CSSProperties;
-    /** ID элемента */
+    /** Уникальный ID элемента контейнера */
     id?: string;
-    /** Индексы дочерних элементов (начиная с 0), которые нужно отключить */
+    /**
+     * Массив индексов (начиная с 0) дочерних элементов, которые нужно отключить.
+     * @example disabled={[0, 2]} // отключит первую и третью ссылку
+     */
     disabled?: number[];
+    /**
+     * Массив бейджей (кодов) для пунктов меню. Индекс соответствует дочернему элементу.
+     * Альтернативно, можно передать проп `data-badge="A"` самому дочернему элементу.
+     * @example badges={["А", "П1", undefined, "Д1"]}
+     */
+    badges?: (string | undefined)[];
     /** Заголовок блока (отображается над списком ссылок) */
     title?: string;
+    /**
+     * Строка поиска. Передается автоматически компонентом-оберткой `FMenuBlockLinks`.
+     * Фильтрует ссылки по их текстовому содержимому и коду бейджа.
+     */
+    searchTerm?: string;
 }
 /**
- * Компонент FMenuLinks — единый стилизованный список ссылок меню.
- * Автоматически добавляет класс `link` ко всем дочерним элементам,
- * поддерживает отключение отдельных пунктов и опциональный заголовок.
+ * Компонент FMenuLinks — единый стилизованный список ссылок меню в виде карточки.
+ *
+ * Автоматически добавляет классы ко всем дочерним элементам,
+ * поддерживает отключение отдельных пунктов, добавление бейджей (кодов)
+ * и фильтрацию через встроенный поиск.
  *
  * Используется внутри `FMenuBlockLinks` или самостоятельно.
  *
  * @component
  * @example
- * <FMenuLinks title="Документы">
- *   <Link to="/cards">Карточка учета</Link>
- *   <Link to="/reports">Сводная ведомость</Link>
- * </FMenuLinks>
- *
- * @example
- * // Отключение второй ссылки
- * <FMenuLinks disabled={[1]}>
- *   <Link to="/profile">Профиль</Link>
- *   <Link to="/settings">Настройки</Link>
+ * <FMenuLinks title="Регламентные отчеты" badges={["А"]}>
+ *   <Link to="/reports/a">Общие показатели использования воды</Link>
  * </FMenuLinks>
  */
 declare const FMenuLinks: FC<IFMenuLinksProps>;

package/dist/types/material/NavigateBarComponents/FNavigateBar/FNavigateBar.d.ts

@@ -21,24 +21,20 @@ export interface IFNavigateBar {
     className?: string;
 }
 /**
- * Компонент `FNavigateBar` — обёртка для навигационной панели.
+ * Компонент `FNavigateBar` — стеклянная навигационная панель (Glassmorphism + Wave Effect).
  *
  * Содержит список пунктов меню в семантической обёртке `<nav>`.
  * Поддерживает адаптивность через сетку (`FGrid`, `FGridRow`, `FGridItem`).
  *
  * @component
  * @example
- * const getActiveClass = (route: string) => {
- *     const pathMatch = matchPath({ path: route + '/*' }, location.pathname);
- *     return pathMatch ? 'nav-rout active' : 'nav-rout';
- * };
- *
  * <FNavigateBar>
- *   <Link to="/">
- *     <FNavigateBarItem getActiveClass={getActiveClass('/')} className="nav-link">
- *       Главная
- *     </FNavigateBarItem>
- *   </Link>
+ *   <FNavigateBarItem activeClass={location.pathname === '/'}>
+ *     <Link to="/" className="wave-nav-link">Главная</Link>
+ *   </FNavigateBarItem>
+ *   <FNavigateBarItem activeClass={location.pathname === '/about'}>
+ *     <Link to="/about" className="wave-nav-link">О нас</Link>
+ *   </FNavigateBarItem>
  * </FNavigateBar>
  *
  * @param {React.CSSProperties} [st] - Инлайновые стили для `<nav>`.
@@ -46,7 +42,7 @@ export interface IFNavigateBar {
  * @param {string} [id] - HTML ID для контейнера.
  * @param {string} [className] - Кастомный класс для контейнера.
  *
- * @returns {JSX.Element} — Рендерит панель навигации с адаптивным расположением.
+ * @returns {JSX.Element} — Рендерит панель навигации со стеклянным фоном и эффектом размытия.
  */
 declare const FNavigateBar: FC<IFNavigateBar>;
 export default FNavigateBar;

package/dist/types/material/NavigateBarComponents/FNavigateBarItem/FNavigateBarItem.d.ts

@@ -2,18 +2,18 @@ import { FC } from "react";
 /**
  * Пропсы для компонента `FNavigateBarItem`
  */
-export interface IFNavigateBarItem {
+export interface IFNavigateBarItem extends React.LiHTMLAttributes<HTMLLIElement> {
     /**
      * Флаг, указывающий, является ли пункт меню активным.
      */
-    activeClass: boolean;
+    activeClass?: boolean;
     /**
      * Путь или имя маршрута для проверки активности (необязательный).
      * Может использоваться в будущем для расширения логики.
      */
     route?: string;
     /**
-     * Контент пункта меню (например, текст или иконка).
+     * Контент пункта меню (например, текст, иконка или компонент Link).
      */
     children?: React.ReactNode;
     /**
@@ -30,24 +30,25 @@ export interface IFNavigateBarItem {
     id?: string;
 }
 /**
- * Компонент `FNavigateBarItem` — пункт горизонтального меню навигации.
+ * Компонент `FNavigateBarItem` — пункт горизонтального меню навигации с волновой анимацией.
  *
- * Отображает отдельный элемент меню (`<li>`), применяя стиль активности на основе переданного флага.
+ * Отображает отдельный элемент меню (`<li>`), применяя стиль активности (волновой подъем,
+ * градиент #2F80ED, неоновую точку-индикатор) на основе переданного флага `activeClass`.
  *
  * @component
  * @example
  * <FNavigateBarItem activeClass={location.pathname === '/'}>
- *   Главная
+ *   <Link to="/" className="wave-nav-link">Главная</Link>
  * </FNavigateBarItem>
  *
- * @param {boolean} activeClass - Определяет, является ли пункт активным.
+ * @param {boolean} [activeClass] - Определяет, является ли пункт активным.
  * @param {string} [route] - Необязательный путь, может использоваться для динамической проверки.
- * @param {React.ReactNode} [children] - Контент пункта меню (текст, иконка и т.д.).
+ * @param {React.ReactNode} [children] - Контент пункта меню (текст, иконка, ссылка и т.д.).
  * @param {string} [className] - Кастомный класс для дополнительной стилизации.
  * @param {React.CSSProperties} [st] - Инлайновые стили.
  * @param {string} [id] - HTML ID элемента.
  *
- * @returns {JSX.Element} — Рендерит `<li>` с возможностью активного состояния.
+ * @returns {JSX.Element} — Рендерит `<li>` с поддержкой активного состояния и волнового эффекта.
  */
 declare const FNavigateBarItem: FC<IFNavigateBarItem>;
 export default FNavigateBarItem;

package/package.json

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