@sberbusiness/triplex-next 1.44.0 → 1.45.0

package/components/SMSField/components/SMSFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldInput.js","sources":["../../../../src/components/SMSField/components/SMSFieldInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldCounter,\n    FormFieldDescription,\n    FormFieldInput,\n} from \"@sberbusiness/triplex-next/components/FormField\";\nimport { FormGroup } from \"@sberbusiness/triplex-next/components/FormGroup\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Свойства SMSField.Input. */\nexport interface ISMSFieldInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n    /** Счётчик символов */\n    counter?: React.ReactNode;\n    /** Описание поля ввода */\n    description?: React.ReactNode;\n}\n\nconst regExp = new RegExp(/^[0-9]*$/);\n\nexport const SMSFieldInput = React.forwardRef<HTMLInputElement, ISMSFieldInputProps>(\n    (\n        { className, counter, description, disabled, maxLength = 8, onChange, onKeyDown, placeholder, ...restProps },\n        ref,\n    ) => {\n        const {\n            code,\n            disabled: allDisabled,\n            disabledSubmit,\n            error,\n            onChangeCode,\n            onSubmitCode,\n            size,\n            sizeClassName,\n        } = useContext(SMSFieldContext);\n\n        const inputDisabled = allDisabled || disabled;\n        const inputClassName = clsx(styles.input, sizeClassName, className);\n\n        let status = EFormFieldStatus.DEFAULT;\n\n        if (inputDisabled) {\n            status = EFormFieldStatus.DISABLED;\n        }\n\n        if (error) {\n            status = EFormFieldStatus.ERROR;\n        }\n\n        /** Обработчик ввода sms-кода. */\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            const value = e.target.value;\n            if (!regExp.test(value)) {\n                return;\n            }\n            onChangeCode(value);\n            onChange?.(e);\n        };\n\n        /** Обработчик нажатия клавиши Enter (для отправки sms-кода). */\n        const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {\n                onSubmitCode(code);\n            }\n            onKeyDown?.(e);\n        };\n\n        return (\n            <FormGroup>\n                <FormField className={sizeClassName} onKeyDown={handleKeyDown} size={size} status={status}>\n                    <FormFieldInput\n                        autoComplete=\"off\"\n                        className={inputClassName}\n                        maxLength={maxLength}\n                        onChange={handleChange}\n                        placeholder={placeholder}\n                        ref={ref}\n                        value={code}\n                        {...restProps}\n                    />\n                </FormField>\n\n                {description || counter ? (\n                    <FormFieldDescription>\n                        {description}\n                        {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                    </FormFieldDescription>\n                ) : null}\n            </FormGroup>\n        );\n    },\n);\n\nSMSFieldInput.displayName = \"SMSFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CACI,EAAE,WAAW,SAAS,aAAa,UAAU,YAAY,GAAG,UAAU,WAAW,aAAa,GAAG,UAAA,GACjG,QACC;AACD,UAAM;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,eAAe;AAE9B,UAAM,gBAAgB,eAAe;AACrC,UAAM,iBAAiB,KAAK,OAAO,OAAO,eAAe,SAAS;AAElE,QAAI,SAAS,iBAAiB;AAE9B,QAAI,eAAe;AACf,eAAS,iBAAiB;AAAA,IAC9B;AAEA,QAAI,OAAO;AACP,eAAS,iBAAiB;AAAA,IAC9B;AAGA,UAAM,eAAe,CAAC,MAA2C;AAC7D,YAAM,QAAQ,EAAE,OAAO;AACvB,UAAI,CAAC,OAAO,KAAK,KAAK,GAAG;AACrB;AAAA,MACJ;AACA,mBAAa,KAAK;AAClB,2CAAW;AAAA,IACf;AAGA,UAAM,gBAAgB,CAAC,MAA6C;AAChE,UAAI,EAAE,YAAY,gBAAgB,SAAS,CAAC,gBAAgB;AACxD,qBAAa,IAAI;AAAA,MACrB;AACA,6CAAY;AAAA,IAChB;AAEA,gCACK,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,aAAU,WAAW,eAAe,WAAW,eAAe,MAAY,QACvE,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAa;AAAA,UACb,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACN,GAAG;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,MAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,QAAA;AAAA,QACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,MAAA,EAAA,CAChE,IACA;AAAA,IAAA,GACR;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"SMSFieldInput.js","sources":["../../../../src/components/SMSField/components/SMSFieldInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext, useState } from \"react\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldCounter,\n    FormFieldDescription,\n    FormFieldInput,\n} from \"@sberbusiness/triplex-next/components/FormField\";\nimport { FormGroup } from \"@sberbusiness/triplex-next/components/FormGroup\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Свойства SMSField.Input. */\nexport interface ISMSFieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"disabled\"> {\n    /** Счётчик символов */\n    counter?: React.ReactNode;\n    /** Описание поля ввода */\n    description?: React.ReactNode;\n    /** Текст ошибки. Отображается вместо placeholder в статусе EFormFieldStatus.ERROR, пока поле не в фокусе. */\n    errorText?: string;\n}\n\nconst regExp = new RegExp(/^[0-9]*$/);\n\nexport const SMSFieldInput = React.forwardRef<HTMLInputElement, ISMSFieldInputProps>(\n    (\n        {\n            className,\n            counter,\n            description,\n            errorText,\n            maxLength = 8,\n            onBlur,\n            onChange,\n            onFocus,\n            onKeyDown,\n            placeholder,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { code, disabledSubmit, onChangeCode, onSubmitCode, size, sizeClassName, status } =\n            useContext(SMSFieldContext);\n\n        const [focused, setFocused] = useState(false);\n\n        const error = status === EFormFieldStatus.ERROR;\n\n        const showErrorText = error && !focused && Boolean(errorText);\n\n        const inputClassName = clsx(\n            styles.input,\n            sizeClassName,\n            { [styles.errorPlaceholder]: showErrorText },\n            className,\n        );\n\n        /** Обработчик ввода sms-кода. */\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            const value = e.target.value;\n            if (!regExp.test(value)) {\n                return;\n            }\n            onChangeCode(value);\n            onChange?.(e);\n        };\n\n        /** Обработчик получения фокуса. */\n        const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true);\n            onFocus?.(e);\n        };\n\n        /** Обработчик потери фокуса. */\n        const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false);\n            onBlur?.(e);\n        };\n\n        /** Обработчик нажатия клавиши Enter (для отправки sms-кода). */\n        const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {\n                onSubmitCode(code);\n            }\n            onKeyDown?.(e);\n        };\n\n        return (\n            <FormGroup>\n                <FormField className={sizeClassName} onKeyDown={handleKeyDown} size={size} status={status}>\n                    <FormFieldInput\n                        autoComplete=\"off\"\n                        className={inputClassName}\n                        maxLength={maxLength}\n                        onBlur={handleBlur}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        placeholder={showErrorText ? errorText : placeholder}\n                        ref={ref}\n                        value={code}\n                        {...restProps}\n                        aria-invalid={error || undefined}\n                    />\n                </FormField>\n\n                {description || counter ? (\n                    <FormFieldDescription>\n                        {description}\n                        {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                    </FormFieldDescription>\n                ) : null}\n            </FormGroup>\n        );\n    },\n);\n\nSMSFieldInput.displayName = \"SMSFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,gBAAgB,cAAc,cAAc,MAAM,eAAe,OAAA,IAC3E,WAAW,eAAe;AAE9B,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,UAAM,QAAQ,WAAW,iBAAiB;AAE1C,UAAM,gBAAgB,SAAS,CAAC,WAAW,QAAQ,SAAS;AAE5D,UAAM,iBAAiB;AAAA,MACnB,OAAO;AAAA,MACP;AAAA,MACA,EAAE,CAAC,OAAO,gBAAgB,GAAG,cAAA;AAAA,MAC7B;AAAA,IAAA;AAIJ,UAAM,eAAe,CAAC,MAA2C;AAC7D,YAAM,QAAQ,EAAE,OAAO;AACvB,UAAI,CAAC,OAAO,KAAK,KAAK,GAAG;AACrB;AAAA,MACJ;AACA,mBAAa,KAAK;AAClB,2CAAW;AAAA,IACf;AAGA,UAAM,cAAc,CAAC,MAA0C;AAC3D,iBAAW,IAAI;AACf,yCAAU;AAAA,IACd;AAGA,UAAM,aAAa,CAAC,MAA0C;AAC1D,iBAAW,KAAK;AAChB,uCAAS;AAAA,IACb;AAGA,UAAM,gBAAgB,CAAC,MAA6C;AAChE,UAAI,EAAE,YAAY,gBAAgB,SAAS,CAAC,gBAAgB;AACxD,qBAAa,IAAI;AAAA,MACrB;AACA,6CAAY;AAAA,IAChB;AAEA,gCACK,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,aAAU,WAAW,eAAe,WAAW,eAAe,MAAY,QACvE,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAa;AAAA,UACb,WAAW;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,aAAa,gBAAgB,YAAY;AAAA,UACzC;AAAA,UACA,OAAO;AAAA,UACN,GAAG;AAAA,UACJ,gBAAc,SAAS;AAAA,QAAA;AAAA,MAAA,GAE/B;AAAA,MAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,QAAA;AAAA,QACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,MAAA,EAAA,CAChE,IACA;AAAA,IAAA,GACR;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}

