@astral/ui 4.18.3 → 4.18.5

package/node/components/AddressAutocomplete/AddressAutocomplete.d.ts

@@ -1,44 +1,8 @@
 /// <reference types="react" />
-import { type AsyncAutocompleteProps } from '../AsyncAutocomplete';
-export type Address = {
-    addressString: string;
-};
-export type AddressAutocompleteValue<TOptions extends Address = Address> = TOptions;
-export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue' | 'hideHelperText'> & {
-    /**
-     *  Значение для autocomplete
-     */
-    value?: AddressAutocompleteValue<TOptions>;
-    /**
-     *  Функция, вызываемая при изменении адреса
-     */
-    onChange: (value: AddressAutocompleteValue<TOptions>) => void;
-    /**
-     *  `freeSolo` позволяет ввести собственное значение в инпут
-     *  @default true
-     */
-    freeSolo?: boolean;
-    /**
-     * Скрытие персональных данных от инструментов мониторинга
-     */
-    isHidePersonalData?: boolean;
-};
-export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, "label" | "className" | "ref" | "defaultValue" | "id" | "role" | "size" | "disablePortal" | "onClose" | "open" | "inputRef" | "placeholder" | "readOnly" | "onOpen" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "hideHelperText" | "helperText" | "isDisabled" | "isError" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
-    /**
-     *  Значение для autocomplete
-     */
+import { type Address } from './types';
+export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<import("../AsyncAutocomplete").AsyncAutocompleteProps<TOptions, false, false, boolean>, "defaultValue" | "className" | "id" | "role" | "ref" | "label" | "open" | "size" | "disablePortal" | "onClose" | "onOpen" | "isDisabled" | "isError" | "inputRef" | "hideHelperText" | "helperText" | "placeholder" | "readOnly" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
     value?: TOptions | undefined;
-    /**
-     *  Функция, вызываемая при изменении адреса
-     */
     onChange: (value: TOptions) => void;
-    /**
-     *  `freeSolo` позволяет ввести собственное значение в инпут
-     *  @default true
-     */
     freeSolo?: boolean | undefined;
-    /**
-     * Скрытие персональных данных от инструментов мониторинга
-     */
     isHidePersonalData?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/AddressAutocomplete/index.d.ts

