npm - @astral/ui - Versions diffs - 4.18.2 → 4.18.4 - Mend

@astral/ui 4.18.2 → 4.18.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1084) hide show

package/components/fileUploading/FileInfo/styles.d.ts CHANGED Viewed

@@ -13,16 +13,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
             Tooltip?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
             Arrow?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title: import("react").ReactNode;
-        inert?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
-        className?: string | undefined;
-        children: import("react").ReactElement<any, any>;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -30,20 +21,26 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         accessKey?: string | undefined;
         autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
+        slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
+        title: import("react").ReactNode;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -55,6 +52,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -66,13 +64,14 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -82,7 +81,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -92,7 +91,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -109,7 +108,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -123,6 +122,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children: import("react").ReactElement<any, any>;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -294,6 +294,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        open?: boolean | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -302,7 +303,6 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
             arrow?: (import("react").HTMLProps<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
         } | undefined;
         onClose?: ((event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        open?: boolean | undefined;
         slots?: {
             popper?: import("react").ElementType<import("@mui/material").PopperProps, keyof import("react").JSX.IntrinsicElements> | undefined;
             transition?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -319,7 +319,6 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
             children: import("react").ReactElement<any, any>;
         }> | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         arrow?: boolean | undefined;
         describeChild?: boolean | undefined;
         disableFocusListener?: boolean | undefined;
@@ -333,6 +332,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -344,7 +344,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
 }, {}, {}>;
 export declare const FileSize: import("../../styled").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -352,7 +352,7 @@ export declare const FileSize: import("../../styled").StyledComponent<{
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/fileUploading/FileInfo/styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { DotOutlineSm } from '../../../icons';
+import { DotOutlineSm } from '../../../icons/DotOutlineSm';
 import { Filename } from '../../Filename';
 import { styled } from '../../styled';
 import { Typography } from '../../Typography';

package/components/fileUploading/FileUploader/FileUploader.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { FileUploaderDropzone } from '../FileUploaderDropzone';
-import { useFileUploader } from '../hooks';
+import { useFileUploader } from '../hooks/useFileUploader';
 import { FileList } from './FIleList';
 export const FileUploader = forwardRef((props, forwardedRef) => {
     const { dropZoneProps, fileListProps } = useFileUploader(props);

package/components/fileUploading/FileUploaderDropzone/DropzoneWrapper/DropzoneWrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type PropsWithChildren } from 'react';
-import { type useDnD } from '../../hooks';
+import { type useDnD } from '../../hooks/useDnD';
 export type DropzoneWrapperProps = {
     isDisabled?: boolean;
     isError?: boolean;

package/components/fileUploading/FileUploaderDropzone/FileUploaderDropzone.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type FileInputProps } from '../FileInput';
-import { type useDnD } from '../hooks';
+import { type useDnD } from '../hooks/useDnD';
 import { type UploadButtonProps } from '../UploadButton';
 import { type DropzoneWrapperProps } from './DropzoneWrapper';
 import { type FileUploaderContainerProps } from './FileUploaderContainer';

package/components/fileUploading/FileUploaderDropzone/HintPlaceholder/HintPlaceholder.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatFileSizeToView } from '@astral/utils';
+import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { Typography } from '../../../Typography';
 import { declensionFile } from '../../utils';
 import { Extensions } from './styles';

package/components/fileUploading/FileUploaderDropzone/HintPlaceholder/useLogic/useLogic.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { formatFileTypeToView } from '@astral/utils';
+import { formatFileTypeToView } from '@astral/utils/file/formatFileTypeToView';
 export const useLogic = ({ accept, ...restProps }) => {
     const extensions = accept.map(formatFileTypeToView).join(', ');
     return { extensions, ...restProps };

package/components/fileUploading/FileUploaderFile/Actions/Actions.js CHANGED Viewed

@@ -1,5 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BinOutlineMd, CrossOutlineMd, DownloadOutlineMd, EyeOutlineMd, RetryOutlineMd, } from '../../../../icons';
+import { BinOutlineMd } from '../../../../icons/BinOutlineMd';
+import { CrossOutlineMd } from '../../../../icons/CrossOutlineMd';
+import { DownloadOutlineMd } from '../../../../icons/DownloadOutlineMd';
+import { EyeOutlineMd } from '../../../../icons/EyeOutlineMd';
+import { RetryOutlineMd } from '../../../../icons/RetryOutlineMd';
 import { IconButton } from '../../../IconButton';
 import { Tooltip } from '../../../Tooltip';
 import { Wrapper } from './styles';

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { getFileExtension } from '@astral/utils';
+import { getFileExtension } from '@astral/utils/file/getFileExtension';
 import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { ABORT_ERROR_MESSAGE, EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
-import { useGenerateLocalFileURL } from '../../../hooks';
+import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
 import { generateAttrLinkNewTab } from '../../../utils';
 export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }) => {
     const { captureException } = useContext(ConfigContext);

package/components/fileUploading/FileUploaderFile/Progress/useLogic/useLogic.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../hooks';
+import { useInterval } from '../../../../hooks/useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

package/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/HintPlaceholder.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatFileSizeToView } from '@astral/utils';
+import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { Typography } from '../../../Typography';
 import { Extensions, Wrapper } from './styles';
 import { useLogic } from './useLogic';

package/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/useLogic/useLogic.d.ts CHANGED Viewed

@@ -34,7 +34,7 @@ export declare const useLogic: ({ accept, placeholderImgSrc, ...rest }: UseLogic
     }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}> | import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    } & Pick<import("react").AllHTMLAttributes<HTMLImageElement>, "height" | "width" | "className" | "alt" | "src"> & {
+    } & Pick<import("react").AllHTMLAttributes<HTMLImageElement>, "className" | "height" | "width" | "alt" | "src"> & {
         size?: import("../../../..").PlaceholderSize | undefined;
     }, {}, {}>;
     extensions: string | undefined;

