@ozen-ui/kit 0.70.0 → 0.71.1

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/types.d.ts

@@ -1,7 +1,7 @@
-import type { ReactElement, Ref } from 'react';
+import type { ReactElement, ReactNode, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
 import type { AutocompleteBaseDefaultOption } from '../../entities';
-import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderSuffix, AutocompleteBaseRenderBefore, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
+import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
 export type AutocompleteInputRef = InputRef;
 export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> = Omit<InputProps, 'value' | 'onChange' | 'size' | 'disabled' | 'renderRight' | 'renderLeft' | 'error'> & {
     /** Текст для кнопки открытия выпадающего списка */
@@ -22,10 +22,10 @@ export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> =
     /** Функция для кастомизации тега «more», который отображается в случае скрытия элементов в компоненте с множественным выбором */
     renderMoreTag?: AutocompleteBaseRenderMoreTag<Option>;
     /** Компонент справа */
-    renderSuffix?: AutocompleteBaseRenderSuffix;
+    suffix?: ReactNode;
     /** Компонент слева */
-    renderBefore?: AutocompleteBaseRenderBefore;
+    before?: ReactNode;
     /** Положение компонента справа */
     suffixPosition?: AutocompleteBaseSuffixPosition;
 };
-export type AutocompleteInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;
+export type AutocompleteBaseInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;

package/__inner__/esm/components/AutocompleteBase/types.d.ts

@@ -1,4 +1,5 @@
-import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseRenderInput, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue, AutocompleteBaseRenderDropdown } from './entities';
+import type { ReactNode } from 'react';
+import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue } from './entities';
 export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = false> = {
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: Multiple;
@@ -30,10 +31,10 @@ export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multip
     loading?: boolean;
     /** Функция поиска */
     searchFunction?: AutocompleteBaseSearchFunction<Option>;
-    /** Функция для кастомизации текстового поля */
-    renderInput: AutocompleteBaseRenderInput;
-    /** Функция для кастомизации выпадающего элемента для выбора значения */
-    renderDropdown: AutocompleteBaseRenderDropdown;
+    /** Компонент текстового поля */
+    input: ReactNode;
+    /** Компонент выпадающего элемента для выбора значения */
+    dropdown: ReactNode;
     /** Функция для приведения опцию к внутреннему формату */
     prepareOption?: AutocompleteBasePropPrepareOption<Option>;
     /** Если `true` делает элемент неактивным */

package/__inner__/esm/components/AutocompleteListCard/AutocompleteListCard.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardComponent } from './types';
+export declare const AutocompleteListCard: AutocompleteListCardComponent;

package/__inner__/esm/components/AutocompleteListCard/AutocompleteListCard.js

@@ -0,0 +1,42 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useStoredValue } from '../../hooks/useStoredValue';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { extractElementsFromChildren } from '../../utils/react';
+import { AutocompleteBase } from '../AutocompleteBase';
+import { AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE } from './constants';
+import { AutocompleteListCardChildrenContext } from './context';
+import { useAutocompleteListCardValue } from './hooks';
+import { AutocompleteListCardDropdown, AutocompleteListCardInput, } from './modules';
+import { isAutocompleteListCardItem, toAutocompleteListCardValue, } from './utils';
+var AutocompleteListCardRender = function (inProps) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteListCard',
+    });
+    var children = props.children, onChange = props.onChange, _a = props.multiple, multiple = _a === void 0 ? AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValueProp = props.defaultValue, other = __rest(props, ["children", "onChange", "multiple", "value", "defaultValue"]);
+    var options = useStoredValue([]);
+    var optionById = useStoredValue({});
+    options.current = [];
+    optionById.current = {};
+    extractElementsFromChildren(children, isAutocompleteListCardItem, function (element) {
+        var _a;
+        var props = element.props;
+        var option = {
+            label: props.label,
+            disabled: (_a = props.disabled) !== null && _a !== void 0 ? _a : false,
+            id: props.listId,
+        };
+        options.current.push(option);
+        optionById.current[option.id] = option;
+    });
+    var value = useAutocompleteListCardValue(valueProp, optionById);
+    var defaultValue = useAutocompleteListCardValue(defaultValueProp, optionById);
+    return (React.createElement(AutocompleteListCardChildrenContext.Provider, { value: {
+            children: children,
+        } },
+        React.createElement(AutocompleteBase, __assign({ input: React.createElement(AutocompleteListCardInput, null), dropdown: React.createElement(AutocompleteListCardDropdown, null) }, other, { options: options.current, onChange: function (event, value, params) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(event, toAutocompleteListCardValue(value), params);
+            }, value: value, defaultValue: defaultValue, multiple: multiple }))));
+};
+export var AutocompleteListCard = AutocompleteListCardRender;

