@astral/ui 4.2.0 → 4.2.2

package/node/components/Description/Name/Name.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.Name = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,9 +6,8 @@ const react_1 = require("react");
 const Typography_1 = require("../../Typography");
 const DescriptionContext_1 = require("../DescriptionContext");
 const styles_1 = require("./styles");
-const Name = (_a) => {
-    var { children, color = 'textSecondary' } = _a, props = __rest(_a, ["children", "color"]);
+const Name = ({ children, color = 'textSecondary', ...props }) => {
     const { leader, separator } = (0, react_1.useContext)(DescriptionContext_1.DescriptionContext);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$leader": leader, children: (0, jsx_runtime_1.jsxs)(Typography_1.Typography, Object.assign({}, props, { color: color, children: [children, !leader && separator] })) }), leader && (0, jsx_runtime_1.jsx)(styles_1.DashedSeparator, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$leader": leader, children: (0, jsx_runtime_1.jsxs)(Typography_1.Typography, { ...props, color: color, children: [children, !leader && separator] }) }), leader && (0, jsx_runtime_1.jsx)(styles_1.DashedSeparator, {})] }));
 };
 exports.Name = Name;

package/node/components/Description/Value/Value.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.Value = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,13 +7,13 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Value = (props) => {
     const { valueToRender, isDefaultValueRender, leader, direction } = (0, useLogic_1.useLogic)(props);
-    const { copyPosition = 'right', copyText, canCopy, children, stub, isHidePersonalData = false } = props, restProps = __rest(props, ["copyPosition", "copyText", "canCopy", "children", "stub", "isHidePersonalData"]);
+    const { copyPosition = 'right', copyText, canCopy, children, stub, isHidePersonalData = false, ...restProps } = props;
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
     if (isDefaultValueRender) {
-        return ((0, jsx_runtime_1.jsx)(styles_1.StyledTypography, Object.assign({ "$direction": direction, component: "dd", children: valueToRender, "$leader": leader, className: hidePersonalDataClassname }, restProps)));
+        return ((0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { "$direction": direction, component: "dd", children: valueToRender, "$leader": leader, className: hidePersonalDataClassname, ...restProps }));
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledCopyTypography, Object.assign({ copyPosition: copyPosition, copyText: copyText, "$direction": direction, "$leader": leader, component: "div", className: hidePersonalDataClassname }, restProps, { children: valueToRender })) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledCopyTypography, { copyPosition: copyPosition, copyText: copyText, "$direction": direction, "$leader": leader, component: "div", className: hidePersonalDataClassname, ...restProps, children: valueToRender }) }));
 };
 exports.Value = Value;

package/node/components/DescriptionList/DescriptionList.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.DescriptionList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,8 +10,7 @@ const Typography_1 = require("../Typography");
 const hooks_1 = require("./hooks");
 const styles_1 = require("./styles");
 const utils_1 = require("./utils");
-const DescriptionList = (_a) => {
-    var { items, variant: listVariant = 'default', title, direction } = _a, props = __rest(_a, ["items", "variant", "title", "direction"]);
+const DescriptionList = ({ items, variant: listVariant = 'default', title, direction, ...props }) => {
     const descriptionItems = (0, hooks_1.useGroupedDescriptionItems)({ items });
     const render = (0, react_1.useCallback)((value, optionProps) => {
         const { renderValue, color, canCopy, copyPosition, variant, copyText } = optionProps;
@@ -51,8 +39,8 @@ const DescriptionList = (_a) => {
         return note;
     };
     const renderItem = (value, name, options) => {
-        const _a = options || {}, { nameMaxWidth, note } = _a, restOptions = __rest(_a, ["nameMaxWidth", "note"]);
-        return ((0, jsx_runtime_1.jsxs)(styles_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(Description_1.Description, Object.assign({ direction: direction }, props, { component: "div", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] })), note && renderNote(note)] }, `${name}:${value}`));
+        const { nameMaxWidth, note, ...restOptions } = options || {};
+        return ((0, jsx_runtime_1.jsxs)(styles_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(Description_1.Description, { direction: direction, ...props, component: "div", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] }), note && renderNote(note)] }, `${name}:${value}`));
     };
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$variant": listVariant, children: [title && renderTitle(), descriptionItems.map((group, groupIndex) => ((0, jsx_runtime_1.jsx)(styles_1.ListWrapper, { "$direction": direction, "$hasDivider": groupIndex !== 0, "$variant": listVariant, children: group.map(({ name, value, options }) => renderItem(value, name, options)) }, groupIndex)))] }));
 };

package/node/components/Dialog/Dialog.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.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,8 +6,7 @@ const BottomDrawer_1 = require("../BottomDrawer");
 const DialogTitle_1 = require("../DialogTitle");
 const hooks_1 = require("../hooks");
 const styles_1 = require("./styles");
