ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -1,5 +1,22 @@
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    thumbClassName?: string;
+    scrollbarClassName?: string;
+    orientation?: "vertical" | "horizontal" | "both";
+};
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    thumbClassName?: string;
+    scrollbarClassName?: string;
+    orientation?: "vertical" | "horizontal" | "both";
+} & React.RefAttributes<HTMLDivElement>>;
+export interface ScrollAreaVariants {
+    orientation?: "vertical" | "horizontal";
+}
+export type ScrollBarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & ScrollAreaVariants & {
+    thumbClassName?: string;
+};
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaVariants & {
+    thumbClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

package/dist/components/scroll-area/ScrollArea.stories.d.ts

@@ -2,8 +2,11 @@ import { StoryObj } from '@storybook/react';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { ScrollAreaProps } from '@radix-ui/react-scroll-area';
 declare const meta: {
-    title: string;
-    component: ForwardRefExoticComponent<Omit< ScrollAreaProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    component: ForwardRefExoticComponent<Omit< ScrollAreaProps & RefAttributes<HTMLDivElement>, "ref"> & {
+        thumbClassName?: string;
+        scrollbarClassName?: string;
+        orientation?: "vertical" | "horizontal" | "both";
+    } & RefAttributes<HTMLDivElement>>;
     parameters: {
         layout: string;
         controls: {

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea, ScrollBar } from './ScrollArea';
+export type { ScrollAreaProps, ScrollBarProps } from './ScrollArea';

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,2 @@
+export * from './scroll-area/index'
+export {}

package/dist/components/scroll-area.js

@@ -0,0 +1,6 @@
+import { S as l, a as o } from "../ScrollArea-CuuTeDn3.js";
+export {
+  l as ScrollArea,
+  o as ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/scroll-shadow-container/ScrollShadowContainer.d.ts

@@ -1,53 +1,6 @@
-import { VariantProps, TVReturnType, ClassValue } from 'tailwind-variants';
-import { TVConfig } from 'tailwind-variants/dist/config.js';
 import * as React from "react";
-declare const scrollShadowContainerStyles: TVReturnType<{
-    [key: string]: {
-        [key: string]: ClassValue | {
-            base?: ClassValue;
-            content?: ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: ClassValue | {
-            base?: ClassValue;
-            content?: ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-}, "relative overflow-hidden", TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: ClassValue | {
-            base?: ClassValue;
-            content?: ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: ClassValue | {
-            base?: ClassValue;
-            content?: ClassValue;
-        };
-    };
-} | {}, {
-    content: string;
-}, TVReturnType<unknown, {
-    content: string;
-}, "relative overflow-hidden", TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: ClassValue | {
-            base?: ClassValue;
-            content?: ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface ScrollShadowContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollShadowContainerStyles> {
+export interface ScrollShadowContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    wrapperClassName?: string;
-    shadowTopClassName?: string;
-    shadowBottomClassName?: string;
+    shadowSize?: number;
 }
 export declare const ScrollShadowContainer: React.ForwardRefExoticComponent<ScrollShadowContainerProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/scroll-shadow-container/ScrollShadowContainer.stories.d.ts

@@ -11,3 +11,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof ScrollShadowContainer>;
 export declare const Default: Story;
+export declare const DynamicContentResize: Story;

package/dist/components/scroll-shadow-container/index.d.ts

@@ -1 +1,2 @@
 export { ScrollShadowContainer } from './ScrollShadowContainer';
+export type { ScrollShadowContainerProps } from './ScrollShadowContainer';

package/dist/components/scroll-shadow-container.js

@@ -1,4 +1,4 @@
-import { S as a } from "../ScrollShadowContainer-C4qXz8gc.js";
+import { S as a } from "../ScrollShadowContainer-DdrnF8qU.js";
 export {
   a as ScrollShadowContainer
 };

package/dist/components/search-select/async-search-select/AsyncSearchSelect.d.ts

@@ -0,0 +1,2 @@
+import { AsyncSearchSelectProps, SearchSelectOption } from './types';
+export declare const AsyncSearchSelect: <T extends SearchSelectOption = SearchSelectOption>(props: AsyncSearchSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/search-select/async-search-select/AsyncSearchSelect.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AsyncSearchSelect } from './AsyncSearchSelect';
+declare const meta: Meta<typeof AsyncSearchSelect>;
+export default meta;
+type Story = StoryObj<typeof AsyncSearchSelect>;
+export declare const AutoMode: Story;
+export declare const WithStartIcon: Story;
+export declare const InputMode: Story;
+export declare const WithError: Story;
+export declare const Controlled: Story;
+export declare const CustomRenderOption: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithCache: Story;
+export declare const WithAdvancedCache: Story;
+export declare const WithSimpleCache: Story;
+export declare const TestRaceCondition: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithTextOverflowTooltip: Story;
+export declare const WithClearButton: Story;
+export declare const WithHiddenSearch: Story;

package/dist/components/search-select/async-search-select/components/AsyncSearchSelectContent.d.ts

@@ -0,0 +1,42 @@
+import { LoadingState, RenderOptionProps, SearchSelectOption } from '../types';
+import { default as React } from 'react';
+interface AsyncSearchSelectContentProps<T extends SearchSelectOption = SearchSelectOption> {
+    /** Текущие опции для отображения */
+    options: T[];
+    /** Состояние загрузки */
+    loadingState: LoadingState;
+    /** Текст ошибки, если есть */
+    error: string | null;
+    /** Функция проверки выбранности элемента */
+    isSelected?: (value: T) => boolean;
+    /** Текущий поисковый запрос */
+    searchQuery: string;
+    /** Режим загрузки */
+    loadMode: "auto" | "input";
+    /** Минимальная длина запроса для режима input */
+    minInputLength: number;
+    /** Функция обработки выбора опции */
+    onSelect: (label: string) => void;
+    /** Кастомная функция рендера опции */
+    renderOption?: (props: RenderOptionProps<T>) => React.ReactNode;
+    /** Текст во время загрузки */
+    loadingText: string;
+    /** Текст при ошибке загрузки */
+    errorText: string;
+    /** Текст подсказки для ввода */
+    inputHintText: string;
+    /** Текст для пустого состояния */
+    emptyText: string;
+}
+/**
+ * Компонент для рендера содержимого AsyncSearchSelect
+ *
+ * Отвечает за отображение разных состояний:
+ * - Загрузка
+ * - Ошибка
+ * - Подсказка для ввода
+ * - Пустое состояние
+ * - Список опций
+ */
+export declare const AsyncSearchSelectContent: <T extends SearchSelectOption = SearchSelectOption>({ options, loadingState, error, isSelected, searchQuery, loadMode, minInputLength, onSelect, renderOption, loadingText, errorText, inputHintText, emptyText }: AsyncSearchSelectContentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/search-select/async-search-select/components/AsyncSearchSelectPopoverContent.d.ts

@@ -0,0 +1,7 @@
+import { AsyncSearchSelectProps, SearchSelectOption } from '../types';
+interface AsyncSearchSelectPopoverContentProps<T extends SearchSelectOption = SearchSelectOption> extends Pick<AsyncSearchSelectProps<T>, "loadOptions" | "loadMode" | "minInputLength" | "debounceMs" | "searchPlaceholder" | "loadingText" | "errorText" | "inputHintText" | "emptyText" | "renderOption" | "hideSearch"> {
+    onSelect: (value: T | null) => void;
+    isSelected?: (value: T) => boolean;
+}
+export declare const AsyncSearchSelectPopoverContent: <T extends SearchSelectOption = SearchSelectOption>(props: AsyncSearchSelectPopoverContentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/search-select/async-search-select/hooks/useAsyncDataLoader.d.ts

@@ -0,0 +1,48 @@
+export type LoadingState = "idle" | "loading" | "success" | "error";
+export interface LoadOptionsParams {
+    searchQuery: string;
+    signal?: AbortSignal;
+}
+export interface LoadOptionsResult<T> {
+    options: T[];
+}
+interface UseAsyncDataLoaderOptions<T> {
+    /** Функция загрузки данных */
+    loadOptions: (params: LoadOptionsParams) => Promise<LoadOptionsResult<T>>;
+}
+interface UseAsyncDataLoaderReturn<T> {
+    /** Текущие загруженные элементы */
+    options: T[];
+    /** Состояние загрузки */
+    loadingState: LoadingState;
+    /** Текст ошибки, если загрузка не удалась */
+    error: string | null;
+    /** Функция загрузки данных */
+    loadData: (query: string) => Promise<void>;
+    /** Функция отмены текущих запросов */
+    cancelRequests: () => void;
+}
+/**
+ * Хук для асинхронной загрузки данных с защитой от race conditions
+ *
+ * Решает следующие проблемы:
+ * - Race conditions при быстром вводе пользователя
+ * - Мерцание интерфейса из-за множественных запросов
+ * - Неправильный порядок получения ответов от сервера
+ * - Обработка отмены запросов при размонтировании компонента
+ *
+ * @example
+ * ```tsx
+ * const { options, loadingState, loadData } = useAsyncDataLoader({
+ *   loadOptions: async ({ searchQuery }) => {
+ *     const response = await fetch(`/api/search?q=${searchQuery}`);
+ *     return response.json();
+ *   }
+ * });
+ *
+ * // Загрузить данные
+ * loadData("search query");
+ * ```
+ */
+export declare const useAsyncDataLoader: <T>({ loadOptions }: UseAsyncDataLoaderOptions<T>) => UseAsyncDataLoaderReturn<T>;
+export {};

package/dist/components/search-select/async-search-select/types.d.ts

@@ -0,0 +1,99 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SearchSelectOption } from '../../../hooks/useSearchSelect';
+import { LoadOptionsParams, LoadOptionsResult } from './hooks/useAsyncDataLoader';
+import { Popover } from '../../popover';
+/**
+ * Пропсы для рендера опции в trigger (кнопке)
+ */
+export type RenderOptionInTriggerProps = {
+    type: "trigger";
+};
+/**
+ * Пропсы для рендера опции в списке
+ */
+export type RenderOptionInListProps = {
+    type: "list";
+    /** Выбрана ли опция в данный момент */
+    isSelected: boolean;
+    /** Отключена ли опция */
+    isDisabled: boolean;
+    /** Текущий поисковый запрос для подсветки совпадений */
+    searchQuery: string;
+    /** Индекс элемента в списке */
+    index: number;
+};
+/**
+ * Объединенный тип для рендера опции
+ */
+export type RenderOptionProps<T extends SearchSelectOption = SearchSelectOption> = {
+    option: T;
+} & (RenderOptionInTriggerProps | RenderOptionInListProps);
+/**
+ * Базовые пропсы от Popover компонента
+ */
+type PopoverProps = ComponentPropsWithoutRef<typeof Popover>;
+/**
+ * Пропсы для AsyncSearchSelect компонента
+ */
+export interface AsyncSearchSelectProps<T extends SearchSelectOption = SearchSelectOption> extends Omit<PopoverProps, "children"> {
+    /**
+     * Функция загрузки опций с поддержкой пагинации
+     */
+    loadOptions: (params: LoadOptionsParams) => Promise<LoadOptionsResult<T>>;
+    /**
+     * Режим загрузки опций
+     * @default "auto"
+     */
+    loadMode?: "auto" | "input";
+    /**
+     * Минимальное количество символов для начала загрузки (только для режима "input")
+     * @default 3
+     */
+    minInputLength?: number;
+    /**
+     * Задержка перед отправкой запроса в миллисекундах (debounce)
+     * @default 300
+     */
+    debounceMs?: number;
+    /**
+     * Текст подсказки для режима "input", когда пользователь еще не ввел символы
+     */
+    inputHintText?: string;
+    /**
+     * Текст во время загрузки
+     */
+    loadingText?: string;
+    /**
+     * Текст при ошибке загрузки
+     */
+    errorText?: string;
+    /**
+     * Кастомная функция рендера опции.
+     * Используется для отображения как в trigger (type: "trigger"), так и в списке (type: "list").
+     */
+    renderOption?: (props: RenderOptionProps<T>) => React.ReactNode;
+    /** Текст placeholder, отображается когда ничего не выбрано */
+    placeholder?: string;
+    /** Текущая выбранная опция (controlled режим) */
+    value?: T;
+    /** Опция по умолчанию (uncontrolled режим) */
+    defaultValue?: T;
+    /** Callback при выборе опции */
+    onChange?: (option: T | null) => void;
+    /** Состояние отключения */
+    disabled?: boolean;
+    /** Состояние ошибки */
+    invalid?: boolean;
+    /** Текст placeholder для поиска */
+    searchPlaceholder?: string;
+    /** Текст для пустого состояния */
+    emptyText?: string;
+    /** Иконка, отображаемая в начале поля */
+    startIcon?: React.ReactNode;
+    /** Callback при очистке значения */
+    onClear?: () => void;
+    /** Скрыть поле поиска */
+    hideSearch?: boolean;
+}
+export type { SearchSelectOption, LoadOptionsParams, LoadOptionsResult };
+export type { LoadingState } from './hooks/useAsyncDataLoader';

package/dist/components/search-select/components/SearchSelectPlaceholder.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SearchSelectPlaceholderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const SearchSelectPlaceholder: React.FC<SearchSelectPlaceholderProps>;
+export {};

package/dist/components/search-select/components/SearchSelectTag.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export interface SearchSelectTagProps {
+    onLabelClick: (e: React.MouseEvent<HTMLElement>) => void;
+    onClose: (e: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    readonly?: boolean;
+    isFocused?: boolean;
+    tabIndex?: number;
+}
+export declare const SearchSelectTag: {
+    (props: PropsWithChildren<SearchSelectTagProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/search-select/components/SearchSelectTextValue.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SearchSelectTextValueProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const SearchSelectTextValue: React.FC<SearchSelectTextValueProps>;
+export {};

package/dist/components/search-select/components/SearchSelectTrigger.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+interface SearchSelectTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    /** Состояние отключения */
+    disabled?: boolean;
+    /** Состояние ошибки */
+    invalid?: boolean;
+    /** Текст placeholder */
+    placeholder?: string;
+    /** Состояние открытия. Используется для проставления accessibility аттрибутов */
+    open?: boolean;
+    /** Иконка, отображаемая в начале текстового поля */
+    startIcon?: React.ReactNode;
+    /** Callback при очистке значения */
+    onClear?: () => void;
+}
+/**
+ * Компонент отображения триггера для SearchSelect.
+ * Выполняет роль кнопки, которая открывает Popover с опциями.
+ * Может отображать значение или placeholder в зависимости от наличия дочерних элементов.
+ * Не содержит сам триггер, а только стилизует кнопку.
+ */
+export declare const SearchSelectTrigger: React.ForwardRefExoticComponent<SearchSelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/search-select/index.d.ts

@@ -0,0 +1,22 @@
+export { SearchSelect } from './search-select/SearchSelect';
+export { LazySearchSelect } from './search-select/LazySearchSelect';
+export { LoadMoreTrigger } from './search-select/components/LoadMoreTrigger';
+export { defaultFuzzyFilter } from './search-select/utils/fuzzyFilter';
+export type { SearchSelectOption } from '../../hooks/useSearchSelect';
+export type { RenderOptionProps, RenderOptionInTriggerProps, RenderOptionInListProps } from './search-select/SearchSelect';
+export type { LazySearchSelectProps } from './search-select/LazySearchSelect';
+export type { LoadMoreTriggerProps } from './search-select/components/LoadMoreTrigger';
+export type { FilterFunction } from './search-select/utils/fuzzyFilter';
+export { SearchSelectTrigger } from './components/SearchSelectTrigger';
+export { SearchSelectContent } from './search-select/components/SearchSelectContent';
+export { SearchSelectInput } from './search-select/components/SearchSelectInput';
+export { SearchSelectSeparator } from './search-select/components/SearchSelectSeparator';
+export { useSearchSelect } from '../../hooks/useSearchSelect';
+export { AsyncSearchSelect } from './async-search-select/AsyncSearchSelect';
+export { AsyncSearchSelectContent } from './async-search-select/components/AsyncSearchSelectContent';
+export type { AsyncSearchSelectProps, LoadOptionsParams, LoadOptionsResult } from './async-search-select/types';
+export { useAsyncDataLoader } from './async-search-select/hooks/useAsyncDataLoader';
+export { MultiSelect } from './multi-select/MultiSelect';
+export type { MultiSelectProps } from './multi-select/MultiSelect';
+export type { SearchSelectTagProps } from './components/SearchSelectTag';
+export { SearchSelectTag } from './components/SearchSelectTag';

package/dist/components/search-select/multi-select/MultiSelect.d.ts

@@ -0,0 +1,87 @@
+import { PopoverProps } from '@radix-ui/react-popover';
+import { SearchSelectOption } from '../../../hooks/useSearchSelect';
+import { LoadOptionsParams, LoadOptionsResult } from '../async-search-select/types';
+/**
+ * Пропсы для рендера опции в trigger (кнопке)
+ */
+export type RenderOptionInTriggerProps = {
+    type: "trigger";
+    onClose?: () => void;
+};
+/**
+ * Пропсы для рендера опции в списке
+ */
+export type RenderOptionInListProps = {
+    type: "list";
+    /** Выбрана ли опция в данный момент */
+    isSelected: boolean;
+    /** Отключена ли опция */
+    isDisabled: boolean;
+    /** Текущий поисковый запрос для подсветки совпадений */
+    searchQuery: string;
+    /** Индекс элемента в списке */
+    index: number;
+};
+/**
+ * Объединенный тип для рендера опции
+ */
+export type RenderOptionProps<T extends SearchSelectOption = SearchSelectOption> = {
+    option: T;
+} & (RenderOptionInTriggerProps | RenderOptionInListProps);
+export interface MultiSelectProps<T extends SearchSelectOption = SearchSelectOption> {
+    /** Дополнительные классы для контейнера */
+    className?: string;
+    /** Флаг для отключения компонента */
+    disabled?: boolean;
+    /** Текст placeholder, отображается когда ничего не выбрано */
+    placeholder?: string;
+    /** Текущие выбранные опции (controlled режим) */
+    value?: T[];
+    /** Опции по умолчанию (uncontrolled режим) */
+    defaultValue?: T[];
+    /** Callback при изменении выбранных опций */
+    onChange?: (options: T[]) => void;
+    /** Callback при очистке значения */
+    onClear?: () => void;
+    /** Оставлять поповер открытым после выбора элемента */
+    keepOpenOnSelect?: boolean;
+    /** Обработчик клика по названию выбранного тега */
+    onLabelClick?: (option: T) => void;
+    /** Функция загрузки опций */
+    loadOptions: (params: LoadOptionsParams) => Promise<LoadOptionsResult<T>>;
+    /** Режим загрузки опций */
+    loadMode?: "auto" | "input";
+    /** Минимальное количество символов для начала загрузки (только для режима "input") */
+    minInputLength?: number;
+    /** Задержка перед отправкой запроса в миллисекундах (debounce) */
+    debounceMs?: number;
+    /** Текст подсказки для режима "input", когда пользователь еще не ввел символы */
+    inputHintText?: string;
+    /** Текст во время загрузки */
+    loadingText?: string;
+    /** Текст при ошибке загрузки */
+    errorText?: string;
+    /** Кастомная функция рендера опции */
+    renderOption?: (props: RenderOptionProps<T>) => React.ReactNode;
+    /** Текст placeholder для поиска */
+    searchPlaceholder?: string;
+    /** Текст для пустого состояния */
+    emptyText?: string;
+    /** Дополнительные пропсы для Popover */
+    popoverProps?: PopoverProps;
+    /** Состояние ошибки */
+    invalid?: boolean;
+    /** Иконка, отображаемая в начале поля */
+    startIcon?: React.ReactNode;
+    /** Скрыть поле поиска */
+    hideSearch?: boolean;
+    /** Контейнер для портала контента. Если не указан, используется usePortalContainer */
+    portalContainer?: HTMLElement;
+}
+/**
+ * Компонент для множественного выбора элементов из списка
+ */
+export declare const MultiSelect: {
+    <T extends SearchSelectOption = SearchSelectOption>(props: MultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/search-select/multi-select/MultiSelect.stories.d.ts

@@ -0,0 +1,18 @@
+import { CustomStory } from '../../../lib/utils/storybook';
+import { Meta, StoryObj } from '@storybook/react';
+import { MultiSelect } from './MultiSelect';
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithStartIcon: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const Controlled: CustomStory;
+export declare const WithDefaultValue: Story;
+export declare const WithRenderOption: Story;
+export declare const WithCache: CustomStory;
+export declare function InModal(): import("react/jsx-runtime").JSX.Element;
+export declare const WithDisabledOptions: CustomStory;
+export declare const WithClearButton: CustomStory;
+export declare const WithHiddenSearch: Story;

package/dist/components/search-select/search-select/LazySearchSelect.d.ts

@@ -0,0 +1,16 @@
+import { SearchSelectProps } from './SearchSelect';
+import { SearchSelectOption } from '../../../hooks/useSearchSelect';
+import { FilterFunction } from './utils/fuzzyFilter';
+export interface LazySearchSelectProps<T extends SearchSelectOption = SearchSelectOption> extends Omit<SearchSelectProps<T>, "options" | "shouldFilter" | "footerContent" | "onSearchChange" | "valueOption"> {
+    /** Полный список опций */
+    options: T[];
+    /** Количество элементов на странице */
+    pageSize?: number;
+    /** Кастомная функция фильтрации. По умолчанию используется встроенный fuzzy search */
+    filter?: FilterFunction;
+}
+export declare const LazySearchSelect: (<T extends SearchSelectOption = SearchSelectOption>(props: LazySearchSelectProps<T> & {
+    ref?: React.ForwardedRef<HTMLButtonElement>;
+}) => React.ReactElement) & {
+    displayName?: string;
+};

package/dist/components/search-select/search-select/LazySearchSelect.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LazySearchSelect } from './LazySearchSelect';
+declare const meta: Meta<typeof LazySearchSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithStartIcon: Story;
+export declare const CustomPageSize: Story;
+export declare const WithCustomRenderer: Story;
+export declare const Controlled: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithValue: Story;
+export declare const FuzzySearchDemo: Story;
+export declare const CustomFilter: Story;
+export declare const WithForm: Story;
+export declare const InModal: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithClearButton: Story;
+export declare const WithHiddenSearch: Story;