package/__inner__/esm/components/AutocompleteListCard/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG = "ul";
+export declare const AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE = false;

package/__inner__/esm/components/AutocompleteListCard/constants.js

@@ -0,0 +1,3 @@
+import { DATA_LIST_CARD_DEFAULT_TAG } from '../DataListCard';
+export var AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG = DATA_LIST_CARD_DEFAULT_TAG;
+export var AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE = false;

package/__inner__/esm/components/AutocompleteListCard/context/base/AutocompleteListCardContext.d.ts

@@ -0,0 +1,6 @@
+import type { AutocompleteBaseContextValue, AutocompleteBaseDefaultOption } from '../../../AutocompleteBase';
+import type { AutocompleteListCardSizeVariant } from '../../entities';
+export type AutocompleteListCardContextValue<Multiple extends boolean = boolean> = Omit<AutocompleteBaseContextValue<AutocompleteBaseDefaultOption, Multiple>, 'size'> & {
+    size: AutocompleteListCardSizeVariant;
+};
+export declare const useAutocompleteListCardContext: <Multiple extends boolean = boolean>() => AutocompleteListCardContextValue<Multiple>;

package/__inner__/esm/components/AutocompleteListCard/context/base/AutocompleteListCardContext.js

@@ -0,0 +1,4 @@
+import { useAutocompleteBaseContext } from '../../../AutocompleteBase';
+export var useAutocompleteListCardContext = function () {
+    return useAutocompleteBaseContext();
+};

package/__inner__/esm/components/AutocompleteListCard/context/base/index.d.ts

@@ -0,0 +1 @@
+export * from './AutocompleteListCardContext';

package/__inner__/esm/components/AutocompleteListCard/context/base/index.js

@@ -0,0 +1 @@
+export * from './AutocompleteListCardContext';

package/__inner__/esm/components/AutocompleteListCard/context/children/AutocompleteListCardChildrenContext.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type AutocompleteListCardChildrenContextValue = {
+    children: ReactNode;
+};
+export declare const AutocompleteListCardChildrenContextDefaultValue: AutocompleteListCardChildrenContextValue;
+export declare const AutocompleteListCardChildrenContext: import("react").Context<AutocompleteListCardChildrenContextValue>;
+export declare const useAutocompleteListCardChildrenContext: () => AutocompleteListCardChildrenContextValue;

package/__inner__/esm/components/AutocompleteListCard/context/children/AutocompleteListCardChildrenContext.js

@@ -0,0 +1,14 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../../../constants/environment';
+export var AutocompleteListCardChildrenContextDefaultValue = {
+    children: null,
+};
+export var AutocompleteListCardChildrenContext = createContext(AutocompleteListCardChildrenContextDefaultValue);
+export var useAutocompleteListCardChildrenContext = function () {
+    return useContext(AutocompleteListCardChildrenContext);
+};
+// Именованный провайдер
+if (isDev) {
+    AutocompleteListCardChildrenContext.displayName =
+        'AutocompleteListCardChildrenContext';
+}

package/__inner__/esm/components/AutocompleteListCard/context/children/index.d.ts

@@ -0,0 +1 @@
+export * from './AutocompleteListCardChildrenContext';

package/__inner__/esm/components/AutocompleteListCard/context/children/index.js

@@ -0,0 +1 @@
+export * from './AutocompleteListCardChildrenContext';

package/__inner__/esm/components/AutocompleteListCard/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './children';

package/__inner__/esm/components/AutocompleteListCard/context/index.js

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './children';

package/__inner__/esm/components/AutocompleteListCard/entities/events/index.d.ts

@@ -0,0 +1 @@
+export * from './onChange';

package/__inner__/esm/components/AutocompleteListCard/entities/events/index.js

@@ -0,0 +1 @@
+export * from './onChange';

package/__inner__/esm/components/AutocompleteListCard/entities/events/onChange.d.ts

