@astral/ui 4.18.4 → 4.18.6

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

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

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

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

package/node/components/Typography/index.js

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

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

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

package/node/components/Typography/public.js

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

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

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

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

@@ -15,32 +15,20 @@ export declare const GreetingWrapper: import("@emotion/styled/dist/declarations/
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Greeting: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Greeting: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const UserName: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const UserName: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/fileUploading/FileInfo/styles.d.ts

@@ -342,17 +342,11 @@ export declare const StyledFilename: import("@emotion/styled/dist/declarations/s
 } & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const FileSize: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const FileSize: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../Typography/types").TypographyPropsBase & {
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/fileUploading/FileUploaderDropzone/HintPlaceholder/HintPlaceholder.js

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

package/node/components/fileUploading/FileUploaderDropzone/LimitMaxFilePlaceholder/LimitMaxFilePlaceholder.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LimitMaxFilePlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Typography_1 = require("../../../Typography");
-const utils_1 = require("../../utils");
-const LimitMaxFilePlaceholder = ({ maxFileCount, className, }) => ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { className: className, component: "p", color: "textSecondary", variant: "caption", align: "center", children: ["\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043B\u0438\u043C\u0438\u0442\u0430 \u0432 ", maxFileCount, " ", (0, utils_1.declensionFile)(maxFileCount), ". \u0414\u043B\u044F \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043D\u043E\u0432\u044B\u0445 \u0443\u0434\u0430\u043B\u0438\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0438\u0437 \u0442\u0435\u043A\u0443\u0449\u0438\u0445"] }));
+const declensionFile_1 = require("../../utils/declensionFile");
+const LimitMaxFilePlaceholder = ({ maxFileCount, className, }) => ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, { className: className, component: "p", color: "textSecondary", variant: "caption", align: "center", children: ["\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043B\u0438\u043C\u0438\u0442\u0430 \u0432 ", maxFileCount, " ", (0, declensionFile_1.declensionFile)(maxFileCount), ". \u0414\u043B\u044F \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043D\u043E\u0432\u044B\u0445 \u0443\u0434\u0430\u043B\u0438\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0438\u0437 \u0442\u0435\u043A\u0443\u0449\u0438\u0445"] }));
 exports.LimitMaxFilePlaceholder = LimitMaxFilePlaceholder;

package/node/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
-const utils_1 = require("../../../utils");
+const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
 const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }) => {
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
@@ -49,7 +49,7 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         if (checkIsAcceptedExtension(extension)) {
             return {
                 isShowViewButton: true,
-                ...(0, utils_1.generateAttrLinkNewTab)(downloadLink),
+                ...(0, generateAttrLinkNewTab_1.generateAttrLinkNewTab)(downloadLink),
             };
         }
         return {

package/node/components/fileUploading/FileUploaderFile/FileUploaderFile.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploaderFile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Typography_1 = require("../../Typography");
-const transitions_1 = require("../../transitions");
+const Grow_1 = require("../../transitions/Grow");
 const FileInfo_1 = require("../FileInfo");
 const Actions_1 = require("./Actions");
 const Progress_1 = require("./Progress");
@@ -12,6 +12,6 @@ const FileUploaderFile = (props) => {
     const { id, name, file, url, size, status, ...actions } = props;
     const { isLoading, isUploadError, isRestrictionError, errorMsg, progress } = status || {};
     const isError = isUploadError || isRestrictionError;
-    return ((0, jsx_runtime_1.jsx)(transitions_1.Grow, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: name, fileSize: size }), isLoading && (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress }), isError && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }))] }), (0, jsx_runtime_1.jsx)(Actions_1.Actions, { fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError, ...actions })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Grow_1.Grow, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: name, fileSize: size }), isLoading && (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress }), isError && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }))] }), (0, jsx_runtime_1.jsx)(Actions_1.Actions, { fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError, ...actions })] }) }));
 };
 exports.FileUploaderFile = FileUploaderFile;