package/components/SMSField/components/SMSFieldRefresh.js

@@ -6,24 +6,37 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldInput.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-DHnJVbUI.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 const SMSFieldRefresh = forwardRef(
-  ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
-    const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);
+  ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {
+    const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);
+    const fieldDisabled = status === EFormFieldStatus.DISABLED;
     const isSmsCountdownTicking = countdownTimeLeft > 0;
-    const refreshDisabled = allDisabled && !error || disabled || isSmsCountdownTicking;
+    const refreshDisabled = fieldDisabled || disabled || isSmsCountdownTicking;
     const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {
       [styles.disabled]: refreshDisabled
     });
     const percent = useMemo(() => {
-      if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {
+      if (countdownTimeLeft >= countdownTime || fieldDisabled || disabled) {
         return 0;
       } else {
         return (countdownTime - countdownTimeLeft) / countdownTime;
       }
-    }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);
+    }, [countdownTime, countdownTimeLeft, disabled, fieldDisabled]);
     const handleClick = (event) => {
       onRefresh();
       onClick == null ? void 0 : onClick(event);
@@ -38,7 +51,7 @@ const SMSFieldRefresh = forwardRef(
         ref,
         shape: EButtonIconShape.SQUIRCLE,
         ...restProps,
-        children: /* @__PURE__ */ jsx(RefreshIcon, { percent: percent || 0, size, disabled: Boolean(allDisabled || disabled) })
+        children: /* @__PURE__ */ jsx(RefreshIcon, { percent: percent || 0, size, disabled: Boolean(fieldDisabled || disabled) })
       }
     );
   }