@@ -0,0 +1,4 @@
+import type { SyntheticEvent } from 'react';
+import type { AutocompleteBaseOnChangeParams } from '../../../AutocompleteBase';
+import type { AutocompleteListCardValue } from '../../entities';
+export type AutocompleteListCardOnChange<Multiple extends boolean> = (event: SyntheticEvent | KeyboardEvent | null, value: AutocompleteListCardValue<Multiple>, params: AutocompleteBaseOnChangeParams) => void;

package/__inner__/esm/components/AutocompleteListCard/entities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './events';
+export * from './option';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/AutocompleteListCard/entities/index.js

@@ -0,0 +1,4 @@
+export * from './events';
+export * from './option';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/AutocompleteListCard/entities/option.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseOptionId } from '../../AutocompleteBase';
+export type AutocompleteListCardOptionById = Record<AutocompleteBaseOptionId, AutocompleteBaseDefaultOptionObject>;

package/__inner__/esm/components/AutocompleteListCard/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteListCardSizeVariant: readonly ["xs", "s", "m", "l"];
+export type AutocompleteListCardSizeVariant = (typeof autocompleteListCardSizeVariant)[number];

package/__inner__/esm/components/AutocompleteListCard/entities/size.js

@@ -0,0 +1,2 @@
+import { listCardItemSizeVariant } from '../../ListCardItem';
+export var autocompleteListCardSizeVariant = listCardItemSizeVariant;

package/__inner__/esm/components/AutocompleteListCard/entities/value.d.ts

@@ -0,0 +1,5 @@
+import type { AutocompleteBaseOptionId } from '../../AutocompleteBase';
+export type AutocompleteListCardSingleValue = AutocompleteBaseOptionId;
+export type AutocompleteListCardMultipleValue = AutocompleteBaseOptionId[];
+export type AutocompleteListCardValueNonNullable<Multiple extends boolean> = Multiple extends true ? AutocompleteListCardMultipleValue : AutocompleteListCardSingleValue;
+export type AutocompleteListCardValue<Multiple extends boolean> = AutocompleteListCardValueNonNullable<Multiple> | null;

package/__inner__/esm/components/AutocompleteListCard/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAutocompleteListCardValue';

package/__inner__/esm/components/AutocompleteListCard/hooks/index.js

@@ -0,0 +1 @@
+export * from './useAutocompleteListCardValue';

package/__inner__/esm/components/AutocompleteListCard/hooks/useAutocompleteListCardValue.d.ts

@@ -0,0 +1,4 @@
+import type { StoredValue } from '../../../hooks/useStoredValue';
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseValue } from '../../AutocompleteBase';
+import type { AutocompleteListCardOptionById, AutocompleteListCardValue } from '../entities';
+export declare const useAutocompleteListCardValue: <Multiple extends boolean>(value: AutocompleteListCardValue<Multiple> | undefined, optionById: StoredValue<AutocompleteListCardOptionById>) => AutocompleteBaseValue<AutocompleteBaseDefaultOptionObject, Multiple>;

package/__inner__/esm/components/AutocompleteListCard/hooks/useAutocompleteListCardValue.js

@@ -0,0 +1,27 @@
+import { isArray } from '../../../utils/array';
+export var useAutocompleteListCardValue = function (value, optionById) {
+    var preparedValue = (function () {
+        if (isArray(value)) {
+            var values_1 = [];
+            value.forEach(function (id) {
+                var option = optionById.current[id];
+                if (option) {
+                    values_1.push(option);
+                }
+            });
+            return values_1;
+        }
+        if (value === undefined) {
+            return undefined;
+        }
+        if (value === null) {
+            return null;
+        }
+        var option = optionById.current[value];
+        if (!option) {
+            return undefined;
+        }
+        return option;
+    })();
+    return preparedValue;
+};

package/__inner__/esm/components/AutocompleteListCard/index.d.ts

@@ -0,0 +1,8 @@
+export * from './context';
+export * from './entities';
+export * from './hooks';
+export * from './modules';
+export * from './utils';
+export * from './AutocompleteListCard';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/index.js

@@ -0,0 +1,8 @@
+export * from './context';
+export * from './entities';
+export * from './hooks';
+export * from './modules';
+export * from './utils';
+export * from './AutocompleteListCard';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardDropdownBaseProps } from './types';
+export declare const AutocompleteListCardDropdown: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<AutocompleteListCardDropdownBaseProps, "ul", "as">;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.js

