fui-material 2.7.12 → 2.7.13

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

@@ -0,0 +1,92 @@
+import { type ReactNode, type CSSProperties, type MouseEvent } from "react";
+/**
+ * Описание элемента сегментированного контрола.
+ *
+ * @interface ISegmentedItem
+ * @template T Тип идентификатора (по умолчанию `string | number`)
+ */
+export interface ISegmentedItem<T = string | number> {
+    /**
+     * Уникальный идентификатор сегмента.
+     * @type {T}
+     */
+    id: T;
+    /**
+     * Текстовая метка сегмента.
+     * @type {string}
+     */
+    label: string;
+    /**
+     * Иконка сегмента (отображается перед текстом).
+     * @type {ReactNode | undefined}
+     */
+    icon?: ReactNode;
+    /**
+     * Бейдж со счетчиком или статусом.
+     * @type {string | number | undefined}
+     */
+    badge?: string | number;
+    /**
+     * Флаг блокировки отдельного сегмента.
+     * @type {boolean | undefined}
+     */
+    disabled?: boolean;
+    /**
+     * Кастомный обработчик клика для конкретного сегмента.
+     * Если внутри вызвать `e.preventDefault()`, стандартный вызов `onChange` будет отменен.
+     * @type {((e: MouseEvent<HTMLButtonElement>, item: ISegmentedItem<T>) => void) | undefined}
+     */
+    onClick?: (e: MouseEvent<HTMLButtonElement>, item: ISegmentedItem<T>) => void;
+}
+/**
+ * Интерфейс пропсов для компонента `FSegmentedControl`.
+ *
+ * @interface IFSegmentedControlProps
+ * @template T Тип идентификатора активного элемента
+ */
+export interface IFSegmentedControlProps<T = string | number> {
+    /**
+     * Массив элементов для отображения в контроле.
+     * @type {ISegmentedItem<T>[]}
+     */
+    items: ISegmentedItem<T>[];
+    /**
+     * Идентификатор текущего активного элемента.
+     * @type {T}
+     */
+    activeId: T;
+    /**
+     * Callback, вызываемый при смене активного сегмента.
+     * @type {(id: T) => void}
+     */
+    onChange: (id: T) => void;
+    /**
+     * Размер контрола.
+     * @type {'sm' | 'md' | 'lg' | undefined}
+     * @default 'md'
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Дополнительный класс для внешнего контейнера.
+     * @type {string | undefined}
+     */
+    className?: string;
+    /**
+     * Инлайновые стили для внешнего контейнера.
+     * @type {CSSProperties | undefined}
+     */
+    style?: CSSProperties;
+}
+/**
+ * Компонент `FSegmentedControl` — переключатель группы опций с анимированным ползунком.
+ *
+ * Особенности:
+ * - Поддерживает размеры `sm`, `md`, `lg`.
+ * - Автоматически рассчитывает ширину и смещение активного элемента.
+ * - Поддерживает иконки, бейджи, disabled-состояния элементов и персональные `onClick`.
+ */
+export declare const FSegmentedControl: {
+    <T extends string | number>({ items, activeId, onChange, size, className, style, }: IFSegmentedControlProps<T>): import("react").JSX.Element;
+    displayName: string;
+};
+export default FSegmentedControl;

package/dist/types/material/FSegmentedControl/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./FSegmentedControl";

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

@@ -49,3 +49,4 @@ export { default as FMenuBlockLinks } from "./MenuLinks/FMenuBlockLinks";
 export { default as FMenuLinks } from "./MenuLinks/FMenuLinks";
 export { default as FTooltip } from "./FTooltip";
 export { default as FSearchableSelect } from "./FSearchableSelect";
+export { default as FSegmentedControl } from "./FSegmentedControl";

package/package.json

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