@astral/ui 4.18.1 → 4.18.3

package/components/DatePicker/DayPicker/DayPicker.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addMonths, addYears } from '@astral/utils';
+import { addMonths } from '@astral/utils/date/addMonths';
+import { addYears } from '@astral/utils/date/addYears';
 import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
 import { useLocaleDateTimeFormat } from '../../hooks';

package/components/DatePicker/MonthPicker/MonthPicker.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addYears } from '@astral/utils';
+import { addYears } from '@astral/utils/date/addYears';
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
 import { useLocaleDateTimeFormat } from '../../hooks';

package/components/DatePicker/YearPicker/YearPicker.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { addYears } from '@astral/utils';
+import { addYears } from '@astral/utils/date/addYears';
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
 import { datePickerClassnames, ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, } from '../constants';

package/components/DatePicker/hooks/useBaseDateInRange/useBaseDateInRange.js

@@ -1,4 +1,4 @@
-import { addMonths } from '@astral/utils';
+import { addMonths } from '@astral/utils/date/addMonths';
 import { useMemo } from 'react';
 import { buildIsoDate } from '../../../utils/date';
 /**

package/components/DatePicker/hooks/useMaskedValue/useMaskedValue.js

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { useEffect, useState } from 'react';
 import { formatDate, parseDate } from '../../../utils/date';
 /**

package/components/DatePicker/hooks/useSelectedBaseDate/useSelectedBaseDate.js

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { useEffect, useState } from 'react';
 import { areDatesSame, DateCompareDeep, isDateOutOfRange, } from '../../../utils/date';
 /**

package/components/DateRangePicker/useLogic/hooks/useBaseRangeDates/useBaseRangeDates.js

@@ -1,4 +1,4 @@
-import { addMonths } from '@astral/utils';
+import { addMonths } from '@astral/utils/date/addMonths';
 import { useEffect, useMemo, useState } from 'react';
 import { useBaseDateInRange } from '../../../../DatePicker/hooks';
 /**

package/components/DateRangePicker/useLogic/utils/getBoundaryDate/getBoundaryDate.js

@@ -1,4 +1,5 @@
-import { addDays, isDate } from '@astral/utils';
+import { addDays } from '@astral/utils/date/addDays';
+import { isDate } from '@astral/utils/date/isDate';
 /**
  * Утилита проверки целевой даты.
  * Если целевая дата в наличии, то возвращается дата со смещением равным offset.

package/components/EmailOrPhoneField/useLogic/useLogic.js

@@ -1,4 +1,7 @@
-import { checkPhone, checkProbablyEmail, formatPhoneToView, normalizePhone, } from '@astral/utils';
+import { checkProbablyEmail } from '@astral/utils/email/checkProbablyEmail';
+import { checkPhone } from '@astral/utils/phone/checkPhone';
+import { formatPhoneToView } from '@astral/utils/phone/formatPhoneToView';
+import { normalizePhone } from '@astral/utils/phone/normalizePhone';
 export const useLogic = (props) => {
     const { onBlur, onChange, value, inputProps, isHidePersonalData, ...restProps } = props;
     const getFieldType = (targetValue) => {

package/components/OverflowTypography/hooks/useOverflowed/useOverflowed.js

@@ -1,4 +1,4 @@
-import { debounce } from '@astral/utils';
+import { debounce } from '@astral/utils/debounce';
 import { useLayoutEffect, useRef, useState } from 'react';
 import { useFirstMountState } from '../../../hooks';
 export const useOverflowed = (forwardedRef, hasMultipleRows = false, hasVisibleLastSymbols = false) => {

package/components/StaticCalendar/StaticDaysCalendar/useLogic/utils/makeEdgeDates/makeEdgeDates.js

@@ -1,4 +1,4 @@
-import { addDays } from '@astral/utils';
+import { addDays } from '@astral/utils/date/addDays';
 import { DAYS_IN_WEEK } from '../../../../../constants';
 import { buildIsoDate, DAYS_CALENDAR_ITEMS_COUNT, } from '../../../../../utils/date';
 /**

package/components/StaticCalendar/StaticDaysCalendar/useLogic/utils/optimizeRangeDates/optimizeRangeDates.js

@@ -1,4 +1,4 @@
-import { addDays } from '@astral/utils';
+import { addDays } from '@astral/utils/date/addDays';
 import { makeEdgeDates } from '../makeEdgeDates';
 const getFromAccumulator = (date, accumulator) => {
     const key = date.toISOString();

package/components/fileUploading/FileInfo/FileInfo.js

@@ -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 { DotIcon, FileSize, StyledFilename, Wrapper } from './styles';
 export const FileInfo = ({ className, fileName, fileSize }) => {
     return (_jsxs(Wrapper, { className: className, children: [_jsx(StyledFilename, { children: fileName }), fileSize && (_jsxs(FileSize, { children: [_jsx(DotIcon, {}), formatFileSizeToView(fileSize)] }))] }));

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

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

@@ -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/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-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';

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

@@ -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.js

@@ -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/FilePreview/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-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';

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

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

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

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

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

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

@@ -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.js

@@ -1,4 +1,4 @@
-import { debounce } from '@astral/utils';
+import { debounce } from '@astral/utils/debounce';
 import { useCallback, useRef, useState } from 'react';
 import { useLoadingState } from '../../hooks';
 /**

package/components/placeholders/InternalErrorPlaceholder/InternalErrorPlaceholder.js

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

package/components/theme/components/MuiAutocomplete.js

@@ -34,6 +34,8 @@ export const MuiAutocomplete = {
                 alignItems: 'center',
                 justifyContent: 'flex-end',
                 color: theme.palette.grey[800],
+                transform: 'unset',
+                top: 'unset',
                 right: '8px !important',
                 flexGrow: 1,
                 '.MuiButtonBase-root': {

package/components/utils/date/areDatesSame/areDatesSame.js

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 /**
  * утилита для сверки совпадения дат, или их отсутствия
  */

