@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/FormField/components/FormFieldMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldMaskedInput.js","sources":["../../../../src/components/FormField/components/FormFieldMaskedInput.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef, useState, useCallback } from \"react\";\nimport MaskedInputTextMask, { conformToMask, MaskedInputProps, PipeConfig } from \"react-text-mask\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { presets } from \"./FormFieldMaskedInputPresets\";\nimport { FormFieldInput } from \"./FormFieldInput\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TFormFieldMaskedInputMask } from \"../types\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldMaskedInput.module.less\";\n\n/** Свойства компонента FormFieldMaskedInput. */\nexport interface IFormFieldMaskedInputProps\n    extends Omit<MaskedInputProps, \"guide\" | \"mask\" | \"render\" | \"defaultValue\">, DataAttributes {\n    /** Значение поля. Поле контролируемое, поэтому начальное значение задаётся через него, а не через defaultValue. */\n    value: string;\n    /** Ссылка на поле ввода. */\n    forwardedRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.\n     * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.\n     */\n    mask: TFormFieldMaskedInputMask;\n    /** Плейсхолдер, отображаемый при вводе. Например: дд.мм.гггг, при вводе будет отображаться как 22.1м.гггг. */\n    placeholderMask?: string;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nconst FormFieldMaskedInputBase = React.forwardRef<HTMLDivElement, IFormFieldMaskedInputProps>(\n    (\n        {\n            className,\n            forwardedRef,\n            mask,\n            onChange,\n            placeholder,\n            placeholderChar = \"0\",\n            placeholderMask,\n            value,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Значение инпута, отображающего часть введенного значения и оставшуюся маску.\n        const [placeholderValue, setPlaceholderValue] = useState(\"\");\n        const [filledLength, setFilledLength] = useState(0);\n        const pasted = useRef(false);\n        const { filled, focused, size, status } = useContext(FormFieldContext);\n\n        useEffect(() => {\n            /** Возвращает значение placeholderValue. */\n            const calculatePlaceholderValue = (): string => {\n                // Массив символов placeholderValue.\n                let nextPlaceholderValue: string[] = [];\n\n                // Значение инпута остутствует.\n                if (!value) {\n                    // Передан props placeholderMask, например дд.мм.гггг\n                    if (placeholderMask) {\n                        // При наличии маски плейсхолдера, placeholderValue равен маски плейсхолдера.\n                        nextPlaceholderValue = placeholderMask.split(\"\");\n                    } else {\n                        // Маска с символами заполнения, например 00.00.00\n                        const { conformedValue } = conformToMask(\"\", mask, { guide: true, placeholderChar });\n                        nextPlaceholderValue = conformedValue.split(\"\");\n                    }\n                    setFilledLength(0);\n                }\n                // Инпут имеет value.\n                else {\n                    // Value с маской, например: 22.00.00\n                    const { conformedValue } = conformToMask(value.toString(), mask, { guide: true, placeholderChar });\n                    // Нам нужна точная длина того, что уже ввел пользователь\n                    const conformed = conformToMask(value.toString(), mask, {\n                        guide: false,\n                        placeholderChar,\n                    }).conformedValue;\n                    setFilledLength(conformed.length);\n\n                    // Символы placeholderValue собираются из введенного пользователем значения и оставшейся части из placeholderMask или placeholderChar.\n                    for (let i = 0; i < mask.length; i++) {\n                        // Не редактируемый символ маски.\n                        if (typeof mask[i] === \"string\") {\n                            // Символ из маски.\n                            nextPlaceholderValue[i] = conformedValue[i];\n                        } else {\n                            // Не введенный пользователем символ заполняется символом placeholderMask или placeholderChar.\n                            if (conformedValue[i] === placeholderChar && !value.toString()[i]) {\n                                nextPlaceholderValue[i] = placeholderMask?.[i] || placeholderChar;\n                            } else {\n                                nextPlaceholderValue[i] = conformedValue[i];\n                            }\n                        }\n                    }\n                }\n\n                return nextPlaceholderValue.join(\"\");\n            };\n\n            setPlaceholderValue(calculatePlaceholderValue());\n        }, [value, mask, placeholderChar, placeholderMask]);\n\n        const handlePaste = () => {\n            pasted.current = true;\n        };\n\n        // Постобработчик введенных значений. Выполняется после внутреннего форматирования и до onChange.\n        const pipe = (conformedValue: string, config: PipeConfig) => {\n            // Для маски с номером телефона отдельный обработчик.\n            if (mask === presets.masks.phone) {\n                // Пустое значение не обрабатывается, чтобы значение в инпуте можно было стереть полностью.\n                if (!conformedValue.length) {\n                    return conformedValue;\n                }\n\n                return phonePipe(config.rawValue);\n            } else if (mask === presets.masks.swiftCode) {\n                return conformedValue.toUpperCase();\n            }\n\n            return conformedValue;\n        };\n\n        // Постобработчик введенных значений, если маска является номером телефона.\n        const phonePipe = (text: string) => {\n            let indexesOfPipedChars: number[] = [];\n\n            if (pasted.current) {\n                // Выражение для поиска чисел из 1 цифры и более, начинающихся с 7 или 8\n                let regEx = /^[78]((\\D*\\d)*)/;\n\n                text = text.replace(regEx, \"+7 ($1\");\n\n                // Выражение для поиска чисел вида {любая цифра}7, например 87, 971 и т.д.\n                regEx = /^\\d7/;\n\n                // Если вторая цифра номера 7, добавляется +7 перед этим, иначе conformToMask вместо 9701234567 вернет +7901234567.\n                text = text.replace(regEx, (match) => {\n                    indexesOfPipedChars = Array.from(\"+7 (\").map((_, i) => i);\n                    return `+7 (${match}`;\n                });\n            } else if (text === \"7\" || text === \"8\") {\n                // Если первая введенная цифра 7 или 8, заменяем её на +7 (\n                text = \"+7 (\";\n            }\n\n            return {\n                indexesOfPipedChars,\n                value: conformToMask(text, mask, { guide: false, placeholderChar }).conformedValue,\n            };\n        };\n\n        // Возвращает value, приведённое к маске. Для некоторых типов масок, value приходится модифицировать из-за багов.\n        const getValue = (): string => {\n            if (mask === presets.masks.phone) {\n                return phonePipe(value).value;\n            }\n\n            return conformToMask(value, mask, { guide: false, placeholderChar }).conformedValue;\n        };\n\n        // Значение, приведённое к маске, — уходит в react-text-mask.\n        const maskedValue = getValue();\n        /*\n         * Значение, отображаемое в input. Для маски телефона — приведённое к маске (телефон нормализует\n         * ввод с 7/8/+7 в начале, без этого react-text-mask форматирует номер неверно), для остальных масок —\n         * исходное: react-text-mask сам пишет отформатированное значение в DOM, а исходное значение нужно,\n         * чтобы можно было стереть символ-разделитель (иначе маска тут же возвращает его обратно).\n         */\n        const inputValue = mask === presets.masks.phone ? maskedValue : value;\n\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value: nextValue } = event.target;\n\n                pasted.current = false;\n\n                // Сравнивается именно отображаемое значение: react-text-mask успевает отформатировать\n                // DOM до вызова обработчика, поэтому nextValue уже приведено к маске.\n                if (inputValue !== nextValue) {\n                    onChange?.(event);\n                }\n            },\n            [inputValue, onChange],\n        );\n\n        /** Функция для хранения ссылки. */\n        const setRef = (ref: (inputElement: HTMLElement) => void) => (instance: HTMLInputElement | null) => {\n            if (instance) {\n                ref(instance);\n            }\n            if (typeof forwardedRef === \"function\") {\n                forwardedRef(instance);\n            } else if (forwardedRef) {\n                (forwardedRef as React.MutableRefObject<HTMLInputElement | null>).current = instance;\n            }\n        };\n\n        const getPlaceholderValue = () => {\n            if ((!filled && !focused) || (!value && placeholder)) {\n                return \"\";\n            }\n            return placeholderValue;\n        };\n\n        return (\n            <div className={clsx(styles.formFieldMaskedInputWrapper, className)} ref={ref}>\n                {getPlaceholderValue() && (\n                    <div\n                        className={clsx(styles.formFieldMaskedInputPlaceholder, SIZE_TO_CLASS_NAME_MAP[size])}\n                        aria-hidden=\"true\"\n                    >\n                        <span className={styles.transparentText}>{placeholderValue.slice(0, filledLength)}</span>\n                        <span>{placeholderValue.slice(filledLength)}</span>\n                    </div>\n                )}\n\n                {/* Input, отображающий введенное значение. */}\n                <MaskedInputTextMask\n                    disabled={status === EFormFieldStatus.DISABLED}\n                    /* Input отображает только введенное значение без маски, маска рисуется в inputPlaceholder. */\n                    guide={false}\n                    render={(ref, props) => (\n                        <FormFieldInput\n                            {...props}\n                            // react-text-mask подставляет в props defaultValue, равное value (https://github.com/text-mask/text-mask/pull/993).\n                            // На контролируемом input это даёт предупреждение React «both value and defaultValue props».\n                            defaultValue={undefined}\n                            value={inputValue}\n                            placeholder={placeholder || \"\"}\n                            ref={setRef(ref)}\n                        />\n                    )}\n                    mask={mask}\n                    onChange={handleChange}\n                    onPaste={handlePaste}\n                    placeholderChar={placeholderChar}\n                    // value={value} не используется т.к. возникает баг при передаче снаружи изначально пустого value, а затем не пустого.\n                    value={maskedValue}\n                    pipe={pipe}\n                    type=\"text\"\n                    {...restProps}\n                />\n            </div>\n        );\n    },\n);\n\nFormFieldMaskedInputBase.displayName = \"FormFieldMaskedInput\";\n\n/**\n * Компонент маскированного ввода.\n * Основан на https://github.com/text-mask/text-mask.\n */\nexport const FormFieldMaskedInput = Object.assign(FormFieldMaskedInputBase, { presets });\n"],"names":["React","conformToMask","ref"],"mappings":"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"}
+{"version":3,"file":"FormFieldMaskedInput.js","sources":["../../../../src/components/FormField/components/FormFieldMaskedInput.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef, useState, useCallback } from \"react\";\nimport MaskedInputTextMask, { conformToMask, MaskedInputProps, PipeConfig } from \"react-text-mask\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { presets } from \"./FormFieldMaskedInputPresets\";\nimport { FormFieldInput } from \"./FormFieldInput\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TFormFieldMaskedInputMask } from \"../types\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils\";\nimport styles from \"../styles/FormFieldMaskedInput.module.less\";\n\n/** Свойства компонента FormFieldMaskedInput. */\nexport interface IFormFieldMaskedInputProps\n    extends Omit<MaskedInputProps, \"disabled\" | \"guide\" | \"mask\" | \"render\" | \"defaultValue\">, DataAttributes {\n    /** Значение поля. Поле контролируемое, поэтому начальное значение задаётся через него, а не через defaultValue. */\n    value: string;\n    /** Ссылка на поле ввода. */\n    forwardedRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.\n     * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.\n     */\n    mask: TFormFieldMaskedInputMask;\n    /** Плейсхолдер, отображаемый при вводе. Например: дд.мм.гггг, при вводе будет отображаться как 22.1м.гггг. */\n    placeholderMask?: string;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nconst FormFieldMaskedInputBase = React.forwardRef<HTMLDivElement, IFormFieldMaskedInputProps>(\n    (\n        {\n            className,\n            forwardedRef,\n            mask,\n            onChange,\n            placeholder,\n            placeholderChar = \"0\",\n            placeholderMask,\n            value,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Значение инпута, отображающего часть введенного значения и оставшуюся маску.\n        const [placeholderValue, setPlaceholderValue] = useState(\"\");\n        const [filledLength, setFilledLength] = useState(0);\n        const pasted = useRef(false);\n        const { filled, focused, size, status } = useContext(FormFieldContext);\n\n        useEffect(() => {\n            /** Возвращает значение placeholderValue. */\n            const calculatePlaceholderValue = (): string => {\n                // Массив символов placeholderValue.\n                let nextPlaceholderValue: string[] = [];\n\n                // Значение инпута остутствует.\n                if (!value) {\n                    // Передан props placeholderMask, например дд.мм.гггг\n                    if (placeholderMask) {\n                        // При наличии маски плейсхолдера, placeholderValue равен маски плейсхолдера.\n                        nextPlaceholderValue = placeholderMask.split(\"\");\n                    } else {\n                        // Маска с символами заполнения, например 00.00.00\n                        const { conformedValue } = conformToMask(\"\", mask, { guide: true, placeholderChar });\n                        nextPlaceholderValue = conformedValue.split(\"\");\n                    }\n                    setFilledLength(0);\n                }\n                // Инпут имеет value.\n                else {\n                    // Value с маской, например: 22.00.00\n                    const { conformedValue } = conformToMask(value.toString(), mask, { guide: true, placeholderChar });\n                    // Нам нужна точная длина того, что уже ввел пользователь\n                    const conformed = conformToMask(value.toString(), mask, {\n                        guide: false,\n                        placeholderChar,\n                    }).conformedValue;\n                    setFilledLength(conformed.length);\n\n                    // Символы placeholderValue собираются из введенного пользователем значения и оставшейся части из placeholderMask или placeholderChar.\n                    for (let i = 0; i < mask.length; i++) {\n                        // Не редактируемый символ маски.\n                        if (typeof mask[i] === \"string\") {\n                            // Символ из маски.\n                            nextPlaceholderValue[i] = conformedValue[i];\n                        } else {\n                            // Не введенный пользователем символ заполняется символом placeholderMask или placeholderChar.\n                            if (conformedValue[i] === placeholderChar && !value.toString()[i]) {\n                                nextPlaceholderValue[i] = placeholderMask?.[i] || placeholderChar;\n                            } else {\n                                nextPlaceholderValue[i] = conformedValue[i];\n                            }\n                        }\n                    }\n                }\n\n                return nextPlaceholderValue.join(\"\");\n            };\n\n            setPlaceholderValue(calculatePlaceholderValue());\n        }, [value, mask, placeholderChar, placeholderMask]);\n\n        const handlePaste = () => {\n            pasted.current = true;\n        };\n\n        // Постобработчик введенных значений. Выполняется после внутреннего форматирования и до onChange.\n        const pipe = (conformedValue: string, config: PipeConfig) => {\n            // Для маски с номером телефона отдельный обработчик.\n            if (mask === presets.masks.phone) {\n                // Пустое значение не обрабатывается, чтобы значение в инпуте можно было стереть полностью.\n                if (!conformedValue.length) {\n                    return conformedValue;\n                }\n\n                return phonePipe(config.rawValue);\n            } else if (mask === presets.masks.swiftCode) {\n                return conformedValue.toUpperCase();\n            }\n\n            return conformedValue;\n        };\n\n        // Постобработчик введенных значений, если маска является номером телефона.\n        const phonePipe = (text: string) => {\n            let indexesOfPipedChars: number[] = [];\n\n            if (pasted.current) {\n                // Выражение для поиска чисел из 1 цифры и более, начинающихся с 7 или 8\n                let regEx = /^[78]((\\D*\\d)*)/;\n\n                text = text.replace(regEx, \"+7 ($1\");\n\n                // Выражение для поиска чисел вида {любая цифра}7, например 87, 971 и т.д.\n                regEx = /^\\d7/;\n\n                // Если вторая цифра номера 7, добавляется +7 перед этим, иначе conformToMask вместо 9701234567 вернет +7901234567.\n                text = text.replace(regEx, (match) => {\n                    indexesOfPipedChars = Array.from(\"+7 (\").map((_, i) => i);\n                    return `+7 (${match}`;\n                });\n            } else if (text === \"7\" || text === \"8\") {\n                // Если первая введенная цифра 7 или 8, заменяем её на +7 (\n                text = \"+7 (\";\n            }\n\n            return {\n                indexesOfPipedChars,\n                value: conformToMask(text, mask, { guide: false, placeholderChar }).conformedValue,\n            };\n        };\n\n        // Возвращает value, приведённое к маске. Для некоторых типов масок, value приходится модифицировать из-за багов.\n        const getValue = (): string => {\n            if (mask === presets.masks.phone) {\n                return phonePipe(value).value;\n            }\n\n            return conformToMask(value, mask, { guide: false, placeholderChar }).conformedValue;\n        };\n\n        // Значение, приведённое к маске, — уходит в react-text-mask.\n        const maskedValue = getValue();\n        /*\n         * Значение, отображаемое в input. Для маски телефона — приведённое к маске (телефон нормализует\n         * ввод с 7/8/+7 в начале, без этого react-text-mask форматирует номер неверно), для остальных масок —\n         * исходное: react-text-mask сам пишет отформатированное значение в DOM, а исходное значение нужно,\n         * чтобы можно было стереть символ-разделитель (иначе маска тут же возвращает его обратно).\n         */\n        const inputValue = mask === presets.masks.phone ? maskedValue : value;\n\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value: nextValue } = event.target;\n\n                pasted.current = false;\n\n                // Сравнивается именно отображаемое значение: react-text-mask успевает отформатировать\n                // DOM до вызова обработчика, поэтому nextValue уже приведено к маске.\n                if (inputValue !== nextValue) {\n                    onChange?.(event);\n                }\n            },\n            [inputValue, onChange],\n        );\n\n        /** Функция для хранения ссылки. */\n        const setRef = (ref: (inputElement: HTMLElement) => void) => (instance: HTMLInputElement | null) => {\n            if (instance) {\n                ref(instance);\n            }\n            if (typeof forwardedRef === \"function\") {\n                forwardedRef(instance);\n            } else if (forwardedRef) {\n                (forwardedRef as React.MutableRefObject<HTMLInputElement | null>).current = instance;\n            }\n        };\n\n        const getPlaceholderValue = () => {\n            if ((!filled && !focused) || (!value && placeholder)) {\n                return \"\";\n            }\n            return placeholderValue;\n        };\n\n        return (\n            <div className={clsx(styles.formFieldMaskedInputWrapper, className)} ref={ref}>\n                {getPlaceholderValue() && (\n                    <div className={clsx(styles.maskLayout, SIZE_TO_CLASS_NAME_MAP[size])} aria-hidden=\"true\">\n                        <span className={styles.valueMirror}>{placeholderValue.slice(0, filledLength)}</span>\n                        <span\n                            className={clsx(styles.placeholderMask, {\n                                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n                            })}\n                        >\n                            {placeholderValue.slice(filledLength)}\n                        </span>\n                    </div>\n                )}\n\n                {/* Input, отображающий введенное значение. */}\n                <MaskedInputTextMask\n                    disabled={status === EFormFieldStatus.DISABLED}\n                    /* Input отображает только введенное значение без маски, маска рисуется в inputPlaceholder. */\n                    guide={false}\n                    render={(ref, props) => (\n                        <FormFieldInput\n                            {...props}\n                            // react-text-mask подставляет в props defaultValue, равное value (https://github.com/text-mask/text-mask/pull/993).\n                            // На контролируемом input это даёт предупреждение React «both value and defaultValue props».\n                            defaultValue={undefined}\n                            value={inputValue}\n                            placeholder={placeholder || \"\"}\n                            ref={setRef(ref)}\n                        />\n                    )}\n                    mask={mask}\n                    onChange={handleChange}\n                    onPaste={handlePaste}\n                    placeholderChar={placeholderChar}\n                    // value={value} не используется т.к. возникает баг при передаче снаружи изначально пустого value, а затем не пустого.\n                    value={maskedValue}\n                    pipe={pipe}\n                    type=\"text\"\n                    {...restProps}\n                />\n            </div>\n        );\n    },\n);\n\nFormFieldMaskedInputBase.displayName = \"FormFieldMaskedInput\";\n\n/**\n * Компонент маскированного ввода.\n * Основан на https://github.com/text-mask/text-mask.\n */\nexport const FormFieldMaskedInput = Object.assign(FormFieldMaskedInputBase, { presets });\n"],"names":["React","placeholderMask","conformToMask","ref"],"mappings":"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"}

