@astral/ui 4.18.4 → 4.18.5

package/components/Accordion/styles.d.ts

@@ -19,17 +19,11 @@ export declare const ContentWrapper: import("../styled").StyledComponent<{
     $withStartAdornment: boolean;
     $hasSubtitle?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Summary: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Summary: import("../styled").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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | 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/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>, "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"> & {
-    /**
-     *  Значение для 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/components/AddressAutocomplete/AddressAutocomplete.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AsyncAutocomplete, } from '../AsyncAutocomplete';
+import { AsyncAutocomplete } from '../AsyncAutocomplete';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { useLogic } from './useLogic';
 const AddressAutocompleteInner = (props, ref) => {

package/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/components/AddressAutocomplete/index.js

@@ -1 +1 @@
-export { AddressAutocomplete, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';

package/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/components/AddressAutocomplete/public.js

@@ -1 +1 @@
-export { AddressAutocomplete, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';

package/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/components/AddressAutocomplete/types.js

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

package/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/components/Alert/Alert.js

@@ -6,7 +6,7 @@ import { InfoFillMd } from '../../icons/InfoFillMd';
 import { SuccessFillMd } from '../../icons/SuccessFillMd';
 import { WarningFillMd } from '../../icons/WarningFillMd';
 import { Collapse } from '../Collapse';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { alertClassnames } from './constants';
 import { Content, IconWrapper, StyledGrid, StyledIconButton, StyledTypography, Title, Wrapper, } from './styles';
 import { useLogic } from './useLogic';

package/components/Alert/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const alertClassnames = {
     root: createUIKitClassname('alert'),
     iconWrapper: createUIKitClassname('alert__icon-wrapper'),

package/components/Alert/styles.d.ts

@@ -36,17 +36,11 @@ export declare const Content: import("../styled").StyledComponent<{
     $hasTitle: boolean;
     $hasCloseButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("../styled").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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | 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("../styled").StyledComponent<{
     $hasCloseButton?: boolean | undefined;
     $hasActions?: boolean | undefined;
 }, {}, {}>;
-export declare const Title: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Title: import("../styled").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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | 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/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>, "success" | "error" | "disabled" | "fullWidth" | "loading" | "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/components/AsyncAutocomplete/AsyncAutocomplete.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Autocomplete } from '../Autocomplete';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { useLogic } from './useLogic';
+/* cSpell:ignore Промис */
 const AsyncAutocompleteInner = (props, ref) => {
     const { autocompleteProps } = useLogic(props);
     return _jsx(Autocomplete, { ...autocompleteProps, ref: ref });

package/components/AsyncAutocomplete/index.d.ts

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

package/components/AsyncAutocomplete/index.js

@@ -1 +1 @@
-export { AsyncAutocomplete, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';

package/components/AsyncAutocomplete/public.d.ts

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

package/components/AsyncAutocomplete/public.js

@@ -1 +1 @@
-export { AsyncAutocomplete, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';

package/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/components/AsyncAutocomplete/types.js

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

package/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 import type { AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
-import { type AsyncAutocompleteProps } from '../AsyncAutocomplete';
+import { type AsyncAutocompleteProps } from '../types';
 type UseLogicParams<TOptions, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AsyncAutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>;
 export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ fetchOptions, fetchDelayMs, minSymbolsToFetch, defaultValue, getOptionLabel, noOptionsText, onOpen, onInputChange, onDataLoadError, isLoadedDataError, isDisabled, isFullWidth, isSuccess, isError, isLoading, isRequired, ...restProps }: UseLogicParams<TOptions, TMultiple, TDisableClearable, TFreeSolo>) => {
     autocompleteProps: {

package/components/AutoSaveIndicator/styles.d.ts

@@ -7,17 +7,11 @@ export declare const PopoverContent: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("../styled").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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -31,17 +25,11 @@ export declare const StyledIconButton: import("../styled").StyledComponent<Omit<
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const IndicatorTypography: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const IndicatorTypography: import("../styled").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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;