@astral/ui 4.18.2 → 4.18.4

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const utils_1 = require("@astral/utils");
+const getFileExtension_1 = require("@astral/utils/file/getFileExtension");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const constants_1 = require("../../../constants");
-const hooks_1 = require("../../../hooks");
-const utils_2 = require("../../../utils");
+const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
+const utils_1 = require("../../../utils");
 const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { generateUrl } = (0, hooks_1.useGenerateLocalFileURL)();
-    const extensionFile = (0, utils_1.getFileExtension)((file?.type || fileType));
+    const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
+    const extensionFile = (0, getFileExtension_1.getFileExtension)((file?.type || fileType));
     const isPdfFile = Object.is(extensionFile, 'pdf');
     const isImageFile = fileType.includes('image/');
     const isOtherFile = !isImageFile && !isPdfFile;
@@ -42,9 +42,9 @@ const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onVie
         if (onView) {
             return { onClick: handleView };
         }
-        const extension = (0, utils_1.getFileExtension)((file?.type || fileType));
+        const extension = (0, getFileExtension_1.getFileExtension)((file?.type || fileType));
         if (checkIsAcceptedExtension(extension)) {
-            return (0, utils_2.generateAttrLinkNewTab)(downloadLink);
+            return (0, utils_1.generateAttrLinkNewTab)(downloadLink);
         }
         return {
             onClick: () => {

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFileUploader = void 0;
-const utils_1 = require("@astral/utils");
+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 constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
-const utils_2 = require("../../utils");
+const utils_1 = require("../../utils");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
 const useFileUploader = ({ value, isDisabled, isMultiple, accept, restrictions = [], maxFileSize, maxFileCount = 1, // для случая, когда isMultiple=false
@@ -15,16 +16,16 @@ 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_2.toArray)(value), [value]);
+    const files = (0, react_1.useMemo)(() => (0, utils_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_2.rulePipe)((0, restrictions_1.restrictFileMaxSize)(utils_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(accept), ...restrictions)(file);
+        return (0, utils_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), (0, restrictions_1.restrictFileType)(accept), ...restrictions)(file);
     };
-    const declensionFile = (0, utils_1.declensionOfWords)(['файл', 'файла', 'файлов']);
-    const declensionAdded = (0, utils_1.declensionOfWords)([
+    const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
+    const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([
         'Добавлен',
         'Добавлено',
         'Добавлено',
@@ -56,7 +57,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_2.compareFile)(droppedFile, file)));
+        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, utils_1.compareFile)(droppedFile, file)));
         const addedFiles = droppedFiles
             .slice(0, maxFileCount - files.length)
             .reduce((acc, droppedFile) => {

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

@@ -1,27 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePreviewFileUploader = void 0;
-const utils_1 = require("@astral/utils");
+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 constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
-const utils_2 = require("../../utils");
+const utils_1 = require("../../utils");
 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_2.toArray)(value), [value]);
+    const files = (0, react_1.useMemo)(() => (0, utils_1.toArray)(value), [value]);
     const isVisibleAddFile = !files.length;
     const isVisibleFileList = Boolean(files.length);
     const restrict = (file) => {
-        return (0, utils_2.rulePipe)((0, restrictions_1.restrictFileMaxSize)(utils_1.formatFileSizeToView, maxFileSize), ...(accept ? [(0, restrictions_1.restrictFileType)(accept)] : []), ...restrictions)(file);
+        return (0, utils_1.rulePipe)((0, restrictions_1.restrictFileMaxSize)(formatFileSizeToView_1.formatFileSizeToView, maxFileSize), ...(accept ? [(0, restrictions_1.restrictFileType)(accept)] : []), ...restrictions)(file);
     };
-    const declensionFile = (0, utils_1.declensionOfWords)(['файл', 'файла', 'файлов']);
-    const declensionAdded = (0, utils_1.declensionOfWords)([
+    const declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файл', 'файла', 'файлов']);
+    const declensionAdded = (0, declensionOfWords_1.declensionOfWords)([
         'Добавлен',
         'Добавлено',
         'Добавлено',
@@ -48,7 +49,7 @@ const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [],
     });
     const handleChange = (event) => {
         // Преобразуем к массиву и удаляем дубликаты
-        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, utils_2.compareFile)(droppedFile, file)));
+        const droppedFiles = Array.from(event.target.files || []).filter((droppedFile) => !files.find((file) => (0, utils_1.compareFile)(droppedFile, file)));
         const addedFiles = droppedFiles
             .slice(0, 1 - files.length)
             .reduce((acc, droppedFile) => {

package/node/components/fileUploading/restrictions/restrictFileType/restrictFileType.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.restrictFileType = void 0;
-const utils_1 = require("@astral/utils");
+const getFileType_1 = require("@astral/utils/file/getFileType");
 const constants_1 = require("./constants");
-const utils_2 = require("./utils");
+const utils_1 = require("./utils");
 const getGeneralType = (type) => type.split('/')[0];
 const compareFileType = (fileTypeA, fileTypeB) => {
-    if (Object.is((0, utils_2.prepareType)(fileTypeA), (0, utils_2.prepareType)(fileTypeB))) {
+    if (Object.is((0, utils_1.prepareType)(fileTypeA), (0, utils_1.prepareType)(fileTypeB))) {
         return true;
     }
     const isGeneralType = /^[\w.-]+\/\*$/.test(fileTypeA);
@@ -50,9 +50,9 @@ const restrictFileType = (accept) => (file) => {
         if (acceptType.includes('/')) {
             return acceptType;
         }
-        return (0, utils_1.getFileType)(acceptType) || acceptType;
+        return (0, getFileType_1.getFileType)(acceptType) || acceptType;
     });
-    const fileType = (0, utils_2.getFileTypeFromFile)(file);
+    const fileType = (0, utils_1.getFileTypeFromFile)(file);
     const isValid = acceptedTypes.some((acceptedType) => {
         return compareFileType(acceptedType, fileType);
     });

package/node/components/fileUploading/restrictions/restrictFileType/utils/getFileTypeFromName/getFileTypeFromName.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFileTypeFromName = void 0;
-const utils_1 = require("@astral/utils");
+const getFileType_1 = require("@astral/utils/file/getFileType");
 /**
  * Возвращает формат файла из названия файла
  */
@@ -12,6 +12,6 @@ const getFileTypeFromName = (filename) => {
     }
     // Берём всё после последней точки
     const extension = filename.slice(lastDotIndex + 1);
-    return (0, utils_1.getFileType)(extension) || extension;
+    return (0, getFileType_1.getFileType)(extension) || extension;
 };
 exports.getFileTypeFromName = getFileTypeFromName;

package/node/components/fileUploading/utils/declensionFile/declensionFile.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.declensionFile = void 0;
-const utils_1 = require("@astral/utils");
+const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
 // cSpell:ignore файлa
 // Записываем в родительском падеже
-exports.declensionFile = (0, utils_1.declensionOfWords)(['файлa', 'файлов', 'файлов']);
+exports.declensionFile = (0, declensionOfWords_1.declensionOfWords)(['файлa', 'файлов', 'файлов']);

package/node/components/hooks/useAsyncOptions/useAsyncOptions.d.ts

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

package/node/components/hooks/useAsyncOptions/useAsyncOptions.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAsyncOptions = void 0;
-const utils_1 = require("@astral/utils");
+const debounce_1 = require("@astral/utils/debounce");
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useLoadingState_1 = require("../../hooks/useLoadingState");
 /**
  * Хук для асинхронной загрузки опций в компонентах с поиском.
  * Управляет задержкой, отменой запросов и состояниями загрузки.
@@ -13,14 +13,14 @@ const useAsyncOptions = ({ fetchOptions, fetchDelayMs, minSymbolsToFetch, onData
     const [isFirstOpen, setIsFirstOpen] = (0, react_1.useState)(true);
     const [isLoadingError, setIsLoadingError] = (0, react_1.useState)(false);
     const abortControllerRef = (0, react_1.useRef)(null);
-    const { isShowLoader } = (0, hooks_1.useLoadingState)(isLoadingData);
+    const { isShowLoader } = (0, useLoadingState_1.useLoadingState)(isLoadingData);
     const [options, setOptions] = (0, react_1.useState)({
         options: [],
     });
     const optionsAdapter = (0, react_1.useCallback)((response) => {
         return Array.isArray(response) ? { options: response } : response;
     }, []);
-    const debouncedFetchOptions = (0, react_1.useCallback)((0, utils_1.debounce)((search) => {
+    const debouncedFetchOptions = (0, react_1.useCallback)((0, debounce_1.debounce)((search) => {
         abortControllerRef.current?.abort();
         const controller = new AbortController();
         abortControllerRef.current = controller;

package/node/components/hooks/useViewportType/useViewportType.js

@@ -1,10 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useViewportType = void 0;
-const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const useMediaQuery_1 = __importDefault(require("@mui/material/useMediaQuery"));
 const useViewportType = () => {
-    const theme = (0, material_1.useTheme)();
-    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
+    const theme = (0, styles_1.useTheme)();
+    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('sm'));
     return { isMobile };
 };
 exports.useViewportType = useViewportType;

package/node/components/placeholders/InternalErrorPlaceholder/InternalErrorPlaceholder.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalErrorPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
-const material_1 = require("@mui/material");
+const formatPhoneToView_1 = require("@astral/utils/phone/formatPhoneToView");
+const Link_1 = __importDefault(require("@mui/material/Link"));
 const react_1 = require("react");
 const Button_1 = require("../../Button");
 const ConfigProvider_1 = require("../../ConfigProvider");
@@ -14,6 +17,6 @@ const InternalErrorPlaceholder = () => {
     const handleClickRefresh = () => {
         location.reload();
     };
-    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", description: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u0442\u0435\u0445\u043D\u0438\u0447\u0435\u0441\u043A\u0443\u044E \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u0443:" }), (0, jsx_runtime_1.jsxs)(Typography_1.Typography, { children: ["email\u00A0", (0, jsx_runtime_1.jsx)(material_1.Link, { href: `mailto:${techSup.email}`, children: techSup.email }), ", \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u00A0", (0, jsx_runtime_1.jsx)(material_1.Link, { href: `tel:${techSup.phone}`, children: (0, utils_1.formatPhoneToView)(techSup.phone) })] })] }), imgAlt: "\u041D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", imgSrc: imagesMap.defaultErrorImgSrc, size: "medium", Actions: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClickRefresh, children: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }) }));
+    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", description: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u0442\u0435\u0445\u043D\u0438\u0447\u0435\u0441\u043A\u0443\u044E \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u0443:" }), (0, jsx_runtime_1.jsxs)(Typography_1.Typography, { children: ["email\u00A0", (0, jsx_runtime_1.jsx)(Link_1.default, { href: `mailto:${techSup.email}`, children: techSup.email }), ", \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u00A0", (0, jsx_runtime_1.jsx)(Link_1.default, { href: `tel:${techSup.phone}`, children: (0, formatPhoneToView_1.formatPhoneToView)(techSup.phone) })] })] }), imgAlt: "\u041D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", imgSrc: imagesMap.defaultErrorImgSrc, size: "medium", Actions: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClickRefresh, children: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }) }));
 };
 exports.InternalErrorPlaceholder = InternalErrorPlaceholder;

package/node/components/placeholders/Placeholder/styles.d.ts

@@ -13,7 +13,7 @@ export declare const InnerContainer: import("@emotion/styled/dist/declarations/s
 } & WithSize, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types"
     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("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/
     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/node/components/theme/breakpoints.d.ts

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

package/node/components/theme/components/MuiAlert.d.ts

@@ -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/node/components/theme/components/MuiAutocomplete.d.ts

@@ -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/node/components/theme/components/MuiAutocomplete.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
-const material_1 = require("@mui/material");
+const Autocomplete_1 = require("@mui/material/Autocomplete");
 exports.MuiAutocomplete = {
     styleOverrides: {
         root({ theme }) {
             return {
-                [`&.${material_1.autocompleteClasses.hasPopupIcon}.${material_1.autocompleteClasses.hasClearIcon}`]: {
-                    [`.${material_1.autocompleteClasses.inputRoot}`]: {
+                [`&.${Autocomplete_1.autocompleteClasses.hasPopupIcon}.${Autocomplete_1.autocompleteClasses.hasClearIcon}`]: {
+                    [`.${Autocomplete_1.autocompleteClasses.inputRoot}`]: {
                         paddingRight: `${theme.spacing(14)}`,
                     },
                 },

package/node/components/theme/components/MuiButton.d.ts

@@ -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 & {