@astral/ui 4.18.3 → 4.18.5

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/TreeLikeAsyncAutocomplete/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useAsyncOptions_1 = require("../../hooks/useAsyncOptions");
 const constants_1 = require("../constants");
 const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = constants_1.DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = constants_1.DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
     const [isLoadingModal, setIsLoadingModal] = (0, react_1.useState)(false);
-    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, hooks_1.useAsyncOptions)({
+    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, useAsyncOptions_1.useAsyncOptions)({
         fetchOptions,
         fetchDelayMs,
         minSymbolsToFetch,

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/Input.js

@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, onClick: onClick, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, onClick: onClick, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { textFieldProps, isVisibleTagsList, isVisibleClearButton, handleChange, handleClearAll, } = (0, useLogic_1.useLogic)(props);
     const { value, valueToRender, disabled, isLoading, onChange, onClick, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [isLoading && (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}), isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }), onClick: onClick, ...textFieldProps }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [isLoading && (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}), isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }), onClick: onClick, ...textFieldProps }));
 });

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLoader = exports.EndAdornmentWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
-const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
 const Loader_1 = require("../../Loader");
 const styled_1 = require("../../styled");
 const TagsList_1 = require("../../TagsList");
@@ -9,7 +9,7 @@ const TextField_1 = require("../../TextField");
 exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
     shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
 }) `
-  .${material_1.inputBaseClasses.input} {
+  .${InputBase_1.inputBaseClasses.input} {
     width: ${({ $isHidden }) => $isHidden && 0};
   }
 `;

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/Input/useLogic/useLogic.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const prevValue = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(() => {
         if (value && !prevValue.current) {

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/styles.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverContent = exports.StyledTooltip = exports.List = exports.StyledTreeItem = exports.StyledCheckbox = void 0;
-const material_1 = require("@mui/material");
+const Tooltip_1 = require("@mui/material/Tooltip");
 const Checkbox_1 = require("../../Checkbox");
 const styled_1 = require("../../styled");
 const mixins_1 = require("../../styled/mixins");
-const Tooltip_1 = require("../../Tooltip");
+const Tooltip_2 = require("../../Tooltip");
 const Tree_1 = require("../../Tree");
 exports.StyledCheckbox = (0, styled_1.styled)(Checkbox_1.Checkbox) `
   padding-top: 0;
@@ -22,8 +22,8 @@ exports.StyledTreeItem = (0, styled_1.styled)(Tree_1.TreeItem) `
 exports.List = styled_1.styled.ul `
   ${mixins_1.listContainer};
 `;
-exports.StyledTooltip = (0, styled_1.styled)(Tooltip_1.Tooltip) `
-  .${material_1.tooltipClasses.tooltip} {
+exports.StyledTooltip = (0, styled_1.styled)(Tooltip_2.Tooltip) `
+  .${Tooltip_1.tooltipClasses.tooltip} {
     margin-left: 0 !important;
 
     background-color: ${({ theme }) => theme.palette.background.paper} !important;

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/TreeItem/useLogic/useLogic.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useToggle_1 = require("../../../hooks/useToggle");
 const utils_1 = require("./utils");
 const useLogic = ({ item, value = [], level, isConfirmChildrenSelection, isInitialExpanded, expandedLevel, chainsToSelectedItem = [], disabledItems, onChange, isObjectMode, }) => {
     const { id, children } = item;
-    const [isTooltipOpen, openTooltip, closeTooltip] = (0, hooks_1.useToggle)();
+    const [isTooltipOpen, openTooltip, closeTooltip] = (0, useToggle_1.useToggle)();
     const childrenIds = (0, react_1.useMemo)(() => (0, utils_1.getAllChildrenId)(children, disabledItems), [children, disabledItems]);
     const isSelected = (0, utils_1.checkIsSelected)(value, id);
     const flatChainsToSelectedItem = (0, react_1.useMemo)(() => chainsToSelectedItem?.reduce((acc, chain) => acc.concat(chain), []), [chainsToSelectedItem]);

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';
-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/hooks/useTypographyColor/useTypographyColor.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTypographyColor = void 0;
 const react_1 = require("react");
-const theme_1 = require("../../../theme");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
 const useTypographyColor = ({ color, colorIntensity = '800', }) => {
-    const theme = (0, theme_1.useTheme)();
+    const theme = (0, useTheme_1.useTheme)();
     return (0, react_1.useMemo)(() => {
         if (color) {
             switch (color) {

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/styles.d.ts

@@ -1 +1 @@
-export declare const TypographyWrapper: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>;
+export declare const TypographyWrapper: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/Typography").TypographyTypeMap<{}, "span">>;

package/node/components/Typography/styles.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypographyWrapper = void 0;
-const material_1 = require("@mui/material");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const styled_1 = require("../styled");
-exports.TypographyWrapper = (0, styled_1.styled)(material_1.Typography, {
+exports.TypographyWrapper = (0, styled_1.styled)(Typography_1.default, {
     shouldForwardProp: (prop) => prop !== 'isUpperCase',
 }) `
   text-transform: ${({ isUpperCase }) => (isUpperCase ? 'uppercase' : 'none')};

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" | "left" | "right" | "center" | "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" | "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 UserName: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const 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" | "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;