package/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/useLogic/useLogic.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { formatFileTypeToView } from '@astral/utils';
+import { formatFileTypeToView } from '@astral/utils/file/formatFileTypeToView';
 import { useContext, useMemo } from 'react';
 import { ConfigContext, } from '../../../../ConfigProvider';
 import { Image, setDefaultImageStyles } from '../styles';

package/components/fileUploading/PreviewFileUploaderFile/FileError/FileError.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CrossOutlineMd, RetryOutlineMd } from '../../../../icons';
+import { CrossOutlineMd } from '../../../../icons/CrossOutlineMd';
+import { RetryOutlineMd } from '../../../../icons/RetryOutlineMd';
 import { IconButton } from '../../../IconButton';
 import { Tooltip } from '../../../Tooltip';
 import { Typography } from '../../../Typography';

package/components/fileUploading/PreviewFileUploaderFile/FileError/useLogic/useLogic.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare const useLogic: ({ fileId, file, isUploadError, onDelete, onRetry
     }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}> | import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    } & Pick<import("react").AllHTMLAttributes<HTMLImageElement>, "height" | "width" | "className" | "alt" | "src"> & {
+    } & Pick<import("react").AllHTMLAttributes<HTMLImageElement>, "className" | "height" | "width" | "alt" | "src"> & {
         size?: import("../../../..").PlaceholderSize | undefined;
     }, {}, {}>;
     imageProps: {

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/Progress/useLogic/useLogic.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../../hooks';
+import { useInterval } from '../../../../../hooks/useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js CHANGED Viewed

@@ -1,7 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BinOutlineMd, DownloadOutlineMd, EyeOutlineMd, } from '../../../../icons';
+import { BinOutlineMd } from '../../../../icons/BinOutlineMd';
+import { DownloadOutlineMd } from '../../../../icons/DownloadOutlineMd';
+import { EyeOutlineMd } from '../../../../icons/EyeOutlineMd';
 import { Button } from '../../../Button';