@@ -0,0 +1,44 @@
+import { __assign, __rest } from "tslib";
+import React, { useEffect } from 'react';
+import { useCreateResizeObserver } from '../../../../hooks/useCreateResizeObserver';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { DataListCard } from '../../../DataListCard';
+import { AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG } from '../../constants';
+import { useAutocompleteListCardContext } from '../../context';
+import { toAutocompleteListCardValue } from '../../utils';
+import { useAutocompleteListCardDropdownChildren } from './hooks';
+export var AutocompleteListCardDropdown = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteListCardDropdown',
+    });
+    var _a = props.as, as = _a === void 0 ? AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG : _a, onClose = props.onClose, other = __rest(props, ["as", "onClose"]);
+    var _b = useAutocompleteListCardContext(), inputRef = _b.inputRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
+    var children = useAutocompleteListCardDropdownChildren();
+    var updateStored = useStoredValue(null);
+    var resizeObserver = useCreateResizeObserver(function () {
+        var _a;
+        (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
+    });
+    useEffect(function () {
+        var input = inputRef.current;
+        if (input) {
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+        }
+    }, [inputRef]);
+    return (React.createElement(DataListCard, __assign({}, other, { ref: ref, as: as, anchorRef: inputRef, size: size, open: dropdownControl.isOpen, onClose: function () {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            dropdownControl.close();
+        }, setUpdate: function (update) {
+            var _a;
+            updateStored.current = update;
+            (_a = other.setUpdate) === null || _a === void 0 ? void 0 : _a.call(other, update);
+        }, onChange: function (event, _, changedOption) {
+            if (disabled) {
+                return;
+            }
+            valueControl.setValue(event, changedOption, { source: 'select' });
+        }, multiple: multiple, value: toAutocompleteListCardValue(valueControl.value) }), children));
+});

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAutocompleteListCardDropdownChildren';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/index.js

@@ -0,0 +1 @@
+export * from './useAutocompleteListCardDropdownChildren';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/useAutocompleteListCardDropdownChildren.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export declare const useAutocompleteListCardDropdownChildren: () => ReactNode[];

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/useAutocompleteListCardDropdownChildren.js

@@ -0,0 +1,24 @@
+import { Children } from 'react';
+import { resolveChildren } from '../../../../../utils/react';
+import { useAutocompleteListCardChildrenContext, useAutocompleteListCardContext, } from '../../../context';
+import { isAutocompleteListCardItem } from '../../../utils';
+export var useAutocompleteListCardDropdownChildren = function () {
+    var children = useAutocompleteListCardChildrenContext().children;
+    var optionsControl = useAutocompleteListCardContext().optionsControl;
+    var filtered = [];
+    var filteredOptionsIds = new Set(optionsControl.filteredOptions.map(function (_a) {
+        var id = _a.id;
+        return id;
+    }));
+    Children.forEach(resolveChildren(children), function (child) {
+        if (!isAutocompleteListCardItem(child)) {
+            filtered.push(child);
+            return;
+        }
+        if (!filteredOptionsIds.has(child.props.listId)) {
+            return;
+        }
+        filtered.push(child);
+    });
+    return filtered;
+};

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardDropdown';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardDropdown';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/types.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { DataListCardBaseProps } from '../../../DataListCard';
+import type { AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG } from '../../constants';
+export type AutocompleteListCardDropdownBaseProps<Multiple extends boolean = boolean> = Omit<DataListCardBaseProps<Multiple>, 'anchorRef' | 'size' | 'onChange' | 'open' | 'children' | 'multiple' | 'value' | 'defaultValue' | 'optionsStore'>;
+export type AutocompleteListCardDropdownRef = PolymorphicComponentRef<typeof AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG>;
+export type AutocompleteListCardDropdownProps<As extends ElementType = typeof AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG, Multiple extends boolean = false> = PolymorphicComponentPropsWithRef<DataListCardBaseProps<Multiple>, As>;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/AutocompleteListCardInput.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardInputComponent } from './types';
+export declare const AutocompleteListCardInput: AutocompleteListCardInputComponent;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/AutocompleteListCardInput.js

@@ -0,0 +1,13 @@
+import { __assign } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { AutocompleteBaseInput } from '../../../AutocompleteBase';
+var AutocompleteListCardInputRender = function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteListCardInput',
+    });
+    return React.createElement(AutocompleteBaseInput, __assign({}, props, { ref: ref }));
+};
+export var AutocompleteListCardInput = forwardRef(AutocompleteListCardInputRender);
+AutocompleteListCardInput.displayName = 'AutocompleteListCardInput';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/types.d.ts

@@ -0,0 +1,6 @@
+import type { ForwardedRef, ReactElement } from 'react';
+import type { WithDisplayName } from '../../../../types/react';
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseInputProps, AutocompleteInputRef } from '../../../AutocompleteBase';
+export type AutocompleteListCardInputProps<Option = AutocompleteBaseDefaultOptionObject> = AutocompleteBaseInputProps<Option>;
+export type AutocompleteListCardInputRef = AutocompleteInputRef;
+export type AutocompleteListCardInputComponent = WithDisplayName<(<Option = AutocompleteBaseDefaultOptionObject>(props: AutocompleteListCardInputProps<Option>, ref: ForwardedRef<AutocompleteListCardInputRef>) => ReactElement | null)>;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInput/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/AutocompleteListCardInputAvatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AutocompleteListCardInputAvatarProps } from './types';
+export declare const AutocompleteListCardInputAvatar: React.ForwardRefExoticComponent<Omit<AutocompleteListCardInputAvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/AutocompleteListCardInputAvatar.js

@@ -0,0 +1,16 @@
+import { __assign } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { Avatar } from '../../../Avatar';
+import { LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE } from '../../../ListCardItem';
+import { useAutocompleteListCardContext } from '../../context';
+export var AutocompleteListCardInputAvatar = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteListCardInputAvatar',
+    });
+    var autocompleteSize = useAutocompleteListCardContext().size;
+    var size = LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE[autocompleteSize];
+    return React.createElement(Avatar, __assign({}, props, { ref: ref, size: size }));
+});
+AutocompleteListCardInputAvatar.displayName = 'AutocompleteListCardInputAvatar';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardInputAvatar';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteListCardInputAvatar';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/types.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps, AvatarRef } from '../../../Avatar';
+export type AutocompleteListCardInputAvatarProps = Omit<AvatarProps, 'size'>;
+export type AutocompleteListCardInputAvatarRef = AvatarRef;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/AutocompleteListCardItem.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteListCardItemBaseProps } from './types';
+export declare const cnAutocompleteListCardItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteListCardItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<AutocompleteListCardItemBaseProps, "li", "as">;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/AutocompleteListCardItem.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { DATA_LIST_BASE_ITEM_DISPLAY_NAME } from '../../../DataListBase';
+import { DataListCardItem } from '../../../DataListCard';
+import { AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG } from './constants';
+export var cnAutocompleteListCardItem = cn('AutocompleteListCardItem');
+export var AutocompleteListCardItem = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteListCardItem',
+    });
+    var children = props.children, className = props.className, _a = props.as, as = _a === void 0 ? AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG : _a, listId = props.listId, disabled = props.disabled, other = __rest(props, ["children", "className", "as", "listId", "disabled"]);
+    return (React.createElement(DataListCardItem, __assign({ ref: ref, as: as, className: cnAutocompleteListCardItem('', [className]) }, other, { listId: listId, disabled: disabled }), children));
+});
+AutocompleteListCardItem.displayName = DATA_LIST_BASE_ITEM_DISPLAY_NAME;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/constants.d.ts

@@ -0,0 +1 @@
+export declare const AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG = "li";

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/constants.js

@@ -0,0 +1,2 @@
+import { DATA_LIST_CARD_ITEM_DEFAULT_TAG } from '../../../DataListCard';
+export var AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG = DATA_LIST_CARD_ITEM_DEFAULT_TAG;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AutocompleteListCardItem';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/index.js

@@ -0,0 +1,3 @@
+export * from './AutocompleteListCardItem';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/types.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { DataListCardItemBaseProps } from '../../../DataListCard';
+import type { AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG } from './constants';
+export type AutocompleteListCardItemBaseProps = DataListCardItemBaseProps & {
+    /** Label */
+    label: string;
+};
+export type AutocompleteListCardItemItemRef = PolymorphicComponentRef<typeof AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG>;
+export type AutocompleteListCardItemProps<As extends ElementType = typeof AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<AutocompleteListCardItemBaseProps, As>;

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardItem/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteListCard/modules/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AutocompleteListCardDropdown';
+export * from './AutocompleteListCardInput';
+export * from './AutocompleteListCardInputAvatar';
+export * from './AutocompleteListCardItem';

