@astral/ui 4.18.4 → 4.18.5

package/node/components/TreeAutocomplete/Input/Input.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import { type TextFieldProps } from '../../TextField';
-import type { TreeAutocompleteValue } from '../types';
-export type InputProps = Omit<TextFieldProps, 'onChange'> & {
-    onChange?: (value: TreeAutocompleteValue | undefined) => void;
-};
+import { type InputProps } from './types';
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/TreeAutocomplete/Input/index.d.ts

@@ -1 +1,2 @@
 export * from './Input';
+export type { InputProps } from './types';

package/node/components/TreeAutocomplete/Input/types.d.ts

@@ -0,0 +1,5 @@
+import { type TextFieldProps } from '../../TextField';
+import type { TreeAutocompleteValue } from '../types';
+export type InputProps = Omit<TextFieldProps, 'onChange'> & {
+    onChange?: (value: TreeAutocompleteValue | undefined) => void;
+};

package/node/components/TreeAutocomplete/Input/types.js

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

package/node/components/TreeAutocomplete/Input/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type InputProps } from '../Input';
+import { type InputProps } from '../types';
 type UseLogicParams = InputProps;
 export declare const useLogic: ({ value, disabled, inputRef: externalInputRef, onChange, }: UseLogicParams) => {
     inputRef: import("react").RefObject<HTMLInputElement | null>;

package/node/components/TreeAutocomplete/OptionsModal/OptionsModal.d.ts

@@ -1,48 +1,2 @@
-import { type DialogProps } from '../../Dialog';
-import { type TreeListData, type TreeListProps } from '../../Tree';
-import type { TreeAutocompleteValue } from '../types';
-export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
-    /**
-     * Если true, модальное окно будет открыто
-     */
-    isOpen: boolean;
-    /**
-     * Выбранное значения
-     */
-    initialValue?: TreeAutocompleteValue;
-    /**
-     * Опции, которые необходимо отобразить в виде дерева.
-     */
-    options: TreeListData[];
-    /**
-     * Флаг загрузки options
-     * Если true, вместо дерева options будет отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Флаг ошибки загрузки options
-     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
-     */
-    isLoadingError?: boolean;
-    /**
-     * Текст ошибки при загрузке данных
-     */
-    loadingErrorMsg?: string;
-    /**
-     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
-     */
-    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
-    /**
-     * Предназначен для конфигурации всплывающего окна
-     */
-    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry?: () => void;
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange?: (newValue?: TreeAutocompleteValue) => void;
-};
+import { type OptionsModalProps } from './types';
 export declare const OptionsModal: (props: OptionsModalProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/TreeAutocomplete/OptionsModal/index.d.ts

@@ -1 +1,2 @@
 export * from './OptionsModal';
+export type { OptionsModalProps } from './types';

package/node/components/TreeAutocomplete/OptionsModal/types.d.ts

@@ -0,0 +1,47 @@
+import { type DialogProps } from '../../Dialog';
+import { type TreeListData, type TreeListProps } from '../../Tree';
+import type { TreeAutocompleteValue } from '../types';
+export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
+    /**
+     * Если true, модальное окно будет открыто
+     */
+    isOpen: boolean;
+    /**
+     * Выбранное значения
+     */
+    initialValue?: TreeAutocompleteValue;
+    /**
+     * Опции, которые необходимо отобразить в виде дерева.
+     */
+    options: TreeListData[];
+    /**
+     * Флаг загрузки options
+     * Если true, вместо дерева options будет отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг ошибки загрузки options
+     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
+     */
+    isLoadingError?: boolean;
+    /**
+     * Текст ошибки при загрузке данных
+     */
+    loadingErrorMsg?: string;
+    /**
+     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
+     */
+    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
+    /**
+     * Предназначен для конфигурации всплывающего окна
+     */
+    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry?: () => void;
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange?: (newValue?: TreeAutocompleteValue) => void;
+};