@@ -1 +1,2 @@
-export { AddressAutocomplete, type AddressAutocompleteProps, type AddressAutocompleteValue, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';
+export type { Address, AddressAutocompleteProps, AddressAutocompleteValue, } from './types';

package/node/components/AddressAutocomplete/public.d.ts

@@ -1 +1,2 @@
-export { AddressAutocomplete, type AddressAutocompleteProps, type AddressAutocompleteValue, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';
+export type { Address, AddressAutocompleteProps, AddressAutocompleteValue, } from './types';

package/node/components/AddressAutocomplete/types.d.ts

@@ -0,0 +1,24 @@
+import { type AsyncAutocompleteProps } from '../AsyncAutocomplete';
+export type Address = {
+    addressString: string;
+};
+export type AddressAutocompleteValue<TOptions extends Address = Address> = TOptions;
+export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue' | 'hideHelperText'> & {
+    /**
+     *  Значение для autocomplete
+     */
+    value?: AddressAutocompleteValue<TOptions>;
+    /**
+     *  Функция, вызываемая при изменении адреса
+     */
+    onChange: (value: AddressAutocompleteValue<TOptions>) => void;
+    /**
+     *  `freeSolo` позволяет ввести собственное значение в инпут
+     *  @default true
+     */
+    freeSolo?: boolean;
+    /**
+     * Скрытие персональных данных от инструментов мониторинга
+     */
+    isHidePersonalData?: boolean;
+};

package/node/components/AddressAutocomplete/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/AddressAutocomplete/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import type { SyntheticEvent } from 'react';
-import { type Address, type AddressAutocompleteProps, type AddressAutocompleteValue } from '../AddressAutocomplete';
+import { type Address, type AddressAutocompleteProps, type AddressAutocompleteValue } from '../types';
 type UseLogicParams<TOptions extends Address> = AddressAutocompleteProps<TOptions>;
 export declare const useLogic: <TOptions extends Address>({ onChange, isHidePersonalData, }: UseLogicParams<TOptions>) => {
     handleChange: (_: SyntheticEvent, newValue: string | TOptions | null) => void;

package/node/components/Alert/Alert.js

@@ -3,25 +3,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
+const ErrorFillMd_1 = require("../../icons/ErrorFillMd");
+const InfoFillMd_1 = require("../../icons/InfoFillMd");
+const SuccessFillMd_1 = require("../../icons/SuccessFillMd");
+const WarningFillMd_1 = require("../../icons/WarningFillMd");
 const Collapse_1 = require("../Collapse");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Alert = (0, react_1.forwardRef)(({ children, title, closeText = 'Скрыть', display = true, actions, onClose, severity = 'info', style, className, icon, unmountOnExit, }, ref) => {
     const { shouldRenderParagraph } = (0, useLogic_1.useLogic)({ children });
     const renderCloseButton = () => {
-        return ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", color: "grey", onClick: onClose, "aria-label": closeText, title: closeText, className: constants_1.alertClassnames.closeButton, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+        return ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", color: "grey", onClick: onClose, "aria-label": closeText, title: closeText, className: constants_1.alertClassnames.closeButton, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
     };
     const renderIcon = () => {
         const iconMapping = {
-            info: (0, jsx_runtime_1.jsx)(icons_1.InfoFillMd, {}),
-            error: (0, jsx_runtime_1.jsx)(icons_1.ErrorFillMd, {}),
-            success: (0, jsx_runtime_1.jsx)(icons_1.SuccessFillMd, {}),
-            warning: (0, jsx_runtime_1.jsx)(icons_1.WarningFillMd, {}),
+            info: (0, jsx_runtime_1.jsx)(InfoFillMd_1.InfoFillMd, {}),
+            error: (0, jsx_runtime_1.jsx)(ErrorFillMd_1.ErrorFillMd, {}),
+            success: (0, jsx_runtime_1.jsx)(SuccessFillMd_1.SuccessFillMd, {}),
+            warning: (0, jsx_runtime_1.jsx)(WarningFillMd_1.WarningFillMd, {}),
         };
         return ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { "$hasTitle": Boolean(title), "$severity": severity, "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.iconWrapper, children: icon ?? iconMapping[severity] }));
     };
-    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: display, unmountOnExit: unmountOnExit, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { style: style, className: (0, utils_1.classNames)(className, constants_1.alertClassnames.root), role: "alert", ref: ref, "$severity": severity, "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.contentWrapper, children: [renderIcon(), title && ((0, jsx_runtime_1.jsx)(styles_1.Title, { variant: "h5", "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.title, children: title })), onClose && renderCloseButton(), (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: shouldRenderParagraph ? 'p' : 'div', "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), className: constants_1.alertClassnames.content, children: children })] }), actions && ((0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { container: true, spacing: 4, children: actions }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: display, unmountOnExit: unmountOnExit, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { style: style, className: (0, classNames_1.classNames)(className, constants_1.alertClassnames.root), role: "alert", ref: ref, "$severity": severity, "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.contentWrapper, children: [renderIcon(), title && ((0, jsx_runtime_1.jsx)(styles_1.Title, { variant: "h5", "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.title, children: title })), onClose && renderCloseButton(), (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: shouldRenderParagraph ? 'p' : 'div', "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), className: constants_1.alertClassnames.content, children: children })] }), actions && ((0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { container: true, spacing: 4, children: actions }))] }) }));
 });

