skillgrid 0.0.21 → 0.0.22-dev-31782-avatar.1141064

package/dist/components/Avatar/Avatar.type.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, CSSProperties, FC, HTMLProps, MouseEvent } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, FC, HTMLProps, MouseEvent, PropsWithChildren } from 'react';
 /** Типы режимов отображения аватара */
 export type AvatarModeType = 'image' | 'icon' | 'name' | 'placeholder';
 type CommonEventsType = 'onClick' | 'onFocus' | 'onBlur' | 'onPointerDown' | 'onPointerUp' | 'onPointerEnter' | 'onPointerLeave' | 'onPointerCancel' | 'onPointerOut' | 'onPointerOver';
@@ -67,12 +67,15 @@ export interface AvatarProps extends Pick<HTMLProps<HTMLSpanElement>, 'className
      */
     'data-testid'?: string;
 }
+interface AvatarGroupItem extends Omit<AvatarProps, 'size' | 'shape'> {
+    wrapper?: FC<PropsWithChildren>;
+}
 /**
  * Пропсы компонента AvatarGroup
  */
 export interface AvatarGroupProps {
     /** Массив аватаров для отображения */
-    avatars: Omit<AvatarProps, 'size' | 'shape'>[];
+    avatars: AvatarGroupItem[];
     /** Размер аватаров в группе */
     size?: AvatarProps['size'];
     /** Форма аватаров */

package/dist/components/Avatar/lib/get-avatar-border-radius-by-size-and-shape.d.ts

@@ -1,3 +1,8 @@
 import { AvatarProps } from '../Avatar.type';
+/**
+ * NOTE: This logic is duplicated from Avatar.module.css.
+ * If you change the border-radius there, change it here too.
+ * This is necessary for calculating the clipPath in AvatarGroup.
+ */
 declare function getAvatarBorderRadiusBySizeAndShape(size: number, shape: AvatarProps['shape']): number;
 export { getAvatarBorderRadiusBySizeAndShape };

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { ButtonProps } from './Button.type';
 /**
  * Button component for user interactions
@@ -9,6 +8,6 @@ import { ButtonProps } from './Button.type';
  * <Button mode="primary" size="medium" buttonStyle="accent">Click me</Button>
  * ```
  */
-export declare const Button: React.ForwardRefExoticComponent<(ButtonProps & {
+export declare const Button: import('react').ForwardRefExoticComponent<(ButtonProps & {
     style?: React.CSSProperties;
-}) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,18 @@
+import { CheckboxProps } from './Checkbox.type';
+/**
+ * Checkbox компонент для user interactions
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Checkbox
+ *   name="agree"
+ *   value={checked}
+ *   onChange={setChecked}
+ *   size="medium"
+ * >
+ *   Я согласен с условиями
+ * </Checkbox>
+ * ```
+ */
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/Checkbox.type.d.ts

@@ -0,0 +1,90 @@
+import { ChangeEvent, CSSProperties, ReactNode } from 'react';
+export interface CheckboxIconProps {
+    /** Имя чекбокса для идентификации */
+    name: string;
+    /** Размер иконки чекбокса */
+    size: 'medium' | 'large';
+    /** Состояние - выбран ли чекбокс */
+    isChecked: boolean;
+    /** Состояние - заблокирован ли чекбокс */
+    isDisabled: boolean;
+    /** Состояние - неопределенное состояние чекбокса */
+    indeterminate: boolean;
+}
+export interface CheckboxProps {
+    /**
+     * Уникальное имя чекбокса, значение для id тэга input
+     */
+    name: string;
+    /**
+     * Текущее значение чекбокса
+     * - true - отмеченный чекбокс
+     * - false - не отмеченный чекбокс
+     * Если не передан, используется внутреннее состояние
+     */
+    value?: boolean;
+    /**
+     * Размер чекбокса
+     * @default 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * Неопределенный вариант (показывает line-icon вместо check-icon)
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Загрузка (чекбокс становится неактивным)
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Сообщение об ошибке
+     */
+    error?: string;
+    /**
+     * Дизейбл чекбокса
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Дополнительные CSS классы для контейнера
+     */
+    containerClassName?: string;
+    /**
+     * Дополнительные CSS классы для чекбокса
+     */
+    className?: string;
+    /**
+     * Дополнительные CSS стили для контейнера
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * Дополнительные CSS стили для чекбокса
+     */
+    style?: CSSProperties;
+    /**
+     * Вложенный компонент справа от чекбокса (label)
+     */
+    children?: ReactNode;
+    /**
+     * Делать ли весь элемент (включая label) кликабельным
+     * @default true
+     */
+    clickableLabel?: boolean;
+    /**
+     * Tab index для навигации
+     */
+    tabIndex?: number;
+    /**
+     * Обработчик изменения состояния чекбокса
+     * @param checked - boolean, текущее состояние чекбокса
+     * @param e - ChangeEvent<HTMLInputElement>, ивент нажатия на инпут
+     * Если не передан, используется внутреннее состояние
+     */
+    onChange?: (checked: boolean, e?: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Идентификатор для тестирования
+     */
+    'data-testid'?: string;
+}

package/dist/components/Checkbox/assets/CheckIcon.d.ts

@@ -0,0 +1,16 @@
+export interface IconProps {
+    /** Ширина иконки */
+    width?: number;
+    /** Высота иконки */
+    height?: number;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Цвет иконки */
+    color?: string;
+    /** Дополнительные пропсы */
+    [key: string]: unknown;
+}
+/**
+ * Компонент иконки CheckIcon для чекбокса
+ */
+export declare const CheckIcon: React.FC<IconProps>;

package/dist/components/Checkbox/assets/LineIcon.d.ts

@@ -0,0 +1,16 @@
+export interface IconProps {
+    /** Ширина иконки */
+    width?: number;
+    /** Высота иконки */
+    height?: number;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Цвет иконки */
+    color?: string;
+    /** Дополнительные пропсы */
+    [key: string]: unknown;
+}
+/**
+ * Компонент иконки LineIcon для indeterminate состояния чекбокса
+ */
+export declare const LineIcon: React.FC<IconProps>;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox.type';

package/dist/components/Helper/Helper.d.ts

@@ -0,0 +1,7 @@
+import { HelperProps } from './Helper.type';
+/**
+ * Компонент Helper для отображения вспомогательного текста
+ * Может использоваться как самостоятельно, так и в составе других компонентов или групп компонентов
+ * При наличии ошибки отображается текст error, иначе отображается title
+ */
+export declare const Helper: React.FC<HelperProps>;

package/dist/components/Helper/Helper.type.d.ts

@@ -0,0 +1,17 @@
+export interface HelperProps {
+    /** Заголовок/описание (обязательный) */
+    title: string;
+    /** Сообщение об ошибке (опциональный) */
+    error?: string;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Дополнительные стили */
+    style?: React.CSSProperties;
+    /** Заблокированное состояние */
+    disabled?: boolean;
+    /** ID для тестирования */
+    'data-testid'?: string;
+    /** ARIA-атрибуты */
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}

package/dist/components/Helper/index.d.ts

@@ -0,0 +1,2 @@
+export { Helper } from './Helper';
+export type { HelperProps } from './Helper.type';

package/dist/components/InputBase/Input.d.ts

@@ -0,0 +1,9 @@
+import { InputProps, InputWrapperProps } from './Input.type';
+/**
+ * Compound компонент Input
+ * ! ВНИМАНИЕ: Это внутренний компонент, используемый только в InputBase.
+ * Не предназначен для прямого использования в приложениях.
+ */
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>> & {
+    Wrapper: import('react').ForwardRefExoticComponent<InputWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/InputBase/Input.type.d.ts

@@ -0,0 +1,138 @@
+import { HTMLAttributes } from 'react';
+/**
+ * Тип компонента для Input
+ */
+export type InputComponent = 'input' | 'textarea';
+/**
+ * Размер компонента Input
+ */
+export type InputSize = 'small' | 'medium' | 'large';
+/**
+ * Размер компонента InputWrapper
+ */
+export type InputWrapperSize = 'small' | 'medium' | 'large';
+/**
+ * Пропсы для компонента Input
+ */
+export interface InputProps {
+    /** Тип компонента (input или textarea) */
+    component?: InputComponent;
+    /** Размер компонента */
+    size?: InputSize;
+    /** Значение поля */
+    value?: string;
+    /** Плейсхолдер */
+    placeholder?: string;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Обработчик фокуса */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Обработчик потери фокуса */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Обработчик изменения */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Обработчик нажатия клавиши */
+    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Максимальная длина */
+    maxLength?: number;
+    /** CSS классы */
+    className?: string;
+    /** Инлайн стили */
+    style?: React.CSSProperties;
+    /** Включить обрезку текста */
+    truncate?: boolean;
+    /** Показывать ли плавающий лейбл */
+    shouldShowFloatingLabelClass?: boolean;
+    /** Состояние ошибки для accessibility */
+    'aria-invalid'?: boolean;
+    /** ID элемента с сообщением об ошибке для accessibility */
+    'aria-errormessage'?: string;
+    /** ID элемента */
+    id?: string;
+    /** Тип изменения размера для textarea */
+    resize?: 'fill' | 'hug' | 'fixed';
+    /** Показывать ли grip для изменения размера */
+    showGrip?: boolean;
+    /** Дополнительные пропсы для input */
+    [key: string]: unknown;
+}
+/**
+ * Пропсы для компонента InputWrapper
+ */
+export interface InputWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {
+    /** Дочерние элементы (Input компонент) */
+    children?: React.ReactNode;
+    /** Размер компонента */
+    size?: InputWrapperSize;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** CSS классы */
+    className?: string;
+    /** Пропсы для обертки */
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+    /** Стили для обертки */
+    wrapperStyles?: React.CSSProperties;
+    /** Стили для плавающей метки */
+    floatingLabelStyles?: React.CSSProperties;
+    /** Стили для префикса */
+    prefixStyles?: React.CSSProperties;
+    /** Стили для суффикса */
+    suffixStyles?: React.CSSProperties;
+    /** Пропсы для метки */
+    labelProps?: HTMLAttributes<HTMLLabelElement>;
+    /** Пропсы для вспомогательного текста */
+    helperProps?: HTMLAttributes<HTMLDivElement>;
+    /** Показывать ли счетчик символов */
+    showLimit?: boolean;
+    /** Максимальная длина */
+    maxLength?: number;
+    /** Подсказка внутри поля ввода */
+    hint?: string;
+    /** Показывать ли подсказку */
+    showHint?: boolean;
+    /** Показывать подсказку когда значение пустое */
+    showHintOnEmpty?: boolean;
+    /** Префикс (иконка слева) */
+    prefix?: React.ReactNode;
+    /** Суффикс (иконка справа) */
+    suffix?: React.ReactNode;
+    /** Плейсхолдер для поля */
+    placeholder?: string;
+    /** Показывать ли метку */
+    showLabel?: boolean;
+    /** CSS классы для плавающей метки */
+    labelClassName?: string;
+    /** Есть ли значение в поле */
+    hasValue?: boolean;
+    /** Вспомогательный текст под полем */
+    helper?: string;
+    /** ID компонента */
+    id?: string;
+    /** Значение поля (для подсчета символов) */
+    value?: string;
+    /** Состояние ошибки для accessibility */
+    'aria-invalid'?: boolean;
+    /** ID элемента с сообщением об ошибке для accessibility */
+    'aria-errormessage'?: string;
+    /** Тип изменения размера для textarea */
+    resize?: 'fill' | 'hug' | 'fixed';
+    /** Показывать ли grip для изменения размера */
+    showGrip?: boolean;
+}
+/**
+ * Типы для Input compound компонента
+ */
+export type InputComponentType = InputComponent;
+export type InputSizeType = InputSize;
+export type InputPropsType = InputProps;
+/**
+ * Типы для Input.Wrapper
+ */
+export type InputWrapperSizeType = InputWrapperSize;
+export type InputWrapperPropsType = InputWrapperProps;

package/dist/components/InputBase/InputBase.d.ts

@@ -0,0 +1,6 @@
+import { InputBaseProps } from './InputBase.type';
+/**
+ * Универсальная обертка для полей ввода
+ * Предоставляет общую логику: метки, описания, ошибки, секции, состояния
+ */
+export declare const InputBase: import('react').ForwardRefExoticComponent<InputBaseProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/InputBase/InputBase.type.d.ts

@@ -0,0 +1,110 @@
+import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
+/**
+ * Размеры для компонента InputBase
+ */
+export type InputBaseSize = 'small' | 'medium' | 'large';
+/**
+ * Типы компонентов для InputBase
+ */
+export type InputBaseComponent = 'input' | 'textarea';
+/**
+ * Базовые пропсы для компонента InputBase
+ */
+export interface InputBaseProps {
+    /** Тип компонента (input или textarea) */
+    component?: InputBaseComponent;
+    /** Размер компонента */
+    size?: InputBaseSize;
+    /** Содержимое компонента (устаревший способ) */
+    children?: ReactNode;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Плейсхолдер для поля */
+    placeholder?: string;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Показывать ли метку (по умолчанию: true) */
+    showLabel?: boolean;
+    /** CSS классы для плавающей метки */
+    labelClassName?: string;
+    /** Вспомогательный текст под полем */
+    helper?: string;
+    /** Префикс (иконка слева) */
+    prefix?: ReactNode;
+    /** Суффикс (иконка справа) */
+    suffix?: ReactNode;
+    /** ID компонента */
+    id?: string;
+    /** Обработчик фокуса */
+    onFocus?: () => void;
+    /** Обработчик потери фокуса */
+    onBlur?: () => void;
+    /** Обработчик изменения значения */
+    onChange?: (value: string) => void;
+    /** Текущее значение */
+    value?: string;
+    /** Стили для обертки */
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+    /** Стили для метки */
+    labelProps?: HTMLAttributes<HTMLLabelElement>;
+    /** Стили для вспомогательного текста */
+    helperProps?: HTMLAttributes<HTMLDivElement>;
+    /** Дополнительные стили для обертки (высота, отступы) */
+    wrapperStyles?: React.CSSProperties;
+    /** Дополнительные стили для плавающей метки */
+    floatingLabelStyles?: React.CSSProperties;
+    /** Дополнительные стили для префикса */
+    prefixStyles?: React.CSSProperties;
+    /** Дополнительные стили для суффикса */
+    suffixStyles?: React.CSSProperties;
+    /** Стили для textarea элемента */
+    textareaStyles?: React.CSSProperties;
+    /** Показывать ли счетчик символов */
+    showLimit?: boolean;
+    /** Максимальная длина */
+    maxLength?: number;
+    /** Пропсы для встроенного input/textarea */
+    inputProps?: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /** Подсказка внутри поля ввода */
+    hint?: string;
+    /** Показывать ли подсказку */
+    showHint?: boolean;
+    /** Показывать подсказку когда значение пустое */
+    showHintOnEmpty?: boolean;
+    /** Включить обрезку текста с многоточием */
+    truncate?: boolean;
+    /** Состояние ошибки для accessibility */
+    'aria-invalid'?: boolean;
+    /** ID элемента с сообщением об ошибке для accessibility */
+    'aria-errormessage'?: string;
+    /** Тип изменения размера для textarea */
+    resize?: 'fill' | 'hug' | 'fixed';
+    /** Показывать ли grip для изменения размера */
+    showGrip?: boolean;
+}
+/**
+ * Пропсы для встроенного input элемента
+ */
+export interface InputBaseInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+}
+/**
+ * Пропсы для встроенного textarea элемента
+ */
+export interface InputBaseTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+}

package/dist/components/InputBase/assets/GripIcon.d.ts

@@ -0,0 +1,8 @@
+interface GripIconProps {
+    width?: number;
+    height?: number;
+    className?: string;
+    color?: string;
+}
+export declare const GripIcon: React.FC<GripIconProps>;
+export {};

package/dist/components/InputBase/assets/SearchIcon.d.ts

@@ -0,0 +1,17 @@
+export interface SearchIconProps {
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Инлайн стили */
+    style?: React.CSSProperties;
+    /** Размер иконки */
+    size?: 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Цвет иконки */
+    color?: string;
+    /** Дополнительные пропсы */
+    [key: string]: unknown;
+}
+/**
+ * Компонент иконки поиска
+ * Принимает className и style для кастомизации
+ */
+export declare const SearchIcon: React.FC<SearchIconProps>;

package/dist/components/InputBase/assets/XIcon.d.ts

@@ -0,0 +1,18 @@
+export interface XIconProps {
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Инлайн стили */
+    style?: React.CSSProperties;
+    /** Размер иконки */
+    size?: 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Цвет иконки */
+    color?: string;
+    /** Обработчик клика */
+    onClick?: () => void;
+    /** Дополнительные пропсы */
+    [key: string]: unknown;
+}
+/**
+ * Компонент иконки X
+ */
+export declare const XIcon: React.FC<XIconProps>;

package/dist/components/InputBase/assets/index.d.ts

@@ -0,0 +1,3 @@
+export { GripIcon } from './GripIcon';
+export { SearchIcon } from './SearchIcon';
+export { XIcon } from './XIcon';

package/dist/components/InputBase/index.d.ts

@@ -0,0 +1,3 @@
+export { InputBase } from './InputBase';
+export type { InputBaseProps, InputBaseComponent, InputBaseSize } from './InputBase.type';
+export { SearchIcon, XIcon, GripIcon } from './assets';

package/dist/components/InputBase/lib/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Максимальная длина hint текста
+ */
+export declare const MAX_HINT_LENGTH = 30;

package/dist/components/InputBase/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { useInputSync } from './useInputSync';
+export { useTextareaResize } from './useTextareaResize';
+export { useGripResize } from './useGripResize';
+export { MAX_HINT_LENGTH } from './constants';

package/dist/components/InputBase/lib/useGripResize.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Хук для обработки resize через grip
+ * @param showGrip - показывать ли grip
+ * @param disabled - отключен ли компонент
+ * @param loading - состояние загрузки
+ * @param resize - режим изменения размера
+ * @returns обработчик mousedown для grip
+ */
+export declare const useGripResize: (showGrip: boolean | undefined, disabled: boolean | undefined, loading: boolean | undefined, resize: string | undefined) => {
+    handleGripMouseDown: (e: React.MouseEvent) => void;
+};

package/dist/components/InputBase/lib/useInputSync.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Хук для синхронизации состояния HTML элемента с внешним состоянием
+ * @param value - внешнее значение
+ * @param component - тип компонента ('input' | 'textarea')
+ * @returns refs для input и textarea элементов
+ */
+export declare const useInputSync: (value: string, component: "input" | "textarea") => {
+    textareaRef: import('react').RefObject<HTMLTextAreaElement>;
+    inputRef: import('react').RefObject<HTMLInputElement>;
+    currentRef: import('react').RefObject<HTMLInputElement> | import('react').RefObject<HTMLTextAreaElement>;
+};

package/dist/components/InputBase/lib/useTextareaResize.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Хук для автоматического изменения размера textarea
+ * @param value - значение textarea
+ * @param resize - режим изменения размера
+ * @param textareaRef - ref для textarea элемента
+ */
+export declare const useTextareaResize: (value: string, resize: string | undefined, textareaRef: React.RefObject<HTMLTextAreaElement>) => {
+    resizeTextArea: () => void;
+};

package/dist/components/List/List.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ListProps } from './List.type';
+export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>> & {
+    Item: React.FC<import('./ListItem/ListItem').ListItemProps>;
+};

package/dist/components/List/List.type.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Базовые пропсы для списка (используются и для `<ul>`, и для `<ol>`).
+ */
+interface BaseListProps {
+    /** Дополнительный CSS-класс для списка */
+    className?: string;
+    /** Дочерние элементы списка (`<List.Item>` или `<li>`) */
+    children: React.ReactNode;
+    /** Размер списка, влияет на отступы и размер шрифта */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Атрибут для тестирования */
+    'data-testid'?: string;
+}
+/**
+ * Пропсы для маркированного списка (`<ul>`).
+ * Атрибут `start` запрещён.
+ */
+interface UnorderedListProps extends BaseListProps {
+    /** Тип списка — маркированный (по умолчанию) */
+    variant?: 'unordered';
+    /** Невозможен для `<ul>` */
+    start?: never;
+}
+/**
+ * Пропсы для нумерованного списка (`<ol>`).
+ */
+interface OrderedListProps extends BaseListProps {
+    /** Тип списка — нумерованный */
+    variant: 'ordered';
+    /** Начальный номер для `<ol>` */
+    start?: number;
+}
+export type ListProps = UnorderedListProps | OrderedListProps;
+export {};

package/dist/components/List/ListItem/ListItem.d.ts

@@ -0,0 +1,9 @@
+export interface ListItemProps {
+    /** Дополнительный CSS-класс для списка */
+    className?: string;
+    /** Дочерние элементы */
+    children: React.ReactNode;
+    /** Атрибут для тестирования */
+    'data-testid'?: string;
+}
+export declare const ListItem: React.FC<ListItemProps>;