package/node/components/fileUploading/FileUploaderFile/Progress/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useInterval_1 = require("../../../../hooks/useInterval");
+const useInterval_1 = require("../../../../useInterval");
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 const useLogic = ({ progress }) => {

package/node/components/fileUploading/PreviewFileUploaderFile/FileLoading/Progress/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useInterval_1 = require("../../../../../hooks/useInterval");
+const useInterval_1 = require("../../../../../useInterval");
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 const useLogic = ({ progress }) => {

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js

@@ -6,10 +6,10 @@ const BinOutlineMd_1 = require("../../../../icons/BinOutlineMd");
 const DownloadOutlineMd_1 = require("../../../../icons/DownloadOutlineMd");
 const EyeOutlineMd_1 = require("../../../../icons/EyeOutlineMd");
 const Button_1 = require("../../../Button");
-const useViewportType_1 = require("../../../hooks/useViewportType");
 const IconButton_1 = require("../../../IconButton");
 const Tooltip_1 = require("../../../Tooltip");
 const Typography_1 = require("../../../Typography");
+const useViewportType_1 = require("../../../useViewportType");
 const constants_1 = require("../../constants");
 const Preview_1 = require("./Preview");
 const styles_1 = require("./styles");

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
-const utils_1 = require("../../../utils");
+const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
 const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
@@ -44,7 +44,7 @@ const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onVie
         }
         const extension = (0, getFileExtension_1.getFileExtension)((file?.type || fileType));
         if (checkIsAcceptedExtension(extension)) {
-            return (0, utils_1.generateAttrLinkNewTab)(downloadLink);
+            return (0, generateAttrLinkNewTab_1.generateAttrLinkNewTab)(downloadLink);
         }
         return {
             onClick: () => {

package/node/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewFileUploaderFile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const transitions_1 = require("../../transitions");
+const Fade_1 = require("../../transitions/Fade");
 const FileError_1 = require("./FileError");
 const FileLoading_1 = require("./FileLoading");
 const FilePreview_1 = require("./FilePreview");
@@ -11,6 +11,6 @@ const PreviewFileUploaderFile = (props) => {
     const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, } = props;
     const { isLoading, isUploadError, isRestrictionError, errorMsg, progress } = status || {};
     const isError = isUploadError || isRestrictionError;
-    return ((0, jsx_runtime_1.jsx)(transitions_1.Fade, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && ((0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), isLoading && ((0, jsx_runtime_1.jsx)(FileLoading_1.FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && ((0, jsx_runtime_1.jsx)(FileError_1.FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(Fade_1.Fade, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && ((0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), isLoading && ((0, jsx_runtime_1.jsx)(FileLoading_1.FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && ((0, jsx_runtime_1.jsx)(FileError_1.FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
 };
 exports.PreviewFileUploaderFile = PreviewFileUploaderFile;

package/node/components/fileUploading/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewFileUploaderClassnames = exports.fileUploaderClassnames = exports.EXTENSIONS_IN_NEW_TAB = exports.VIEW_NEW_TAB_ERROR_MESSAGE = exports.UPLOAD_ERROR_MESSAGE = exports.ABORT_ERROR_MESSAGE = exports.ABORT_ERROR_CODE = exports.DEFAULT_FILE_STATUS = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DEFAULT_FILE_STATUS = {
     isLoading: false,
     isUploadError: false,
@@ -13,9 +13,9 @@ exports.UPLOAD_ERROR_MESSAGE = 'Ошибка загрузки';
 exports.VIEW_NEW_TAB_ERROR_MESSAGE = 'Файл с таким расширением нельзя просмотреть в браузере.';
 exports.EXTENSIONS_IN_NEW_TAB = ['jpg', 'jpeg', 'png', 'txt', 'pdf'];
 exports.fileUploaderClassnames = {
-    dropzone: (0, utils_1.createUIKitClassname)('file-uploader__dropzone'),
+    dropzone: (0, createUIKitClassname_1.createUIKitClassname)('file-uploader__dropzone'),
 };
 exports.previewFileUploaderClassnames = {
-    dropzone: (0, utils_1.createUIKitClassname)('preview-file-uploader__dropzone'),
-    details: (0, utils_1.createUIKitClassname)('preview-file-uploader__details'),
+    dropzone: (0, createUIKitClassname_1.createUIKitClassname)('preview-file-uploader__dropzone'),
+    details: (0, createUIKitClassname_1.createUIKitClassname)('preview-file-uploader__details'),
 };

package/node/components/fileUploading/hooks/useFileUploader/useFileUploader.js

@@ -4,11 +4,13 @@ exports.useFileUploader = void 0;
 const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
 const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const react_1 = require("react");
-const useGenerateLocalId_1 = require("../../../hooks/useGenerateLocalId");
-const useId_1 = require("../../../hooks/useId");
+const useGenerateLocalId_1 = require("../../../useGenerateLocalId");
+const useId_1 = require("../../../useId");
 const constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
-const utils_1 = require("../../utils");
+const compareFile_1 = require("../../utils/compareFile");
+const rulePipe_1 = require("../../utils/rulePipe");
+const toArray_1 = require("../../utils/toArray");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
 const useFileUploader = ({ value, isDisabled, isMultiple, accept, restrictions = [], maxFileSize, maxFileCount = 1, // для случая, когда isMultiple=false
@@ -16,13 +18,13 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
     const inputId = (0, useId_1.useId)();
     const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
     // Преобразуем value к массиву
-    const files = (0, react_1.useMemo)(() => (0, utils_1.toArray)(value), [value]);
+    const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
     // true, если достигли лимита по кол-ву файлов при isMultiple=true
     const isLimitMaxFileCount = isMultiple ? files.length >= maxFileCount : false;
     const isVisibleAddFile = isMultiple ? !isLimitMaxFileCount : !files.length;
     const isVisibleFileList = Boolean(files.length);
     const restrict = (file) => {
-        return (0, utils_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(accept), ...restrictions)(file);
+        return (0, rulePipe_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(accept), ...restrictions)(file);
     };
     const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
     const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([
@@ -57,7 +59,7 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
     });
     const handleChange = (event) => {
         // Преобразуем к массиву и удаляем дубликаты
-        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, utils_1.compareFile)(droppedFile, file)));
+        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, compareFile_1.compareFile)(droppedFile, file)));
         const addedFiles = droppedFiles
             .slice(0, maxFileCount - files.length)
             .reduce((acc, droppedFile) => {

package/node/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -4,22 +4,24 @@ exports.usePreviewFileUploader = void 0;
 const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
 const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const react_1 = require("react");
-const useGenerateLocalId_1 = require("../../../hooks/useGenerateLocalId");
-const useId_1 = require("../../../hooks/useId");
+const useGenerateLocalId_1 = require("../../../useGenerateLocalId");
+const useId_1 = require("../../../useId");
 const constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
-const utils_1 = require("../../utils");
+const compareFile_1 = require("../../utils/compareFile");
+const rulePipe_1 = require("../../utils/rulePipe");
+const toArray_1 = require("../../utils/toArray");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
 const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
     const inputId = (0, useId_1.useId)();
     const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
     // Преобразуем value к массиву
-    const files = (0, react_1.useMemo)(() => (0, utils_1.toArray)(value), [value]);
+    const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
     const isVisibleAddFile = !files.length;
     const isVisibleFileList = Boolean(files.length);
     const restrict = (file) => {
-        return (0, utils_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), ...(accept ? [(0, restrictions_1.restrictFileType)(accept)] : []), ...restrictions)(file);
+        return (0, rulePipe_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), ...(accept ? [(0, restrictions_1.restrictFileType)(accept)] : []), ...restrictions)(file);
     };
     const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
     const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([
@@ -49,7 +51,7 @@ const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [],
     });
     const handleChange = (event) => {
         // Преобразуем к массиву и удаляем дубликаты
-        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, utils_1.compareFile)(droppedFile, file)));
+        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, compareFile_1.compareFile)(droppedFile, file)));
         const addedFiles = droppedFiles
             .slice(0, 1 - files.length)
             .reduce((acc, droppedFile) => {

package/node/components/fileUploading/hooks/useSyncFiles/useSyncFiles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSyncFiles = void 0;
 const react_1 = require("react");
-const utils_1 = require("../../../utils");
+const isEmpty_1 = require("../../../utils/isEmpty");
 const useSyncFiles = (props) => {
     const { isMultiple, files, selfFiles } = props;
     const handleSingleFileChange = (updatedFiles) => {
@@ -14,7 +14,7 @@ const useSyncFiles = (props) => {
         onChange(updatedFiles);
     };
     (0, react_1.useEffect)(() => {
-        if ((0, utils_1.isEmpty)(selfFiles)) {
+        if ((0, isEmpty_1.isEmpty)(selfFiles)) {
             return;
         }
         const updatedFiles = files.map((file) => {

package/node/components/index.d.ts

@@ -62,7 +62,10 @@ export { EmailOrPhoneField, type EmailOrPhoneFieldProps, type EmailOrPhoneFieldV
 export * from './ErrorBoundary';
 export { ExpansionPanel, type ExpansionPanelProps, expansionPanelClassnames, } from './ExpansionPanel';
 export * from './Fab';
-export { Fade, type FadeProps, Zoom, type ZoomProps, Slide, type SlideProps, Grow, type GrowProps, } from './transitions';
+export { Fade, type FadeProps } from './transitions/Fade';
+export { Grow, type GrowProps } from './transitions/Grow';
+export { Slide, type SlideProps } from './transitions/Slide';
+export { Zoom, type ZoomProps } from './transitions/Zoom';
 export { Fieldset, type FieldsetProps } from './Fieldset';
 export { type FileNameProps, Filename } from './Filename';
 export * from './FlowButton';
@@ -70,13 +73,43 @@ export * from './FormControl';
 export * from './FormControlLabel';
 export * from './FormHelperText';
 export * from './FormLabel';
-export { type FileId, FileUploader, type FileUploaderDropZoneProps, FileUploaderDropzone, FileUploaderFile, type FileUploaderFileProps, type FileUploaderNotify, type FileUploaderProps, PreviewFileUploader, PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, PreviewFileUploaderFile, type PreviewFileUploaderFileProps, type PreviewFileUploaderProps, type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading';
+export { type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type FileUploaderNotify, type FileUploaderProps, type FileId, FileUploader, } from './fileUploading/FileUploader';
+export { type FileUploaderDropZoneProps, FileUploaderDropzone, } from './fileUploading/FileUploaderDropzone';
+export { FileUploaderFile, type FileUploaderFileProps, } from './fileUploading/FileUploaderFile';
+export { type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, } from './fileUploading/hooks';
+export { PreviewFileUploader, type PreviewFileUploaderProps, } from './fileUploading/PreviewFileUploader';
+export { PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, } from './fileUploading/PreviewFileUploaderDropZone';
+export { PreviewFileUploaderFile, type PreviewFileUploaderFileProps, } from './fileUploading/PreviewFileUploaderFile';
+export { fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading/constants';
 export * from './forwardRefWithGeneric';
 export * from './GlobalStyles';
 export * from './Grid';
 export { GuidTypography, type GuidTypographyProps } from './GuidTypography';
 export { HintIcon, type HintIconProps } from './HintIcon';
-export * from './hooks';
+export { useAsyncOptions } from './useAsyncOptions';
+export { useCheckControlled } from './useCheckControlled';
+export { type UseClickAwayListenerOptions, useClickAwayEffect, } from './useClickAwayEffect';
+export { type UseEscapeClickEffectProps, useEscapeClickEffect, } from './useEscapeClickEffect';
+export { useFeatureFlags } from './useFeatureFlags';
+export { useFirstMountState } from './useFirstMountState';
+export { useFocusAwayEffect } from './useFocusAwayEffect';
+export { useForwardedRef } from './useForwardedRef';
+export { type UseInputPopoverOptions, useInputPopover, } from './useInputPopover';
+export { useInterval } from './useInterval';
+export { useLoadingState } from './useLoadingState';
+export { useLocaleDateTimeFormat } from './useLocaleDateTimeFormat';
+export { useLocalStorage } from './useLocalStorage';
+export { useMenu } from './useMenu';
+export { type AnchorType, type UsePopoverResult, usePopover, } from './usePopover';
+export { type UsePopoverAnimationResult, usePopoverAnimation, } from './usePopoverAnimation';
+export { useRadioGroup } from './useRadioGroup';
+export { useScrollManagement } from './useScrollManagement';
+export { useSecondsCountdown } from './useSecondsCountDown';
+export { useSet } from './useSet';
+export { useStickyButton } from './useStickyButton';
+export { useToggle } from './useToggle';
+export { useUpdateEffect } from './useUpdateEffect';
+export { useViewportType } from './useViewportType';
 export * from './IconButton';
 export * from './IconDropdownButton';
 export { Iframe, type IframeProps } from './Iframe';
@@ -130,7 +163,8 @@ export * from './ProductSwitcher';
 export * from './Profile';
 export * from './ProgressBar';
 export { PersonalData, useHidePersonalData } from './personalDataSecurity';
-export { type PlaceholderImageProps, LoadingPlaceholder, Placeholder, type PlaceholderProps, type PlaceholderSize, } from './placeholders';
+export { type PlaceholderImageProps, Placeholder, type PlaceholderProps, type PlaceholderSize, } from './placeholders/Placeholder';
+export { LoadingPlaceholder } from './placeholders/LoadingPlaceholder';
 export { radioClassnames, Radio, type RadioProps } from './Radio';
 export { RadioCard, type RadioCardProps, radioCardClassnames, } from './RadioCard';
 export { RadioField, type RadioFieldProps } from './RadioField';
@@ -154,7 +188,7 @@ export * from './StylesCacheProvider';
 export * from './Switch';
 export { SvgIcon, type SvgIconProps, type SvgIconColor, svgIconClassnames, } from './SvgIcon';
 export { UNSTABLE_SecondsCountdownService } from './services';
-export * from './styled';
+export * from './styled/styled';
 export * from './Tabs';
 export * from './Tag';
 export * from './TagBadge';
@@ -169,7 +203,22 @@ export { TreeAutocomplete, type TreeAutocompleteProps, type TreeAutocompleteTree
 export { TreeLikeAutocomplete, type TreeLikeAutocompleteProps, type TreeLikeAutocompleteTreeProps, type TreeLikeAutocompleteValue, } from './TreeLikeAutocomplete';
 export { TreeLikeList, type TreeLikeListProps } from './TreeLikeList';
 export * from './Typography';
-export * from './theme';
-export * from './types';
-export { classNames, createUIKitClassname, redirectToLink, getInertProps, } from './utils';
+export * from './theme/baseTheme';
+export * from './theme/constants';
+export * from './theme/elevation';
+export * from './theme/hooks';
+export * from './theme/palette';
+export * from './theme/shape';
+export * from './theme/types';
+export * from './theme/microSpacing';
+export * from './types/CalendarGridBuilder';
+export * from './types/CloseEventReason';
+export * from './types/ProductionCalendar';
+export * from './types/WithoutEmotionSpecific';
+export * from './types/SyncReactNode';
+export * from './types/SyncFunctionComponent';
+export { classNames } from './utils/classNames';
+export { createUIKitClassname } from './utils/createUIKitClassname';
+export { redirectToLink } from './utils/redirectToLink';
+export { getInertProps } from './utils/getInertProps';
 export { WelcomeScreen, type WelcomeScreenProps } from './WelcomeScreen';