package/components/SMSField/components/SMSFieldRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {\n        const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);\n\n        const fieldDisabled = status === EFormFieldStatus.DISABLED;\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = fieldDisabled || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || fieldDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, disabled, fieldDisabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(fieldDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,mBAAmB,UAAU,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,MAAM,eAAe,QAAQ,UAAA,IAAc,WAAW,eAAe;AAE7E,UAAM,gBAAgB,WAAW,iBAAiB;AAClD,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAkB,iBAAiB,YAAY;AACrD,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,iBAAiB,UAAU;AACjE,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,UAAU,aAAa,CAAC;AAG9D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,iBAAiB,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1G;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/SMSField/components/SMSFieldSubmit.js

@@ -6,19 +6,25 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldInput.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-DHnJVbUI.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
-  const {
-    code,
-    disabled: allDisabled,
-    onSubmitCode,
-    setDisabledSubmit,
-    size,
-    sizeClassName
-  } = useContext(SMSFieldContext);
-  const submitDisabled = allDisabled || disabled || code === "";
+  const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);
+  const fieldDisabled = status === EFormFieldStatus.DISABLED;
+  const submitDisabled = fieldDisabled || disabled || code === "";
   const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);
   useEffect(() => {
     setDisabledSubmit(submitDisabled);

package/components/SMSField/components/SMSFieldSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);\n\n    const fieldDisabled = status === EFormFieldStatus.DISABLED;\n    const submitDisabled = fieldDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM,EAAE,MAAM,cAAc,mBAAmB,MAAM,eAAe,OAAA,IAAW,WAAW,eAAe;AAEzG,QAAM,gBAAgB,WAAW,iBAAiB;AAClD,QAAM,iBAAiB,iBAAiB,YAAY,SAAS;AAC7D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}

package/components/SegmentedControl/SegmentedControl.js

@@ -5,14 +5,14 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__24bb9214";
-const general1 = "general1__6bfb25b7";
-const secondary1 = "secondary1__409bc26f";
-const general2 = "general2__ecc7bea5";
-const secondary2 = "secondary2__da208faa";
-const sm = "sm__c978cea5";
-const md = "md__66a189fa";
-const lg = "lg__6cb7172c";
+const segmentedControl = "segmentedControl__a2189a62";
+const general1 = "general1__d642e2bd";
+const secondary1 = "secondary1__ddb22be0";
+const general2 = "general2__826bd403";
+const secondary2 = "secondary2__ecfe4e16";
+const sm = "sm__dc4358ee";
+const md = "md__2b8b5914";
+const lg = "lg__5e7d712e";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.44.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.45.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -5,9 +5,9 @@ import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__937415d3";
-const selected = "selected__ddf7c592";
-const content = "content__27118522";
+const segmentedControlSegment = "segmentedControlSegment__e14b36cc";
+const selected = "selected__a09ed6d3";
+const content = "content__ffd7020e";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -6,7 +6,7 @@ import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__aaa58ed7";
+const selectExtendedField = "selectExtendedField__40eaaa3b";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DOjFvzKN.js";
+import "../../../chunks/DropdownListItem-kMroiHoh.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DOjFvzKN.js";
+import "../../../chunks/DropdownListItem-kMroiHoh.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__73056979";
-const caretIcon = "caretIcon__3a18d8f8";
-const selectOpened = "selectOpened__f7b8ed98";
-const disabled = "disabled__2d51f149";
-const target = "target__a62ebf45";
-const caretWrapper = "caretWrapper__5ba108cc";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__2be45d1d";
+const caretIcon = "caretIcon__4ec30abe";
+const selectOpened = "selectOpened__3bac1ee9";
+const disabled = "disabled__f5ffb89e";
+const target = "target__d056417e";
+const caretWrapper = "caretWrapper__a7013edd";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.44.0",
+        "data-tx": "1.45.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef } from "react";
+import React__default, { useState } from "react";
 import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DOjFvzKN.js";
+import "../../chunks/DropdownListItem-kMroiHoh.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -24,6 +24,7 @@ import "../Dropdown/Dropdown.js";
 import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
+    // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).
     children,
     className,
     value,
@@ -33,6 +34,7 @@ const SelectField = React__default.forwardRef((props, ref) => {
     placeholder,
     loading,
     status,
+    // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.
     "aria-labelledby": ariaLabelledby,
     dropdownListItemClassName,
     mobileTitle,
@@ -41,17 +43,8 @@ const SelectField = React__default.forwardRef((props, ref) => {
     ...rest
   } = props;
   const [activeDescendant, setActiveDescendant] = useState();
-  const targetRef = useRef(null);
-  const instanceId = useRef(uniqueId());
-  const setRef = (node) => {
-    targetRef.current = node;
-    if (typeof ref === "function") {
-      ref(node);
-    } else if (ref) {
-      ref.current = node;
-    }
-  };
-  const renderTarget = (props2) => /* @__PURE__ */ jsx(
+  const [listId] = useState(() => uniqueId());
+  const renderTarget = (targetProvideProps) => /* @__PURE__ */ jsx(
     SelectExtendedField.Target,
     {
       label: value == null ? void 0 : value.label,
@@ -59,26 +52,26 @@ const SelectField = React__default.forwardRef((props, ref) => {
       loading,
       status,
       role: "combobox",
-      "aria-controls": instanceId.current,
+      "aria-controls": listId,
       "aria-activedescendant": activeDescendant,
       "aria-labelledby": ariaLabelledby,
-      ref: setRef,
+      ref,
       size,
       fieldLabel: void 0,
       ...targetProps,
-      ...props2
+      ...targetProvideProps
     }
   );
-  const renderDropdown = (props2) => /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
+  const renderDropdown = (dropdownProvideProps) => /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
     SelectExtendedFieldDropdownDefault,
     {
-      ...props2,
+      ...dropdownProvideProps,
       size,
       width: EDropdownWidth.TARGET,
       dropdownProps,
       dropdownListItemClassName,
       loading,
-      listId: instanceId.current,
+      listId,
       mobileTitle,
       onChange,
       options,

package/components/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { uniqueId } from \"lodash-es\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EDropdownWidth } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    children?: never;\n    /** Текущее выбранное значение. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/* Базовый компонент SelectField. */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const instanceId = useRef(uniqueId());\n\n    const setRef = (node: HTMLInputElement | null) => {\n        targetRef.current = node;\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const renderTarget = (props: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={instanceId.current}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={setRef}\n            size={size}\n            fieldLabel={undefined}\n            {...targetProps}\n            {...props}\n        />\n    );\n\n    const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={instanceId.current}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["React","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,aAAa,OAAO,UAAU;AAEpC,QAAM,SAAS,CAAC,SAAkC;AAC9C,cAAU,UAAU;AACpB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,QAAM,eAAe,CAACC,WAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe,WAAW;AAAA,MAC1B,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAGA;AAAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAACA,WACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGA;AAAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { EDropdownWidth } from \"@sberbusiness/triplex-next/components/Dropdown\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\n/** Свойства компонента SelectField. */\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    /** Выпадающий блок компонент рендерит сам, поэтому children не принимаются. */\n    children?: never;\n    /** Текущее выбранное значение. С опцией списка сопоставляется по полю id. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. Вызывается с выбранной опцией, список при этом закрывается. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/**\n * Базовый компонент SelectField.\n * Готовый Select со списком опций: поле выбора и выпадающий блок собраны заранее, состоянием\n * открытости владеет SelectExtendedField. Сам компонент отвечает только за связку поля со списком\n * (aria-controls, aria-activedescendant) и за прокидывание опций в выпадающий блок.\n */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    // Идентификатор активной (подсвеченной с клавиатуры) опции. Его выставляет DropdownList\n    // через DropdownListContext, а поле выбора отдаёт в aria-activedescendant.\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    // Идентификатор списка опций. Должен быть стабилен на всё время жизни компонента:\n    // на него ссылается aria-controls поля выбора.\n    const [listId] = useState(() => uniqueId());\n\n    const renderTarget = (targetProvideProps: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={listId}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={ref}\n            size={size}\n            // fieldLabel обязателен в Target, но у SelectField его нет: заголовок задаётся\n            // только через targetProps, поэтому здесь стоит заглушка, которую спред перекрывает.\n            fieldLabel={undefined}\n            {...targetProps}\n            // Состояние открытости приходит от SelectExtendedField и перекрывает targetProps.\n            {...targetProvideProps}\n        />\n    );\n\n    const renderDropdown = (dropdownProvideProps: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...dropdownProvideProps}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={listId}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAIJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAGhD,QAAM,CAAC,MAAM,IAAI,SAAS,MAAM,UAAU;AAE1C,QAAM,eAAe,CAAC,uBAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MAGA,YAAY;AAAA,MACX,GAAG;AAAA,MAEH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAAC,yBACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__4b94adc4";
-const type1 = "type1__8b5b56f4";
-const type2 = "type2__33f02b48";
-const type3 = "type3__0e9d0128";
+const skeleton = "skeleton__53ee1eba";
+const type1 = "type1__261c42fe";
+const type2 = "type2__7a711836";
+const type3 = "type3__dd527cee";
 const styles = {
   skeleton,
   type1,
@@ -25,7 +25,7 @@ const Skeleton = ({
   {
     className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "1.44.0"
+    "data-tx": "1.45.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -5,7 +5,7 @@ import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-CBpr9S0R.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-VEYm3CWM.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.44.0",
+            "data-tx": "1.45.0",
             ref,
             children
           }

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -10,11 +10,11 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../utils.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__7a04bea4";
-const focusedByClick = "focusedByClick__15c93251";
-const disabled = "disabled__53183f83";
-const dragByMouse = "dragByMouse__4dd9fdb2";
-const lg = "lg__eb1e1db2";
+const sliderExtendedDot = "sliderExtendedDot__1ba4f0d4";
+const focusedByClick = "focusedByClick__d05963c1";
+const disabled = "disabled__699ef582";
+const dragByMouse = "dragByMouse__8a44ae65";
+const lg = "lg__3005ea2b";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -7,7 +7,7 @@ import { Text } from "../../../Typography/Text.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CuyZnXA3.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-SGdABaf_.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SliderExtendedMark = React__default.forwardRef(
   ({ children, className, style, value, ...htmlSpanAttributes }, ref) => {

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CuyZnXA3.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-SGdABaf_.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-D4wvHis9.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../utils.js";
-import { S } from "../../../chunks/SliderExtendedRail-CBpr9S0R.js";
+import { S } from "../../../chunks/SliderExtendedRail-VEYm3CWM.js";
 export {
   S as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -4,10 +4,10 @@ import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { setForwardedRef } from "../../utils.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__1982a7b8";
-const lg = "lg__eb1e1db2";
-const tooltipBody = "tooltipBody__c888391c";
-const tooltipTip = "tooltipTip__e1cd0765";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__34cd396b";
+const lg = "lg__3005ea2b";
+const tooltipBody = "tooltipBody__e8ac3d85";
+const tooltipTip = "tooltipTip__0c7f6ebb";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -10,12 +10,12 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../utils.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__416e2284";
-const lg = "lg__eb1e1db2";
-const focusedByClick = "focusedByClick__15c93251";
-const hoverOrDragByMouse = "hoverOrDragByMouse__cbfac577";
-const staticSlider = "staticSlider__4a86f5a5";
-const disabled = "disabled__53183f83";
+const sliderExtendedTrack = "sliderExtendedTrack__f4e1e28c";
+const lg = "lg__3005ea2b";
+const focusedByClick = "focusedByClick__d05963c1";
+const hoverOrDragByMouse = "hoverOrDragByMouse__29e9a5ef";
+const staticSlider = "staticSlider__acb3d30e";
+const disabled = "disabled__699ef582";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,11 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const smallInput = "smallInput__8433ec10";
+const smallInput = "smallInput__4197de6b";
 const styles = {
   smallInput
 };
-const SmallInput = React__default.forwardRef(({ className, ...rest }, ref) => /* @__PURE__ */ jsx("input", { className: clsx(styles.smallInput, className), ...rest, type: "text", ref }));
+const SmallInput = React__default.forwardRef(({ className, ...rest }, ref) => (
+  // type стоит после ...rest: компонент всегда рендерит текстовое поле, переданный извне type не применяется.
+  /* @__PURE__ */ jsx("input", { className: clsx(styles.smallInput, className), ...rest, type: "text", ref })
+));
 SmallInput.displayName = "SmallInput";
 export {
   SmallInput

package/components/SmallInput/SmallInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallInput.js","sources":["../../../src/components/SmallInput/SmallInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SmallInput.module.less\";\n\n/** Свойства компонента SmallInput. */\nexport interface ISmallInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/** Уменьшенное поле ввода, используется в HeaderPage. */\nexport const SmallInput = React.forwardRef<HTMLInputElement, ISmallInputProps>(({ className, ...rest }, ref) => (\n    <input className={clsx(styles.smallInput, className)} {...rest} type=\"text\" ref={ref} />\n));\n\nSmallInput.displayName = \"SmallInput\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,aAAaA,eAAM,WAA+C,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QACpG,oBAAC,WAAM,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,MAAK,QAAO,KAAU,CACzF;AAED,WAAW,cAAc;"}
+{"version":3,"file":"SmallInput.js","sources":["../../../src/components/SmallInput/SmallInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SmallInput.module.less\";\n\n/** Свойства компонента SmallInput. */\nexport interface ISmallInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/**\n * Компактное однострочное поле ввода высотой 20px без лейбла, статусов и обвязки FormField.\n * Рассчитано на инлайн-редактирование в плотной вёрстке — например, номера документа в DocumentNumberEdit.\n * Всегда рендерит `type=\"text\"`: переданный извне `type` не применяется.\n */\nexport const SmallInput = React.forwardRef<HTMLInputElement, ISmallInputProps>(({ className, ...rest }, ref) => (\n    // type стоит после ...rest: компонент всегда рендерит текстовое поле, переданный извне type не применяется.\n    <input className={clsx(styles.smallInput, className)} {...rest} type=\"text\" ref={ref} />\n));\n\nSmallInput.displayName = \"SmallInput\";\n"],"names":["React"],"mappings":";;;;;;;AAYO,MAAM,aAAaA,eAAM,WAA+C,CAAC,EAAE,WAAW,GAAG,QAAQ;AAAA;AAAA,EAEpG,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,MAAK,QAAO,IAAA,CAAU;AAAA,CACzF;AAED,WAAW,cAAc;"}

package/components/Spoiler/Spoiler.js

@@ -9,15 +9,15 @@ import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const spoiler = "spoiler__63929db6";
-const opened = "opened__0f17e142";
-const caretIcon = "caretIcon__ef5bdf1c";
-const head = "head__04c58f94";
-const content = "content__cdc8e088";
-const hidden = "hidden__bf68e286";
-const lg = "lg__8cd315b3";
-const md = "md__bce8553a";
-const sm = "sm__df7c63b2";
+const spoiler = "spoiler__012473b7";
+const opened = "opened__8fee287c";
+const caretIcon = "caretIcon__51b2c320";
+const head = "head__b03ea567";
+const content = "content__37b5ce1a";
+const hidden = "hidden__a6c1e1cb";
+const lg = "lg__19073235";
+const md = "md__c39d1b81";
+const sm = "sm__9324b4fa";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.44.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.45.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/StatusTracker.module-CXFyhzFa.js";
+import { s as styles } from "../../chunks/StatusTracker.module-oLJmSAgs.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.44.0",
+        "data-tx": "1.45.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })