@astral/ui 4.18.4 → 4.18.6

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComplianceStatus = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const useId_1 = require("../hooks/useId");
 const OverflowTypography_1 = require("../OverflowTypography");
 const Typography_1 = require("../Typography");
+const useId_1 = require("../useId");
 const styles_1 = require("./styles");
 const ICON_BY_STATUS = {
     default: (0, jsx_runtime_1.jsx)(styles_1.EmptyIcon, {}),

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 = {

package/node/components/ConfigProvider/ConfigProvider.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigProvider = exports.ConfigContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const DatePicker_1 = require("../DatePicker");
+const constants_1 = require("../DatePicker/constants");
 const NextFeatureFlagsContext_1 = require("./NextFeatureFlagsContext");
 const imagesMapDefault = {
     noDataImgSrc: '',
@@ -19,7 +19,7 @@ const defaultHidePersonalDataClassname = 'ym-hide-content sentry-mask';
 const defaultHidePersonalInputDataClassname = 'ym-disable-keys sentry-mask';
 exports.ConfigContext = (0, react_1.createContext)({
     language: 'ru',
-    datePickerLanguageMap: DatePicker_1.russianMap,
+    datePickerLanguageMap: constants_1.russianMap,
     // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
     captureException: (error) => console.error(error),
     imagesMap: imagesMapDefault,
@@ -29,7 +29,7 @@ exports.ConfigContext = (0, react_1.createContext)({
     hidePersonalInputDataClassname: defaultHidePersonalInputDataClassname,
     hidePersonalData: true,
 });
-const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = DatePicker_1.russianMap, captureException, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
+const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = constants_1.russianMap, captureException, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
     (0, react_1.useEffect)(() => {
         if (!captureException) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов

package/node/components/ConfirmAction/ConfirmAction.d.ts

@@ -1,38 +1,2 @@
-import { type ReactNode, type SyntheticEvent } from 'react';
-import { type PopoverProps } from '../Popover';
-export type ActionComponentParams = {
-    onClick: (event: SyntheticEvent) => void;
-};
-export type ConfirmActionProps = {
-    /**
-     * Поясняющий текст
-     */
-    text?: string;
-    /**
-     * Параметры кнопки подтверждения действия
-     */
-    confirmButtonProps?: {
-        /**
-         * Текст кнопки
-         */
-        text?: string;
-        /**
-         * Если `true`, кнопка будет иметь акцент на критичность действия. Стоит использовать для важных действий, например при удалении.
-         * @default 'false'
-         */
-        isAccented?: boolean;
-    };
-    /**
-     * Параметры всплывающего окна
-     */
-    popoverProps?: Pick<PopoverProps, 'anchorOrigin' | 'transformOrigin'>;
-    /**
-     * Кнопка, действие которой необходимо подтвердить
-     */
-    actionComponent: (params: ActionComponentParams) => ReactNode;
-    /**
-     * Целевое действие, которое должно произойти после подтверждения
-     */
-    onConfirm: () => void;
-};
+import { type ConfirmActionProps } from './types';
 export declare const ConfirmAction: (props: ConfirmActionProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/ConfirmAction/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.confirmActionClassnames = exports.DEFAULT_TRANSFORM_ORIGIN = exports.DEFAULT_ANCHOR_ORIGIN = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DEFAULT_ANCHOR_ORIGIN = {
     vertical: 'bottom',
     horizontal: 'right',
@@ -11,5 +11,5 @@ exports.DEFAULT_TRANSFORM_ORIGIN = {
     horizontal: 'right',
 };
 exports.confirmActionClassnames = {
-    actionComponent: (0, utils_1.createUIKitClassname)('confirm-action__action-component'),
+    actionComponent: (0, createUIKitClassname_1.createUIKitClassname)('confirm-action__action-component'),
 };

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

@@ -1,2 +1,3 @@
-export { ConfirmAction, type ConfirmActionProps, type ActionComponentParams, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';
+export type { ConfirmActionProps, ActionComponentParams } from './types';

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

@@ -1,2 +1,3 @@
-export { ConfirmAction, type ConfirmActionProps, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';
+export type { ActionComponentParams, ConfirmActionProps } from './types';

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

@@ -3,17 +3,11 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("@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 StyledTypography: 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/ConfirmAction/types.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode, type SyntheticEvent } from 'react';
+import { type PopoverProps } from '../Popover';
+export type ActionComponentParams = {
+    onClick: (event: SyntheticEvent) => void;
+};
+export type ConfirmActionProps = {
+    /**
+     * Поясняющий текст
+     */
+    text?: string;
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: {
+        /**
+         * Текст кнопки
+         */
+        text?: string;
+        /**
+         * Если `true`, кнопка будет иметь акцент на критичность действия. Стоит использовать для важных действий, например при удалении.
+         * @default 'false'
+         */
+        isAccented?: boolean;
+    };
+    /**
+     * Параметры всплывающего окна
+     */
+    popoverProps?: Pick<PopoverProps, 'anchorOrigin' | 'transformOrigin'>;
+    /**
+     * Кнопка, действие которой необходимо подтвердить
+     */
+    actionComponent: (params: ActionComponentParams) => ReactNode;
+    /**
+     * Целевое действие, которое должно произойти после подтверждения
+     */
+    onConfirm: () => void;
+};

package/node/components/ConfirmAction/types.js

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonColors, ButtonVariants } from '../../Button';
-import { type ConfirmActionProps } from '../ConfirmAction';
+import { type ConfirmActionProps } from '../types';
 type UseLogicParams = ConfirmActionProps;
 export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }: UseLogicParams) => {
     actionComponentProps: {
@@ -11,7 +11,7 @@ export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps
     };
     popoverProps: {
         open: boolean;
-        anchorEl: import("../../hooks/usePopover").AnchorType;
+        anchorEl: import("../../usePopover").AnchorType;
         onClose: () => void;
     };
     cancelButtonProps: {

package/node/components/ConfirmAction/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const Button_1 = require("../../Button");
-const usePopover_1 = require("../../hooks/usePopover");
+const usePopover_1 = require("../../usePopover");
 const constants_1 = require("../constants");
 const useLogic = ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }) => {
     const { isOpen, anchor, actions } = (0, usePopover_1.usePopover)();

package/node/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,37 +1,2 @@
-import { type ReactNode } from 'react';
-import { type ButtonProps } from '../Button';
-import { type DialogProps } from '../Dialog';
-export type ConfirmDialogProps = {
-    /**
-     * Заголовок диалога
-     */
-    title: string;
-    /**
-     * Вспомогательный текст
-     */
-    description?: ReactNode;
-    /**
-     * Функция для закрытия диалога
-     */
-    onClose: () => void;
-    /**
-     * Параметры кнопок действий
-     */
-    actions: {
-        /**
-         * Параметры кнопки подтверждения
-         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
-         */
-        confirm: ButtonProps & {
-            text: string;
-        };
-        /**
-         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
-         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
-         */
-        cancel?: ButtonProps & {
-            text: string;
-        };
-    };
-} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;
+import { type ConfirmDialogProps } from './types';
 export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../Button';
+import { type DialogProps } from '../Dialog';
+export type ConfirmDialogProps = {
+    /**
+     * Заголовок диалога
+     */
+    title: string;
+    /**
+     * Вспомогательный текст
+     */
+    description?: ReactNode;
+    /**
+     * Функция для закрытия диалога
+     */
+    onClose: () => void;
+    /**
+     * Параметры кнопок действий
+     */
+    actions: {
+        /**
+         * Параметры кнопки подтверждения
+         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
+         */
+        confirm: ButtonProps & {
+            text: string;
+        };
+        /**
+         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
+         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
+         */
+        cancel?: ButtonProps & {
+            text: string;
+        };
+    };
+} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;

package/node/components/ConfirmDialog/types.js

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ConfirmDialogProps } from '../ConfirmDialog';
+import { type ConfirmDialogProps } from '../types';
 type UseLogicParams = ConfirmDialogProps;
 export declare const useLogic: ({ actions, onClose }: UseLogicParams) => {
     isShowCancelButton: boolean;

package/node/components/ConfirmDialog/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const useViewportType_1 = require("../../hooks/useViewportType");
+const useViewportType_1 = require("../../useViewportType");
 const useLogic = ({ actions, onClose }) => {
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     const { cancel } = actions;

package/node/components/ContentState/ContentState.js

@@ -4,7 +4,8 @@ exports.ContentState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../Button");
 const ErrorBoundary_1 = require("../ErrorBoundary");
-const placeholders_1 = require("../placeholders");
+const LoadingPlaceholder_1 = require("../placeholders/LoadingPlaceholder");
+const Placeholder_1 = require("../placeholders/Placeholder");
 const Typography_1 = require("../Typography");
 const useLogic_1 = require("./useLogic");
 const ContentState = ({ isLoading, isError, isCustom, errorState, customState, children, loadingContent, loadingTitle, placeholderSize, isSmoothLoading, }) => {
@@ -13,15 +14,15 @@ const ContentState = ({ isLoading, isError, isCustom, errorState, customState, c
         isSmoothLoading,
     });
     if (isLoadingPhase) {
-        return ((0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { content: loadingContent, title: loadingTitle, isShowLoader: isShowLoader }));
+        return ((0, jsx_runtime_1.jsx)(LoadingPlaceholder_1.LoadingPlaceholder, { content: loadingContent, title: loadingTitle, isShowLoader: isShowLoader }));
     }
     if (isCustom && customState) {
-        return (0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { ...customState });
+        return (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { ...customState });
     }
     if (isError && errorState) {
         const { title = 'Произошла ошибка', imgAlt, imgSrc = imagesMap.defaultErrorImgSrc, errorList, onRetry, actions = (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" }), } = errorState;
         const description = errorList.map((errorMessage) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "p", children: errorMessage }, errorMessage)));
-        return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: title, description: description, imgAlt: imgAlt, imgSrc: imgSrc, Actions: actions, size: placeholderSize }));
+        return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: title, description: description, imgAlt: imgAlt, imgSrc: imgSrc, Actions: actions, size: placeholderSize }));
     }
     return (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: children });
 };

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { PlaceholderProps } from '../placeholders';
+import type { PlaceholderProps } from '../placeholders/Placeholder';
 export type ContentStateErrorProps = {
     /**
      * Название ошибки

package/node/components/ContentState/useLogic/useLogic.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const useLoadingState_1 = require("../../hooks/useLoadingState");
+const useLoadingState_1 = require("../../useLoadingState");
 const useLogic = ({ isSmoothLoading: propsIsSmoothLoading, isLoading, }) => {
     const { imagesMap, components } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const isSmoothLoading = propsIsSmoothLoading ??

package/node/components/CopyTypography/CopyTypography.d.ts

@@ -1,24 +1,2 @@
-import { type TypographyProps } from '../Typography';
-export type CopyTypographyProps = TypographyProps & {
-    /**
-     * Текст, который будет скопирован. Перекрывает обычное копирование если children является строкой
-     */
-    copyText?: string;
-    /**
-     * Отображает иконку слева или справа от текста
-     */
-    copyPosition?: 'right' | 'left';
-    /**
-     * Если `true`, в тултипе будет отображаться текст, который будет скопирован при нажатии
-     */
-    isShowCopyText?: boolean;
-    /**
-     * Если `false`, иконка копирования отображаться не будет
-     */
-    showCopyIcon?: 'always' | 'none' | 'onHover';
-    /**
-     * Если `true`, включается скрытие текста под троеточие (...) при overflow
-     */
-    isOverflow?: boolean;
-};
+import { type CopyTypographyProps } from './types';
 export declare const CopyTypography: (props: CopyTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/CopyTypography/CopyTypography.js

@@ -3,16 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyTypography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Tooltip_1 = require("../Tooltip");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const CopyTypography = (props) => {
     const { handleMouseLeave, handleClick, tooltipTitle, isIconOnLeft, isIconOnRight, restProps, copyPosition, color, showCopyIcon, isOverflow, children, } = (0, useLogic_1.useLogic)(props);
-    const renderIcon = () => ((0, jsx_runtime_1.jsx)(styles_1.StyledCopyIcon, { size: "sm", "$copyPosition": copyPosition, color: color, className: (0, utils_1.classNames)({
+    const renderIcon = () => ((0, jsx_runtime_1.jsx)(styles_1.StyledCopyIcon, { size: "sm", "$copyPosition": copyPosition, color: color, className: (0, classNames_1.classNames)({
             [constants_1.copyTypographyClassnames.showIconOnHover]: showCopyIcon === 'onHover',
         }) }));
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color, ...restProps, children: [isIconOnLeft && renderIcon(), (0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { className: (0, utils_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color, ...restProps, children: [isIconOnLeft && renderIcon(), (0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { className: (0, classNames_1.classNames)({
                         [constants_1.copyTypographyClassnames.overflow]: isOverflow,
                     }), children: children }), isIconOnRight && renderIcon()] }) }));
 };

package/node/components/CopyTypography/constants.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.copyTypographyClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.copyTypographyClassnames = {
-    overflow: (0, utils_1.createUIKitClassname)('copy-typography_overflow'),
-    showIconOnHover: (0, utils_1.createUIKitClassname)('copy-typography__copy-icon_show-on-hover'),
+    overflow: (0, createUIKitClassname_1.createUIKitClassname)('copy-typography_overflow'),
+    showIconOnHover: (0, createUIKitClassname_1.createUIKitClassname)('copy-typography__copy-icon_show-on-hover'),
 };

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

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

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

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

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

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-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/CopyTypography/types.d.ts

@@ -0,0 +1,23 @@
+import { type TypographyProps } from '../Typography';
+export type CopyTypographyProps = TypographyProps & {
+    /**
+     * Текст, который будет скопирован. Перекрывает обычное копирование если children является строкой
+     */
+    copyText?: string;
+    /**
+     * Отображает иконку слева или справа от текста
+     */
+    copyPosition?: 'right' | 'left';
+    /**
+     * Если `true`, в тултипе будет отображаться текст, который будет скопирован при нажатии
+     */
+    isShowCopyText?: boolean;
+    /**
+     * Если `false`, иконка копирования отображаться не будет
+     */
+    showCopyIcon?: 'always' | 'none' | 'onHover';
+    /**
+     * Если `true`, включается скрытие текста под троеточие (...) при overflow
+     */
+    isOverflow?: boolean;
+};

package/node/components/CopyTypography/types.js

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

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

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type CopyTypographyProps } from '../CopyTypography';
+import { type CopyTypographyProps } from '../types';
 export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyText, showCopyIcon, color, isOverflow, ...restProps }: CopyTypographyProps) => {
     handleMouseLeave: () => void;
     handleClick: (event: SyntheticEvent<HTMLElement>) => void;
@@ -13,7 +13,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         paragraph?: boolean | undefined;
         variant?: import("../..").TypographyVariant | undefined;
         colorIntensity?: import("../..").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;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;

package/node/components/Counter/Counter.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 CounterColor, type CounterVariants } from './types';
 export type CounterProps = Omit<WithoutEmotionSpecific<MuiBadgeProps>, 'color' | 'children' | 'variant' | 'anchorOrigin' | 'overlap' | 'invisible' | 'withBorder' | 'badgeContent' | 'content'> & {
     /**

package/node/components/DashboardLayout/DashboardLayout.d.ts

@@ -1,16 +1,5 @@
-import { type ReactNode } from 'react';
-export type DashboardLayoutProps = {
-    children: ReactNode;
-    /**
-     * Флаг режима фокусировки: убирает header, сворачивает sidebar, растягивает контент на всю ширину.
-     * Пример использования: просмотр документа
-     */
-    isFocusedMode?: boolean;
-    /**
-     * Если true, отображается состояние загрузки
-     */
-    isLoading?: boolean;
-};
+/// <reference types="react" />
+import { type DashboardLayoutProps } from './types';
 /**
  * Общий Layout приложения
  */