package/components/FormField/components/FormFieldPostfix.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPostfix = "formFieldPostfix__c3bb2e34";
+const formFieldPostfix = "formFieldPostfix__b8a5b647";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__77fde365";
+const formFieldPrefix = "formFieldPrefix__dfe31479";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -4,14 +4,14 @@ import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__3af12d49";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
-const placeholder = "placeholder__9a5b1bc6";
-const disabled = "disabled__c067b238";
-const placeholderWrapper = "placeholderWrapper__38eb4dd1";
-const active = "active__ea6808f1";
+const formFieldTarget = "formFieldTarget__ac040047";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
+const placeholder = "placeholder__987d7b41";
+const disabled = "disabled__c6e77d48";
+const placeholderWrapper = "placeholderWrapper__4022f79d";
+const active = "active__3c6aa5f4";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -5,10 +5,10 @@ import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__256829f4";
-const sm = "sm__64a3476d";
-const md = "md__33da149d";
-const lg = "lg__8bc465f7";
+const formFieldTextarea = "formFieldTextarea__94ebeff2";
+const sm = "sm__d86d89eb";
+const md = "md__3199cd7c";
+const lg = "lg__03f0167d";
 const styles = {
   formFieldTextarea,
   sm,

package/components/FormGroup/FormGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-const FormGroup = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, ...rest, children }));
+const FormGroup = React__default.forwardRef(({ children, ...restProps }, ref) => /* @__PURE__ */ jsx("div", { ...restProps, ref, children }));
 FormGroup.displayName = "FormGroup";
 export {
   FormGroup

package/components/FormGroup/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from 'react';\n\n/** Свойства компонента FormGroup. */\ninterface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Элемент, объединяющий FormField, HelpBox, Alert, Description.\n * Дочерние элементы, передаются декларативно, это позволяет их кастомизировать и передавать data-атрибуты.\n */\nexport const FormGroup = React.forwardRef<HTMLDivElement, IFormGroupProps>(({children, ...rest}, ref) => (\n    <div ref={ref} {...rest}>\n        {children}\n    </div>\n));\n\nFormGroup.displayName = 'FormGroup';\n"],"names":["React"],"mappings":";;AASO,MAAM,YAAYA,eAAM,WAA4C,CAAC,EAAC,UAAU,GAAG,KAAA,GAAO,4BAC5F,OAAA,EAAI,KAAW,GAAG,MACd,UACL,CACH;AAED,UAAU,cAAc;"}
+{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства компонента FormGroup. */\nexport interface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Части группы: поле ввода и относящиеся к нему подсказки и сообщения. */\n    children?: React.ReactNode;\n}\n\n/**\n * Контейнер формы, объединяющий поле ввода с относящимися к нему элементами — `FormField`,\n * `FormFieldDescription`, `HelpBox`, `AlertContext`. Части передаются декларативно через `children`,\n * поэтому каждой можно задать свои props и data-атрибуты. Собственной разметки и стилей не\n * добавляет: рендерит один `div` с переданными атрибутами.\n */\nexport const FormGroup = React.forwardRef<HTMLDivElement, IFormGroupProps>(({ children, ...restProps }, ref) => (\n    <div {...restProps} ref={ref}>\n        {children}\n    </div>\n));\n\nFormGroup.displayName = \"FormGroup\";\n"],"names":["React"],"mappings":";;AAcO,MAAM,YAAYA,eAAM,WAA4C,CAAC,EAAE,UAAU,GAAG,UAAA,GAAa,4BACnG,OAAA,EAAK,GAAG,WAAW,KACf,UACL,CACH;AAED,UAAU,cAAc;"}

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import React__default from "react";
-const size4 = "size4__b4e67294";
-const size8 = "size8__ceaf3376";
-const size12 = "size12__7a940232";
-const size16 = "size16__638ecebf";
-const size24 = "size24__98ebc08e";
-const size32 = "size32__9437ccde";
-const size64 = "size64__813b2784";
-const size128 = "size128__e5e08aa9";
+const size4 = "size4__c296d468";
+const size8 = "size8__ce02a17b";
+const size12 = "size12__41b38f33";
+const size16 = "size16__ccf33abd";
+const size24 = "size24__931dde08";
+const size32 = "size32__985cb60c";
+const size64 = "size64__2c94fda3";
+const size128 = "size128__98975c64";
 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.43.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.45.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabs } from \"./components/HeaderTabs/HeaderTabs\";\nimport { HeaderTitle } from \"./components/HeaderTitle/HeaderTitle\";\nimport { HeaderSubheader } from \"./components/HeaderSubheader/HeaderSubheader\";\nimport { HeaderLayoutSidebar } from \"./components/HeaderLayoutSidebar/HeaderLayoutSidebar\";\n\n/** Свойства компонента Header. */\nexport interface IHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок. */\nexport const Header = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderProps>(function Header({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        LayoutSidebar: HeaderLayoutSidebar,\n        Subhead: HeaderSubheader,\n        Tabs: HeaderTabs,\n        Title: HeaderTitle,\n    },\n);\n\nHeader.displayName = \"Header\";\n"],"names":["React","Header"],"mappings":";;;;;;;;;;;;AAUO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,eAAe;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabs } from \"./components/HeaderTabs/HeaderTabs\";\nimport { HeaderTitle } from \"./components/HeaderTitle/HeaderTitle\";\nimport { HeaderSubheader } from \"./components/HeaderSubheader/HeaderSubheader\";\nimport { HeaderLayoutSidebar } from \"./components/HeaderLayoutSidebar/HeaderLayoutSidebar\";\n\n/** Свойства компонента Header. */\nexport interface IHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое заголовка. Обычно составные Header.Title, Header.Tabs и Header.Subhead. */\n    children?: React.ReactNode;\n}\n\n/**\n * Заголовок. Контейнер верхнего блока, собирающий уровни заголовка:\n * `Header.Title` (заголовок и кнопки действий), `Header.Tabs` (табы и кнопки действий)\n * и `Header.Subhead` (произвольный контент). Собственной визуальной оболочки не имеет —\n * фон, рамку и отступы задаёт контейнер-родитель.\n */\nexport const Header = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderProps>(function Header({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        LayoutSidebar: HeaderLayoutSidebar,\n        Subhead: HeaderSubheader,\n        Tabs: HeaderTabs,\n        Title: HeaderTitle,\n    },\n);\n\nHeader.displayName = \"Header\";\n"],"names":["React","Header"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,eAAe;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,OAAO,cAAc;"}

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-Du7oNhcA.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.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/HeaderLayoutSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { HeaderLayoutSidebarContent } from \"./HeaderLayoutSidebarContent\";\nimport { HeaderLayoutSidebarSidebar } from \"./HeaderLayoutSidebarSidebar\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebar. */\nexport interface IHeaderLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Layout для Header с sidebar. */\nexport const HeaderLayoutSidebar = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarProps>(function HeaderLayoutSidebar(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.headerLayoutSidebar, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderLayoutSidebarContent,\n        Sidebar: HeaderLayoutSidebarSidebar,\n    },\n);\n\nHeaderLayoutSidebar.displayName = \"HeaderLayoutSidebar\";\n"],"names":["React","HeaderLayoutSidebar"],"mappings":";;;;;;AAUO,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM,WAAsD,SAASC,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEjB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { HeaderLayoutSidebarContent } from \"./HeaderLayoutSidebarContent\";\nimport { HeaderLayoutSidebarSidebar } from \"./HeaderLayoutSidebarSidebar\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebar. */\nexport interface IHeaderLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое раскладки. Обычно составные HeaderLayoutSidebar.Content и HeaderLayoutSidebar.Sidebar. */\n    children?: React.ReactNode;\n}\n\n/**\n * Layout для Header с sidebar. Раскладывает `HeaderLayoutSidebar.Content`\n * и `HeaderLayoutSidebar.Sidebar` в строку; на ширине экрана до 767px sidebar скрывается.\n */\nexport const HeaderLayoutSidebar = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarProps>(function HeaderLayoutSidebar(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.headerLayoutSidebar, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderLayoutSidebarContent,\n        Sidebar: HeaderLayoutSidebarSidebar,\n    },\n);\n\nHeaderLayoutSidebar.displayName = \"HeaderLayoutSidebar\";\n"],"names":["React","HeaderLayoutSidebar"],"mappings":";;;;;;AAgBO,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM,WAAsD,SAASC,qBACjE,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEjB;AAEA,oBAAoB,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-Du7oNhcA.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.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/HeaderLayoutSidebarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebarContent.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarContent. */\nexport interface IHeaderLayoutSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок контента для Header с sidebar. */\nexport const HeaderLayoutSidebarContent = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarContent.displayName = \"HeaderLayoutSidebarContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebarContent.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarContent. */\nexport interface IHeaderLayoutSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Основной контент заголовка. */\n    children?: React.ReactNode;\n}\n\n/** Блок контента для Header с sidebar. Занимает свободное место в строке. */\nexport const HeaderLayoutSidebarContent = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarContent.displayName = \"HeaderLayoutSidebarContent\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-Du7oNhcA.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.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/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayoutSidebarSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarSidebar. */\nexport interface IHeaderLayoutSidebarSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Header sidebar. */\nexport const HeaderLayoutSidebarSidebar = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarSidebarProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarSidebar, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarSidebar.displayName = \"HeaderLayoutSidebarSidebar\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"HeaderLayoutSidebarSidebar.js","sources":["../../../../../src/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderLayoutSidebar.module.less\";\n\n/** Свойства компонента HeaderLayoutSidebarSidebar. */\nexport interface IHeaderLayoutSidebarSidebarProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое сайдбара. */\n    children?: React.ReactNode;\n}\n\n/** Header sidebar. Скрывается на ширине экрана до 767px. */\nexport const HeaderLayoutSidebarSidebar = React.forwardRef<HTMLDivElement, IHeaderLayoutSidebarSidebarProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerLayoutSidebarSidebar, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderLayoutSidebarSidebar.displayName = \"HeaderLayoutSidebarSidebar\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,MAAM,KACzE,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

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-D4wvHis9.js";
-const headerSubheader = "headerSubheader__ff54a02f";
-const withoutPaddings = "withoutPaddings__3d6b2b1c";
+const headerSubheader = "headerSubheader__8c5ecda5";
+const withoutPaddings = "withoutPaddings__1d7158ac";
 const styles = {
   headerSubheader,
   withoutPaddings
@@ -11,7 +11,7 @@ const HeaderSubheader = React__default.forwardRef(
   ({ children, className, withoutPaddings: withoutPaddings2, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(styles.headerSubheader, { [styles.withoutPaddings]: Boolean(withoutPaddings2) }, className),
+      className: clsx(styles.headerSubheader, { [styles.withoutPaddings]: withoutPaddings2 }, className),
       ...rest,
       ref,
       children

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubheader.js","sources":["../../../../../src/components/Header/components/HeaderSubheader/HeaderSubheader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderSubheader.module.less\";\n\n/** Свойства компонента HeaderSubheader. */\nexport interface IHeaderSubheaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Свойство отключающее padding. */\n    withoutPaddings?: boolean;\n}\n\n/** Третий уровень Header. Содержит в себе произвольный контент. */\nexport const HeaderSubheader = React.forwardRef<HTMLDivElement, IHeaderSubheaderProps>(\n    ({ children, className, withoutPaddings, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerSubheader, { [styles.withoutPaddings]: Boolean(withoutPaddings) }, className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderSubheader.displayName = \"HeaderSubheader\";\n"],"names":["React","withoutPaddings"],"mappings":";;;;;;;;;AAWO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,iBAAAC,kBAAiB,GAAG,KAAA,GAAQ,QAChD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,iBAAiB,EAAE,CAAC,OAAO,eAAe,GAAG,QAAQA,gBAAe,EAAA,GAAK,SAAS;AAAA,MACxG,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"HeaderSubheader.js","sources":["../../../../../src/components/Header/components/HeaderSubheader/HeaderSubheader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderSubheader.module.less\";\n\n/** Свойства компонента HeaderSubheader. */\nexport interface IHeaderSubheaderProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Произвольный контент третьего уровня заголовка. */\n    children?: React.ReactNode;\n    /** Свойство отключающее padding. По умолчанию false. */\n    withoutPaddings?: boolean;\n}\n\n/**\n * Третий уровень Header. Содержит в себе произвольный контент.\n * По умолчанию имеет вертикальные отступы 24px, которые снимаются свойством `withoutPaddings`.\n */\nexport const HeaderSubheader = React.forwardRef<HTMLDivElement, IHeaderSubheaderProps>(\n    ({ children, className, withoutPaddings, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerSubheader, { [styles.withoutPaddings]: withoutPaddings }, className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderSubheader.displayName = \"HeaderSubheader\";\n"],"names":["React","withoutPaddings"],"mappings":";;;;;;;;;AAgBO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,iBAAAC,kBAAiB,GAAG,KAAA,GAAQ,QAChD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,iBAAiB,EAAE,CAAC,OAAO,eAAe,GAAGA,iBAAA,GAAmB,SAAS;AAAA,MAC/F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,gBAAgB,cAAc;"}

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-DuLER5cV.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.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/HeaderTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabs.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabsContent } from \"./HeaderTabsContent\";\nimport { HeaderTabsControls } from \"./HeaderTabsControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabs. */\nexport interface IHeaderTabsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Второй уровень Header. Содержит в себе табы и кнопки действий. */\nexport const HeaderTabs = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTabsProps>(function HeaderTabs({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTabs, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTabsContent,\n        Controls: HeaderTabsControls,\n    },\n);\n\nHeaderTabs.displayName = \"HeaderTabs\";\n"],"names":["React","HeaderTabs"],"mappings":";;;;;;AAUO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM,WAA6C,SAASC,YAAW,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC1G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,KACzD,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"HeaderTabs.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTabsContent } from \"./HeaderTabsContent\";\nimport { HeaderTabsControls } from \"./HeaderTabsControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabs. */\nexport interface IHeaderTabsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое уровня. Обычно составные HeaderTabs.Content и HeaderTabs.Controls. */\n    children?: React.ReactNode;\n}\n\n/**\n * Второй уровень Header. Содержит в себе табы и кнопки действий.\n * Раскладывает `HeaderTabs.Content` и `HeaderTabs.Controls` в строку,\n * на ширине экрана до 767px кнопки переносятся под табы.\n */\nexport const HeaderTabs = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTabsProps>(function HeaderTabs({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTabs, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTabsContent,\n        Controls: HeaderTabsControls,\n    },\n);\n\nHeaderTabs.displayName = \"HeaderTabs\";\n"],"names":["React","HeaderTabs"],"mappings":";;;;;;AAiBO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM,WAA6C,SAASC,YAAW,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC1G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAI,GAAG,MAAM,KACzD,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,WAAW,cAAc;"}

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

@@ -1,11 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-DuLER5cV.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.js";
 const HeaderTabsContent = React__default.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children });
-  }
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );
 HeaderTabsContent.displayName = "HeaderTabsContent";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabsContent.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsContent. */\nexport interface IHeaderTabsContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер табов. */\nexport const HeaderTabsContent = React.forwardRef<HTMLDivElement, IHeaderTabsContentProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <div className={clsx(styles.headerTabsContent, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    },\n);\n\nHeaderTabsContent.displayName = \"HeaderTabsContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAAA,EAER;AACJ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"HeaderTabsContent.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsContent. */\nexport interface IHeaderTabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы. Обычно компонент Tabs. */\n    children?: React.ReactNode;\n}\n\n/** Контейнер табов. Занимает свободное место в строке HeaderTabs. */\nexport const HeaderTabsContent = React.forwardRef<HTMLDivElement, IHeaderTabsContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsContent.displayName = \"HeaderTabsContent\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAER;AAEA,kBAAkB,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-DuLER5cV.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.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/HeaderTabs/HeaderTabsControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTabsControls.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsControls. */\nexport interface IHeaderTabsControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с кнопками действий HeaderTabs. */\nexport const HeaderTabsControls = React.forwardRef<HTMLDivElement, IHeaderTabsControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsControls.displayName = \"HeaderTabsControls\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAER;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"HeaderTabsControls.js","sources":["../../../../../src/components/Header/components/HeaderTabs/HeaderTabsControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTabs.module.less\";\n\n/** Свойства компонента HeaderTabsControls. */\nexport interface IHeaderTabsControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Кнопки действий. */\n    children?: React.ReactNode;\n}\n\n/** Блок с кнопками действий HeaderTabs. Прижат вправо, не сжимается. */\nexport const HeaderTabsControls = React.forwardRef<HTMLDivElement, IHeaderTabsControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.headerTabsControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nHeaderTabsControls.displayName = \"HeaderTabsControls\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAI,GAAG,MAAM,KACjE,SAAA,CACL;AAER;AAEA,mBAAmB,cAAc;"}

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BpjoBzW6.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.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/HeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTitleContent } from \"./HeaderTitleContent\";\nimport { HeaderTitleControls } from \"./HeaderTitleControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitle. */\nexport interface IHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Первый уровень Header. Содержит заголовок, подзаголовок и кнопки действий. */\nexport const HeaderTitle = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTitleProps>(function HeaderTitle({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTitle, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTitleContent,\n        Controls: HeaderTitleControls,\n    },\n);\n\nHeaderTitle.displayName = \"HeaderTitle\";\n"],"names":["React","HeaderTitle"],"mappings":";;;;;;AAUO,MAAM,cAAc,OAAO;AAAA,EAC9BA,eAAM,WAA8C,SAASC,aAAY,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC5G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,MAAM,KAC1D,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderTitleContent } from \"./HeaderTitleContent\";\nimport { HeaderTitleControls } from \"./HeaderTitleControls\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitle. */\nexport interface IHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое уровня. Обычно составные HeaderTitle.Content и HeaderTitle.Controls. */\n    children?: React.ReactNode;\n}\n\n/**\n * Первый уровень Header. Содержит заголовок, подзаголовок и кнопки действий.\n * Раскладывает `HeaderTitle.Content` и `HeaderTitle.Controls` в строку,\n * на ширине экрана до 767px кнопки переносятся под контент.\n */\nexport const HeaderTitle = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderTitleProps>(function HeaderTitle({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.headerTitle, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: HeaderTitleContent,\n        Controls: HeaderTitleControls,\n    },\n);\n\nHeaderTitle.displayName = \"HeaderTitle\";\n"],"names":["React","HeaderTitle"],"mappings":";;;;;;AAiBO,MAAM,cAAc,OAAO;AAAA,EAC9BA,eAAM,WAA8C,SAASC,aAAY,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC5G,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,MAAM,KAC1D,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,YAAY,cAAc;"}

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

@@ -1,19 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BpjoBzW6.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.js";
 const HeaderTitleContent = React__default.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(className, styles.headerTitleContent, styles["global-HeaderTitleContent"]),
-        ...rest,
-        ref,
-        children
-      }
-    );
-  }
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(styles.headerTitleContent, styles["global-HeaderTitleContent"], className),
+      ...rest,
+      ref,
+      children
+    }
+  )
 );
 HeaderTitleContent.displayName = "HeaderTitleContent";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitleContent.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleContent. */\nexport interface IHeaderTitleContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Часть HeaderTitle с заголовком и подзаголовком. */\nexport const HeaderTitleContent = React.forwardRef<HTMLDivElement, IHeaderTitleContentProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(className, styles.headerTitleContent, styles[\"global-HeaderTitleContent\"])}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nHeaderTitleContent.displayName = \"HeaderTitleContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,WAAW,OAAO,oBAAoB,OAAO,2BAA2B,CAAC;AAAA,QACxF,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"HeaderTitleContent.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleContent. */\nexport interface IHeaderTitleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Заголовок и подзаголовок. */\n    children?: React.ReactNode;\n}\n\n/** Часть HeaderTitle с заголовком и подзаголовком. Занимает свободное место в строке. */\nexport const HeaderTitleContent = React.forwardRef<HTMLDivElement, IHeaderTitleContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleContent, styles[\"global-HeaderTitleContent\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleContent.displayName = \"HeaderTitleContent\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,oBAAoB,OAAO,2BAA2B,GAAG,SAAS;AAAA,MACxF,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,mBAAmB,cAAc;"}

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-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BpjoBzW6.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.js";
 const HeaderTitleControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderTitleControls.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleControls. */\nexport interface IHeaderTitleControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок с кнопками действий HeaderTitle. */\nexport const HeaderTitleControls = React.forwardRef<HTMLDivElement, IHeaderTitleControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleControls, styles[\"global-HeaderTitleControls\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleControls.displayName = \"HeaderTitleControls\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,qBAAqB,OAAO,4BAA4B,GAAG,SAAS;AAAA,MAC1F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"HeaderTitleControls.js","sources":["../../../../../src/components/Header/components/HeaderTitle/HeaderTitleControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../../styles/HeaderTitle.module.less\";\n\n/** Свойства компонента HeaderTitleControls. */\nexport interface IHeaderTitleControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Кнопки действий. */\n    children?: React.ReactNode;\n}\n\n/** Блок с кнопками действий HeaderTitle. Прижат вправо, не сжимается. */\nexport const HeaderTitleControls = React.forwardRef<HTMLDivElement, IHeaderTitleControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={clsx(styles.headerTitleControls, styles[\"global-HeaderTitleControls\"], className)}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </div>\n    ),\n);\n\nHeaderTitleControls.displayName = \"HeaderTitleControls\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,qBAAqB,OAAO,4BAA4B,GAAG,SAAS;AAAA,MAC1F,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,oBAAoB,cAAc;"}

package/components/HelpBox/HelpBox.js

@@ -9,7 +9,7 @@ import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/Too
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__ad711c55";
+const helpBoxButton = "helpBoxButton__d3cdea29";
 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-D4wvHis9.js";
-const disableInteraction = "disableInteraction__cc7f3039";
-const displayContents = "displayContents__811826fa";
+const disableInteraction = "disableInteraction__f9a5486b";
+const displayContents = "displayContents__6b69a628";
 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-2kNnHEuL.js";
+import "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -7,10 +7,10 @@ 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 as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__42de5366";
+const root = "root__f02db5f9";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DdtxKZVk.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__838c3722";
-const dot = "dot__f9e8f532";
-const active = "active__5a209e4a";
+const dots = "dots__502a6da2";
+const dot = "dot__07b89730";
+const active = "active__557ebaa2";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -6,7 +6,7 @@ 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-DdtxKZVk.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DdtxKZVk.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.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

@@ -3,7 +3,7 @@ import { useContext, useState, useRef, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DdtxKZVk.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.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-D4wvHis9.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 export {
   I as ImageGalleryExtendedThumb
 };