package/node/components/Alert/constants.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alertClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.alertClassnames = {
-    root: (0, utils_1.createUIKitClassname)('alert'),
-    iconWrapper: (0, utils_1.createUIKitClassname)('alert__icon-wrapper'),
-    title: (0, utils_1.createUIKitClassname)('alert__title'),
-    closeButton: (0, utils_1.createUIKitClassname)('alert__close-button'),
-    contentWrapper: (0, utils_1.createUIKitClassname)('alert__content-wrapper'),
-    content: (0, utils_1.createUIKitClassname)('alert__content'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('alert'),
+    iconWrapper: (0, createUIKitClassname_1.createUIKitClassname)('alert__icon-wrapper'),
+    title: (0, createUIKitClassname_1.createUIKitClassname)('alert__title'),
+    closeButton: (0, createUIKitClassname_1.createUIKitClassname)('alert__close-button'),
+    contentWrapper: (0, createUIKitClassname_1.createUIKitClassname)('alert__content-wrapper'),
+    content: (0, createUIKitClassname_1.createUIKitClassname)('alert__content'),
 };

package/node/components/Alert/styles.d.ts

@@ -3,10 +3,10 @@ import type { AlertSeverity } from './types';
 export declare const StyledGrid: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("../Grid/styles").StyledGridProps, {}, {}>;
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
@@ -36,17 +36,11 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     $hasTitle: boolean;
     $hasCloseButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -55,17 +49,11 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     $hasCloseButton?: boolean | undefined;
     $hasActions?: boolean | undefined;
 }, {}, {}>;
-export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -1,132 +1,13 @@
 /// <reference types="react" />
-import { type AutocompleteProps } from '../Autocomplete';
-export type AsyncAutocompleteProps<TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options' | 'filterOptions'> & {
-    /**
-     * Если `true`, будет показан индикатор загрузки
-     */
-    isLoading?: boolean;
-    /**
-     * Если `true`, компонент будет не доступен для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Если `true`, компонент растянется на всю ширину
-     */
-    isFullWidth?: boolean;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии ошибки
-     */
-    isError?: boolean;
-    /**
-     * Если `true`, компонент будет помечен как обязательный
-     */
-    isRequired?: boolean;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии успеха
-     */
-    isSuccess?: boolean;
-    /**
-     * Задержка для fetchOptions
-     * @default 300
-     */
-    fetchDelayMs?: number;
-    /**
-     * Функция для асинхронной загрузки опций на основе поискового запроса
-     * При возникновении ошибки запроса данных, компонент сам ее обработает.
-     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
-     *
-     * @param search - Строка поиска, введенная пользователем. На основе этой
-     *   строки функция должна вернуть подходящие опции.
-     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
-     *   если пользователь изменил поисковый запрос или закрыл компонент.
-     *
-     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
-     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
-     *
-     * @example
-     * ```typescript
-     * const fetchOptions = async (search: string, signal: AbortSignal) => {
-     *   const response = await fetch(`/api/search?query=${search}`, { signal });
-     *   const data = await response.json();
-     *   return data.results;
-     * };
-     *
-     * <AsyncAutocomplete fetchOptions={fetchOptions} />
-     * ```
-     */
-    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
-    /**
-     * Минимальное количество символов для выполнения запроса
-     * @default 0
-     */
-    minSymbolsToFetch?: number;
-    /**
-     * Функция для обработки ошибок загрузки данных
-     */
-    onDataLoadError?: (error: Error) => void;
-};
-export declare const AsyncAutocomplete: <TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false>(props: Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, "fullWidth" | "loading" | "error" | "success" | "disabled" | "required" | "options" | "filterOptions" | "inputValue"> & {
-    /**
-     * Если `true`, будет показан индикатор загрузки
-     */
+export declare const AsyncAutocomplete: <TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false>(props: Omit<import("../Autocomplete").AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, "success" | "error" | "disabled" | "fullWidth" | "loading" | "required" | "options" | "filterOptions" | "inputValue"> & {
     isLoading?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет не доступен для взаимодействия
-     */
     isDisabled?: boolean | undefined;
-    /**
-     * Если `true`, компонент растянется на всю ширину
-     */
     isFullWidth?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии ошибки
-     */
     isError?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет помечен как обязательный
-     */
     isRequired?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии успеха
-     */
     isSuccess?: boolean | undefined;
-    /**
-     * Задержка для fetchOptions
-     * @default 300
-     */
     fetchDelayMs?: number | undefined;
-    /**
-     * Функция для асинхронной загрузки опций на основе поискового запроса
-     * При возникновении ошибки запроса данных, компонент сам ее обработает.
-     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
-     *
-     * @param search - Строка поиска, введенная пользователем. На основе этой
-     *   строки функция должна вернуть подходящие опции.
-     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
-     *   если пользователь изменил поисковый запрос или закрыл компонент.
-     *
-     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
-     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
-     *
-     * @example
-     * ```typescript
-     * const fetchOptions = async (search: string, signal: AbortSignal) => {
-     *   const response = await fetch(`/api/search?query=${search}`, { signal });
-     *   const data = await response.json();
-     *   return data.results;
-     * };
-     *
-     * <AsyncAutocomplete fetchOptions={fetchOptions} />
-     * ```
-     */
-    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
-    /**
-     * Минимальное количество символов для выполнения запроса
-     * @default 0
-     */
+    fetchOptions: (search: string, signal?: AbortSignal | undefined) => Promise<TOptions[]>;
     minSymbolsToFetch?: number | undefined;
-    /**
-     * Функция для обработки ошибок загрузки данных
-     */
     onDataLoadError?: ((error: Error) => void) | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/AsyncAutocomplete/AsyncAutocomplete.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Autocomplete_1 = require("../Autocomplete");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
 const useLogic_1 = require("./useLogic");
+/* cSpell:ignore Промис */
 const AsyncAutocompleteInner = (props, ref) => {
     const { autocompleteProps } = (0, useLogic_1.useLogic)(props);
     return (0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { ...autocompleteProps, ref: ref });

package/node/components/AsyncAutocomplete/index.d.ts

@@ -1 +1,2 @@
-export { AsyncAutocomplete, type AsyncAutocompleteProps, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';
+export type { AsyncAutocompleteProps } from './types';

package/node/components/AsyncAutocomplete/public.d.ts

@@ -1 +1,2 @@
-export { AsyncAutocomplete, type AsyncAutocompleteProps, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';
+export type { AsyncAutocompleteProps } from './types';

package/node/components/AsyncAutocomplete/types.d.ts

@@ -0,0 +1,66 @@
+import { type AutocompleteProps } from '../Autocomplete';
+export type AsyncAutocompleteProps<TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options' | 'filterOptions'> & {
+    /**
+     * Если `true`, будет показан индикатор загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если `true`, компонент будет не доступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, компонент растянется на всю ширину
+     */
+    isFullWidth?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии ошибки
+     */
+    isError?: boolean;
+    /**
+     * Если `true`, компонент будет помечен как обязательный
+     */
+    isRequired?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии успеха
+     */
+    isSuccess?: boolean;
+    /**
+     * Задержка для fetchOptions
+     * @default 300
+     */
+    fetchDelayMs?: number;
+    /**
+     * Функция для асинхронной загрузки опций на основе поискового запроса
+     * При возникновении ошибки запроса данных, компонент сам ее обработает.
+     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
+     *
+     * @param search - Строка поиска, введенная пользователем. На основе этой
+     *   строки функция должна вернуть подходящие опции.
+     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
+     *   если пользователь изменил поисковый запрос или закрыл компонент.
+     *
+     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
+     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
+     *
+     * @example
+     * ```typescript
+     * const fetchOptions = async (search: string, signal: AbortSignal) => {
+     *   const response = await fetch(`/api/search?query=${search}`, { signal });
+     *   const data = await response.json();
+     *   return data.results;
+     * };
+     *
+     * <AsyncAutocomplete fetchOptions={fetchOptions} />
+     * ```
+     */
+    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
+    /**
+     * Минимальное количество символов для выполнения запроса
+     * @default 0
+     */
+    minSymbolsToFetch?: number;
+    /**
+     * Функция для обработки ошибок загрузки данных
+     */
+    onDataLoadError?: (error: Error) => void;
+};

package/node/components/AsyncAutocomplete/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });