@sberbusiness/triplex-next 0.44.0 → 0.46.0

package/components/SMSField/SMSFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldContext.js","sources":["../../../src/components/SMSField/SMSFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISMSFieldContext {\n    /** Значение кода. */\n    code: string;\n    /** Признак блокировки компонента. */\n    disabled: boolean;\n    /** Отключённое состояние кнопки Submit. */\n    disabledSubmit: boolean;\n    /** Признак наличия ошибки. */\n    error: boolean;\n    /** Обработчик изменения кода. */\n    onChangeCode: (code: string) => void;\n    /** Обработчик отправки кода. */\n    onSubmitCode: (code: string) => void;\n    /** Установить отключённое состояние кнопки Submit. */\n    setDisabledSubmit: (disabled: boolean) => void;\n    /** Установить уникальный идентификатор Tooltip. */\n    setTooltipId: (id: string) => void;\n    /** Размер поля. */\n    size: EComponentSize;\n    /** CSS класс размера. */\n    sizeClassName: string;\n    /** Уникальный идентификатор Tooltip. */\n    tooltipId?: string;\n}\n\nconst contextInitial: ISMSFieldContext = {\n    code: \"\",\n    disabled: false,\n    disabledSubmit: true,\n    error: false,\n    onChangeCode: () => {},\n    onSubmitCode: () => {},\n    setDisabledSubmit: () => {},\n    setTooltipId: () => {},\n    size: EComponentSize.LG,\n    sizeClassName: \"\",\n    tooltipId: undefined,\n};\n\nexport const SMSFieldContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";;AA4BA,MAAM,iBAAmC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,MAAM,eAAe;AAAA,EACrB,eAAe;AAAA,EACf,WAAW;AACf;AAEO,MAAM,kBAAkB,MAAM,cAAc,cAAc;"}
+{"version":3,"file":"SMSFieldContext.js","sources":["../../../src/components/SMSField/SMSFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISMSFieldContext {\n    /** Значение кода. */\n    code: string;\n    /** Отключённое состояние кнопки Submit. */\n    disabledSubmit: boolean;\n    /** Обработчик изменения кода. */\n    onChangeCode: (code: string) => void;\n    /** Обработчик отправки кода. */\n    onSubmitCode: (code: string) => void;\n    /** Установить отключённое состояние кнопки Submit. */\n    setDisabledSubmit: (disabled: boolean) => void;\n    /** Установить уникальный идентификатор Tooltip. */\n    setTooltipId: (id: string) => void;\n    /** Размер поля. */\n    size: EComponentSize;\n    /** CSS класс размера. */\n    sizeClassName: string;\n    /** Визуальное состояние компонента. */\n    status: Exclude<EFormFieldStatus, EFormFieldStatus.WARNING>;\n    /** Уникальный идентификатор Tooltip. */\n    tooltipId?: string;\n}\n\nconst contextInitial: ISMSFieldContext = {\n    code: \"\",\n    disabledSubmit: true,\n    onChangeCode: () => {},\n    onSubmitCode: () => {},\n    setDisabledSubmit: () => {},\n    setTooltipId: () => {},\n    size: EComponentSize.LG,\n    sizeClassName: \"\",\n    status: EFormFieldStatus.DEFAULT,\n    tooltipId: undefined,\n};\n\nexport const SMSFieldContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,iBAAmC;AAAA,EACrC,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,MAAM,eAAe;AAAA,EACrB,eAAe;AAAA,EACf,QAAQ,iBAAiB;AAAA,EACzB,WAAW;AACf;AAEO,MAAM,kBAAkB,MAAM,cAAc,cAAc;"}

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/SMSField.module-CTB3viUu.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/SMSField.module-CwjRD_od.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";

package/components/SMSField/components/SMSFieldInput.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import React, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import React, { useContext, useState } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
 import { FormFieldCounter } from "../../FormField/components/FormFieldCounter.js";
@@ -15,30 +15,33 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-CTB3viUu.js";
+import { s as styles } from "../../../chunks/SMSField.module-CwjRD_od.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React.forwardRef(
-  ({ className, counter, description, disabled, maxLength = 8, onChange, onKeyDown, placeholder, ...restProps }, ref) => {
-    const {
-      code,
-      disabled: allDisabled,
-      disabledSubmit,
-      error,
-      onChangeCode,
-      onSubmitCode,
-      size,
-      sizeClassName
-    } = useContext(SMSFieldContext);
-    const inputDisabled = allDisabled || disabled;
-    const inputClassName = clsx(styles.input, sizeClassName, className);
-    let status = EFormFieldStatus.DEFAULT;
-    if (inputDisabled) {
-      status = EFormFieldStatus.DISABLED;
-    }
-    if (error) {
-      status = EFormFieldStatus.ERROR;
-    }
+  ({
+    className,
+    counter,
+    description,
+    errorText,
+    maxLength = 8,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyDown,
+    placeholder,
+    ...restProps
+  }, ref) => {
+    const { code, disabledSubmit, onChangeCode, onSubmitCode, size, sizeClassName, status } = useContext(SMSFieldContext);
+    const [focused, setFocused] = useState(false);
+    const error = status === EFormFieldStatus.ERROR;
+    const showErrorText = error && !focused && Boolean(errorText);
+    const inputClassName = clsx(
+      styles.input,
+      sizeClassName,
+      { [styles.errorPlaceholder]: showErrorText },
+      className
+    );
     const handleChange = (e) => {
       const value = e.target.value;
       if (!regExp.test(value)) {
@@ -47,6 +50,14 @@ const SMSFieldInput = React.forwardRef(
       onChangeCode(value);
       onChange == null ? void 0 : onChange(e);
     };
+    const handleFocus = (e) => {
+      setFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    };
+    const handleBlur = (e) => {
+      setFocused(false);
+      onBlur == null ? void 0 : onBlur(e);
+    };
     const handleKeyDown = (e) => {
       if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {
         onSubmitCode(code);
@@ -60,11 +71,14 @@ const SMSFieldInput = React.forwardRef(
           autoComplete: "off",
           className: inputClassName,
           maxLength,
+          onBlur: handleBlur,
           onChange: handleChange,
-          placeholder,
+          onFocus: handleFocus,
+          placeholder: showErrorText ? errorText : placeholder,
           ref,
           value: code,
-          ...restProps
+          ...restProps,
+          "aria-invalid": error || void 0
         }
       ) }),
       description || counter ? /* @__PURE__ */ jsxs(FormFieldDescription, { children: [

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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgB,MAAM;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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgB,MAAM;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

@@ -1,29 +1,42 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
 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-CTB3viUu.js";
+import { s as styles } from "../../../chunks/SMSField.module-CwjRD_od.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

@@ -1,24 +1,30 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
 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-CTB3viUu.js";
+import { s as styles } from "../../../chunks/SMSField.module-CwjRD_od.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/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { ETooltipSize, ETooltipAlign } from "../../Tooltip/enums.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
-import { u as uniqueId } from "../../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId } from "../../../chunks/vendor-BxhAzfnS.js";
 const SMSFieldTooltip = ({
   children,
   id,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,17 +2,17 @@ import { ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
 import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__fd8d66fc";
-const general1 = "general1__9d4c1a77";
-const secondary1 = "secondary1__111841cd";
-const general2 = "general2__c1f03459";
-const secondary2 = "secondary2__1d40b6c3";
-const sm = "sm__e1c2f86a";
-const md = "md__21cb3a04";
-const lg = "lg__e50aec30";
+const segmentedControl = "segmentedControl__1b6769ea";
+const general1 = "general1__301afc97";
+const secondary1 = "secondary1__1072789a";
+const general2 = "general2__7649ab7b";
+const secondary2 = "secondary2__2804e7e5";
+const sm = "sm__2ce39fe4";
+const md = "md__e4be6689";
+const lg = "lg__1e55e88b";
 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": "0.44.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.46.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 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__edfed264";
-const selected = "selected__fedd38c8";
-const content = "content__b07b3f75";
+const segmentedControlSegment = "segmentedControlSegment__c8857001";
+const selected = "selected__bde4e94e";
+const content = "content__36cfaef0";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
 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__1b9f7bff";
+const selectExtendedField = "selectExtendedField__610954b1";
 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-BZdW_kQc.js";
+import "../../../chunks/DropdownListItem-DOJlU4CS.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-BZdW_kQc.js";
+import "../../../chunks/DropdownListItem-DOJlU4CS.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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.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__8d5fe120";
-const caretIcon = "caretIcon__c9f0c7db";
-const selectOpened = "selectOpened__f3e442df";
-const disabled = "disabled__96a1cace";
-const target = "target__09b45f98";
-const caretWrapper = "caretWrapper__6e59f52e";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__6deeacd4";
+const caretIcon = "caretIcon__47d3831a";
+const selectOpened = "selectOpened__1a5acca7";
+const disabled = "disabled__aed2d08a";
+const target = "target__76d1e9e2";
+const caretWrapper = "caretWrapper__e4b55a21";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "0.44.0",
+        "data-tx": "0.46.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React, { useState, useRef } from "react";
+import React, { 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-BZdW_kQc.js";
+import "../../chunks/DropdownListItem-DOJlU4CS.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,9 +21,10 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId } from "../../chunks/vendor-BxhAzfnS.js";
 const SelectField = React.forwardRef((props, ref) => {
   const {
+    // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).
     children,
     className,
     value,
@@ -33,6 +34,7 @@ const SelectField = React.forwardRef((props, ref) => {
     placeholder,
     loading,
     status,
+    // aria-labelledby адресован полю выбора, а не корневому <div>, поэтому не уходит в rest.
     "aria-labelledby": ariaLabelledby,
     dropdownListItemClassName,
     mobileTitle,
@@ -41,17 +43,8 @@ const SelectField = React.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.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\" | \"placeholder\">,\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":["props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,cAAc,MAAM,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,CAACA,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\" | \"placeholder\">,\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDO,MAAM,cAAc,MAAM,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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__c8222350";
-const type1 = "type1__d3645afa";
-const type2 = "type2__61acc962";
-const type3 = "type3__b62ad952";
+const skeleton = "skeleton__92fc8a5c";
+const type1 = "type1__943bb366";
+const type2 = "type2__19e05a7e";
+const type3 = "type3__6b20e343";
 const styles = {
   skeleton,
   type1,
@@ -25,7 +25,7 @@ const Skeleton = ({
   {
     className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "0.44.0"
+    "data-tx": "0.46.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useState, useMemo } from "react";
-import { j as range, c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { j as range, c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 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-DP9w1odQ.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-hM3P5rQD.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.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "0.44.0",
+            "data-tx": "0.46.0",
             ref,
             children
           }