@astral/ui 4.1.7 → 4.2.1

package/node/components/Autocomplete/Autocomplete.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -28,20 +17,28 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const AutocompleteInner = (props, ref) => {
     const { isValueEmpty, isPopperVisible, autocompleteProps } = (0, useLogic_1.useLogic)(props);
-    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = constants_1.DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false, loading } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps", "hideHelperText", "loading"]);
+    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = constants_1.DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false, loading, ...restProps } = props;
     const renderInput = (0, react_1.useCallback)((inputParams) => {
-        var _a;
-        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), { className: (0, utils_1.classNames)((_a = inputParams === null || inputParams === void 0 ? void 0 : inputParams.inputProps) === null || _a === void 0 ? void 0 : _a.className, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) }), inputRef,
-            required, placeholder: isValueEmpty ? placeholder : '', label,
+        const generalInputParams = {
+            ...inputParams,
+            inputProps: {
+                ...inputParams.inputProps,
+                className: (0, utils_1.classNames)(inputParams?.inputProps?.className, inputProps?.className),
+            },
+            inputRef,
+            required,
+            placeholder: isValueEmpty ? placeholder : '',
+            label,
             success,
             error,
             helperText,
             size,
-            hideHelperText });
+            hideHelperText,
+        };
         if (externalRenderInput) {
             return externalRenderInput(generalInputParams);
         }
-        return (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, generalInputParams));
+        return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...generalInputParams });
     }, [
         isValueEmpty,
         externalRenderInput,
@@ -60,29 +57,29 @@ const AutocompleteInner = (props, ref) => {
             return externalRenderOption(optionProps, option, optionState);
         }
         const isSelected = Boolean(optionProps['aria-selected']);
-        const { key } = optionProps, restOptionProps = __rest(optionProps, ["key"]);
-        return ((0, jsx_runtime_1.jsxs)(styles_1.StyledMenuItem, Object.assign({ selected: isSelected }, restOptionProps, { children: [multiple && ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { role: "menuitemcheckbox", checked: isSelected }) })), (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, Object.assign({ rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))] }), key));
+        const { key, ...restOptionProps } = optionProps;
+        return ((0, jsx_runtime_1.jsxs)(styles_1.StyledMenuItem, { selected: isSelected, ...restOptionProps, children: [multiple && ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { role: "menuitemcheckbox", checked: isSelected }) })), (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, ...overflowOption, children: optionProps.key })] }, key));
     }, [multiple, overflowOption, externalRenderOption]);
     const renderTags = (0, react_1.useCallback)((tags, getTagProps, ownerSate) => {
         if (externalRenderTags) {
             return externalRenderTags(tags, getTagProps, ownerSate);
         }
         return tags.map((tag, index) => {
-            const title = (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(tag)) || '';
-            const _a = getTagProps({ index }), { key } = _a, tagProps = __rest(_a, ["key"]);
-            return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, Object.assign({ variant: "light", color: "grey", label: title }, tagProps), key));
+            const title = getOptionLabel?.(tag) || '';
+            const { key, ...tagProps } = getTagProps({ index });
+            return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { variant: "light", color: "grey", label: title, ...tagProps }, key));
         });
     }, [getOptionLabel, externalRenderTags]);
     const renderPopper = (0, react_1.useCallback)((popperProps) => {
         if (!isPopperVisible) {
             return null;
         }
-        return (0, jsx_runtime_1.jsx)(material_1.Popper, Object.assign({}, popperProps));
+        return (0, jsx_runtime_1.jsx)(material_1.Popper, { ...popperProps });
     }, [isPopperVisible]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAutocomplete, Object.assign({}, restProps, { ref: ref, size: size, clearText: clearText, closeText: !loading ? closeText : '', openText: !loading ? openText : '', loadingText: loadingText, multiple: multiple, disableCloseOnSelect: multiple, clearIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}), loading: loading, popupIcon: loading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }) : (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}), forcePopupIcon: true, slotProps: {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAutocomplete, { ...restProps, ref: ref, size: size, clearText: clearText, closeText: !loading ? closeText : '', openText: !loading ? openText : '', loadingText: loadingText, multiple: multiple, disableCloseOnSelect: multiple, clearIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}), loading: loading, popupIcon: loading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }) : (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}), forcePopupIcon: true, slotProps: {
             popper: {
                 component: renderPopper,
             },
-        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption }, autocompleteProps)));
+        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption, ...autocompleteProps }));
 };
 exports.Autocomplete = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(AutocompleteInner);