package/components/utils/date/buildDaysCalendarGrid/buildDaysCalendarGrid.js

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { DAYS_IN_WEEK } from '../../../constants';
 import { buildIsoDate } from '../buildIsoDate';
 import { checkIsDateInRange } from '../checkIsDateInRange';

package/components/utils/date/buildIsoDate/buildIsoDateString.js

@@ -1,4 +1,4 @@
-import { zeroPad } from '@astral/utils';
+import { zeroPad } from '@astral/utils/zeroPad';
 /**
  * утилита генерирующая строковую дату в формате ISO
  */

package/components/utils/date/checkIsDateInRange/checkIsDateInRange.js

@@ -1,4 +1,4 @@
-import { isDate } from '@astral/utils';
+import { isDate } from '@astral/utils/date/isDate';
 import { isDateOutOfRange } from '../../../utils/date';
 /**
  * утилита проверки даты на то, что она попадает в указанный диапазон

package/components/utils/date/format/formatDate/formatDate.js

@@ -1,4 +1,4 @@
-import { zeroPad } from '@astral/utils';
+import { zeroPad } from '@astral/utils/zeroPad';
 import { DateMaskElements } from '../maskDate';
 const elementsMap = {
     [DateMaskElements.Day]: (date) => date.getUTCDate(),

package/node/components/DatePicker/DayPicker/DayPicker.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const addMonths_1 = require("@astral/utils/date/addMonths");
+const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const hooks_1 = require("../../hooks");
@@ -26,8 +27,8 @@ const DayPicker = ({ date: initialDate, selectedDate, onChange, isMondayFirst, r
     const { month: monthCaption, year: yearCaption } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).datePickerLanguageMap;
     const { baseDate, handlePrevClick, handleNextClick, handleDoubleNextClick, handleDoublePrevClick, } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: utils_1.addMonths,
-        addDoubleCb: isDoubleNavigationButtonsEnabled ? utils_1.addYears : undefined,
+        addCb: addMonths_1.addMonths,
+        addDoubleCb: isDoubleNavigationButtonsEnabled ? addYears_1.addYears : undefined,
     });
     const { popoverHovered } = (0, react_1.useContext)(PopoverHoveredContext_1.PopoverHoveredContext);
     const { maxDate, minDate } = (0, react_1.useContext)(MinMaxDateContext_1.MinMaxDateContext);

package/node/components/DatePicker/MonthPicker/MonthPicker.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const hooks_1 = require("../../hooks");
@@ -20,7 +20,7 @@ const MonthPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...
     });
     const { baseDate, handlePrevClick, handleNextClick } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: utils_1.addYears,
+        addCb: addYears_1.addYears,
     });
     const grid = (0, hooks_2.useMonthsGrid)({
         baseDate,

package/node/components/DatePicker/YearPicker/YearPicker.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YearPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const addYears_1 = require("@astral/utils/date/addYears");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const constants_1 = require("../constants");
@@ -13,7 +13,7 @@ const hooks_1 = require("./hooks");
 const YearPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const { baseDate, handlePrevClick, handleNextClick } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
-        addCb: (date, direction) => (0, utils_1.addYears)(date, constants_2.YEARS_IN_GRID * direction),
+        addCb: (date, direction) => (0, addYears_1.addYears)(date, constants_2.YEARS_IN_GRID * direction),
     });
     const grid = (0, hooks_1.useYearsGrid)({
         baseDate,

package/node/components/DatePicker/hooks/useBaseDateInRange/useBaseDateInRange.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBaseDateInRange = void 0;
-const utils_1 = require("@astral/utils");
+const addMonths_1 = require("@astral/utils/date/addMonths");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
  * хук который выдаст нам опорную дату, которая будет в пределах от минимальной, до максимальной, пригодится, когда текущая дата меньше минимальной, или больше максимальной.
  */
 const useBaseDateInRange = ({ minDate, maxDate, monthOffset = 0, initialDate, }) => (0, react_1.useMemo)(() => {
-    const currentDate = (0, utils_1.addMonths)(initialDate || new Date(), monthOffset);
+    const currentDate = (0, addMonths_1.addMonths)(initialDate || new Date(), monthOffset);
     const baseDate = (0, date_1.buildIsoDate)({
         year: currentDate.getUTCFullYear(),
         month: currentDate.getUTCMonth() + 1,

package/node/components/DatePicker/hooks/useMaskedValue/useMaskedValue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaskedValue = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
@@ -32,7 +32,7 @@ const useMaskedValue = ({ currentValue, mask, onChangeValue, }) => {
         }
         // здесь обрабатывается сценарий, когда в инпут вводится невалидная дата и при этом currentValue становится Invalid Date
         // в таком случае сравнить даты напрямую не получится
-        if (!(0, utils_1.isDate)(currentValue) && maskedValue) {
+        if (!(0, isDate_1.isDate)(currentValue) && maskedValue) {
             return;
         }
         // проверяем равны ли даты

package/node/components/DatePicker/hooks/useSelectedBaseDate/useSelectedBaseDate.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectedBaseDate = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const react_1 = require("react");
 const date_1 = require("../../../utils/date");
 /**
@@ -12,7 +12,7 @@ const date_1 = require("../../../utils/date");
 const useSelectedBaseDate = ({ currentValue, minDate, maxDate, }) => {
     const [baseDate, setBaseDate] = (0, react_1.useState)(currentValue);
     (0, react_1.useEffect)(() => {
-        if (!(0, utils_1.isDate)(currentValue)) {
+        if (!(0, isDate_1.isDate)(currentValue)) {
             setBaseDate(null);
             return;
         }

package/node/components/DateRangePicker/useLogic/hooks/useBaseRangeDates/useBaseRangeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBaseRangeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addMonths_1 = require("@astral/utils/date/addMonths");
 const react_1 = require("react");
 const hooks_1 = require("../../../../DatePicker/hooks");
 /**
@@ -12,7 +12,7 @@ const useBaseRangeDates = ({ minDate, maxDate, shouldReturnPrevValues, selectedS
     const [endBaseDate, setEndBaseDate] = (0, react_1.useState)();
     const startBaseInitial = (0, react_1.useMemo)(() => {
         if (!selectedStartDate && selectedEndDate) {
-            return (0, utils_1.addMonths)(selectedEndDate, -monthOffset);
+            return (0, addMonths_1.addMonths)(selectedEndDate, -monthOffset);
         }
         return selectedStartDate;
     }, [monthOffset, selectedEndDate, selectedStartDate]);
@@ -20,7 +20,7 @@ const useBaseRangeDates = ({ minDate, maxDate, shouldReturnPrevValues, selectedS
         if (!selectedStartDate && selectedEndDate) {
             return selectedEndDate;
         }
-        return (0, utils_1.addMonths)(selectedStartDate || new Date(), monthOffset);
+        return (0, addMonths_1.addMonths)(selectedStartDate || new Date(), monthOffset);
     }, [monthOffset, selectedEndDate, selectedStartDate]);
     const startBaseDateCandidate = (0, hooks_1.useBaseDateInRange)({
         minDate,

package/node/components/DateRangePicker/useLogic/utils/getBoundaryDate/getBoundaryDate.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBoundaryDate = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
+const isDate_1 = require("@astral/utils/date/isDate");
 /**
  * Утилита проверки целевой даты.
  * Если целевая дата в наличии, то возвращается дата со смещением равным offset.
  * Если целевая дата отсутствует, то вернется reserve дата.
  */
 const getBoundaryDate = ({ reserve, target, offset = 0, }) => {
-    if ((0, utils_1.isDate)(target)) {
-        return (0, utils_1.addDays)(target, offset);
+    if ((0, isDate_1.isDate)(target)) {
+        return (0, addDays_1.addDays)(target, offset);
     }
     return reserve;
 };

package/node/components/EmailOrPhoneField/useLogic/useLogic.js

@@ -1,15 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const utils_1 = require("@astral/utils");
+const checkProbablyEmail_1 = require("@astral/utils/email/checkProbablyEmail");
+const checkPhone_1 = require("@astral/utils/phone/checkPhone");
+const formatPhoneToView_1 = require("@astral/utils/phone/formatPhoneToView");
+const normalizePhone_1 = require("@astral/utils/phone/normalizePhone");
 const useLogic = (props) => {
     const { onBlur, onChange, value, inputProps, isHidePersonalData, ...restProps } = props;
     const getFieldType = (targetValue) => {
-        if ((0, utils_1.checkProbablyEmail)(targetValue)) {
+        if ((0, checkProbablyEmail_1.checkProbablyEmail)(targetValue)) {
             return 'email';
         }
-        const normalizedValue = (0, utils_1.normalizePhone)(targetValue);
-        if ((0, utils_1.checkPhone)(normalizedValue)) {
+        const normalizedValue = (0, normalizePhone_1.normalizePhone)(targetValue);
+        if ((0, checkPhone_1.checkPhone)(normalizedValue)) {
             return 'phone';
         }
         return 'unknown';
@@ -19,7 +22,7 @@ const useLogic = (props) => {
         const type = getFieldType(targetValue);
         onChange?.({
             value: targetValue,
-            normalizedValue: type === 'phone' ? (0, utils_1.normalizePhone)(targetValue) : targetValue,
+            normalizedValue: type === 'phone' ? (0, normalizePhone_1.normalizePhone)(targetValue) : targetValue,
             type,
         });
     };
@@ -27,8 +30,8 @@ const useLogic = (props) => {
         const targetValue = event.target.value;
         const type = getFieldType(targetValue);
         if (type === 'phone') {
-            const normalizedValue = (0, utils_1.normalizePhone)(targetValue);
-            const formattedValue = (0, utils_1.formatPhoneToView)(normalizedValue) || '';
+            const normalizedValue = (0, normalizePhone_1.normalizePhone)(targetValue);
+            const formattedValue = (0, formatPhoneToView_1.formatPhoneToView)(normalizedValue) || '';
             onChange?.({
                 value: formattedValue,
                 normalizedValue,

package/node/components/OverflowTypography/hooks/useOverflowed/useOverflowed.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOverflowed = 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 useOverflowed = (forwardedRef, hasMultipleRows = false, hasVisibleLastSymbols = false) => {
@@ -38,7 +38,7 @@ const useOverflowed = (forwardedRef, hasMultipleRows = false, hasVisibleLastSymb
             checkOverflow([resizeEntry]);
         }
         else {
-            resizeObserver = new ResizeObserver((0, utils_1.debounce)(checkOverflow, 500));
+            resizeObserver = new ResizeObserver((0, debounce_1.debounce)(checkOverflow, 500));
             resizeObserver.observe(node);
         }
         //функция очистки должна обязательно возвращаться в теле хука, иначе она не вызывается

package/node/components/StaticCalendar/StaticDaysCalendar/useLogic/utils/makeEdgeDates/makeEdgeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeEdgeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
 const constants_1 = require("../../../../../constants");
 const date_1 = require("../../../../../utils/date");
 /**
@@ -22,8 +22,8 @@ const makeEdgeDates = (baseDate, isMondayFirst) => {
         ? constants_1.DAYS_IN_WEEK - 1
         : weekBaseDate + firstDayCompensate - 1;
     const addDayCount = offset * -1;
-    const startDate = (0, utils_1.addDays)(optimizedBaseDate, addDayCount);
-    const endDate = (0, utils_1.addDays)(startDate, date_1.DAYS_CALENDAR_ITEMS_COUNT - 1);
+    const startDate = (0, addDays_1.addDays)(optimizedBaseDate, addDayCount);
+    const endDate = (0, addDays_1.addDays)(startDate, date_1.DAYS_CALENDAR_ITEMS_COUNT - 1);
     return {
         startDate,
         endDate,

package/node/components/StaticCalendar/StaticDaysCalendar/useLogic/utils/optimizeRangeDates/optimizeRangeDates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optimizeRangeDates = void 0;
-const utils_1 = require("@astral/utils");
+const addDays_1 = require("@astral/utils/date/addDays");
 const makeEdgeDates_1 = require("../makeEdgeDates");
 const getFromAccumulator = (date, accumulator) => {
     const key = date.toISOString();
@@ -29,8 +29,8 @@ const optimizeRangeDates = ({ baseDate, dateA, dateB, isMondayFirst, accumulator
         return { dateA: null, dateB: null };
     }
     const { startDate, endDate } = (0, makeEdgeDates_1.makeEdgeDates)(baseDate, isMondayFirst);
-    const beforeStart = getFromAccumulator((0, utils_1.addDays)(startDate, -1), accumulator);
-    const afterEnd = getFromAccumulator((0, utils_1.addDays)(endDate, 1), accumulator);
+    const beforeStart = getFromAccumulator((0, addDays_1.addDays)(startDate, -1), accumulator);
+    const afterEnd = getFromAccumulator((0, addDays_1.addDays)(endDate, 1), accumulator);
     if (dateA && dateB) {
         const isALessThanStart = dateA < startDate;
         const isBLessThanStart = dateB < startDate;

package/node/components/fileUploading/FileInfo/FileInfo.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInfo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const styles_1 = require("./styles");
 const FileInfo = ({ className, fileName, fileSize }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFilename, { children: fileName }), fileSize && ((0, jsx_runtime_1.jsxs)(styles_1.FileSize, { children: [(0, jsx_runtime_1.jsx)(styles_1.DotIcon, {}), (0, utils_1.formatFileSizeToView)(fileSize)] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFilename, { children: fileName }), fileSize && ((0, jsx_runtime_1.jsxs)(styles_1.FileSize, { children: [(0, jsx_runtime_1.jsx)(styles_1.DotIcon, {}), (0, formatFileSizeToView_1.formatFileSizeToView)(fileSize)] }))] }));
 };
 exports.FileInfo = FileInfo;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HintPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const Typography_1 = require("../../../Typography");
-const utils_2 = require("../../utils");
+const utils_1 = require("../../utils");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const HintPlaceholder = (props) => {
@@ -13,8 +13,8 @@ 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_2.declensionFile)(maxFileCount), " \u0440\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', (0, utils_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, 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. \u0420\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', (0, utils_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 })] }));
 };
 exports.HintPlaceholder = HintPlaceholder;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const utils_1 = require("@astral/utils");
+const formatFileTypeToView_1 = require("@astral/utils/file/formatFileTypeToView");
 const useLogic = ({ accept, ...restProps }) => {
-    const extensions = accept.map(utils_1.formatFileTypeToView).join(', ');
+    const extensions = accept.map(formatFileTypeToView_1.formatFileTypeToView).join(', ');
     return { extensions, ...restProps };
 };
 exports.useLogic = useLogic;

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

@@ -1,12 +1,12 @@
 "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 utils_1 = require("../../../utils");
 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, hooks_1.useGenerateLocalFileURL)();
@@ -45,11 +45,11 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         if (onView) {
             return { isShowViewButton: true, onClick: handleView };
         }
-        const extension = file && (0, utils_1.getFileExtension)(file?.type);
+        const extension = file && (0, getFileExtension_1.getFileExtension)(file?.type);
         if (checkIsAcceptedExtension(extension)) {
             return {
                 isShowViewButton: true,
-                ...(0, utils_2.generateAttrLinkNewTab)(downloadLink),
+                ...(0, utils_1.generateAttrLinkNewTab)(downloadLink),
             };
         }
         return {

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HintPlaceholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@astral/utils");
+const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const Typography_1 = require("../../../Typography");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const HintPlaceholder = (props) => {
     const { extensions, imageProps, maxFileSize, placeholder, className, RenderImage, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(RenderImage, { ...imageProps, alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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, utils_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(RenderImage, { ...imageProps, alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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 })] })) })] }));
 };
 exports.HintPlaceholder = HintPlaceholder;

package/node/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const utils_1 = require("@astral/utils");
+const formatFileTypeToView_1 = require("@astral/utils/file/formatFileTypeToView");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const styles_1 = require("../styles");
@@ -10,7 +10,7 @@ const useLogic = ({ accept, placeholderImgSrc, ...rest }) => {
     const { uploadFileImgSrc } = imagesMap;
     const configRenderImage = components?.placeholder?.defaultProps?.renderImage;
     const RenderImage = (0, react_1.useMemo)(() => configRenderImage ? (0, styles_1.setDefaultImageStyles)(configRenderImage) : styles_1.Image, [configRenderImage]);
-    const extensions = accept?.map(utils_1.formatFileTypeToView).join(', ');
+    const extensions = accept?.map(formatFileTypeToView_1.formatFileTypeToView).join(', ');
     return {
         RenderImage,
         extensions,

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

@@ -1,7 +1,7 @@
 "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");
 /**
@@ -20,7 +20,7 @@ const useAsyncOptions = ({ fetchOptions, fetchDelayMs, minSymbolsToFetch, onData
     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/placeholders/InternalErrorPlaceholder/InternalErrorPlaceholder.js

@@ -2,7 +2,7 @@
 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 formatPhoneToView_1 = require("@astral/utils/phone/formatPhoneToView");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const Button_1 = require("../../Button");
@@ -14,6 +14,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)(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, 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/theme/components/MuiAutocomplete.js

@@ -37,6 +37,8 @@ exports.MuiAutocomplete = {
                 alignItems: 'center',
                 justifyContent: 'flex-end',
                 color: theme.palette.grey[800],
+                transform: 'unset',
+                top: 'unset',
                 right: '8px !important',
                 flexGrow: 1,
                 '.MuiButtonBase-root': {

package/node/components/utils/date/areDatesSame/areDatesSame.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.areDatesSame = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 /**
  * утилита для сверки совпадения дат, или их отсутствия
  */
-const areDatesSame = (a, b) => ((0, utils_1.isDate)(a) && (0, utils_1.isDate)(b) && Number(a) === Number(b)) || a === b;
+const areDatesSame = (a, b) => ((0, isDate_1.isDate)(a) && (0, isDate_1.isDate)(b) && Number(a) === Number(b)) || a === b;
 exports.areDatesSame = areDatesSame;

package/node/components/utils/date/buildDaysCalendarGrid/buildDaysCalendarGrid.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildDaysCalendarGrid = exports.DAYS_CALENDAR_ITEMS_COUNT = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const constants_1 = require("../../../constants");
 const buildIsoDate_1 = require("../buildIsoDate");
 const checkIsDateInRange_1 = require("../checkIsDateInRange");
@@ -56,7 +56,7 @@ const buildDaysCalendarGrid = ({ minDate, maxDate, selectedDate, selectedRanges,
             ...productionCalendarDay,
             isOutOfAvailableRange: dateMonth !== month,
             index,
-            isSelected: (((0, utils_1.isDate)(selectedDate) &&
+            isSelected: (((0, isDate_1.isDate)(selectedDate) &&
                 (0, compareDateDayByUTC_1.compareDateDayByUTC)(selectedDate, date)) ||
                 selectedRanges?.some(({ dateA, dateB }) => (0, compareDateDayByUTC_1.compareDateDayByUTC)(dateA, date) ||
                     (0, compareDateDayByUTC_1.compareDateDayByUTC)(dateB, date))) ??

package/node/components/utils/date/buildIsoDate/buildIsoDateString.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildIsoDateString = void 0;
-const utils_1 = require("@astral/utils");
+const zeroPad_1 = require("@astral/utils/zeroPad");
 /**
  * утилита генерирующая строковую дату в формате ISO
  */
 const buildIsoDateString = ({ year, month = 1, day = 1, hour = 0, minute = 0, second = 0, }) => {
-    const YYYY = (0, utils_1.zeroPad)(year, 4);
-    const MM = (0, utils_1.zeroPad)(month, 2);
-    const DD = (0, utils_1.zeroPad)(day, 2);
-    const HH = (0, utils_1.zeroPad)(hour, 2);
-    const mm = (0, utils_1.zeroPad)(minute, 2);
-    const ss = (0, utils_1.zeroPad)(second, 2);
+    const YYYY = (0, zeroPad_1.zeroPad)(year, 4);
+    const MM = (0, zeroPad_1.zeroPad)(month, 2);
+    const DD = (0, zeroPad_1.zeroPad)(day, 2);
+    const HH = (0, zeroPad_1.zeroPad)(hour, 2);
+    const mm = (0, zeroPad_1.zeroPad)(minute, 2);
+    const ss = (0, zeroPad_1.zeroPad)(second, 2);
     return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}.000Z`;
 };
 exports.buildIsoDateString = buildIsoDateString;

package/node/components/utils/date/checkIsDateInRange/checkIsDateInRange.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsDateInRange = void 0;
-const utils_1 = require("@astral/utils");
+const isDate_1 = require("@astral/utils/date/isDate");
 const date_1 = require("../../../utils/date");
 /**
  * утилита проверки даты на то, что она попадает в указанный диапазон
  */
-const checkIsDateInRange = ({ dateA, dateB, date, deep, }) => (0, utils_1.isDate)(dateA) &&
-    (0, utils_1.isDate)(dateB) &&
+const checkIsDateInRange = ({ dateA, dateB, date, deep, }) => (0, isDate_1.isDate)(dateA) &&
+    (0, isDate_1.isDate)(dateB) &&
     !(0, date_1.isDateOutOfRange)({ date, dateA: dateA, dateB: dateB, deep });
 exports.checkIsDateInRange = checkIsDateInRange;

package/node/components/utils/date/format/formatDate/formatDate.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatDate = void 0;
-const utils_1 = require("@astral/utils");
+const zeroPad_1 = require("@astral/utils/zeroPad");
 const maskDate_1 = require("../maskDate");
 const elementsMap = {
     [maskDate_1.DateMaskElements.Day]: (date) => date.getUTCDate(),
@@ -18,6 +18,6 @@ const formatDate = (date, mask, separator = '.') => mask
     .split(separator)
     .map((element) => elementsMap[element]?.(date))
     .filter(Number.isInteger)
-    .map((value) => (0, utils_1.zeroPad)(value, 2))
+    .map((value) => (0, zeroPad_1.zeroPad)(value, 2))
     .join(separator);
 exports.formatDate = formatDate;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "4.18.1",
+  "version": "4.18.3",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
-    "@astral/utils": "^1.17.0",
+    "@astral/utils": "^1.18.1",
     "@emotion/cache": "^11.13.5",
     "@emotion/react": "^11.13.5",
     "@emotion/hash": "0.9.2",