package/__inner__/esm/components/AutocompleteListCard/modules/index.js

@@ -0,0 +1,4 @@
+export * from './AutocompleteListCardDropdown';
+export * from './AutocompleteListCardInput';
+export * from './AutocompleteListCardInputAvatar';
+export * from './AutocompleteListCardItem';

package/__inner__/esm/components/AutocompleteListCard/types.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { WithPartial } from '../../types/object';
+import type { WithDisplayName } from '../../types/react';
+import type { AutocompleteBaseProps, AutocompleteBaseDefaultOptionObject } from '../AutocompleteBase';
+import type { AutocompleteListCardSizeVariant, AutocompleteListCardOnChange, AutocompleteListCardValue } from './entities';
+export type AutocompleteListCardProps<Multiple extends boolean = false> = WithPartial<Omit<AutocompleteBaseProps<AutocompleteBaseDefaultOptionObject, Multiple>, 'size' | 'prepareOption' | 'options' | 'onChange' | 'defaultValue' | 'value' | 'loading' | 'error'>, 'input' | 'dropdown'> & {
+    /** Контент */
+    children: ReactNode;
+    /** Размер */
+    size?: AutocompleteListCardSizeVariant;
+    /** Функция обратного вызова, которая будет вызвана при выборе значения */
+    onChange?: AutocompleteListCardOnChange<Multiple>;
+    /** Выбранное значение опции */
+    value?: AutocompleteListCardValue<Multiple>;
+    /** Выбранное значение опции по умолчанию */
+    defaultValue?: AutocompleteListCardValue<Multiple>;
+};
+export type AutocompleteListCardComponent = WithDisplayName<(<Multiple extends boolean = false>(props: AutocompleteListCardProps<Multiple>) => ReactElement | null)>;

package/__inner__/esm/components/AutocompleteListCard/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteListCard/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './isAutocompleteListCardItem';
+export * from './toAutocompleteListCardValue';

package/__inner__/esm/components/AutocompleteListCard/utils/index.js

@@ -0,0 +1,2 @@
+export * from './isAutocompleteListCardItem';
+export * from './toAutocompleteListCardValue';

package/__inner__/esm/components/AutocompleteListCard/utils/isAutocompleteListCardItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { AutocompleteListCardItemProps } from '../modules/AutocompleteListCardItem';
+export declare const isAutocompleteListCardItem: (child: ReactElement) => child is ReactElement<AutocompleteListCardItemProps>;

package/__inner__/esm/components/AutocompleteListCard/utils/isAutocompleteListCardItem.js

@@ -0,0 +1,4 @@
+import { isDataListBaseItem } from '../../DataListBase/utils';
+export var isAutocompleteListCardItem = function (child) {
+    return isDataListBaseItem(child);
+};

package/__inner__/esm/components/AutocompleteListCard/utils/toAutocompleteListCardValue.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteBaseDefaultOption, AutocompleteBaseValue } from '../../AutocompleteBase';
+import type { DataListBaseValue } from '../../DataListBase';
+export declare const toAutocompleteListCardValue: <Multiple extends boolean>(value: AutocompleteBaseValue<AutocompleteBaseDefaultOption, Multiple> | null | undefined) => DataListBaseValue<Multiple>;

package/__inner__/esm/components/AutocompleteListCard/utils/toAutocompleteListCardValue.js

@@ -0,0 +1,12 @@
+import { isArray } from '../../../utils/array';
+import { isString } from '../../../utils/isString';
+export var toAutocompleteListCardValue = function (value) {
+    var _a, _b;
+    if (isArray(value)) {
+        return ((_a = value === null || value === void 0 ? void 0 : value.map(function (value) { return (isString(value) ? value : value.id); })) !== null && _a !== void 0 ? _a : []);
+    }
+    if (isString(value)) {
+        return value;
+    }
+    return ((_b = value === null || value === void 0 ? void 0 : value.id) !== null && _b !== void 0 ? _b : null);
+};