package/node/components/Autocomplete/useLogic/useLogic.js

@@ -19,7 +19,7 @@ const useLogic = ({ value, isOptionEqualToValue: externalOptionEqualToValue, aut
         return JSON.stringify(option) === JSON.stringify(currentValue);
     }, [externalOptionEqualToValue]);
     const handleInputChange = (event, currentValue, reason) => {
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, currentValue, reason);
+        onInputChange?.(event, currentValue, reason);
         if (!loading) {
             setInnerInputValue(currentValue);
         }

package/node/components/Avatar/Avatar.js

@@ -1,22 +1,10 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-exports.Avatar = (0, react_1.forwardRef)((_a, ref) => {
-    var { color, size = 'lg' } = _a, restProps = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, Object.assign({}, restProps, { sx: { background: color, width: constants_1.Sizes[size], height: constants_1.Sizes[size] }, ref: ref, "$size": size })));
+exports.Avatar = (0, react_1.forwardRef)(({ color, size = 'lg', ...restProps }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...restProps, sx: { background: color, width: constants_1.Sizes[size], height: constants_1.Sizes[size] }, ref: ref, "$size": size }));
 });

package/node/components/AvatarGroup/AvatarGroup.js

@@ -1,21 +1,10 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const AvatarGroup = (props) => {
-    const { size = 'md' } = props, otherProps = __rest(props, ["size"]);
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledAvatarGroup, Object.assign({ spacing: 6 }, otherProps, { "$size": size }));
+    const { size = 'md', ...otherProps } = props;
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledAvatarGroup, { spacing: 6, ...otherProps, "$size": size });
 };
 exports.AvatarGroup = AvatarGroup;

package/node/components/BackdropStack/services/BackdropStackManager/BackdropStackManager.js

