@astral/ui 4.30.0 → 4.31.1

package/components/CodeField/CodeField.js

@@ -4,7 +4,7 @@ import { useHidePersonalData } from '../personalDataSecurity';
 import { Skeleton } from '../Skeleton';
 import { ERROR_TEXT_DEFAULT, RESEND_TIMEOUT_DEFAULT } from './constants';
 import { useCodeState, useFocusInput } from './hooks';
-import ResendCodeButton from './ResendСodeButton/ResendСodeButton';
+import { ResendCodeButton } from './ResendCodeButton';
 import { Digit, DigitsItem, DigitsWrapper, FieldLabel, StyledHelperText, Wrapper, } from './styles';
 /**
  * Поле для ввода кода подтверждения

package/components/CodeField/{Resend/320/241odeButton/Resend/320/241odeButton.d.ts → ResendCodeButton/ResendCodeButton.d.ts}

@@ -20,5 +20,5 @@ type ResendCodeButtonProps = {
      */
     clearCodeValue: () => void;
 };
-declare const ResendCodeButton: ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }: ResendCodeButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default ResendCodeButton;
+export declare const ResendCodeButton: ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }: ResendCodeButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/CodeField/{Resend/320/241odeButton/Resend/320/241odeButton.js → ResendCodeButton/ResendCodeButton.js}

@@ -4,7 +4,7 @@ import { Button } from '../../Button';
 import { Typography } from '../../Typography';
 import { useSecondsCountdown } from '../../useSecondsCountDown';
 import { Wrapper } from './styles';
-const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }) => {
+export const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }) => {
     const { isActive, textTime: time, restart, } = useSecondsCountdown({
         seconds: resendTimeout,
     });
@@ -31,4 +31,3 @@ const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clea
     };
     return (_jsxs(Wrapper, { children: [_jsx(Button, { variant: "link", disabled: disableButton, onClick: onClick, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u0434 \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E" }), showTimer && (_jsx(Typography, { color: "grey", colorIntensity: "700", children: time }))] }));
 };
-export default ResendCodeButton;

package/components/CodeField/ResendCodeButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ResendCodeButton';

package/components/CodeField/ResendCodeButton/index.js

@@ -0,0 +1 @@
+export * from './ResendCodeButton';

package/components/Stepper/StepButton/StepButton.d.ts

@@ -1,5 +1,7 @@
 import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import { type ReactNode } from 'react';
 import type { WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
+import { type StepIconProps } from '../StepIcon';
 export type StepButtonProps = {
     /**
      * Если true, текущий шаг будет отображен как активный
@@ -9,5 +11,9 @@ export type StepButtonProps = {
      * Функция, вызываемая при клике на элемент
      */
     onClick: () => void;
-} & WithoutEmotionSpecific<MuiStepLabelProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepLabelProps>, 'icon'>;
 export declare const StepButton: (props: StepButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/Stepper/StepButton/StepButton.js

@@ -4,7 +4,9 @@ import { stepperClassnames } from '../constants';
 import { StepIcon } from '../StepIcon';
 import { Button, StyledStepLabel } from './styles';
 export const StepButton = (props) => {
-    const { isSelected, onClick, ...restProps } = props;
-    const stepIconRender = useCallback(({ active, completed, error, icon }) => (_jsx(StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
+    const { isSelected, onClick, icon: Icon, ...restProps } = props;
+    const stepIconRender = useCallback(({ active, completed, error }) => {
+        return (_jsx(StepIcon, { icon: Icon, isSelected: isSelected, active: active, completed: completed, error: error }));
+    }, [isSelected, Icon]);
     return (_jsx(Button, { onClick: onClick, tabIndex: 1, className: stepperClassnames.stepButton, children: _jsx(StyledStepLabel, { StepIconComponent: stepIconRender, ...restProps }) }));
 };

package/components/Stepper/StepButton/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Button: import("../../styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const StyledStepLabel: import("../../styled").StyledComponent<{
     isSelected?: boolean | undefined;
-} & import("../..").WithoutEmotionSpecific<import("@mui/material/StepLabel").StepLabelProps> & {
+    icon?: ((props: Omit<import("../StepIcon").StepIconProps, "icon">) => import("react").ReactNode) | undefined;
+} & Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/StepLabel").StepLabelProps>, "icon"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Stepper/StepIcon/StepIcon.d.ts

@@ -1,10 +1,14 @@
-/// <reference types="react" />
 import type { StepIconProps as MuiStepIconProps } from '@mui/material/StepIcon';
+import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepIconProps = {
     /**
      * Является ли шаг в состоянии select
      */
     isSelected?: boolean;
-} & WithoutEmotionSpecific<MuiStepIconProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepIconProps>, 'icon'>;
 export declare const StepIcon: import("react").MemoExoticComponent<(props: StepIconProps) => import("react/jsx-runtime").JSX.Element>;

package/components/Stepper/StepIcon/StepIcon.js

@@ -1,22 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import { stepperClassnames } from '../constants';
 import { ActiveIcon, DefaultIcon, ErrorIcon, SelectIcon, SuccessIcon, } from './styles';
 export const StepIcon = memo((props) => {
-    const { active, completed, error, isSelected } = props;
+    const { active, completed, error, isSelected, icon: Icon } = props;
+    if (Icon) {
+        return (_jsx(Icon, { active: active, completed: completed, error: error, isSelected: isSelected, className: stepperClassnames.stepIcon }));
+    }
     if (completed && error && isSelected) {
-        return _jsx(SelectIcon, { "$isError": true });
+        return _jsx(SelectIcon, { "$isError": true, className: stepperClassnames.stepIcon });
     }
     if (completed && isSelected) {
-        return _jsx(SelectIcon, {});
+        return _jsx(SelectIcon, { className: stepperClassnames.stepIcon });
     }
     if (error) {
-        return _jsx(ErrorIcon, {});
+        return _jsx(ErrorIcon, { className: stepperClassnames.stepIcon });
     }
     if (completed) {
-        return _jsx(SuccessIcon, {});
+        return _jsx(SuccessIcon, { className: stepperClassnames.stepIcon });
     }
     if (active) {
-        return _jsx(ActiveIcon, { color: "primary" });
+        return _jsx(ActiveIcon, { className: stepperClassnames.stepIcon });
     }
-    return _jsx(DefaultIcon, {});
+    return _jsx(DefaultIcon, { className: stepperClassnames.stepIcon });
 });

package/components/Stepper/StepIcon/styles.js

@@ -29,4 +29,5 @@ export const DefaultIcon = styled(StepDefaultFillMd) `
 `;
 export const ActiveIcon = styled(StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
+  color: ${({ theme }) => theme.palette.primary[800]};
 `;

package/components/Stepper/StepLabel/StepLabel.d.ts

@@ -1,9 +1,15 @@
 import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
+import { type StepIconProps } from '../StepIcon';
 export type StepProps = {
     /**
      * Является ли шаг в состоянии select
      */
     isSelected?: boolean;
-} & WithoutEmotionSpecific<MuiStepLabelProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepLabelProps>, 'icon'>;
 export declare const StepLabel: (props: StepProps) => import("react/jsx-runtime").JSX.Element;

package/components/Stepper/StepLabel/StepLabel.js

@@ -3,7 +3,7 @@ import MuiStepLabel from '@mui/material/StepLabel';
 import { useCallback } from 'react';
 import { StepIcon } from '../StepIcon';
 export const StepLabel = (props) => {
-    const { isSelected, ...restProps } = props;
-    const stepIconRender = useCallback(({ active, completed, error, icon }) => (_jsx(StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
+    const { isSelected, icon: Icon, ...restProps } = props;
+    const stepIconRender = useCallback(({ active, completed, error }) => (_jsx(StepIcon, { icon: Icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
     return _jsx(MuiStepLabel, { StepIconComponent: stepIconRender, ...restProps });
 };

package/components/Stepper/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const stepperClassnames: {
     stepButton: string;
+    stepIcon: string;
 };

package/components/Stepper/constants.js

@@ -1,4 +1,5 @@
 import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const stepperClassnames = {
     stepButton: createUIKitClassname('stepper_stepButton'),
+    stepIcon: createUIKitClassname('stepper_stepIcon'),
 };

package/node/components/CodeField/CodeField.js

@@ -1,7 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -10,7 +7,7 @@ const personalDataSecurity_1 = require("../personalDataSecurity");
 const Skeleton_1 = require("../Skeleton");
 const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
-const Resend_odeButton_1 = __importDefault(require("./Resend\u0421odeButton/Resend\u0421odeButton"));
+const ResendCodeButton_1 = require("./ResendCodeButton");
 const styles_1 = require("./styles");
 /**
  * Поле для ввода кода подтверждения
@@ -29,5 +26,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 ?? '', 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)(ResendCodeButton_1.ResendCodeButton, { resendTimeout: resendTimeout, disabled: disabled, loading: loading, onResendCode: onResendCode, clearCodeValue: clearCodeValue }))] }));
 });

package/node/components/CodeField/{Resend/320/241odeButton/Resend/320/241odeButton.d.ts → ResendCodeButton/ResendCodeButton.d.ts}

@@ -20,5 +20,5 @@ type ResendCodeButtonProps = {
      */
     clearCodeValue: () => void;
 };
-declare const ResendCodeButton: ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }: ResendCodeButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default ResendCodeButton;
+export declare const ResendCodeButton: ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }: ResendCodeButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/node/components/CodeField/{Resend/320/241odeButton/Resend/320/241odeButton.js → ResendCodeButton/ResendCodeButton.js}

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResendCodeButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Button_1 = require("../../Button");
@@ -33,4 +34,4 @@ const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clea
     };
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "link", disabled: disableButton, onClick: onClick, children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u0434 \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E" }), showTimer && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "grey", colorIntensity: "700", children: time }))] }));
 };
-exports.default = ResendCodeButton;
+exports.ResendCodeButton = ResendCodeButton;

package/node/components/CodeField/ResendCodeButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ResendCodeButton';

package/node/components/CodeField/{Resend/320/241odeButton → ResendCodeButton}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Resend\u0421odeButton"), exports);
+__exportStar(require("./ResendCodeButton"), exports);

package/node/components/Stepper/StepButton/StepButton.d.ts

@@ -1,5 +1,7 @@
 import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import { type ReactNode } from 'react';
 import type { WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
+import { type StepIconProps } from '../StepIcon';
 export type StepButtonProps = {
     /**
      * Если true, текущий шаг будет отображен как активный
@@ -9,5 +11,9 @@ export type StepButtonProps = {
      * Функция, вызываемая при клике на элемент
      */
     onClick: () => void;
-} & WithoutEmotionSpecific<MuiStepLabelProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepLabelProps>, 'icon'>;
 export declare const StepButton: (props: StepButtonProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Stepper/StepButton/StepButton.js

@@ -7,8 +7,10 @@ const constants_1 = require("../constants");
 const StepIcon_1 = require("../StepIcon");
 const styles_1 = require("./styles");
 const StepButton = (props) => {
-    const { isSelected, onClick, ...restProps } = props;
-    const stepIconRender = (0, react_1.useCallback)(({ active, completed, error, icon }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
+    const { isSelected, onClick, icon: Icon, ...restProps } = props;
+    const stepIconRender = (0, react_1.useCallback)(({ active, completed, error }) => {
+        return ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: Icon, isSelected: isSelected, active: active, completed: completed, error: error }));
+    }, [isSelected, Icon]);
     return ((0, jsx_runtime_1.jsx)(styles_1.Button, { onClick: onClick, tabIndex: 1, className: constants_1.stepperClassnames.stepButton, children: (0, jsx_runtime_1.jsx)(styles_1.StyledStepLabel, { StepIconComponent: stepIconRender, ...restProps }) }));
 };
 exports.StepButton = StepButton;

package/node/components/Stepper/StepButton/styles.d.ts

@@ -5,6 +5,7 @@ export declare const Button: import("@emotion/styled/dist/declarations/src/types
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const StyledStepLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     isSelected?: boolean | undefined;
-} & import("../..").WithoutEmotionSpecific<import("@mui/material/StepLabel").StepLabelProps> & {
+    icon?: ((props: Omit<import("../StepIcon").StepIconProps, "icon">) => import("react").ReactNode) | undefined;
+} & Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/StepLabel").StepLabelProps>, "icon"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Stepper/StepIcon/StepIcon.d.ts

@@ -1,10 +1,14 @@
-/// <reference types="react" />
 import type { StepIconProps as MuiStepIconProps } from '@mui/material/StepIcon';
+import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepIconProps = {
     /**
      * Является ли шаг в состоянии select
      */
     isSelected?: boolean;
-} & WithoutEmotionSpecific<MuiStepIconProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepIconProps>, 'icon'>;
 export declare const StepIcon: import("react").MemoExoticComponent<(props: StepIconProps) => import("react/jsx-runtime").JSX.Element>;

package/node/components/Stepper/StepIcon/StepIcon.js

@@ -3,23 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepIcon = 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.StepIcon = (0, react_1.memo)((props) => {
-    const { active, completed, error, isSelected } = props;
+    const { active, completed, error, isSelected, icon: Icon } = props;
+    if (Icon) {
+        return ((0, jsx_runtime_1.jsx)(Icon, { active: active, completed: completed, error: error, isSelected: isSelected, className: constants_1.stepperClassnames.stepIcon }));
+    }
     if (completed && error && isSelected) {
-        return (0, jsx_runtime_1.jsx)(styles_1.SelectIcon, { "$isError": true });
+        return (0, jsx_runtime_1.jsx)(styles_1.SelectIcon, { "$isError": true, className: constants_1.stepperClassnames.stepIcon });
     }
     if (completed && isSelected) {
-        return (0, jsx_runtime_1.jsx)(styles_1.SelectIcon, {});
+        return (0, jsx_runtime_1.jsx)(styles_1.SelectIcon, { className: constants_1.stepperClassnames.stepIcon });
     }
     if (error) {
-        return (0, jsx_runtime_1.jsx)(styles_1.ErrorIcon, {});
+        return (0, jsx_runtime_1.jsx)(styles_1.ErrorIcon, { className: constants_1.stepperClassnames.stepIcon });
     }
     if (completed) {
-        return (0, jsx_runtime_1.jsx)(styles_1.SuccessIcon, {});
+        return (0, jsx_runtime_1.jsx)(styles_1.SuccessIcon, { className: constants_1.stepperClassnames.stepIcon });
     }
     if (active) {
-        return (0, jsx_runtime_1.jsx)(styles_1.ActiveIcon, { color: "primary" });
+        return (0, jsx_runtime_1.jsx)(styles_1.ActiveIcon, { className: constants_1.stepperClassnames.stepIcon });
     }
-    return (0, jsx_runtime_1.jsx)(styles_1.DefaultIcon, {});
+    return (0, jsx_runtime_1.jsx)(styles_1.DefaultIcon, { className: constants_1.stepperClassnames.stepIcon });
 });

package/node/components/Stepper/StepIcon/styles.js

@@ -32,4 +32,5 @@ exports.DefaultIcon = (0, styled_1.styled)(StepDefaultFillMd_1.StepDefaultFillMd
 `;
 exports.ActiveIcon = (0, styled_1.styled)(StepDefaultFillMd_1.StepDefaultFillMd) `
   ${({ theme }) => iconsSize(theme)};
+  color: ${({ theme }) => theme.palette.primary[800]};
 `;

package/node/components/Stepper/StepLabel/StepLabel.d.ts

@@ -1,9 +1,15 @@
 import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
+import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
+import { type StepIconProps } from '../StepIcon';
 export type StepProps = {
     /**
      * Является ли шаг в состоянии select
      */
     isSelected?: boolean;
-} & WithoutEmotionSpecific<MuiStepLabelProps>;
+    /**
+     * Кастомный компонент иконки
+     */
+    icon?: (props: Omit<StepIconProps, 'icon'>) => ReactNode;
+} & Omit<WithoutEmotionSpecific<MuiStepLabelProps>, 'icon'>;
 export declare const StepLabel: (props: StepProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Stepper/StepLabel/StepLabel.js

@@ -9,8 +9,8 @@ const StepLabel_1 = __importDefault(require("@mui/material/StepLabel"));
 const react_1 = require("react");
 const StepIcon_1 = require("../StepIcon");
 const StepLabel = (props) => {
-    const { isSelected, ...restProps } = props;
-    const stepIconRender = (0, react_1.useCallback)(({ active, completed, error, icon }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
+    const { isSelected, icon: Icon, ...restProps } = props;
+    const stepIconRender = (0, react_1.useCallback)(({ active, completed, error }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: Icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
     return (0, jsx_runtime_1.jsx)(StepLabel_1.default, { StepIconComponent: stepIconRender, ...restProps });
 };
 exports.StepLabel = StepLabel;

package/node/components/Stepper/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const stepperClassnames: {
     stepButton: string;
+    stepIcon: string;
 };

package/node/components/Stepper/constants.js

@@ -4,4 +4,5 @@ exports.stepperClassnames = void 0;
 const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.stepperClassnames = {
     stepButton: (0, createUIKitClassname_1.createUIKitClassname)('stepper_stepButton'),
+    stepIcon: (0, createUIKitClassname_1.createUIKitClassname)('stepper_stepIcon'),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.30.0",
+  "version": "4.31.1",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {

package/components/CodeField/Resend/320/241odeButton/index.d.ts

@@ -1 +0,0 @@
-export * from './ResendСodeButton';

package/components/CodeField/Resend/320/241odeButton/index.js

@@ -1 +0,0 @@
-export * from './ResendСodeButton';

package/node/components/CodeField/Resend/320/241odeButton/index.d.ts

@@ -1 +0,0 @@
-export * from './ResendСodeButton';