@sberbusiness/triplex-next 1.46.0 → 1.48.0

package/components/FormField/components/FormFieldPrefix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__e1857dc2";
+const formFieldPrefix = "formFieldPrefix__a7e84f19";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useLayoutEffect, useCallback } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__0661a2ae";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
-const placeholder = "placeholder__b353ca80";
-const disabled = "disabled__fdcce94a";
-const placeholderWrapper = "placeholderWrapper__fcee0344";
-const active = "active__6a062907";
+const formFieldTarget = "formFieldTarget__c8e0fa90";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
+const placeholder = "placeholder__1ad1761b";
+const disabled = "disabled__60bbf7be";
+const placeholderWrapper = "placeholderWrapper__89fcb184";
+const active = "active__c61b921c";
 const styles = {
   formFieldTarget,
   sm,
@@ -25,7 +25,7 @@ const styles = {
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const FormFieldTarget = React__default.forwardRef(
   ({ children, id: idProp, className, placeholder: placeholder2, onFocus, onBlur, ...restProps }, ref) => {
-    const { size, status, active: active2, labelId, setFilled, setFocused, setTargetId } = useContext(FormFieldContext);
+    const { size, status, active: active2, labelId, setFilled, setFocused } = useContext(FormFieldContext);
     const id = useMemo(() => idProp === void 0 ? uniqueId("target_") : idProp, [idProp]);
     const childrenExist = useMemo(() => React__default.Children.toArray(children).length !== 0, [children]);
     const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {
@@ -33,9 +33,6 @@ const FormFieldTarget = React__default.forwardRef(
       [styles.placeholder]: !!placeholder2 && !childrenExist && status !== EFormFieldStatus.DISABLED,
       [styles.active]: active2
     });
-    useLayoutEffect(() => {
-      setTargetId(id);
-    }, [id, setTargetId]);
     useLayoutEffect(() => {
       setFilled(childrenExist);
     }, [childrenExist, setFilled]);

package/components/FormField/components/FormFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTarget.js","sources":["../../../../src/components/FormField/components/FormFieldTarget.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField/enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldTarget.module.less\";\n\n/** Свойства компонента FormFieldTarget. */\nexport interface IFormFieldTargetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */\n    placeholder?: React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий нередактируемое значение. */\nexport const FormFieldTarget = React.forwardRef<HTMLDivElement, IFormFieldTargetProps>(\n    ({ children, id: idProp, className, placeholder, onFocus, onBlur, ...restProps }, ref) => {\n        const { size, status, active, labelId, setFilled, setFocused, setTargetId } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"target_\") : idProp), [idProp]);\n        const childrenExist = useMemo(() => React.Children.toArray(children).length !== 0, [children]);\n        const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {\n            [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            [styles.placeholder]: !!placeholder && !childrenExist && status !== EFormFieldStatus.DISABLED,\n            [styles.active]: active,\n        });\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            setFilled(childrenExist);\n        }, [childrenExist, setFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [onFocus, setFocused],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [onBlur, setFocused],\n        );\n\n        return (\n            <div\n                {...restProps}\n                id={id}\n                className={classNames}\n                tabIndex={status === EFormFieldStatus.DISABLED ? -1 : 0}\n                aria-labelledby={labelId}\n                aria-disabled={status === EFormFieldStatus.DISABLED}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                ref={ref}\n            >\n                {childrenExist ? children : <span className={styles.placeholderWrapper}>{placeholder}</span>}\n            </div>\n        );\n    },\n);\n\nFormFieldTarget.displayName = \"FormFieldTarget\";\n"],"names":["React","placeholder","active"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,aAAAC,cAAa,SAAS,QAAQ,GAAG,UAAA,GAAa,QAAQ;AACtF,UAAM,EAAE,MAAM,QAAQ,QAAAC,SAAQ,SAAS,WAAW,YAAY,YAAA,IAAgB,WAAW,gBAAgB;AACzG,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,SAAS,IAAI,QAAS,CAAC,MAAM,CAAC;AACxF,UAAM,gBAAgB,QAAQ,MAAMF,eAAM,SAAS,QAAQ,QAAQ,EAAE,WAAW,GAAG,CAAC,QAAQ,CAAC;AAC7F,UAAM,aAAa,KAAK,OAAO,iBAAiB,mBAAmB,IAAI,GAAG,WAAW;AAAA,MACjF,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAC/C,CAAC,OAAO,WAAW,GAAG,CAAC,CAACC,gBAAe,CAAC,iBAAiB,WAAW,iBAAiB;AAAA,MACrF,CAAC,OAAO,MAAM,GAAGC;AAAA,IAAA,CACpB;AAED,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,gBAAU,aAAa;AAAA,IAC3B,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,UAAU;AAAA,IAAA;AAGxB,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,UAAU;AAAA,IAAA;AAGvB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,UAAU,WAAW,iBAAiB,WAAW,KAAK;AAAA,QACtD,mBAAiB;AAAA,QACjB,iBAAe,WAAW,iBAAiB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QAEC,0BAAgB,WAAW,oBAAC,UAAK,WAAW,OAAO,oBAAqB,UAAAD,aAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"FormFieldTarget.js","sources":["../../../../src/components/FormField/components/FormFieldTarget.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField/enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldTarget.module.less\";\n\n/** Свойства компонента FormFieldTarget. */\nexport interface IFormFieldTargetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */\n    placeholder?: React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий нередактируемое значение. */\nexport const FormFieldTarget = React.forwardRef<HTMLDivElement, IFormFieldTargetProps>(\n    ({ children, id: idProp, className, placeholder, onFocus, onBlur, ...restProps }, ref) => {\n        const { size, status, active, labelId, setFilled, setFocused } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"target_\") : idProp), [idProp]);\n        const childrenExist = useMemo(() => React.Children.toArray(children).length !== 0, [children]);\n        const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {\n            [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            [styles.placeholder]: !!placeholder && !childrenExist && status !== EFormFieldStatus.DISABLED,\n            [styles.active]: active,\n        });\n\n        useLayoutEffect(() => {\n            setFilled(childrenExist);\n        }, [childrenExist, setFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [onFocus, setFocused],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [onBlur, setFocused],\n        );\n\n        return (\n            <div\n                {...restProps}\n                id={id}\n                className={classNames}\n                tabIndex={status === EFormFieldStatus.DISABLED ? -1 : 0}\n                aria-labelledby={labelId}\n                aria-disabled={status === EFormFieldStatus.DISABLED}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                ref={ref}\n            >\n                {childrenExist ? children : <span className={styles.placeholderWrapper}>{placeholder}</span>}\n            </div>\n        );\n    },\n);\n\nFormFieldTarget.displayName = \"FormFieldTarget\";\n"],"names":["React","placeholder","active"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,aAAAC,cAAa,SAAS,QAAQ,GAAG,UAAA,GAAa,QAAQ;AACtF,UAAM,EAAE,MAAM,QAAQ,QAAAC,SAAQ,SAAS,WAAW,WAAA,IAAe,WAAW,gBAAgB;AAC5F,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,SAAS,IAAI,QAAS,CAAC,MAAM,CAAC;AACxF,UAAM,gBAAgB,QAAQ,MAAMF,eAAM,SAAS,QAAQ,QAAQ,EAAE,WAAW,GAAG,CAAC,QAAQ,CAAC;AAC7F,UAAM,aAAa,KAAK,OAAO,iBAAiB,mBAAmB,IAAI,GAAG,WAAW;AAAA,MACjF,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAC/C,CAAC,OAAO,WAAW,GAAG,CAAC,CAACC,gBAAe,CAAC,iBAAiB,WAAW,iBAAiB;AAAA,MACrF,CAAC,OAAO,MAAM,GAAGC;AAAA,IAAA,CACpB;AAED,oBAAgB,MAAM;AAClB,gBAAU,aAAa;AAAA,IAC3B,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,UAAU;AAAA,IAAA;AAGxB,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,UAAU;AAAA,IAAA;AAGvB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,UAAU,WAAW,iBAAiB,WAAW,KAAK;AAAA,QACtD,mBAAiB;AAAA,QACjB,iBAAe,WAAW,iBAAiB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QAEC,0BAAgB,WAAW,oBAAC,UAAK,WAAW,OAAO,oBAAqB,UAAAD,aAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjG;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/FormField/components/FormFieldTextarea.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__62d8f87e";
-const sm = "sm__605a47be";
-const md = "md__74648f14";
-const lg = "lg__6efd7007";
+const formFieldTextarea = "formFieldTextarea__4b3cd50d";
+const sm = "sm__172bd22c";
+const md = "md__bcb83396";
+const lg = "lg__f45a68dc";
 const styles = {
   formFieldTextarea,
   sm,
@@ -29,6 +29,7 @@ const FormFieldTextarea = React__default.forwardRef(
     );
     useLayoutEffect(() => {
       setTargetId(id);
+      return () => setTargetId((currentTargetId) => currentTargetId === id ? void 0 : currentTargetId);
     }, [id, setTargetId]);
     useLayoutEffect(() => {
       syncFilled(value ?? defaultValue);

package/components/FormField/components/FormFieldTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTextarea.js","sources":["../../../../src/components/FormField/components/FormFieldTextarea.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldTextarea.module.less\";\n\n/** Свойства компонента FormFieldTextarea. */\nexport interface IFormFieldTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий textarea. */\nexport const FormFieldTextarea = React.forwardRef<HTMLTextAreaElement, IFormFieldTextareaProps>(\n    (\n        { id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"textarea_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldTextareaProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [syncFilled, setFocused, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [syncFilled, setFocused, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [onChange, syncFilled],\n        );\n\n        return (\n            <textarea\n                {...restProps}\n                id={id}\n                className={classNames}\n                value={value}\n                defaultValue={defaultValue}\n                disabled={status === EFormFieldStatus.DISABLED}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onAnimationStart={handleAnimationStart}\n                onChange={handleChange}\n                ref={ref}\n            />\n        );\n    },\n);\n\nFormFieldTextarea.displayName = \"FormFieldTextarea\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI,EAAE,IAAI,QAAQ,WAAW,OAAO,cAAc,SAAS,QAAQ,kBAAkB,UAAU,GAAG,UAAA,GAC9F,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,WAAW,IAAI,QAAS,CAAC,MAAM,CAAC;AAC1F,UAAM,aAAa,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,SAAS;AAErF,UAAM,aAAa;AAAA,MACf,CAAC,cAAgD;AAC7C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,UAAU,UAAU;AAAA,IAAA;AAGzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,WAAW,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"FormFieldTextarea.js","sources":["../../../../src/components/FormField/components/FormFieldTextarea.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldTextarea.module.less\";\n\n/**\n * Свойства компонента FormFieldTextarea.\n *\n * Атрибут disabled исключён намеренно: блокировка задаётся статусом поля (EFormFieldStatus.DISABLED), и переданное\n * значение всё равно было бы перетёрто. Так же устроен FormFieldInput.\n */\nexport interface IFormFieldTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"disabled\"> {}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий textarea. */\nexport const FormFieldTextarea = React.forwardRef<HTMLTextAreaElement, IFormFieldTextareaProps>(\n    (\n        { id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"textarea_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldTextareaProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n            return () => setTargetId((currentTargetId) => (currentTargetId === id ? undefined : currentTargetId));\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [syncFilled, setFocused, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [syncFilled, setFocused, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [onChange, syncFilled],\n        );\n\n        return (\n            <textarea\n                {...restProps}\n                id={id}\n                className={classNames}\n                value={value}\n                defaultValue={defaultValue}\n                disabled={status === EFormFieldStatus.DISABLED}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onAnimationStart={handleAnimationStart}\n                onChange={handleChange}\n                ref={ref}\n            />\n        );\n    },\n);\n\nFormFieldTextarea.displayName = \"FormFieldTextarea\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI,EAAE,IAAI,QAAQ,WAAW,OAAO,cAAc,SAAS,QAAQ,kBAAkB,UAAU,GAAG,UAAA,GAC9F,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,WAAW,IAAI,QAAS,CAAC,MAAM,CAAC;AAC1F,UAAM,aAAa,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,SAAS;AAErF,UAAM,aAAa;AAAA,MACf,CAAC,cAAgD;AAC7C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AACd,aAAO,MAAM,YAAY,CAAC,oBAAqB,oBAAoB,KAAK,SAAY,eAAgB;AAAA,IACxG,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,UAAU,UAAU;AAAA,IAAA;AAGzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,WAAW,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,kBAAkB,cAAc;"}

package/components/FormField/components/useFormFieldAffixWidth.js

@@ -1,6 +1,6 @@
 import { useRef, useCallback, useEffect } from "react";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-import { setForwardedRef } from "./utils.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 const useFormFieldAffixWidth = (setWidth, forwardedRef) => {
   const elementRef = useRef(null);
   const setRef = useCallback(

package/components/FormField/components/useFormFieldAffixWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldAffixWidth.js","sources":["../../../../src/components/FormField/components/useFormFieldAffixWidth.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport { setForwardedRef } from \"./utils\";\n\n/**\n * Синхронизирует измеренную ширину контейнера-аффикса (FormFieldPrefix / FormFieldPostfix)\n * с контекстом FormField: поле использует её как горизонтальный внутренний отступ.\n *\n * Ширина отслеживается через ResizeObserver, при размонтировании сбрасывается\n * до TARGET_PADDING_X_DEFAULT.\n *\n * @param setWidth Сеттер ширины из FormFieldContext (setPrefixWidth или setPostfixWidth).\n * @param forwardedRef Внешний ref компонента, в который нужно продублировать элемент.\n * @returns Ref-колбэк для корневого элемента аффикса.\n */\nexport const useFormFieldAffixWidth = (\n    setWidth: React.Dispatch<React.SetStateAction<number>>,\n    forwardedRef: React.ForwardedRef<HTMLSpanElement>,\n): React.RefCallback<HTMLSpanElement> => {\n    const elementRef = useRef<HTMLSpanElement | null>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLSpanElement | null) => {\n            elementRef.current = instance;\n            setForwardedRef(forwardedRef, instance);\n        },\n        [forwardedRef],\n    );\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver(([entry]) => {\n            const width = entry.target.getBoundingClientRect().width;\n\n            setWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n            setWidth(TARGET_PADDING_X_DEFAULT);\n        };\n    }, [setWidth]);\n\n    return setRef;\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAAyB,CAClC,UACA,iBACqC;AACrC,QAAM,aAAa,OAA+B,IAAI;AAEtD,QAAM,SAAS;AAAA,IACX,CAAC,aAAqC;AAClC,iBAAW,UAAU;AACrB,sBAAgB,cAAc,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGjB,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,YAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AAEnD,eAAS,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,IACrE,CAAC;AAED,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM;AACT,qBAAe,WAAA;AACf,eAAS,wBAAwB;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;"}
+{"version":3,"file":"useFormFieldAffixWidth.js","sources":["../../../../src/components/FormField/components/useFormFieldAffixWidth.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\n\n/**\n * Синхронизирует измеренную ширину контейнера-аффикса (FormFieldPrefix / FormFieldPostfix)\n * с контекстом FormField: поле использует её как горизонтальный внутренний отступ.\n *\n * Ширина отслеживается через ResizeObserver, при размонтировании сбрасывается\n * до TARGET_PADDING_X_DEFAULT.\n *\n * @param setWidth Сеттер ширины из FormFieldContext (setPrefixWidth или setPostfixWidth).\n * @param forwardedRef Внешний ref компонента, в который нужно продублировать элемент.\n * @returns Ref-колбэк для корневого элемента аффикса.\n */\nexport const useFormFieldAffixWidth = (\n    setWidth: React.Dispatch<React.SetStateAction<number>>,\n    forwardedRef: React.ForwardedRef<HTMLSpanElement>,\n): React.RefCallback<HTMLSpanElement> => {\n    const elementRef = useRef<HTMLSpanElement | null>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLSpanElement | null) => {\n            elementRef.current = instance;\n            setForwardedRef(forwardedRef, instance);\n        },\n        [forwardedRef],\n    );\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver(([entry]) => {\n            const width = entry.target.getBoundingClientRect().width;\n\n            setWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n            setWidth(TARGET_PADDING_X_DEFAULT);\n        };\n    }, [setWidth]);\n\n    return setRef;\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAAyB,CAClC,UACA,iBACqC;AACrC,QAAM,aAAa,OAA+B,IAAI;AAEtD,QAAM,SAAS;AAAA,IACX,CAAC,aAAqC;AAClC,iBAAW,UAAU;AACrB,sBAAgB,cAAc,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGjB,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,YAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AAEnD,eAAS,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,IACrE,CAAC;AAED,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM;AACT,qBAAe,WAAA;AACf,eAAS,wBAAwB;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;"}

package/components/FormField/components/utils.js

@@ -1,10 +1,3 @@
-const setForwardedRef = (ref, instance) => {
-  if (typeof ref === "function") {
-    ref(instance);
-  } else if (ref) {
-    ref.current = instance;
-  }
-};
 const isFilled = (value) => {
   if (value === void 0) {
     return false;
@@ -15,7 +8,6 @@ const isFilled = (value) => {
   }
 };
 export {
-  isFilled,
-  setForwardedRef
+  isFilled
 };
 //# sourceMappingURL=utils.js.map

package/components/FormField/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записывает элемент во внешний ref компонента: callback-ref или объектный ref.\n *\n * @param ref Внешний ref, полученный компонентом через forwardRef, либо переданный пропом.\n * @param instance DOM-элемент или null при размонтировании.\n */\nexport const setForwardedRef = <T>(ref: React.ForwardedRef<T> | undefined, instance: T | null): void => {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n};\n\n/**\n * Проверяет наличие значения в элементе ввода.\n *\n * Число считается заполненным всегда (включая 0), строка и массив строк — по длине.\n *\n * @param value Значение элемента ввода.\n * @returns true, если значение непустое.\n */\nexport const isFilled = (value: string | readonly string[] | number | undefined): boolean => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AAQO,MAAM,kBAAkB,CAAI,KAAwC,aAA6B;AACpG,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;AAUO,MAAM,WAAW,CAAC,UAAoE;AACzF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["/**\n * Проверяет наличие значения в элементе ввода.\n *\n * Число считается заполненным всегда (включая 0), строка и массив строк — по длине.\n *\n * @param value Значение элемента ввода.\n * @returns true, если значение непустое.\n */\nexport const isFilled = (value: string | readonly string[] | number | undefined): boolean => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AAQO,MAAM,WAAW,CAAC,UAAoE;AACzF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const size4 = "size4__28e19e1e";
-const size8 = "size8__a47ca468";
-const size12 = "size12__a588f900";
-const size16 = "size16__446f8ae9";
-const size24 = "size24__5da38b5c";
-const size32 = "size32__076302c4";
-const size64 = "size64__c283859a";
-const size128 = "size128__50d05f1a";
+const size4 = "size4__c7f05b3f";
+const size8 = "size8__3f86bea3";
+const size12 = "size12__b2de8691";
+const size16 = "size16__54b31dd3";
+const size24 = "size24__7ee03e2f";
+const size32 = "size32__3afcff28";
+const size64 = "size64__02482477";
+const size128 = "size128__2e7f9bc5";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React__default.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.46.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.48.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CgtR6oF4.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-lDoPFfsH.js";
 const HeaderLayoutSidebar = Object.assign(
   React__default.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CgtR6oF4.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-lDoPFfsH.js";
 const HeaderLayoutSidebarContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CgtR6oF4.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-lDoPFfsH.js";
 const HeaderLayoutSidebarSidebar = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-const headerSubheader = "headerSubheader__6c1d045f";
-const withoutPaddings = "withoutPaddings__88581ab6";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const headerSubheader = "headerSubheader__125465f3";
+const withoutPaddings = "withoutPaddings__42c77a49";
 const styles = {
   headerSubheader,
   withoutPaddings

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-CYsRVlb9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-VdomyB_Y.js";
 const HeaderTabs = Object.assign(
   React__default.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-CYsRVlb9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-VdomyB_Y.js";
 const HeaderTabsContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-CYsRVlb9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-VdomyB_Y.js";
 const HeaderTabsControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CABfTvCf.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-C9E0q3CQ.js";
 const HeaderTitle = Object.assign(
   React__default.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CABfTvCf.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-C9E0q3CQ.js";
 const HeaderTitleContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CABfTvCf.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-C9E0q3CQ.js";
 const HeaderTitleControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useRef, useState, useCallback, useEffect } from "react";
-import { u as uniqueId, c as clsx, j as focusTrapReactExports } from "../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx, j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 import { QuestioncircleFilledSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../Button/enums.js";
@@ -8,7 +8,7 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__2c24a35e";
+const helpBoxButton = "helpBoxButton__f55df29d";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const disableInteraction = "disableInteraction__897ff66e";
-const displayContents = "displayContents__2eef6b92";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const disableInteraction = "disableInteraction__69b8406f";
+const displayContents = "displayContents__4a94e3d1";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,7 +8,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import "../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../utils/keyboard.js";
 import { ImageGalleryExtendedContext } from "./ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__2a6c38c8";
+const root = "root__6e8d8116";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-Cagrj_Nc.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__95e59865";
-const dot = "dot__e9ee6c2b";
-const active = "active__b628800b";
+const dots = "dots__c74648fc";
+const dot = "dot__31467bcd";
+const active = "active__1b25e1fd";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../MobileView/MobileView.js";
 import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-Cagrj_Nc.js";
 const ImageGalleryExtendedMain = React__default.forwardRef(
   ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
     const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-Cagrj_Nc.js";
 const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
   withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
   onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-Cagrj_Nc.js";
 const SWIPE_MIN_DISTANCE = 50;
 const DIRECTION_LOCK_PX = 8;
 const EDGE_RESISTANCE = 0.35;

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqjKLGwf.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import "../../../chunks/vendor-CUIykw0y.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useImperativeHandle, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React__default.forwardRef(
   ({ className, children, onKeyDown, ...rest }, ref) => {

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
   ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../../chunks/ImageGalleryExtendedThumb-BFa7GPtt.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-D-axOAbx.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-Xoc7ar3d.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-const islandBody = "islandBody__6841c31a";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandBody = "islandBody__56c4757e";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-const islandFooter = "islandFooter__b6b33d49";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandFooter = "islandFooter__6b263363";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-const islandHeader = "islandHeader__d7c0c2a4";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandHeader = "islandHeader__ed41a98c";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-D-axOAbx.js";
+import { m } from "../../chunks/utils-Xoc7ar3d.js";
 export {
   m as mapTypeToClassName
 };