-const Dialog = (_a) => {
-    var { children, title, disableBackdropClick, onClose, size = 'md' } = _a, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose", "size"]);
+const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', ...props }) => {
     const handleClose = onClose &&
         ((event, reason) => {
             if (disableBackdropClick && reason === 'backdropClick') {
@@ -28,8 +16,8 @@ const Dialog = (_a) => {
         });
     const { isMobile } = (0, hooks_1.useViewportType)();
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, Object.assign({ onClose: handleClose, title: title }, props, { children: children })));
+        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { onClose: handleClose, title: title, ...props, children: children }));
     }
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDialog, Object.assign({ "$size": size, onClose: handleClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(DialogTitle_1.DialogTitle, { onClose: onClose, children: title }), children] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDialog, { "$size": size, onClose: handleClose, ...props, children: [title && (0, jsx_runtime_1.jsx)(DialogTitle_1.DialogTitle, { onClose: onClose, children: title }), children] }));
 };
 exports.Dialog = Dialog;

package/node/components/DialogActions/DialogActions.js

@@ -1,21 +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.DialogActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const DialogActions = (_a) => {
-    var { children, disableSpacing } = _a, props = __rest(_a, ["children", "disableSpacing"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) })));
+const DialogActions = ({ children, disableSpacing, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, { ...props, children: (0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
 };
 exports.DialogActions = DialogActions;

package/node/components/DialogContent/DialogContent.js

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

package/node/components/DialogContentText/DialogContentText.js

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

package/node/components/DialogTitle/DialogTitle.js

@@ -1,29 +1,17 @@
 "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.DialogTitle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const icons_1 = require("../../icons");
 const IconButton_1 = require("../IconButton");
-const DialogTitle = (_a) => {
+const DialogTitle = ({ children, onClose, ...props }) => {
     // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
-    var { children, onClose } = _a, props = __rest(_a, ["children", "onClose"]);
     const handleTitleClick = (e) => {
         if (onClose) {
             onClose(e, 'escapeKeyDown');
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, Object.assign({}, props, { children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { ...props, children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
 };
 exports.DialogTitle = DialogTitle;

package/node/components/Divider/Divider.js

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

package/node/components/DropdownButton/DropdownButton.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.DropdownButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,8 +8,7 @@ const Button_1 = require("../Button");
 const Chevron_1 = require("../Chevron");
 const hooks_1 = require("../hooks");
 const Menu_1 = require("../Menu");
-exports.DropdownButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, name, popoverProps } = _a, props = __rest(_a, ["children", "name", "popoverProps"]);
+exports.DropdownButton = (0, react_1.forwardRef)(({ children, name, popoverProps, ...props }, ref) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, props, { ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name })) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, popoverProps, { children: children }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
 });

package/node/components/EmailField/EmailField.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.EmailField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,11 +6,13 @@ const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
 const utils_1 = require("../utils");
-exports.EmailField = (0, react_1.forwardRef)((_a, ref) => {
-    var { isHidePersonalData, inputProps } = _a, props = __rest(_a, ["isHidePersonalData", "inputProps"]);
+exports.EmailField = (0, react_1.forwardRef)(({ isHidePersonalData, inputProps, ...props }, ref) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
         type: 'input',
     });
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({ ref: ref, type: "email", inputProps: Object.assign(Object.assign({}, inputProps), { className: (0, utils_1.classNames)(inputProps === null || inputProps === void 0 ? void 0 : inputProps.className, hidePersonalDataClassname) }) }, props)));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "email", inputProps: {
+            ...inputProps,
+            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+        }, ...props }));
 });

package/node/components/EmailOrPhoneField/EmailOrPhoneField.js

@@ -20,5 +20,8 @@ exports.EmailOrPhoneField = (0, react_1.forwardRef)((props, ref) => {
         isEnabled: isHidePersonalData,
         type: 'input',
     });
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({ ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: Object.assign(Object.assign({}, inputProps), { className: (0, utils_1.classNames)(inputProps === null || inputProps === void 0 ? void 0 : inputProps.className, hidePersonalDataClassname) }) }, restProps)));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: {
+            ...inputProps,
+            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+        }, ...restProps }));
 });

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