@@ -12,7 +12,6 @@ const backdropConflictsReasons = new Set([
 ]);
 class BackdropStackManager {
     constructor() {
-        var _a;
         this.stack = [];
         /**
          * сохраняем информацию о том какой был предыдущий вызов pop,
@@ -68,7 +67,7 @@ class BackdropStackManager {
             }
             return false;
         };
-        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerdown', () => {
+        globalThis?.document?.addEventListener('pointerdown', () => {
             this.currentPointerId = this.generateID();
         });
     }

package/node/components/Badge/Badge.js

@@ -1,21 +1,7 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Badge = (_a) => {
-    var { children, color, max = 99, withBorder = true, variantColor = 'contained' } = _a, props = __rest(_a, ["children", "color", "max", "withBorder", "variantColor"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, Object.assign({ "$customColor": color, max: max, "$withBorder": withBorder, "$variantColor": variantColor }, props, { children: children })));
-};
+const Badge = ({ children, color, max = 99, withBorder = true, variantColor = 'contained', ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { "$customColor": color, max: max, "$withBorder": withBorder, "$variantColor": variantColor, ...props, children: children }));
 exports.Badge = Badge;

package/node/components/Banner/Banner.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.banner = void 0;
 const react_1 = require("react");
@@ -74,8 +63,8 @@ class Banner {
                     return;
                 }
                 bannerId = Notification_1.notify.custom(({ toastProps }) => {
-                    const { key } = toastProps, restToastProps = __rest(toastProps, ["key"]);
-                    return ((0, react_1.createElement)(BannerTemplate_1.BannerTemplate, Object.assign({}, options, restToastProps, { onClose: options === null || options === void 0 ? void 0 : options.onClose, key: key })));
+                    const { key, ...restToastProps } = toastProps;
+                    return ((0, react_1.createElement)(BannerTemplate_1.BannerTemplate, { ...options, ...restToastProps, onClose: options?.onClose, key: key }));
                 }, {
                     containerId: options.containerId || Notification_1.BANNER_CONTAINER_ID,
                     hideProgressBar: true,

package/node/components/Banner/BannerActionButton/BannerActionButton.js

@@ -1,23 +1,11 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerActionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../Button");
 const hooks_1 = require("../../hooks");
-const BannerActionButton = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
+const BannerActionButton = ({ children, ...restProps }) => {
     const { isMobile } = (0, hooks_1.useViewportType)();
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...restProps, fullWidth: isMobile, size: "large", children: children }));
 };
 exports.BannerActionButton = BannerActionButton;

package/node/components/Banner/BannerContainer/BannerContainer.js

@@ -20,12 +20,11 @@ const BannerContainer = ({ bannerContainerId = Notification_1.BANNER_CONTAINER_I
         Banner_1.banner._init(isMobile, setIsOpenDialog);
     }, []);
     const handleCloseDialog = () => {
-        var _a;
         setIsOpenDialog(false);
-        if ((_a = Banner_1.banner._options) === null || _a === void 0 ? void 0 : _a.onClose) {
+        if (Banner_1.banner._options?.onClose) {
             Banner_1.banner._options.onClose();
         }
     };
-    return isMobile ? ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { onClose: handleCloseDialog, open: isOpenDialog, title: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", children: (0, jsx_runtime_1.jsx)(BannerTemplate_1.BannerTemplate, Object.assign({}, Banner_1.banner._options, { setIsOpenDialog: setIsOpenDialog })) })) : ((0, jsx_runtime_1.jsx)(styles_1.Inner, { containerId: bannerContainerId || Notification_1.BANNER_CONTAINER_ID, position: Notification_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${Notification_1.notifyClassnames.body}`, toastClassName: Notification_1.notifyClassnames.root, progressClassName: `${Notification_1.notifyClassnames.progress}` }));
+    return isMobile ? ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { onClose: handleCloseDialog, open: isOpenDialog, title: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", children: (0, jsx_runtime_1.jsx)(BannerTemplate_1.BannerTemplate, { ...Banner_1.banner._options, setIsOpenDialog: setIsOpenDialog }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Inner, { containerId: bannerContainerId || Notification_1.BANNER_CONTAINER_ID, position: Notification_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${Notification_1.notifyClassnames.body}`, toastClassName: Notification_1.notifyClassnames.root, progressClassName: `${Notification_1.notifyClassnames.progress}` }));
 };
 exports.BannerContainer = BannerContainer;

package/node/components/Banner/BannerTemplate/BannerTemplate.js

@@ -10,13 +10,13 @@ const BannerTemplate = (props) => {
     const { closeToast, imageSrc, title, description, onClose, action, setIsOpenDialog, } = props;
     const { isMobile } = (0, hooks_1.useViewportType)();
     const handleClose = () => {
-        closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        closeToast?.();
+        onClose?.();
     };
     const handleCloseForAction = () => {
-        closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-        setIsOpenDialog === null || setIsOpenDialog === void 0 ? void 0 : setIsOpenDialog(false);
+        closeToast?.();
+        setIsOpenDialog?.(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { children: [imageSrc && (0, jsx_runtime_1.jsx)(styles_1.Image, { src: imageSrc }), (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { container: true, children: [(0, jsx_runtime_1.jsxs)(styles_1.WrapperTextContent, { container: true, children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", children: description }))] }), (0, jsx_runtime_1.jsxs)(styles_1.Footer, { children: [!isMobile && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClose, variant: "text", size: "large", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" })), action === null || action === void 0 ? void 0 : action({ closeBanner: handleCloseForAction })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { children: [imageSrc && (0, jsx_runtime_1.jsx)(styles_1.Image, { src: imageSrc }), (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { container: true, children: [(0, jsx_runtime_1.jsxs)(styles_1.WrapperTextContent, { container: true, children: [title && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h4", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", children: description }))] }), (0, jsx_runtime_1.jsxs)(styles_1.Footer, { children: [!isMobile && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClose, variant: "text", size: "large", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" })), action?.({ closeBanner: handleCloseForAction })] })] })] }));
 };
 exports.BannerTemplate = BannerTemplate;

package/node/components/BottomDrawer/BottomDrawer.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomDrawer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,13 +6,12 @@ const icons_1 = require("../../icons");
 const IconButton_1 = require("../IconButton");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const BottomDrawer = (_a) => {
-    var { title, drawerHeaderHeight = constants_1.DEFAULT_HEADER_HEIGHT, children, onClose } = _a, props = __rest(_a, ["title", "drawerHeaderHeight", "children", "onClose"]);
+const BottomDrawer = ({ title, drawerHeaderHeight = constants_1.DEFAULT_HEADER_HEIGHT, children, onClose, ...props }) => {
     const handleClose = (event) => {
         if (onClose) {
             onClose(event, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, Object.assign({}, props, { anchor: "bottom", onClose: onClose, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { drawerHeaderHeight: drawerHeaderHeight, children: [(0, jsx_runtime_1.jsx)(styles_1.HeaderTitle, { variant: "h6", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleClose, size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })] }), (0, jsx_runtime_1.jsx)(styles_1.Body, { children: children })] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, { ...props, anchor: "bottom", onClose: onClose, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { drawerHeaderHeight: drawerHeaderHeight, children: [(0, jsx_runtime_1.jsx)(styles_1.HeaderTitle, { variant: "h6", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleClose, size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })] }), (0, jsx_runtime_1.jsx)(styles_1.Body, { children: children })] }));
 };
 exports.BottomDrawer = BottomDrawer;

package/node/components/Breadcrumbs/Breadcrumbs.js

@@ -4,6 +4,6 @@ exports.Breadcrumbs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const Breadcrumbs = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledBreadcrumbs, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledBreadcrumbs, { ...props });
 };
 exports.Breadcrumbs = Breadcrumbs;

package/node/components/BulletList/BulletList.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BulletList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,7 +7,7 @@ const styles_1 = require("./styles");
  * Список элементов с маркерами
  */
 const BulletList = (props) => {
-    const { children } = props, restProps = __rest(props, ["children"]);
-    return (0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({}, restProps, { children: children }));
+    const { children, ...restProps } = props;
+    return (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ...restProps, children: children });
 };
 exports.BulletList = BulletList;

package/node/components/BulletListInlineItem/BulletListInlineItem.js

@@ -4,6 +4,6 @@ exports.BulletListInlineItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const BulletListInlineItem = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledBulletListItem, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledBulletListItem, { ...props });
 };
 exports.BulletListInlineItem = BulletListInlineItem;

package/node/components/BulletListItem/BulletListItem.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BulletListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,6 +10,6 @@ const styles_1 = require("./styles");
  * Элемент с маркерами
  */
 exports.BulletListItem = (0, react_1.forwardRef)((props, ref) => {
-    const { children, className } = props, restProps = __rest(props, ["children", "className"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: (0, utils_1.classNames)(className), children: [(0, jsx_runtime_1.jsx)(styles_1.Icon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ component: "span" }, restProps, { children: children }))] }));
+    const { children, className, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: (0, utils_1.classNames)(className), children: [(0, jsx_runtime_1.jsx)(styles_1.Icon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "span", ...restProps, children: children })] }));
 });

package/node/components/Button/Button.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -23,10 +12,10 @@ const UnwrappedButton = (props, ref) => {
     const { loadingIndicatorColor } = (0, useLogic_1.useLogic)(props);
     const { variant = enums_1.ButtonVariants.Contained, color = variant === enums_1.ButtonVariants.Text
         ? enums_1.ButtonColors.Grey
-        : enums_1.ButtonColors.Primary, loading, disabled, children, className } = props, restProps = __rest(props, ["variant", "color", "loading", "disabled", "children", "className"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledButton, Object.assign({ variant: variant, ref: ref, color: color, disabled: disabled }, restProps, { className: (0, utils_1.classNames)(className, {
+        : enums_1.ButtonColors.Primary, loading, disabled, children, className, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled, ...restProps, className: (0, utils_1.classNames)(className, {
             [constants_1.buttonClassnames.loading]: loading,
-        }), "aria-disabled": loading, children: [loading && ((0, jsx_runtime_1.jsx)(styles_1.StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] })));
+        }), "aria-disabled": loading, children: [loading && ((0, jsx_runtime_1.jsx)(styles_1.StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] }));
 };
 exports.Button = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(UnwrappedButton);
 exports.default = exports.Button;

package/node/components/CheckableTag/CheckableTag.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckableTag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -28,13 +17,12 @@ const styles_1 = require("./styles");
  * />
 
  */
-exports.CheckableTag = (0, react_1.forwardRef)((_a, ref) => {
-    var { checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon } = _a, tagProps = __rest(_a, ["checked", "variant", "color", "onChange", "disabled", "startAddon", "endAddon"]);
+exports.CheckableTag = (0, react_1.forwardRef)(({ checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon, ...tagProps }, ref) => {
     const checkableStartAddon = StartAddon
-        ? (props) => ((0, jsx_runtime_1.jsx)(StartAddon, Object.assign({ checked: checked, disabled: disabled }, props)))
+        ? (props) => ((0, jsx_runtime_1.jsx)(StartAddon, { checked: checked, disabled: disabled, ...props }))
         : undefined;
     const checkableEndAddon = EndAddon
-        ? (props) => ((0, jsx_runtime_1.jsx)(EndAddon, Object.assign({ checked: checked, disabled: disabled }, props)))
+        ? (props) => ((0, jsx_runtime_1.jsx)(EndAddon, { checked: checked, disabled: disabled, ...props }))
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.HiddenInput, { type: "checkbox", ref: ref, checked: checked, onChange: onChange, disabled: disabled }), (0, jsx_runtime_1.jsx)(styles_1.StyledTag, Object.assign({ variant: variant, color: color, disabled: disabled, startAddon: checkableStartAddon, endAddon: checkableEndAddon, "$isChecked": checked }, tagProps))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.HiddenInput, { type: "checkbox", ref: ref, checked: checked, onChange: onChange, disabled: disabled }), (0, jsx_runtime_1.jsx)(styles_1.StyledTag, { variant: variant, color: color, disabled: disabled, startAddon: checkableStartAddon, endAddon: checkableEndAddon, "$isChecked": checked, ...tagProps })] }));
 });

