@astral/ui 4.18.3 → 4.18.5

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,40 +1,36 @@
-import { type AutocompleteInputChangeReason } from '@mui/material';
+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: {
-        label?: import("react").ReactNode;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        inert?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
-        className?: string | undefined;
-        ref?: import("react").Ref<unknown> | undefined;
+        classes?: Partial<import("@mui/material/Autocomplete").AutocompleteClasses> | undefined;
         defaultChecked?: boolean | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
+        slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -46,6 +42,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -57,13 +54,14 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -73,7 +71,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -83,7 +81,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -100,7 +98,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -133,7 +131,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: ((event: SyntheticEvent<Element, Event>, value: import("@mui/material").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo>, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<TOptions> | undefined) => void) | undefined;
+        onChange?: ((event: SyntheticEvent<Element, Event>, value: import("@mui/material/Autocomplete").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo>, reason: import("@mui/material/Autocomplete").AutocompleteChangeReason, details?: import("@mui/material/Autocomplete").AutocompleteChangeDetails<TOptions> | undefined) => void) | undefined;
         onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
         onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
@@ -287,8 +285,11 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        ref?: import("react").Ref<unknown> | undefined;
+        label?: import("react").ReactNode;
+        open?: boolean | undefined;
         size?: import("../..").AutocompleteSize | undefined;
-        value?: import("@mui/material").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo> | undefined;
+        value?: import("@mui/material/Autocomplete").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo> | undefined;
         componentsProps?: {
             clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
             paper?: import("@mui/material").PaperProps | undefined;
@@ -296,34 +297,33 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
             popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
         disablePortal?: boolean | undefined;
-        onClose?: ((event: SyntheticEvent<Element, Event>, reason: import("@mui/material").AutocompleteCloseReason) => void) | undefined;
-        open?: boolean | undefined;
+        onClose?: ((event: SyntheticEvent<Element, Event>, reason: import("@mui/material/Autocomplete").AutocompleteCloseReason) => void) | undefined;
         slotProps?: {
             clearIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
             paper?: import("@mui/material").PaperProps | undefined;
             popper?: Partial<import("@mui/material").PopperProps> | undefined;
             popupIndicator?: Partial<import("@mui/material").IconButtonProps> | undefined;
         } | undefined;
-        autoComplete?: boolean | undefined;
-        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
-        inputRef?: import("react").Ref<any> | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        multiple?: TMultiple | undefined;
         disabledItemsFocusable?: boolean | undefined;
         disableListWrap?: boolean | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
-        closeText?: string | undefined;
+        inputRef?: import("react").Ref<any> | undefined;
+        autoComplete?: boolean | undefined;
+        multiple?: TMultiple | undefined;
         hideHelperText?: boolean | undefined;
         helperText?: import("react").ReactNode;
+        inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
+        placeholder?: string | undefined;
+        readOnly?: boolean | undefined;
         ChipProps?: import("@mui/material").ChipProps<"div"> | undefined;
         clearIcon?: import("react").ReactNode;
         clearText?: string | undefined;
+        closeText?: string | undefined;
         forcePopupIcon?: boolean | "auto" | undefined;
         getLimitTagsText?: ((more: number) => import("react").ReactNode) | undefined;
         ListboxComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
         ListboxProps?: (import("react").HTMLAttributes<HTMLUListElement> & {
-            sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+            sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
             ref?: import("react").Ref<Element> | undefined;
         }) | undefined;
         loadingText?: import("react").ReactNode;
@@ -331,19 +331,19 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         openText?: string | undefined;
         PaperComponent?: import("react").JSXElementConstructor<import("react").HTMLAttributes<HTMLElement>> | undefined;
         popupIcon?: import("react").ReactNode;
-        renderGroup?: ((params: import("@mui/material").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
-        renderInput?: ((props: Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "select" | "color" | "margin" | "variant" | "multiline" | "SelectProps"> & {
+        renderGroup?: ((params: import("@mui/material/Autocomplete").AutocompleteRenderGroupParams) => import("react").ReactNode) | undefined;
+        renderInput?: ((props: Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "select" | "margin" | "variant" | "multiline" | "SelectProps"> & {
             success?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
             endAdornment?: import("react").ReactNode;
             maxLength?: number | undefined;
             trimmed?: boolean | undefined;
             hideHelperText?: boolean | undefined;
-        } & Omit<import("@mui/material").AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
+        } & Omit<import("@mui/material/Autocomplete").AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
         renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement> & {
             key: any;
-        }, option: TOptions, state: import("@mui/material").AutocompleteRenderOptionState, ownerState: import("@mui/material").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
-        renderTags?: ((value: TOptions[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
+        }, option: TOptions, state: import("@mui/material/Autocomplete").AutocompleteRenderOptionState, ownerState: import("@mui/material/Autocomplete").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
+        renderTags?: ((value: TOptions[], getTagProps: import("@mui/material/Autocomplete").AutocompleteRenderGetTagProps, ownerState: import("@mui/material/Autocomplete").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
         unstable_classNamePrefix?: string | undefined;
         unstable_isActiveElementInListbox?: ((listbox: import("react").RefObject<HTMLElement | null>) => boolean) | undefined;
         autoHighlight?: boolean | undefined;
@@ -379,7 +379,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         onInputChange: (event: SyntheticEvent, search: string, reason: AutocompleteInputChangeReason) => void;
         isLoadedDataError: boolean;
         getOptionLabel: ((option: TOptions | import("@mui/material").AutocompleteFreeSoloValueMapping<TFreeSolo>) => string) | undefined;
-        defaultValue: import("@mui/material").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo> | undefined;
+        defaultValue: import("@mui/material/Autocomplete").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo> | undefined;
         filterOptions: <TOptions_1>(options: TOptions_1) => TOptions_1;
     };
 };

package/components/AsyncAutocomplete/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { useAsyncOptions } from '../../hooks';
+import { useAsyncOptions } from '../../hooks/useAsyncOptions';
 import { DEFAULT_DELAY_MS, DEFAULT_EMPTY_OPTIONS_TEXT, DEFAULT_MIN_SEARCH_CHARACTERS, DEFAULT_NO_OPTIONS_TEXT, } from '../constants';
 /* Стандартный фильтр. Необходим для правильного отображения опций, при асинхронном поиске
  * см. https://track.astral.ru/soft/browse/UIKIT-2823 */

package/components/AutoSaveIndicator/AutoSaveIndicator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CrossOutlineMd } from '../../icons';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
 import { Popover } from '../Popover';
 import { DefaultState } from './DefaultState';
 import { ErrorState } from './ErrorState';

package/components/AutoSaveIndicator/DefaultState/styles.js

@@ -1,5 +1,5 @@
-import { tooltipClasses } from '@mui/material';
-import { AutosaveOutlineMd } from '../../../icons';
+import { tooltipClasses } from '@mui/material/Tooltip';
+import { AutosaveOutlineMd } from '../../../icons/AutosaveOutlineMd';
 import { styled } from '../../styled';
 import { Tooltip } from '../../Tooltip';
 export const StyledTooltip = styled(Tooltip) `

package/components/AutoSaveIndicator/ErrorState/styles.d.ts

@@ -3,10 +3,10 @@ export declare const ErrorWrapper: 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 StyledButton: import("../../styled").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 StyledButton: import("../../styled").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> & {

package/components/AutoSaveIndicator/ErrorState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveErrorOutlineMd } from '../../../icons';
+import { AutosaveErrorOutlineMd } from '../../../icons/AutosaveErrorOutlineMd';
 import { Button } from '../../Button';
 import { styled } from '../../styled';
 export const ErrorWrapper = styled.div `

package/components/AutoSaveIndicator/LoadingState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveLoaderOutlineMd } from '../../../icons';
+import { AutosaveLoaderOutlineMd } from '../../../icons/AutosaveLoaderOutlineMd';
 import { keyframes, styled } from '../../styled';
 const loading = keyframes `
   0%, 100% {

package/components/AutoSaveIndicator/SuccessState/styles.js

@@ -1,4 +1,4 @@
-import { AutosaveOutlineMd } from '../../../icons';
+import { AutosaveOutlineMd } from '../../../icons/AutosaveOutlineMd';
 import { styled } from '../../styled';
 export const SuccessIcon = styled(AutosaveOutlineMd) `
   width: 20px;

package/components/AutoSaveIndicator/styles.d.ts

@@ -7,41 +7,29 @@ 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" | "left" | "right" | "center" | "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" | "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;
 }, {}, {}>;
-export declare const StyledIconButton: import("../styled").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("../styled").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> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const IndicatorTypography: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "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" | "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/components/AutoSaveIndicator/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { useLocalStorage } from '../../hooks';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { AUTOSAVE_ONBOARD_KEY } from '../constants';
 export const useLogic = () => {
     const [open, setOpen] = useState(false);

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,92 +1,21 @@
-import { type ReactNode } from 'react';
-import { type OverflowedElementProps } from '../OverflowTypography';
-import { type TextFieldProps } from '../TextField';
-import type { WithoutEmotionSpecific } from '../types';
-import { type AutocompleteRenderInputParams, type MuiAutocompleteProps } from './types';
-export type AutocompleteSize = 'small' | 'medium';
-export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>>, 'size' | 'renderInput' | 'noOptionsText' | 'closeText' | 'openText' | 'clearText'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label' | 'required' | 'inputRef' | 'placeholder' | 'inputProps'> & {
-    renderInput?: (props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode;
-    size?: AutocompleteSize;
-    /**
-     * Опции для OverflowTypography, который оборачивает содержимое item
-     */
-    overflowOption?: OverflowedElementProps;
-    /**
-     * Текст ошибки, который будет отображаться в меню автокомплита
-     * Пример использования: информирование пользователя о том, что АПИ
-     * используемого сервиса в текущий момент недоступно
-     */
-    loadedDataError?: string;
-    /**
-     * Если true, будет отображено сообщение об ошибке при загрузке данных
-     * в меню автокомплита
-     */
-    isLoadedDataError?: boolean;
-    /**
-     * Текст для отображения, когда нет данных
-     * @default Нет данных
-     */
-    noOptionsText?: ReactNode;
-    /**
-     * Переопределяет текст для кнопки закрытия всплывающего окна
-     * @default Закрыть
-     */
-    closeText?: string;
-    /**
-     * Переопределяет текст для кнопки открытия всплывающего окна
-     * @default Открыть
-     */
-    openText?: string;
-    /**
-     * Переопределяет текст для кнопки отчистки поля
-     * @default Очистить
-     */
-    clearText?: string;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-};
-export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "closeText" | "clearText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "error" | "success" | "required" | "inputProps" | "inputRef" | "placeholder" | "helperText"> & {
-    renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
-    size?: AutocompleteSize | undefined;
-    /**
-     * Опции для OverflowTypography, который оборачивает содержимое item
-     */
-    overflowOption?: OverflowedElementProps | undefined;
-    /**
-     * Текст ошибки, который будет отображаться в меню автокомплита
-     * Пример использования: информирование пользователя о том, что АПИ
-     * используемого сервиса в текущий момент недоступно
-     */
+/// <reference types="react" />
+import { type AutocompleteRenderInputParams } from './types';
+export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Autocomplete/Autocomplete").AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<import("../TextField").TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
+    renderInput?: ((props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "select" | "margin" | "variant" | "multiline" | "SelectProps"> & {
+        success?: boolean | undefined;
+        startAdornment?: import("react").ReactNode;
+        endAdornment?: import("react").ReactNode;
+        maxLength?: number | undefined;
+        trimmed?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
+    } & Omit<AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
+    size?: import("./types").AutocompleteSize | undefined;
+    overflowOption?: import("../OverflowTypography").OverflowedElementProps | undefined;
     loadedDataError?: string | undefined;
-    /**
-     * Если true, будет отображено сообщение об ошибке при загрузке данных
-     * в меню автокомплита
-     */
     isLoadedDataError?: boolean | undefined;
-    /**
-     * Текст для отображения, когда нет данных
-     * @default Нет данных
-     */
-    noOptionsText?: ReactNode;
-    /**
-     * Переопределяет текст для кнопки закрытия всплывающего окна
-     * @default Закрыть
-     */
+    noOptionsText?: import("react").ReactNode;
     closeText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки открытия всплывающего окна
-     * @default Открыть
-     */
     openText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки отчистки поля
-     * @default Очистить
-     */
     clearText?: string | undefined;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Autocomplete/Autocomplete.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListItemIcon, Popper as MuiPopper } from '@mui/material';
-import { useCallback, } from 'react';
-import { CrossOutlineMd, DownOutlineMd } from '../../icons';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import MuiPopper from '@mui/material/Popper';
+import { useCallback } from 'react';
+import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
+import { DownOutlineMd } from '../../icons/DownOutlineMd';
 import { Checkbox } from '../Checkbox';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { Loader } from '../Loader';
-import { OverflowTypography, } from '../OverflowTypography';
+import { OverflowTypography } from '../OverflowTypography';
 import { Tag } from '../Tag';
 import { TextField } from '../TextField';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, DEFAULT_PLACEHOLDER, } from './constants';
 import { StyledAutocomplete, StyledMenuItem } from './styles';
 import { useLogic } from './useLogic';

package/components/Autocomplete/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteRenderGetTagProps, AutocompleteSize, AutocompleteProps, } from './types';

package/components/Autocomplete/public.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteSize, } from './types';

package/components/Autocomplete/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Autocomplete as MuiAutocomplete } from '@mui/material';
+import MuiAutocomplete from '@mui/material/Autocomplete';
 export declare const StyledMenuItem: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/Autocomplete/styles.js

@@ -1,4 +1,7 @@
-import { autocompleteClasses, formControlClasses, iconButtonClasses, inputBaseClasses, Autocomplete as MuiAutocomplete, } from '@mui/material';
+import MuiAutocomplete, { autocompleteClasses, } from '@mui/material/Autocomplete';
+import { formControlClasses } from '@mui/material/FormControl';
+import { iconButtonClasses } from '@mui/material/IconButton';
+import { inputBaseClasses } from '@mui/material/InputBase';
 import { MenuItem } from '../MenuItem';
 import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styled';