@astral/ui 4.18.4 → 4.18.5

package/node/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/node/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/node/components/Autocomplete/types.d.ts

@@ -1,2 +1,51 @@
+import { type AutocompleteRenderInputParams, type AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
+import { type ReactNode } from 'react';
+import { type OverflowedElementProps } from '../OverflowTypography';
+import { type TextFieldProps } from '../TextField';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type { AutocompleteOwnerState, AutocompleteProps as MuiAutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, } from '@mui/material/Autocomplete';
 export type { PopperProps } from '@mui/material/Popper';
+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;
+};

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

@@ -1,6 +1,6 @@
 import { type AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
-import type { AutocompleteProps } from '../Autocomplete';
+import { type AutocompleteProps } from '../types';
 type UseLogicParams<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>;
 export declare const useLogic: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight, freeSolo, options, loading, isLoadedDataError, loadedDataError, noOptionsText, onInputChange, }: UseLogicParams<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>) => {
     isValueEmpty: boolean;

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

@@ -1,5 +1,5 @@
 import type { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar/Avatar';
-import type { WithoutEmotionSpecific } from '../types';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type AvatarSize = 'sm' | 'md' | 'lg';
 export type AvatarProps = WithoutEmotionSpecific<MuiAvatarProps> & {
     /**

package/node/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,5 +1,5 @@
 import type { AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material/AvatarGroup';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type AvatarGroupSize } from './types';
 export type AvatarGroupProps = WithoutEmotionSpecific<MuiAvatarGroupProps> & {
     size?: AvatarGroupSize;

package/node/components/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type CloseEventReason } from '../../../types';
+import { type CloseEventReason } from '../../../types/CloseEventReason';
 /**
  * необязательные настройки для использования хука
  */

package/node/components/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -1,4 +1,4 @@
-import { type CloseEventReason } from '../../../types';
+import { type CloseEventReason } from '../../../types/CloseEventReason';
 /**
  * айдишка модалки/поппера/тултипа
  */

package/node/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { type BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type BadgeColor, type BadgeVariantsColor } from './types';
 export type BadgeProps = Omit<WithoutEmotionSpecific<MuiBadgeProps>, 'color'> & {
     /**

package/node/components/Banner/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bannerClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.bannerClassnames = {
-    root: (0, utils_1.createUIKitClassname)('banner'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('banner'),
 };

package/node/components/BottomDrawer/BottomDrawer.d.ts

@@ -1,6 +1,6 @@
 import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
 import { type ReactElement } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type BottomDrawerProps = {
     /**
      * Заголовок

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

@@ -9,19 +9,13 @@ export declare const Header: import("@emotion/styled/dist/declarations/src/types
 } & {
     drawerHeaderHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "sx" | "classes" | "className" | "style" | "color" | "children" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+export declare const HeaderTitle: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "typography" | "zIndex" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "sx" | "classes" | "className" | "style" | "color" | "children" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+} & 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>, {}, {}>;
 export declare const Body: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{

package/node/components/BulletListItem/BulletListItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type TypographyProps } from '../Typography';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type BulletListItemProps = WithoutEmotionSpecific<TypographyProps>;
 /**
  * Элемент с маркерами

package/node/components/BulletListItem/BulletListItem.js

@@ -4,12 +4,12 @@ exports.BulletListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Typography_1 = require("../Typography");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");
 /**
  * Элемент с маркерами
  */
 exports.BulletListItem = (0, react_1.forwardRef)((props, ref) => {
     const { children, className, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: (0, utils_1.classNames)(className), children: [(0, jsx_runtime_1.jsx)(styles_1.Icon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "span", ...restProps, children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: (0, classNames_1.classNames)(className), children: [(0, jsx_runtime_1.jsx)(styles_1.Icon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "span", ...restProps, children: children })] }));
 });

package/node/components/Button/Button.d.ts

@@ -1,49 +1,9 @@
-import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
-import { type ComponentPropsWithRef, type ElementType } from 'react';
-import type { WithoutEmotionSpecific } from '../types';
-import { ButtonColors, ButtonVariants } from './enums';
-export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
-    /**
-     * Тип кнопки
-     */
-    variant?: `${ButtonVariants}`;
-    /**
-     * Если `true`, появляется loader внутри кнопки
-     */
-    loading?: boolean;
-    /**
-     * Цвет текста кнопки
-     */
-    color?: `${ButtonColors}`;
-    /**
-     * Тип html-элемента
-     */
-    component?: TComponent;
-    /**
-     * Состояние кнопки - selected
-     */
-    selected?: boolean;
-} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;
-export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    /**
-     * Тип кнопки
-     */
+import { type ElementType } from 'react';
+export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
-    /**
-     * Если `true`, появляется loader внутри кнопки
-     */
     loading?: boolean | undefined;
-    /**
-     * Цвет текста кнопки
-     */
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
-    /**
-     * Тип html-элемента
-     */
     component?: TComponent | undefined;
-    /**
-     * Состояние кнопки - selected
-     */
     selected?: boolean | undefined;
-} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+} & Omit<import("react").ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export default Button;

package/node/components/Button/Button.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const enums_1 = require("./enums");
 const styles_1 = require("./styles");
@@ -13,7 +13,7 @@ const UnwrappedButton = (props, ref) => {
     const { variant = enums_1.ButtonVariants.Contained, color = variant === enums_1.ButtonVariants.Text
         ? enums_1.ButtonColors.Grey
         : enums_1.ButtonColors.Primary, loading, disabled, children, className, selected, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled, selected: selected, ...restProps, className: (0, utils_1.classNames)(className, {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled, selected: selected, ...restProps, className: (0, classNames_1.classNames)(className, {
             [constants_1.buttonClassnames.loading]: loading,
             [constants_1.buttonClassnames.selected]: selected,
         }), "aria-disabled": loading, children: [loading && ((0, jsx_runtime_1.jsx)(styles_1.StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] }));

package/node/components/Button/constants.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonClassnames = exports.buttonClasses = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 var Button_1 = require("@mui/material/Button");
 Object.defineProperty(exports, "buttonClasses", { enumerable: true, get: function () { return Button_1.buttonClasses; } });
 exports.buttonClassnames = {
-    loading: (0, utils_1.createUIKitClassname)('button_loading'),
-    selected: (0, utils_1.createUIKitClassname)('button_selected'),
+    loading: (0, createUIKitClassname_1.createUIKitClassname)('button_loading'),
+    selected: (0, createUIKitClassname_1.createUIKitClassname)('button_selected'),
 };

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

@@ -1,3 +1,6 @@
+import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import { type ComponentPropsWithRef, type ElementType } from 'react';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type ButtonColors, type ButtonSizes, type ButtonStates, type ButtonVariants } from './enums';
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
@@ -19,3 +22,25 @@ export type ButtonColor = `${ButtonColors}`;
 export type ButtonVariant = `${ButtonVariants}`;
 export type ButtonSize = `${ButtonSizes}`;
 export type ButtonState = `${ButtonStates}`;
+export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
+    /**
+     * Тип кнопки
+     */
+    variant?: `${ButtonVariants}`;
+    /**
+     * Если `true`, появляется loader внутри кнопки
+     */
+    loading?: boolean;
+    /**
+     * Цвет текста кнопки
+     */
+    color?: `${ButtonColors}`;
+    /**
+     * Тип html-элемента
+     */
+    component?: TComponent;
+    /**
+     * Состояние кнопки - selected
+     */
+    selected?: boolean;
+} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;

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

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../Button';
+import { type ButtonProps } from '../types';
 type UseLogicParam = ButtonProps;
 type Color = 'primary' | 'inverted';
 export declare const useLogic: ({ variant, }: UseLogicParam) => {

package/node/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.js

@@ -4,11 +4,11 @@ exports.NoDataPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const placeholders_1 = require("../../placeholders");
+const Placeholder_1 = require("../../placeholders/Placeholder");
 const constants_1 = require("./constants");
 const NoDataPlaceholder = ({ noDataImgSrc }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
-    return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
+    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
 };
 exports.NoDataPlaceholder = NoDataPlaceholder;

package/node/components/CardGridInfinite/constants.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cardGridClassnames = exports.OVERSCAN = exports.VIRTUOSO_CONTAINER_ID = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.VIRTUOSO_CONTAINER_ID = 'virtuoso-container';
 exports.OVERSCAN = 30;
 exports.cardGridClassnames = {
-    list: (0, utils_1.createUIKitClassname)('card-grid__list'),
-    root: (0, utils_1.createUIKitClassname)('card-grid'),
-    loading: (0, utils_1.createUIKitClassname)('card-grid_loading'),
+    list: (0, createUIKitClassname_1.createUIKitClassname)('card-grid__list'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('card-grid'),
+    loading: (0, createUIKitClassname_1.createUIKitClassname)('card-grid_loading'),
 };

package/node/components/CardGridInfinite/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentStateWrapper = exports.ContentWrapper = exports.Wrapper = void 0;
-const placeholders_1 = require("../placeholders");
+const LoadingPlaceholder_1 = require("../placeholders/LoadingPlaceholder");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 exports.Wrapper = styled_1.styled.div `
@@ -23,7 +23,7 @@ exports.ContentStateWrapper = styled_1.styled.div `
     height: auto;
   }
 
-  & .${placeholders_1.loadingPlaceholderClassnames.root} {
+  & .${LoadingPlaceholder_1.loadingPlaceholderClassnames.root} {
     justify-content: flex-start
   }
 `;

package/node/components/CardGridInfinite/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const ConfigProvider_1 = require("../../ConfigProvider");
 const useScrollManagement_1 = require("../../hooks/useScrollManagement");
 const useStickyButton_1 = require("../../hooks/useStickyButton");
 const useViewportType_1 = require("../../hooks/useViewportType");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef, skeleton, onRetry, endOfScrollMsg, isEndReached, onLoadMore, noDataImgSrc, defineCard, desktopCardWidth, }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
@@ -42,7 +42,7 @@ const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef,
         recalculateVerticalScroll();
         propsHandleRangeChanged(range);
     };
-    const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.cardGridClassnames.root, {
+    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.cardGridClassnames.root, {
         [constants_1.cardGridClassnames.loading]: isLoading,
     }), [isLoading]);
     return {

package/node/components/Checkbox/Icon/Icon.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../SvgIcon");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
-const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
+const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, classNames_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, classNames_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
 exports.Icon = Icon;

package/node/components/Checkbox/constants.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MOBILE_CHECKBOX_SIZE = exports.CHECKBOX_SIZE = exports.checkboxClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.checkboxClassnames = {
-    root: (0, utils_1.createUIKitClassname)('checkbox'),
-    checked: (0, utils_1.createUIKitClassname)('checkbox_checked'),
-    indeterminate: (0, utils_1.createUIKitClassname)('checkbox_indeterminate'),
-    disabled: (0, utils_1.createUIKitClassname)('checkbox_disabled'),
-    iconWrapper: (0, utils_1.createUIKitClassname)('checkbox__icon-wrapper'),
-    icon: (0, utils_1.createUIKitClassname)('checkbox__icon'),
-    outline: (0, utils_1.createUIKitClassname)('checkbox__outline'),
-    symbol: (0, utils_1.createUIKitClassname)('checkbox__symbol'),
-    iconChecked: (0, utils_1.createUIKitClassname)('checkbox__icon_checked'),
-    iconIndeterminate: (0, utils_1.createUIKitClassname)('checkbox__icon_indeterminate'),
-    input: (0, utils_1.createUIKitClassname)('checkbox__input'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('checkbox'),
+    checked: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_checked'),
+    indeterminate: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_indeterminate'),
+    disabled: (0, createUIKitClassname_1.createUIKitClassname)('checkbox_disabled'),
+    iconWrapper: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon-wrapper'),
+    icon: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon'),
+    outline: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__outline'),
+    symbol: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__symbol'),
+    iconChecked: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon_checked'),
+    iconIndeterminate: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__icon_indeterminate'),
+    input: (0, createUIKitClassname_1.createUIKitClassname)('checkbox__input'),
 };
 exports.CHECKBOX_SIZE = '32px';
 exports.MOBILE_CHECKBOX_SIZE = '40px';

package/node/components/Checkbox/useLogic/useLogic.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useUpdateEffect_1 = require("../../hooks/useUpdateEffect");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(defaultChecked || checked);
@@ -26,7 +26,7 @@ const useLogic = ({ checked = false, indeterminate = false, disabled = false, is
         }
         return 'inherit';
     }, [disabled, isError, isChecked, indeterminate]);
-    const className = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.checkboxClassnames.root, isChecked ? constants_1.checkboxClassnames.checked : '', disabled ? constants_1.checkboxClassnames.disabled : '', indeterminate ? constants_1.checkboxClassnames.indeterminate : '', propClassNames), [isChecked, indeterminate, disabled, propClassNames]);
+    const className = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.checkboxClassnames.root, isChecked ? constants_1.checkboxClassnames.checked : '', disabled ? constants_1.checkboxClassnames.disabled : '', indeterminate ? constants_1.checkboxClassnames.indeterminate : '', propClassNames), [isChecked, indeterminate, disabled, propClassNames]);
     return {
         onChange,
         color,

package/node/components/CheckboxField/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkboxFieldClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.checkboxFieldClassnames = {
-    label: (0, utils_1.createUIKitClassname)('checkbox-field__label'),
+    label: (0, createUIKitClassname_1.createUIKitClassname)('checkbox-field__label'),
 };

package/node/components/Chevron/Chevron.d.ts

@@ -1,6 +1,6 @@
 import { type SvgIconProps } from '@mui/material/SvgIcon';
 import type { ReactElement } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ChevronProps = {
     isActive?: boolean;
     className?: string;

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

@@ -17,17 +17,11 @@ export declare const Digit: import("@emotion/styled/dist/declarations/src/types"
 } & {
     $isError?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const FieldLabel: 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 FieldLabel: 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/Collapse/Collapse.d.ts

@@ -1,4 +1,4 @@
 import { type CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type CollapseProps = WithoutEmotionSpecific<MuiCollapseProps>;
 export declare const Collapse: (props: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/CollapsibleTypography/CollapsibleTypography.d.ts

@@ -23,17 +23,11 @@ export type CollapsibleTypographyProps = PropsWithChildren<CollapsibleProps & Ty
 /**
  * Компонент даёт возможность скрывать часть текста по строкам, и показывать их при нажатии на кнопку
  */
-export declare const CollapsibleTypography: import("react").ForwardRefExoticComponent<CollapsibleProps & {
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const CollapsibleTypography: import("react").ForwardRefExoticComponent<CollapsibleProps & 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> & {
     children?: import("react").ReactNode;

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

@@ -8,17 +8,11 @@ export declare const CollapsibleWrapper: import("@emotion/styled/dist/declaratio
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const Wrapper: 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 Wrapper: 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/ConfigProvider/ConfigProvider.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement, type ReactNode } from 'react';
 import { type LanguageMap } from '../DatePicker/types';
-import { type PlaceholderImageProps } from '../placeholders';
+import { type PlaceholderImageProps } from '../placeholders/Placeholder/Image';
 import { type NextFeatureFlagsContextProps } from './NextFeatureFlagsContext';
 type Language = 'ru';
 type ImagesMap = {