package/node/components/Checkbox/Checkbox.js

@@ -9,5 +9,5 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
     const { onChange, color, isChecked, indeterminate, isError, disabled, restProps, className, role, style, name, inputRef, value, id, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, Object.assign({ role: role, "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, "$isIndeterminate": indeterminate, className: className, style: style, ref: ref }, restProps, { children: [(0, jsx_runtime_1.jsx)(styles_1.Input, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": indeterminate ? 'mixed' : isChecked, "aria-disabled": disabled, name: name, ref: inputRef, value: value, id: id, className: constants_1.checkboxClassnames.input }), (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.checkboxClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: constants_1.checkboxClassnames.icon, color: color }) })] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { role: role, "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, "$isIndeterminate": indeterminate, className: className, style: style, ref: ref, ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.Input, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": indeterminate ? 'mixed' : isChecked, "aria-disabled": disabled, name: name, ref: inputRef, value: value, id: id, className: constants_1.checkboxClassnames.input }), (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.checkboxClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: constants_1.checkboxClassnames.icon, color: color }) })] }));
 });

package/node/components/Checkbox/Icon/Icon.js

@@ -1,23 +1,9 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../SvgIcon");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
-const Icon = (_a) => {
-    var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({ size: "sm" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
-};
+const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { className: constants_1.checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), (0, jsx_runtime_1.jsx)("path", { className: (0, utils_1.classNames)(constants_1.checkboxClassnames.symbol, constants_1.checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
 exports.Icon = Icon;

package/node/components/Checkbox/useLogic/useLogic.js

@@ -1,30 +1,18 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
-const useLogic = (_a) => {
-    var { checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id } = _a, restProps = __rest(_a, ["checked", "indeterminate", "disabled", "isError", "defaultChecked", "onChange", "className", "role", "style", "name", "inputRef", "value", "id"]);
+const useLogic = ({ checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(defaultChecked || checked);
     (0, hooks_1.useUpdateEffect)(() => {
         setIsChecked(checked);
     }, [checked]);
     const onChange = (event) => {
         setIsChecked((prev) => !prev);
-        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event, event.target.checked);
+        propsOnChange?.(event, event.target.checked);
     };
     const color = (0, react_1.useMemo)(() => {
         if (disabled) {

package/node/components/CheckboxField/CheckboxField.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,8 +10,7 @@ const styles_1 = require("./styles");
 /**
  * Составной компонент чекбокса. Содержит label, tooltip, helperText и т.д.
  */
-exports.CheckboxField = (0, react_1.forwardRef)((_a, ref) => {
-    var { isSuccess, helperText, hideHelperText = false, label, isError } = _a, restProps = __rest(_a, ["isSuccess", "helperText", "hideHelperText", "label", "isError"]);
+exports.CheckboxField = (0, react_1.forwardRef)(({ isSuccess, helperText, hideHelperText = false, label, isError, ...restProps }, ref) => {
     const showTooltip = (0, react_1.useMemo)(() => Boolean(isError && hideHelperText), [isError, hideHelperText]);
-    return ((0, jsx_runtime_1.jsxs)(FormControl_1.FormControl, { ref: ref, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: showTooltip && helperText, placement: "bottom-start", withoutContainer: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledFormControlledLabel, { control: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({ isError: isError }, restProps)), label: label }) }), !hideHelperText && ((0, jsx_runtime_1.jsx)(styles_1.StyledFormHelperText, { error: isError, success: isSuccess, children: helperText }))] }));
+    return ((0, jsx_runtime_1.jsxs)(FormControl_1.FormControl, { ref: ref, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: showTooltip && helperText, placement: "bottom-start", withoutContainer: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledFormControlledLabel, { control: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { isError: isError, ...restProps }), label: label }) }), !hideHelperText && ((0, jsx_runtime_1.jsx)(styles_1.StyledFormHelperText, { error: isError, success: isSuccess, children: helperText }))] }));
 });

package/node/components/Chevron/Chevron.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Chevron = (props) => ((0, jsx_runtime_1.jsx)(styles_1.ChevronIcon, Object.assign({}, props)));
+const Chevron = (props) => ((0, jsx_runtime_1.jsx)(styles_1.ChevronIcon, { ...props }));
 exports.Chevron = Chevron;

package/node/components/CodeField/CodeField.js

@@ -29,5 +29,5 @@ exports.CodeField = (0, react_1.forwardRef)(({ label, resendTimeout = constants_
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, children: [label && (0, jsx_runtime_1.jsx)(styles_1.FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(styles_1.DigitsWrapper, { children: codeValue.map((value, index) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: Элементы статичны
-                (0, jsx_runtime_1.jsx)(styles_1.DigitsItem, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", height: 60, children: (0, jsx_runtime_1.jsx)(styles_1.Digit, { disabled: true }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Digit, { className: hidePersonalDataClassname, "$isError": isError, type: "text", inputMode: "numeric", pattern: "[0-9]", disabled: disabled, value: value !== null && value !== void 0 ? value : '', ref: setRef(index), onKeyUp: (e) => onKeyUp(e, index), onKeyDown: (e) => onKeyDown(e, index), onChange: (e) => onChange(e, index), onPaste: (e) => !disabled && onPaste(e) })) }, index))) }), isError && (0, jsx_runtime_1.jsx)(styles_1.StyledHelperText, { error: true, children: errorText }), isAllowResendCode && ((0, jsx_runtime_1.jsx)(Resend_odeButton_1.default, { resendTimeout: resendTimeout, disabled: disabled, loading: loading, onResendCode: onResendCode, clearCodeValue: clearCodeValue }))] }));
+                (0, jsx_runtime_1.jsx)(styles_1.DigitsItem, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", height: 60, children: (0, jsx_runtime_1.jsx)(styles_1.Digit, { disabled: true }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Digit, { className: hidePersonalDataClassname, "$isError": isError, type: "text", inputMode: "numeric", pattern: "[0-9]", disabled: disabled, value: value ?? '', ref: setRef(index), onKeyUp: (e) => onKeyUp(e, index), onKeyDown: (e) => onKeyDown(e, index), onChange: (e) => onChange(e, index), onPaste: (e) => !disabled && onPaste(e) })) }, index))) }), isError && (0, jsx_runtime_1.jsx)(styles_1.StyledHelperText, { error: true, children: errorText }), isAllowResendCode && ((0, jsx_runtime_1.jsx)(Resend_odeButton_1.default, { resendTimeout: resendTimeout, disabled: disabled, loading: loading, onResendCode: onResendCode, clearCodeValue: clearCodeValue }))] }));
 });

package/node/components/CodeField/hooks/useCodeState/useCodeState.js

@@ -25,10 +25,9 @@ const useCodeState = (initialValue, codeLength, setFocusIndexNext, setFocusIndex
         setCodeValue(Array.from({ length: codeLength }));
     };
     const deletePreviousSymbol = (index) => {
-        var _a;
         // если фокус на заполненном инпуте, то очищаем его;
         // если фокус на пустом инпуте, то очищаем предыдущий инпут.
-        const deleteIndex = ((_a = codeValue[index]) === null || _a === void 0 ? void 0 : _a.toString()) ? index : index - 1;
+        const deleteIndex = codeValue[index]?.toString() ? index : index - 1;
         const newCodeValue = [...codeValue];
         newCodeValue[deleteIndex] = '';
         setCodeValue(newCodeValue);
@@ -75,8 +74,7 @@ const useCodeState = (initialValue, codeLength, setFocusIndexNext, setFocusIndex
         }
     };
     const onPaste = (event) => {
-        var _a;
-        const pasteText = ((_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) || '';
+        const pasteText = event.clipboardData?.getData('text') || '';
         // оставляем только цифры + отсекаем лишние символы, если их кол-во больше, чем символов в коде
         const cleanedValue = pasteText
             .replace(constants_1.DIGITS_REGEX, '')

package/node/components/Collapse/Collapse.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collapse = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const Collapse = (props) => (0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({}, props));
+const Collapse = (props) => (0, jsx_runtime_1.jsx)(material_1.Collapse, { ...props });
 exports.Collapse = Collapse;