-import { useViewportType } from '../../../hooks';
+import { useViewportType } from '../../../hooks/useViewportType';
 import { IconButton } from '../../../IconButton';
 import { Tooltip } from '../../../Tooltip';
 import { Typography } from '../../../Typography';

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/Preview/useLogic/useLogic.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 import { useHidePersonalData } from '../../../../../personalDataSecurity';
-import { useGenerateLocalFileURL } from '../../../../hooks';
+import { useGenerateLocalFileURL } from '../../../../hooks/useGenerateLocalFileURL';
 export const useLogic = ({ file, fileUrl, isHidePersonalData, }) => {
     const { generateUrl } = useGenerateLocalFileURL();
     const generateSrc = () => {

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { getFileExtension } from '@astral/utils';
+import { getFileExtension } from '@astral/utils/file/getFileExtension';
 import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
-import { useGenerateLocalFileURL } from '../../../hooks';
+import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
 import { generateAttrLinkNewTab } from '../../../utils';
 export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = useContext(ConfigContext);

package/components/fileUploading/hooks/useFileUploader/useFileUploader.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { declensionOfWords, formatFileSizeToView } from '@astral/utils';
+import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
+import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { useMemo } from 'react';
 import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
 import { useId } from '../../../hooks/useId';

package/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { declensionOfWords, formatFileSizeToView } from '@astral/utils';
+import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
+import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { useMemo, } from 'react';
 import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
 import { useId } from '../../../hooks/useId';

package/components/fileUploading/restrictions/restrictFileType/restrictFileType.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { getFileType } from '@astral/utils';
+import { getFileType } from '@astral/utils/file/getFileType';
 import { FILE_TYPE_ERROR_INFO } from './constants';
 import { getFileTypeFromFile, prepareType } from './utils';
 const getGeneralType = (type) => type.split('/')[0];

package/components/fileUploading/restrictions/restrictFileType/utils/getFileTypeFromName/getFileTypeFromName.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { getFileType } from '@astral/utils';
+import { getFileType } from '@astral/utils/file/getFileType';
 /**
  * Возвращает формат файла из названия файла
  */

package/components/fileUploading/utils/declensionFile/declensionFile.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { declensionOfWords } from '@astral/utils';
+import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
 // cSpell:ignore файлa
 // Записываем в родительском падеже
 export const declensionFile = declensionOfWords(['файлa', 'файлов', 'файлов']);

package/components/hooks/useAsyncOptions/useAsyncOptions.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { AutocompleteInputChangeReason } from '@mui/material';
+import type { AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 type FetchResult<TOptions> = {
     options: TOptions[];
     meta?: {

package/components/hooks/useAsyncOptions/useAsyncOptions.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { debounce } from '@astral/utils';
+import { debounce } from '@astral/utils/debounce';
 import { useCallback, useRef, useState } from 'react';
-import { useLoadingState } from '../../hooks';
+import { useLoadingState } from '../../hooks/useLoadingState';
 /**
  * Хук для асинхронной загрузки опций в компонентах с поиском.
  * Управляет задержкой, отменой запросов и состояниями загрузки.

package/components/hooks/useViewportType/useViewportType.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { useMediaQuery, useTheme } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import useMediaQuery from '@mui/material/useMediaQuery';
 export const useViewportType = () => {
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('sm'));

package/components/placeholders/InternalErrorPlaceholder/InternalErrorPlaceholder.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatPhoneToView } from '@astral/utils';
-import { Link } from '@mui/material';
+import { formatPhoneToView } from '@astral/utils/phone/formatPhoneToView';
+import Link from '@mui/material/Link';
 import { useContext } from 'react';
 import { Button } from '../../Button';
 import { ConfigContext } from '../../ConfigProvider';

package/components/placeholders/Placeholder/styles.d.ts CHANGED Viewed

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

package/components/theme/breakpoints.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { type BreakpointsOptions } from '@mui/material';
+import type { BreakpointsOptions } from '@mui/material/styles';
 export declare const defaultBreakpoints: BreakpointsOptions;

package/components/theme/components/MuiAlert.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/components/theme/components/MuiAutocomplete.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiAutocomplete: Components<Theme>['MuiAutocomplete'];

package/components/theme/components/MuiAutocomplete.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { autocompleteClasses } from '@mui/material';
+import { autocompleteClasses } from '@mui/material/Autocomplete';
 export const MuiAutocomplete = {
     styleOverrides: {
         root({ theme }) {

package/components/theme/components/MuiButton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type ButtonProps, type ButtonState } from '../../Button';
 import { type Theme } from '../types';
 type WithTheme<T extends object> = T & {

package/components/theme/components/MuiButton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { buttonClasses } from '@mui/material';
+import { buttonClasses } from '@mui/material/Button';
 import { ButtonSizes, ButtonStates, ButtonVariants, buttonClassnames, } from '../../Button';
 import { svgIconClassnames } from '../../SvgIcon';
 /**

package/components/theme/components/MuiButtonBase.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiButtonBase: Components<Theme>['MuiButtonBase'];

package/components/theme/components/MuiCircularProgress.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
 export default MuiCircularProgress;

package/components/theme/components/MuiDialog.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/components/theme/components/MuiDialogActions.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/components/theme/components/MuiDialogContent.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/components/theme/components/MuiDialogTitle.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/components/theme/components/MuiDialogTitle.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { buttonClasses } from '@mui/material';
+import { buttonClasses } from '@mui/material/Button';
 export const MuiDialogTitle = {
     styleOverrides: {
         root({ theme }) {

package/components/theme/components/MuiDrawer.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { type Components } from '@mui/material';
+import type { Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiDrawer: Components<Theme>['MuiDrawer'];

package/components/theme/components/MuiDrawer.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { backdropClasses, drawerClasses } from '@mui/material';
+import { backdropClasses } from '@mui/material/Backdrop';
+import { drawerClasses } from '@mui/material/Drawer';
 export const MuiDrawer = {
     styleOverrides: {
         root({ theme }) {

package/components/theme/components/MuiFormControlLabel.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type Components } from '@mui/material';
+import { type Components } from '@mui/material/styles/components';
 import { type Theme } from '../types';
 export declare const MuiFormControlLabel: Components<Theme>['MuiFormControlLabel'];
 export default MuiFormControlLabel;