@@ -1,20 +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.useLogic = void 0;
 const utils_1 = require("@astral/utils");
 const useLogic = (props) => {
-    const { onBlur, onChange, value, inputProps, isHidePersonalData } = props, restProps = __rest(props, ["onBlur", "onChange", "value", "inputProps", "isHidePersonalData"]);
+    const { onBlur, onChange, value, inputProps, isHidePersonalData, ...restProps } = props;
     const getFieldType = (targetValue) => {
         if ((0, utils_1.checkProbablyEmail)(targetValue)) {
             return 'email';
@@ -28,7 +17,7 @@ const useLogic = (props) => {
     const handleChange = (event) => {
         const targetValue = event.target.value;
         const type = getFieldType(targetValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange({
+        onChange?.({
             value: targetValue,
             normalizedValue: type === 'phone' ? (0, utils_1.normalizePhone)(targetValue) : targetValue,
             type,
@@ -40,18 +29,18 @@ const useLogic = (props) => {
         if (type === 'phone') {
             const normalizedValue = (0, utils_1.normalizePhone)(targetValue);
             const formattedValue = (0, utils_1.formatPhoneToView)(normalizedValue) || '';
-            onChange === null || onChange === void 0 ? void 0 : onChange({
+            onChange?.({
                 value: formattedValue,
                 normalizedValue,
                 type,
             });
         }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
     };
     return {
         onBlur: handleBlur,
         restProps,
-        inputValue: value === null || value === void 0 ? void 0 : value.value,
+        inputValue: value?.value,
         onChange: handleChange,
         inputProps,
         isHidePersonalData,

package/node/components/ErrorBoundary/ErrorBoundary.js

@@ -31,10 +31,10 @@ class ErrorBoundary extends react_1.default.Component {
         };
     }
     static getDerivedStateFromError(error) {
-        var _a, _b;
         return {
             hasError: true,
-            typeError: (_b = (_a = constants_1.CONDITION_TYPE_ERROR.find(({ condition }) => condition(error))) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : enums_1.ErrorBoundaryTypeError.Default,
+            typeError: constants_1.CONDITION_TYPE_ERROR.find(({ condition }) => condition(error))?.type ??
+                enums_1.ErrorBoundaryTypeError.Default,
         };
     }
     componentDidCatch(error) {

package/node/components/ErrorBoundary/ErrorBoundary.stubs.js

@@ -8,11 +8,19 @@ const Button_1 = require("../Button");
  * Кастомная ошибка подгрузки чанков при релизах
  */
 class OutdatedReleaseError extends Error {
-    constructor(message = '', ...args) {
-        super(message, ...args);
+    constructor(message = '') {
+        super(message);
         this.name = 'ChunkLoadError';
     }
 }
+/**
+ * Компонент, который выбрасывает ошибку при рендере
+ */
+const ThrowError = ({ error, children, }) => {
+    throw error;
+    // biome-ignore lint/correctness/noUnreachable: Необходимо для теста
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+};
 /**
  * Кнопка для вызова ошибки type = Default
  */
@@ -21,12 +29,7 @@ const BuggyButton = () => {
     const onClick = () => {
         setCount(count + 1);
     };
-    (0, react_1.useEffect)(() => {
-        if (count === 2) {
-            throw new Error('Кнопка сломалась на 2 клике');
-        }
-    });
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0421\u043B\u043E\u043C\u0430\u044E\u0441\u044C \u043D\u0430 2 \u043A\u043B\u0438\u043A\u0435" });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [count === 2 && ((0, jsx_runtime_1.jsx)(ThrowError, { error: new Error('Кнопка сломалась на 2 клике') })), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0421\u043B\u043E\u043C\u0430\u044E\u0441\u044C \u043D\u0430 2 \u043A\u043B\u0438\u043A\u0435" })] }));
 };
 exports.BuggyButton = BuggyButton;
 /**
@@ -37,12 +40,7 @@ const ChunkLoadErrorButton = () => {
     const onClick = () => {
         setIsClicked(true);
     };
-    (0, react_1.useEffect)(() => {
-        if (isClicked) {
-            throw new OutdatedReleaseError('Ошибка загрузки приложения');
-        }
-    });
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isClicked && ((0, jsx_runtime_1.jsx)(ThrowError, { error: new OutdatedReleaseError('Ошибка загрузки приложения') })), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" })] }));
 };
 exports.ChunkLoadErrorButton = ChunkLoadErrorButton;
 /**
@@ -53,11 +51,6 @@ const FailedFetchModuleButton = () => {
     const onClick = () => {
         setIsClicked(true);
     };
-    (0, react_1.useEffect)(() => {
-        if (isClicked) {
-            throw new Error('Failed to fetch dynamically imported module');
-        }
-    });
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isClicked && ((0, jsx_runtime_1.jsx)(ThrowError, { error: new Error('Failed to fetch dynamically imported module') })), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" })] }));
 };
 exports.FailedFetchModuleButton = FailedFetchModuleButton;

package/node/components/Fab/Fab.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.Fab = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const enums_1 = require("./enums");
 const styles_1 = require("./styles");
-exports.Fab = (0, react_1.forwardRef)((_a, ref) => {
-    var { variant = 'square', size = enums_1.FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["variant", "size", "color"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
+exports.Fab = (0, react_1.forwardRef)(({ variant = 'square', size = enums_1.FabSizes.Large, color = 'primary', ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, { ...props, variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref }));
 });

package/node/components/Fab/styles.js

@@ -66,22 +66,22 @@ exports.StyledFab = (0, styles_1.styled)(material_1.Fab, {
   width: ${(props) => getSize(props)};
   height: ${(props) => getSize(props)};
 
-  color: ${(props) => getColor(Object.assign({}, props))};
+  color: ${(props) => getColor({ ...props })};
 
-  background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Default }))};
+  background: ${(props) => getBgColor({ ...props, fabState: enums_1.FabStates.Default })};
   border-radius: ${({ theme, isSquare }) => isSquare ? theme.shape.medium : '50%'};
   box-shadow: ${({ theme }) => theme.elevation[200]};
 
   :hover {
-    color: ${(props) => getColor(Object.assign({}, props))};
+    color: ${(props) => getColor({ ...props })};
 
-    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Hover }))};
+    background: ${(props) => getBgColor({ ...props, fabState: enums_1.FabStates.Hover })};
   }
 
   :active {
-    color: ${(props) => getColor(Object.assign({}, props))};
+    color: ${(props) => getColor({ ...props })};
 
-    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Active }))};
+    background: ${(props) => getBgColor({ ...props, fabState: enums_1.FabStates.Active })};
     box-shadow: ${({ theme }) => theme.elevation[400]};
   }
 

package/node/components/Filename/Filename.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.Filename = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,10 +9,13 @@ const utils_1 = require("../utils");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Filename = (0, react_1.forwardRef)((props, forwardedRef) => {
-    const { isOverflowed, suffixWithExtension, baseNameProps } = (0, useLogic_1.useLogic)(Object.assign(Object.assign({}, props), { ref: forwardedRef }));
-    const { tooltipProps, variant = 'inherit', children, align = 'left', isHidePersonalData, className } = props, restProps = __rest(props, ["tooltipProps", "variant", "children", "align", "isHidePersonalData", "className"]);
+    const { isOverflowed, suffixWithExtension, baseNameProps } = (0, useLogic_1.useLogic)({
+        ...props,
+        ref: forwardedRef,
+    });
+    const { tooltipProps, variant = 'inherit', children, align = 'left', isHidePersonalData, className, ...restProps } = props;
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: isOverflowed && children, disableInteractive: true }, tooltipProps, { className: (0, utils_1.classNames)(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, Object.assign({ "$align": align, variant: variant, className: (0, utils_1.classNames)(className, hidePersonalDataClassname) }, restProps, { children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, Object.assign({}, baseNameProps)), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] })) })));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: (0, utils_1.classNames)(tooltipProps?.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, { "$align": align, variant: variant, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, { ...baseNameProps }), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] }) }));
 });

package/node/components/FlowButton/FlowButton.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.FlowButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,7 +7,7 @@ const icons_1 = require("../../icons");
 const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
 exports.FlowButton = (0, react_1.forwardRef)((props, ref) => {
-    const { children, targetText } = props, restProps = __rest(props, ["children", "targetText"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({ ref: ref, endIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, {}) }, restProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) })));
+    const { children, targetText, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { ref: ref, endIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, {}), ...restProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) }));
 });
 exports.default = exports.FlowButton;

package/node/components/FormControl/FormControl.js

@@ -4,4 +4,4 @@ exports.FormControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
-exports.FormControl = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(material_1.FormControl, Object.assign({}, props, { ref: ref })));
+exports.FormControl = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(material_1.FormControl, { ...props, ref: ref }));

package/node/components/FormControlLabel/FormControlLabel.js

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

package/node/components/FormHelperText/FormHelperText.js

@@ -1,25 +1,13 @@
 "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.FormHelperText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const FormHelperTextContent_1 = require("./FormHelperTextContent");
-const FormHelperText = (_a) => {
-    var { children, success, error, hideHelperText = false } = _a, props = __rest(_a, ["children", "success", "error", "hideHelperText"]);
+const FormHelperText = ({ children, success, error, hideHelperText = false, ...props }) => {
     if (hideHelperText && !children) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(FormHelperTextContent_1.FormHelperTextContent, { error: error, success: success, children: children }) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { ...props, children: (0, jsx_runtime_1.jsx)(FormHelperTextContent_1.FormHelperTextContent, { error: error, success: success, children: children }) }));
 };
 exports.FormHelperText = FormHelperText;

package/node/components/FormLabel/FormLabel.js

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