package/node/components/TreeAutocomplete/OptionsModal/types.js

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

package/node/components/TreeAutocomplete/OptionsModal/useLogic/useLogic.d.ts

@@ -2,8 +2,7 @@ import { type ButtonProps } from '../../../Button';
 import { type DialogProps } from '../../../Dialog';
 import { type SearchFieldProps } from '../../../SearchField';
 import { type TreeListProps } from '../../../Tree';
-import { type OptionsModalProps } from '../OptionsModal';
-type UseLogicParams = OptionsModalProps;
+import { type OptionsModalProps } from '../types';
 type UseLogicResult = {
     isNoResult: boolean;
     searchFieldProps: SearchFieldProps;
@@ -12,5 +11,5 @@ type UseLogicResult = {
     cancelButtonProps: ButtonProps;
     confirmButtonProps: ButtonProps;
 };
-export declare const useLogic: ({ isOpen, isLoading, isLoadingError, initialValue, options, filterOptions, onChange, onClose, }: UseLogicParams) => UseLogicResult;
+export declare const useLogic: ({ isOpen, isLoading, isLoadingError, initialValue, options, filterOptions, onChange, onClose, }: OptionsModalProps) => UseLogicResult;
 export {};

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/useLogic/hooks/useSelectedTreeView/useSelectedTreeView.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectedTreeView = void 0;
 const react_1 = require("react");
 const array_1 = require("../../../../../utils/array");
-const utils_1 = require("../../utils");
+const buildSelectedTree_1 = require("../../utils/buildSelectedTree");
+const findInTree_1 = require("../../utils/findInTree");
+const preserveNodeOrder_1 = require("../../utils/preserveNodeOrder");
 const addIsForceExpandedFlag = (item) => {
     if (item.children) {
         return {
@@ -23,15 +25,15 @@ const useSelectedTreeView = ({ value, searchValue, onInputChange, onClearSearch,
             nodeOrderRef.current.clear();
             return [];
         }
-        const tree = (0, utils_1.buildSelectedTree)(value);
-        return (0, utils_1.preserveNodeOrder)(tree, nodeOrderRef.current);
+        const tree = (0, buildSelectedTree_1.buildSelectedTree)(value);
+        return (0, preserveNodeOrder_1.preserveNodeOrder)(tree, nodeOrderRef.current);
     }, [value]);
     // Применяем клиентский поиск к выбранным элементам
     const filteredSelectedTreeData = (0, react_1.useMemo)(() => {
         if (!isShowSelectedTree || !searchValue) {
             return selectedTreeData;
         }
-        return (0, utils_1.findInTree)(selectedTreeData, searchValue);
+        return (0, findInTree_1.findInTree)(selectedTreeData, searchValue);
     }, [selectedTreeData, searchValue, isShowSelectedTree]);
     // Определяем isNoResult для режима выбранных элементов
     const isNoResultInSelectedTree = !searchValue || !isShowSelectedTree

package/node/components/TreeLikeAutocomplete/Input/Input.d.ts

@@ -1,17 +1,3 @@
 /// <reference types="react" />
-import { type TextFieldProps } from '../../TextField';
-import type { TreeLikeAutocompleteValue, TreeLikeListAutocompleteData } from '../types';
-export type InputProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
-    value?: TreeLikeAutocompleteValue;
-    valueToRender?: TreeLikeListAutocompleteData[] | undefined;
-    /**
-     * Флаг загрузки options
-     * Если true, будет дополнительно отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Функция, которая запускается при изменении значений
-     */
-    onChange?: (value: TreeLikeAutocompleteValue | undefined) => void;
-};
+import { type InputProps } from './types';
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/TreeLikeAutocomplete/Input/index.d.ts

@@ -1 +1,2 @@
 export * from './Input';
+export type { InputProps } from './types';

package/node/components/TreeLikeAutocomplete/Input/types.d.ts

@@ -0,0 +1,15 @@
+import { type TextFieldProps } from '../../TextField';
+import type { TreeLikeAutocompleteValue, TreeLikeListAutocompleteData } from '../types';
+export type InputProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
+    value?: TreeLikeAutocompleteValue;
+    valueToRender?: TreeLikeListAutocompleteData[] | undefined;
+    /**
+     * Флаг загрузки options
+     * Если true, будет дополнительно отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Функция, которая запускается при изменении значений
+     */
+    onChange?: (value: TreeLikeAutocompleteValue | undefined) => void;
+};

package/node/components/TreeLikeAutocomplete/Input/types.js

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

package/node/components/TreeLikeAutocomplete/Input/useLogic/useLogic.d.ts

@@ -1,9 +1,8 @@
 import { type SyntheticEvent } from 'react';
 import { type TreeListData } from '../../../Tree';
 import type { TreeLikeAutocompleteValue } from '../../types';
-import { type InputProps } from '../Input';
-type UseLogicParams = InputProps;
-export declare const useLogic: ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }: UseLogicParams) => {
+import { type InputProps } from '../types';
+export declare const useLogic: ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }: InputProps) => {
     textFieldProps: {
         $isHidden: boolean;
         inputRef: import("react").RefObject<HTMLInputElement | null>;
@@ -14,4 +13,3 @@ export declare const useLogic: ({ value, disabled, isLoading, inputRef: external
     handleChange: (newValue: TreeListData[] | undefined) => void;
     handleClearAll: (event: SyntheticEvent<HTMLButtonElement>) => void;
 };
-export {};

package/node/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.d.ts

@@ -1,53 +1,2 @@
-import { type DialogProps } from '../../Dialog';
-import { type TreeListData } from '../../Tree';
-import { type TreeLikeListProps } from '../../TreeLikeList';
-import type { TreeLikeAutocompleteValue } from '../types';
-export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
-    /**
-     * Если true, модальное окно будет открыто
-     */
-    isOpen: boolean;
-    /**
-     * Выбранное значения
-     */
-    initialValue?: TreeLikeAutocompleteValue;
-    /**
-     * Опции, которые необходимо отобразить в виде дерева.
-     */
-    options: TreeListData[];
-    /**
-     * Если true, при выборе родителя будет возможность выбора дочерних элементов
-     */
-    isConfirmChildrenSelection?: boolean;
-    /**
-     * Флаг загрузки options
-     * Если true, вместо дерева options будет отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Флаг ошибки загрузки options
-     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
-     */
-    isLoadingError?: boolean;
-    /**
-     * Текст ошибки при загрузке данных
-     */
-    loadingErrorMsg?: string;
-    /**
-     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
-     */
-    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
-    /**
-     * Предназначен для конфигурации всплывающего окна
-     */
-    treeProps?: Pick<TreeLikeListProps, 'disabledItems' | 'renderItem'>;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry?: () => void;
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange?: (newValue?: TreeLikeAutocompleteValue) => void;
-};
+import { type OptionsModalProps } from './types';
 export declare const OptionsModal: (props: OptionsModalProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/TreeLikeAutocomplete/OptionsModal/index.d.ts

@@ -1 +1,2 @@
 export * from './OptionsModal';
+export type { OptionsModalProps } from './types';

package/node/components/TreeLikeAutocomplete/OptionsModal/types.d.ts

@@ -0,0 +1,52 @@
+import { type DialogProps } from '../../Dialog';
+import { type TreeListData } from '../../Tree';
+import { type TreeLikeListProps } from '../../TreeLikeList';
+import type { TreeLikeAutocompleteValue } from '../types';
+export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
+    /**
+     * Если true, модальное окно будет открыто
+     */
+    isOpen: boolean;
+    /**
+     * Выбранное значения
+     */
+    initialValue?: TreeLikeAutocompleteValue;
+    /**
+     * Опции, которые необходимо отобразить в виде дерева.
+     */
+    options: TreeListData[];
+    /**
+     * Если true, при выборе родителя будет возможность выбора дочерних элементов
+     */
+    isConfirmChildrenSelection?: boolean;
+    /**
+     * Флаг загрузки options
+     * Если true, вместо дерева options будет отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг ошибки загрузки options
+     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
+     */
+    isLoadingError?: boolean;
+    /**
+     * Текст ошибки при загрузке данных
+     */
+    loadingErrorMsg?: string;
+    /**
+     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
+     */
+    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
+    /**
+     * Предназначен для конфигурации всплывающего окна
+     */
+    treeProps?: Pick<TreeLikeListProps, 'disabledItems' | 'renderItem'>;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry?: () => void;
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange?: (newValue?: TreeLikeAutocompleteValue) => void;
+};

package/node/components/TreeLikeAutocomplete/OptionsModal/types.js

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

package/node/components/TreeLikeAutocomplete/OptionsModal/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@ import { type ButtonProps } from '../../../Button';
 import { type DialogProps } from '../../../Dialog';
 import { type SearchFieldProps } from '../../../SearchField';
 import { type TreeLikeListProps } from '../../../TreeLikeList';
-import { type OptionsModalProps } from '../OptionsModal';
+import { type OptionsModalProps } from '../types';
 type UseLogicParams = OptionsModalProps;
 type UseLogicResult = {
     isNoResult: boolean;

package/node/components/TreeLikeList/TreeItem/types.d.ts

@@ -1,5 +1,5 @@
 import type { TreeListData } from '../../Tree';
-import type { SyncFunctionComponent } from '../../types';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
 import type { MultipleValue } from '../types';
 type FormatDisableItem = {
     id: string;

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

@@ -1,5 +1,5 @@
 import type { TreeListData } from '../Tree';
-import type { SyncFunctionComponent } from '../types';
+import type { SyncFunctionComponent } from '../types/SyncFunctionComponent';
 export type MultipleValue = TreeListData[] | string[] | undefined;
 export type DisabledItemValue = string | {
     id: string;

package/node/components/Typography/Typography.d.ts

@@ -1,66 +1,15 @@
-import { type TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
-import { type ElementType, type HTMLAttributes } from 'react';
-import type { Intensity, TypographyColor, TypographyVariant } from './types';
-type ComponentProp = ElementType<any>;
-type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children'>;
-export type TypographyProps = TypographyPropsBase & {
-    /**
-     * Цвет текста
-     * @default undefined
-     */
-    color?: TypographyColor;
-    /**
-     * Применяет стили оформления темы
-     * @default 'body1'
-     */
-    variant?: TypographyVariant;
-    /**
-     * Интенсивность цвета, будет применена для цвета, у которого есть градации
-     * @default '800'
-     */
-    colorIntensity?: Intensity;
-    /**
-     * Тип HTML - элемента
-     * @default 'p'
-     */
-    component?: ComponentProp;
-    /**
-     * Верхний регистр дочерних элементов
-     * @default false
-     */
-    isUpperCase?: boolean;
-} & HTMLAttributes<HTMLParagraphElement>;
+/// <reference types="react" />
+import type { ComponentProp } from './types';
 declare module '@mui/material/Typography' {
     interface TypographyPropsVariantOverrides {
         link: true;
         pointer: true;
     }
 }
-export declare const Typography: import("react").ForwardRefExoticComponent<TypographyPropsBase & {
-    /**
-     * Цвет текста
-     * @default undefined
-     */
-    color?: TypographyColor | undefined;
-    /**
-     * Применяет стили оформления темы
-     * @default 'body1'
-     */
-    variant?: TypographyVariant | undefined;
-    /**
-     * Интенсивность цвета, будет применена для цвета, у которого есть градации
-     * @default '800'
-     */
-    colorIntensity?: Intensity | undefined;
-    /**
-     * Тип HTML - элемента
-     * @default 'p'
-     */
+export declare const Typography: import("react").ForwardRefExoticComponent<import("./types").TypographyPropsBase & {
+    color?: import("./types").TypographyColor | undefined;
+    variant?: import("./types").TypographyVariant | undefined;
+    colorIntensity?: import("./types").Intensity | undefined;
     component?: ComponentProp | undefined;
-    /**
-     * Верхний регистр дочерних элементов
-     * @default false
-     */
     isUpperCase?: boolean | undefined;
-} & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;
-export {};
+} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,2 +1,2 @@
 export * from './Typography';
-export * from './types';
+export type { Intensity, TypographyColor, TypographyProps, TypographyVariant, } from './types';

package/node/components/Typography/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Typography"), exports);
-__exportStar(require("./types"), exports);

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

@@ -1,2 +1,2 @@
 export * from './Typography';
-export * from './types';
+export type { Intensity, TypographyColor, TypographyProps, TypographyVariant, } from './types';

package/node/components/Typography/public.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Typography"), exports);
-__exportStar(require("./types"), exports);

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

@@ -1,3 +1,34 @@
+import { type TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import { type ElementType, type HTMLAttributes } from 'react';
 export type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
 export type TypographyColor = 'text' | 'secondary' | 'primary' | 'error' | 'success' | 'warning' | 'textSecondary' | 'grey' | 'red' | 'green' | 'yellow';
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'caption' | 'button' | 'pointer' | 'link' | 'inherit';
+export type ComponentProp = ElementType<any>;
+export type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children'>;
+export type TypographyProps = TypographyPropsBase & {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Применяет стили оформления темы
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+    /**
+     * Тип HTML - элемента
+     * @default 'p'
+     */
+    component?: ComponentProp;
+    /**
+     * Верхний регистр дочерних элементов
+     * @default false
+     */
+    isUpperCase?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;

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

@@ -15,32 +15,20 @@ export declare const GreetingWrapper: import("@emotion/styled/dist/declarations/
     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 Greeting: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Greeting: 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" | "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;
 }, {}, {}>;
-export declare const UserName: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const UserName: 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" | "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/node/components/fileUploading/FileInfo/styles.d.ts

@@ -342,17 +342,11 @@ export declare const StyledFilename: import("@emotion/styled/dist/declarations/s
 } & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const FileSize: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const FileSize: 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" | "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/node/components/fileUploading/FileUploaderDropzone/HintPlaceholder/HintPlaceholder.js

@@ -4,7 +4,7 @@ exports.HintPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const Typography_1 = require("../../../Typography");
-const utils_1 = require("../../utils");
+const declensionFile_1 = require("../../utils/declensionFile");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const HintPlaceholder = (props) => {
@@ -13,7 +13,7 @@ const HintPlaceholder = (props) => {
         return ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { className: className, color: "grey", colorIntensity: "600", variant: "caption", align: "center", children: placeholder }));
     }
     if (isMultiple) {
-        return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { className: className, color: "grey", colorIntensity: "600", variant: "caption", align: "center", children: ["\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B. \u041D\u0435 \u0431\u043E\u043B\u0435\u0435 ", maxFileCount, ' ', (0, utils_1.declensionFile)(maxFileCount), " \u0440\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', (0, formatFileSizeToView_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] }));
+        return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { className: className, color: "grey", colorIntensity: "600", variant: "caption", align: "center", children: ["\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B. \u041D\u0435 \u0431\u043E\u043B\u0435\u0435 ", maxFileCount, ' ', (0, declensionFile_1.declensionFile)(maxFileCount), " \u0440\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', (0, formatFileSizeToView_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] }));
     }
     return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { className: className, color: "grey", colorIntensity: "600", variant: "caption", align: "center", children: ["\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0430\u0439\u043B. \u0420\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', (0, formatFileSizeToView_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] }));
 };