@sberbusiness/triplex-next 0.52.0 → 0.53.0

package/components/Chip/ChipDatePicker/ChipDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDatePicker.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"../../DateField\";\nimport { IChipProps } from \"../Chip\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DateFieldUtils } from \"../../DateField/utils\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { ChipDatePickerTarget } from \"./ChipDatePickerTarget\";\nimport { inputDateFormat } from \"../../DateField/constants\";\nimport { DropdownMobileMaskedInput } from \"../../Dropdown/mobile/DropdownMobileMaskedInput\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipDatePicker. */\nexport interface IChipDatePickerProps\n    extends Omit<IDateFieldProps, \"status\" | \"invalidDateHint\">, Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Контент вместо выбранной даты; при пустом или недоступном value отображается label. */\n    displayedValue?: React.ReactNode;\n}\n\n/** DatePicker с видом компонента Chip. */\nexport const ChipDatePicker = React.forwardRef<HTMLDivElement, IChipDatePickerProps>((props, ref) => {\n    const {\n        size,\n        value,\n        placeholderMask,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        onChange,\n        onDropdownOpen,\n        onDropdownClose,\n        ...rest\n    } = props;\n    const [pickerValues, setPickerValues] = useState(() =>\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        lastValidPickerValuesRef.current = newPickerValues;\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        // pickerValues намеренно не в зависимостях: эффект синхронизирует внешнее value,\n        // а не промежуточный ввод мобильного поля — иначе он затирал бы ввод пользователя.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const renderTarget = () => {\n        const currentPickerValues = dropdownOpenRef.current ? lastValidPickerValuesRef.current : pickerValues;\n        const selected = currentPickerValues.calendarDate !== null;\n\n        return (\n            <ChipDatePickerTarget type={type} size={size} selected={selected} disabled={disabled} onClear={handleClear}>\n                {selected ? (displayedValue ?? currentPickerValues.inputString) : label}\n            </ChipDatePickerTarget>\n        );\n    };\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileMaskedInput\n            value={pickerValues.inputString}\n            mask={DropdownMobileMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={styles.chipGroupItem}\n            renderTarget={renderTarget}\n            pickedDate={pickerValues.calendarDate}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            format={format}\n            limitRange={limitRange}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            disabledDays={disabledDays}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipDatePicker.displayName = \"ChipDatePicker\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChipDatePicker.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { IDateFieldProps } from \"../../DateField\";\nimport { IChipProps } from \"../Chip\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DateFieldUtils } from \"../../DateField/utils\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { ChipDatePickerTarget } from \"./ChipDatePickerTarget\";\nimport { inputDateFormat } from \"../../DateField/constants\";\nimport { PullerMaskedInput } from \"../../Puller/PullerMaskedInput\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipDatePicker. */\nexport interface IChipDatePickerProps\n    extends Omit<IDateFieldProps, \"status\" | \"invalidDateHint\">, Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Контент вместо выбранной даты; при пустом или недоступном value отображается label. */\n    displayedValue?: React.ReactNode;\n}\n\n/** DatePicker с видом компонента Chip. */\nexport const ChipDatePicker = React.forwardRef<HTMLDivElement, IChipDatePickerProps>((props, ref) => {\n    const {\n        size,\n        value,\n        placeholderMask,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        disabledDays,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        onChange,\n        onDropdownOpen,\n        onDropdownClose,\n        ...rest\n    } = props;\n    const [pickerValues, setPickerValues] = useState(() =>\n        DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays),\n    );\n    const lastValidPickerValuesRef = useRef(pickerValues);\n    const dropdownOpenRef = useRef(false);\n    const dropdownClosedByCalendarRef = useRef(false); // Dropdown закрылся от выбора даты в календаре\n\n    useEffect(() => {\n        const newPickerValues = DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays);\n\n        lastValidPickerValuesRef.current = newPickerValues;\n\n        if (newPickerValues.inputString !== pickerValues.inputString) {\n            setPickerValues(newPickerValues);\n        }\n        // pickerValues намеренно не в зависимостях: эффект синхронизирует внешнее value,\n        // а не промежуточный ввод мобильного поля — иначе он затирал бы ввод пользователя.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, format, limitRange, disabledDays]);\n\n    const renderTarget = () => {\n        const currentPickerValues = dropdownOpenRef.current ? lastValidPickerValuesRef.current : pickerValues;\n        const selected = currentPickerValues.calendarDate !== null;\n\n        return (\n            <ChipDatePickerTarget type={type} size={size} selected={selected} disabled={disabled} onClear={handleClear}>\n                {selected ? (displayedValue ?? currentPickerValues.inputString) : label}\n            </ChipDatePickerTarget>\n        );\n    };\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const handleDropdownOpen = () => {\n        dropdownOpenRef.current = true;\n\n        onDropdownOpen?.();\n    };\n\n    const handleDropdownClose = () => {\n        dropdownOpenRef.current = false;\n\n        if (dropdownClosedByCalendarRef.current) {\n            dropdownClosedByCalendarRef.current = false;\n        } else if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            triggerChangeFromInput();\n        }\n\n        onDropdownClose?.();\n    };\n\n    const renderDropdownHeaderTarget = () => (\n        <PullerMaskedInput\n            value={pickerValues.inputString}\n            mask={PullerMaskedInput.presets.masks.date}\n            placeholderMask={placeholderMask}\n            onChange={handleInputChange}\n            autoFocus={true}\n        />\n    );\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        let date: moment.Moment | null = null;\n\n        if (event.target.value.length === inputDateFormat.length) {\n            date = moment(event.target.value, inputDateFormat, true);\n\n            if (\n                !date.isValid() ||\n                !DateFieldUtils.isAvailableDate(date, date.format(format), limitRange, disabledDays)\n            ) {\n                date = null;\n            }\n        }\n\n        setPickerValues({ calendarDate: date, inputString: event.target.value });\n    };\n\n    const triggerChangeFromInput = () => {\n        if (pickerValues.inputString.length === 0 && value.length !== 0) {\n            return onChange(pickerValues.inputString);\n        }\n\n        const date = moment(pickerValues.inputString, inputDateFormat, true);\n\n        if (date.isValid()) {\n            const newValue = date.format(format);\n\n            if (newValue === value) {\n                return;\n            }\n\n            if (DateFieldUtils.isAvailableDate(date, newValue, limitRange, disabledDays)) {\n                return onChange(newValue);\n            }\n        }\n\n        if (pickerValues.inputString !== lastValidPickerValuesRef.current.inputString) {\n            setPickerValues(lastValidPickerValuesRef.current);\n        }\n    };\n\n    const handleDateChange = (date: moment.Moment) => {\n        dropdownClosedByCalendarRef.current = true;\n\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={styles.chipGroupItem}\n            renderTarget={renderTarget}\n            pickedDate={pickerValues.calendarDate}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            format={format}\n            limitRange={limitRange}\n            onDropdownOpen={handleDropdownOpen}\n            onDropdownClose={handleDropdownClose}\n            onDateChange={handleDateChange}\n            disabledDays={disabledDays}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipDatePicker.displayName = \"ChipDatePicker\";\n"],"names":[],"mappings":"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"}

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../../chunks/Chip-DOtRbYR5.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__8d81b049";
-const rotated = "rotated__1f92f51b";
+const chipDropdownArrow = "chipDropdownArrow__9952d37e";
+const rotated = "rotated__4433bfa7";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { C as Chip } from "../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../chunks/Chip-DOtRbYR5.js";
 const ChipIcon = React.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js

@@ -11,7 +11,7 @@ import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ECalendarPickType } from "../../Calendar/enums.js";
-import { s as styles } from "../../../chunks/Chip-KA-wuCSC.js";
+import { s as styles } from "../../../chunks/Chip-DOtRbYR5.js";
 const ChipMonthYearPicker = React.forwardRef((props, ref) => {
   const {
     className,

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../../chunks/Chip-DOtRbYR5.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipMultiselect.js

@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-KA-wuCSC.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-DOtRbYR5.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 const ChipMultiselect = React.forwardRef(

package/components/Chip/ChipOptions.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { isKey } from "../../utils/keyboard.js";
-import { C as Chip } from "../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../chunks/Chip-DOtRbYR5.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__a98bffc3";
+const chipOptionsContent = "chipOptionsContent__5527b17a";
 const styles = {
   chipOptionsContent
 };

package/components/Chip/ChipSelect/ChipSelect.js

@@ -6,7 +6,7 @@ import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget } from "./ChipSelectTarget.js";
-import { s as styles } from "../../../chunks/Chip-KA-wuCSC.js";
+import { s as styles } from "../../../chunks/Chip-DOtRbYR5.js";
 const ChipSelect = React.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../../chunks/Chip-DOtRbYR5.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -9,7 +9,7 @@ import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles } from "../../chunks/Chip-KA-wuCSC.js";
+import { s as styles } from "../../chunks/Chip-DOtRbYR5.js";
 const ICON_PALETTE_INDEX_DEFAULT = 5;
 const ICON_PALETTE_INDEX_SELECTED = 6;
 const ChipSort = React.forwardRef(

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -6,7 +6,7 @@ import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
 import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
-import { s as styles } from "../../../chunks/Chip-KA-wuCSC.js";
+import { s as styles } from "../../../chunks/Chip-DOtRbYR5.js";
 const ChipSuggestBase = ({
   className,
   type,

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,18 +6,7 @@ import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-B220hwlD.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DtBDNMDu.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { ChipSuggestDesktopDropdownField } from "./desktop/ChipSuggestDesktopDropdownField.js";
 import { SuggestMobileDropdownContent } from "../../Suggest/SuggestMobileDropdownContent.js";
@@ -95,7 +84,7 @@ const ChipSuggestDropdownBase = ({ children, size, targetRef, focusTrapProps, ..
       targetRef,
       opened: dropdownOpen,
       setOpened: handleDropdownOpen,
-      mobileViewProps: {
+      pullerProps: {
         children: /* @__PURE__ */ jsx(SuggestMobileDropdownContent, {})
       },
       ...restProps,

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSuggestDropdown.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ISuggestOption } from \"../../Suggest/types\";\nimport { IChipSuggestDropdownProps } from \"./types\";\nimport { useSuggestContext } from \"../../Suggest/SuggestContext\";\nimport { Dropdown, DropdownList, DropdownListItem } from \"../../Dropdown\";\nimport { ChipSuggestDesktopDropdownField } from \"./desktop/ChipSuggestDesktopDropdownField\";\nimport { SuggestMobileDropdownContent } from \"../../Suggest/SuggestMobileDropdownContent\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\nconst ChipSuggestDropdownBase = <T extends ISuggestOption>(\n    { children, size, targetRef, focusTrapProps, ...restProps }: IChipSuggestDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const {\n        value,\n        options,\n        dropdownListId,\n        dropdownOpen,\n        dropdownListLoading,\n        dropdownRef,\n        closeDropdown,\n        onSelect,\n        setDropdownOpen,\n    } = useSuggestContext<T>();\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            // Suggest отличает клик внутри списка от клика вне компонента по dropdownRef из контекста.\n            dropdownRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [dropdownRef, ref],\n    );\n\n    const handleDropdownOpen = useCallback(\n        (open: boolean) => {\n            if (open) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown();\n            }\n        },\n        [setDropdownOpen, closeDropdown],\n    );\n\n    const desktopDropdownContent = (\n        <FocusTrap\n            {...focusTrapProps}\n            focusTrapOptions={{\n                clickOutsideDeactivates: true,\n                returnFocusOnDeactivate: true,\n                ...focusTrapProps?.focusTrapOptions,\n            }}\n        >\n            <div role=\"presentation\">\n                <ChipSuggestDesktopDropdownField size={size}>{children}</ChipSuggestDesktopDropdownField>\n                <DropdownList\n                    id={dropdownListId}\n                    size={size}\n                    dropdownOpened={dropdownOpen}\n                    loading={dropdownListLoading}\n                    style={options.length === 0 ? { display: \"none\" } : undefined}\n                >\n                    {options.map((option) => (\n                        <DropdownListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </DropdownListItem>\n                    ))}\n                </DropdownList>\n            </div>\n        </FocusTrap>\n    );\n\n    return (\n        <Dropdown\n            size={size}\n            targetRef={targetRef}\n            opened={dropdownOpen}\n            setOpened={handleDropdownOpen}\n            mobileViewProps={{\n                children: <SuggestMobileDropdownContent />,\n            }}\n            {...restProps}\n            ref={setRef}\n        >\n            {desktopDropdownContent}\n        </Dropdown>\n    );\n};\n\n/**\n * Выпадающий список ChipSuggest: поле фильтрации и список опций из SuggestContext.\n * На десктопе содержимое обёрнуто в FocusTrap, на мобильных — заменяется полноэкранным наполнением Suggest.\n */\nexport const ChipSuggestDropdown = React.forwardRef(ChipSuggestDropdownBase) as <T extends ISuggestOption>(\n    props: IChipSuggestDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAEnD,MAAM,0BAA0B,CAC5B,EAAE,UAAU,MAAM,WAAW,gBAAgB,GAAG,UAAA,GAChD,QACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AAEjC,kBAAY,UAAU;AACtB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,aAAa,GAAG;AAAA,EAAA;AAGrB,QAAM,qBAAqB;AAAA,IACvB,CAAC,SAAkB;AACf,UAAI,MAAM;AACN,wBAAgB,IAAI;AAAA,MACxB,OAAO;AACH,sBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAGnC,QAAM,yBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,kBAAkB;AAAA,QACd,yBAAyB;AAAA,QACzB,yBAAyB;AAAA,QACzB,GAAG,iDAAgB;AAAA,MAAA;AAAA,MAGvB,UAAA,qBAAC,OAAA,EAAI,MAAK,gBACN,UAAA;AAAA,QAAA,oBAAC,iCAAA,EAAgC,MAAa,SAAA,CAAS;AAAA,QACvD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ;AAAA,YACA,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,OAAO,QAAQ,WAAW,IAAI,EAAE,SAAS,WAAW;AAAA,YAEnD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,IAAI,OAAO;AAAA,gBACX,sBAAsB;AAAA,gBACtB,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,sBAAsB,OAAO;AAAA,gBAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,gBAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,cAAA;AAAA,cAPrB,OAAO;AAAA,YAAA,CASnB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAIR,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,iBAAiB;AAAA,QACb,8BAAW,8BAAA,CAAA,CAA6B;AAAA,MAAA;AAAA,MAE3C,GAAG;AAAA,MACJ,KAAK;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGb;AAMO,MAAM,sBAAsB,MAAM,WAAW,uBAAuB;"}
+{"version":3,"file":"ChipSuggestDropdown.js","sources":["../../../../src/components/Chip/ChipSuggest/ChipSuggestDropdown.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport FocusTrap from \"focus-trap-react\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { ISuggestOption } from \"../../Suggest/types\";\nimport { IChipSuggestDropdownProps } from \"./types\";\nimport { useSuggestContext } from \"../../Suggest/SuggestContext\";\nimport { Dropdown, DropdownList, DropdownListItem } from \"../../Dropdown\";\nimport { ChipSuggestDesktopDropdownField } from \"./desktop/ChipSuggestDesktopDropdownField\";\nimport { SuggestMobileDropdownContent } from \"../../Suggest/SuggestMobileDropdownContent\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\n\nconst KEY_CODES_SELECTABLE = [EVENT_KEY_CODES.ENTER];\n\nconst ChipSuggestDropdownBase = <T extends ISuggestOption>(\n    { children, size, targetRef, focusTrapProps, ...restProps }: IChipSuggestDropdownProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const {\n        value,\n        options,\n        dropdownListId,\n        dropdownOpen,\n        dropdownListLoading,\n        dropdownRef,\n        closeDropdown,\n        onSelect,\n        setDropdownOpen,\n    } = useSuggestContext<T>();\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            // Suggest отличает клик внутри списка от клика вне компонента по dropdownRef из контекста.\n            dropdownRef.current = instance;\n            setForwardedRef(ref, instance);\n        },\n        [dropdownRef, ref],\n    );\n\n    const handleDropdownOpen = useCallback(\n        (open: boolean) => {\n            if (open) {\n                setDropdownOpen(true);\n            } else {\n                closeDropdown();\n            }\n        },\n        [setDropdownOpen, closeDropdown],\n    );\n\n    const desktopDropdownContent = (\n        <FocusTrap\n            {...focusTrapProps}\n            focusTrapOptions={{\n                clickOutsideDeactivates: true,\n                returnFocusOnDeactivate: true,\n                ...focusTrapProps?.focusTrapOptions,\n            }}\n        >\n            <div role=\"presentation\">\n                <ChipSuggestDesktopDropdownField size={size}>{children}</ChipSuggestDesktopDropdownField>\n                <DropdownList\n                    id={dropdownListId}\n                    size={size}\n                    dropdownOpened={dropdownOpen}\n                    loading={dropdownListLoading}\n                    style={options.length === 0 ? { display: \"none\" } : undefined}\n                >\n                    {options.map((option) => (\n                        <DropdownListItem\n                            key={option.id}\n                            id={option.id}\n                            keyCodesForSelection={KEY_CODES_SELECTABLE}\n                            selected={option.id === value?.id}\n                            showNotificationIcon={option.showNotificationIcon}\n                            onSelect={() => onSelect(option)}\n                        >\n                            {option.content || option.label}\n                        </DropdownListItem>\n                    ))}\n                </DropdownList>\n            </div>\n        </FocusTrap>\n    );\n\n    return (\n        <Dropdown\n            size={size}\n            targetRef={targetRef}\n            opened={dropdownOpen}\n            setOpened={handleDropdownOpen}\n            pullerProps={{\n                children: <SuggestMobileDropdownContent />,\n            }}\n            {...restProps}\n            ref={setRef}\n        >\n            {desktopDropdownContent}\n        </Dropdown>\n    );\n};\n\n/**\n * Выпадающий список ChipSuggest: поле фильтрации и список опций из SuggestContext.\n * На десктопе содержимое обёрнуто в FocusTrap, на мобильных — заменяется наполнением шторки Puller из Suggest.\n */\nexport const ChipSuggestDropdown = React.forwardRef(ChipSuggestDropdownBase) as <T extends ISuggestOption>(\n    props: IChipSuggestDropdownProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,MAAM,uBAAuB,CAAC,gBAAgB,KAAK;AAEnD,MAAM,0BAA0B,CAC5B,EAAE,UAAU,MAAM,WAAW,gBAAgB,GAAG,UAAA,GAChD,QACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AAEJ,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AAEjC,kBAAY,UAAU;AACtB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAAA,IACA,CAAC,aAAa,GAAG;AAAA,EAAA;AAGrB,QAAM,qBAAqB;AAAA,IACvB,CAAC,SAAkB;AACf,UAAI,MAAM;AACN,wBAAgB,IAAI;AAAA,MACxB,OAAO;AACH,sBAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAGnC,QAAM,yBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,kBAAkB;AAAA,QACd,yBAAyB;AAAA,QACzB,yBAAyB;AAAA,QACzB,GAAG,iDAAgB;AAAA,MAAA;AAAA,MAGvB,UAAA,qBAAC,OAAA,EAAI,MAAK,gBACN,UAAA;AAAA,QAAA,oBAAC,iCAAA,EAAgC,MAAa,SAAA,CAAS;AAAA,QACvD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ;AAAA,YACA,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,OAAO,QAAQ,WAAW,IAAI,EAAE,SAAS,WAAW;AAAA,YAEnD,UAAA,QAAQ,IAAI,CAAC,WACV;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,IAAI,OAAO;AAAA,gBACX,sBAAsB;AAAA,gBACtB,UAAU,OAAO,QAAO,+BAAO;AAAA,gBAC/B,sBAAsB,OAAO;AAAA,gBAC7B,UAAU,MAAM,SAAS,MAAM;AAAA,gBAE9B,UAAA,OAAO,WAAW,OAAO;AAAA,cAAA;AAAA,cAPrB,OAAO;AAAA,YAAA,CASnB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAIR,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,QACT,8BAAW,8BAAA,CAAA,CAA6B;AAAA,MAAA;AAAA,MAE3C,GAAG;AAAA,MACJ,KAAK;AAAA,MAEJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGb;AAMO,MAAM,sBAAsB,MAAM,WAAW,uBAAuB;"}

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-KA-wuCSC.js";
+import { C as Chip } from "../../../chunks/Chip-DOtRbYR5.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__0c997fcc";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__2793db44";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-KA-wuCSC.js";
+import { C } from "../../chunks/Chip-DOtRbYR5.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -3,12 +3,12 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__1e563fa8";
-const oneLine = "oneLine__05cff4d7";
-const multiLine = "multiLine__e9a306de";
-const lg = "lg__63759a11";
-const md = "md__8c656d88";
-const sm = "sm__2486487b";
+const chipGroup = "chipGroup__7b1ef627";
+const oneLine = "oneLine__908df20b";
+const multiLine = "multiLine__98bfd161";
+const lg = "lg__c01620b4";
+const md = "md__8bac10a3";
+const sm = "sm__dd873755";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "0.52.0",
+        "data-tx": "0.53.0",
         children
       }
     );

package/components/Col/Col.js

@@ -3,141 +3,141 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__f06d9a06";
-const gridHorizontalGapMD = "gridHorizontalGapMD__2f7db641";
+const gridHorizontalGapSM = "gridHorizontalGapSM__2aae53de";
+const gridHorizontalGapMD = "gridHorizontalGapMD__3ce49ba9";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__e861f3c2",
-  "col-2": "col-2__66ec506b",
-  "col-3": "col-3__4b268f23",
-  "col-4": "col-4__b4b49dd7",
-  "col-5": "col-5__39fac14f",
-  "col-6": "col-6__d866531f",
-  "col-7": "col-7__07f04ed9",
-  "col-8": "col-8__060a7092",
-  "col-9": "col-9__11a1332b",
-  "col-10": "col-10__8bbd5aa9",
-  "col-11": "col-11__8b874c55",
-  "col-12": "col-12__2b09d373",
-  "offset-0": "offset-0__4400b216",
-  "offset-1": "offset-1__b2c213dc",
-  "offset-2": "offset-2__b5936112",
-  "offset-3": "offset-3__16e8e73a",
-  "offset-4": "offset-4__80f590aa",
-  "offset-5": "offset-5__b9743354",
-  "offset-6": "offset-6__c23e5aa8",
-  "offset-7": "offset-7__91be5ed3",
-  "offset-8": "offset-8__ca6db81d",
-  "offset-9": "offset-9__2d68a5aa",
-  "offset-10": "offset-10__7fc9e9f6",
-  "offset-11": "offset-11__fe1a9bb3",
-  "d-none": "d-none__e1f47c98",
-  "d-block": "d-block__ba0ede01",
-  "col-sm-1": "col-sm-1__8b9d7962",
-  "col-sm-2": "col-sm-2__e1673054",
-  "col-sm-3": "col-sm-3__26f9f8c6",
-  "col-sm-4": "col-sm-4__68f40808",
-  "col-sm-5": "col-sm-5__a3ca01af",
-  "col-sm-6": "col-sm-6__01c1ed26",
-  "col-sm-7": "col-sm-7__f3a05c4f",
-  "col-sm-8": "col-sm-8__2ef9a2cb",
-  "col-sm-9": "col-sm-9__2665c317",
-  "col-sm-10": "col-sm-10__ad548dec",
-  "col-sm-11": "col-sm-11__be53d2fa",
-  "col-sm-12": "col-sm-12__f067aedd",
-  "offset-sm-0": "offset-sm-0__1cf13e72",
-  "offset-sm-1": "offset-sm-1__875c67dd",
-  "offset-sm-2": "offset-sm-2__7f174cf5",
-  "offset-sm-3": "offset-sm-3__98f13b61",
-  "offset-sm-4": "offset-sm-4__27f9d1fa",
-  "offset-sm-5": "offset-sm-5__62d39457",
-  "offset-sm-6": "offset-sm-6__761f9fa0",
-  "offset-sm-7": "offset-sm-7__b0104265",
-  "offset-sm-8": "offset-sm-8__cf8a0414",
-  "offset-sm-9": "offset-sm-9__5a0cad89",
-  "offset-sm-10": "offset-sm-10__c7c5d46f",
-  "offset-sm-11": "offset-sm-11__bc2c4afb",
-  "d-none-sm": "d-none-sm__a83d9105",
-  "d-block-sm": "d-block-sm__90f64da9",
-  "col-md-1": "col-md-1__8cd4e236",
-  "col-md-2": "col-md-2__599d1c1d",
-  "col-md-3": "col-md-3__ab612e2e",
-  "col-md-4": "col-md-4__e6e30bce",
-  "col-md-5": "col-md-5__e8f8761e",
-  "col-md-6": "col-md-6__1795ee68",
-  "col-md-7": "col-md-7__e7f22f43",
-  "col-md-8": "col-md-8__f35c85be",
-  "col-md-9": "col-md-9__c6ee57ba",
-  "col-md-10": "col-md-10__2af7bd0d",
-  "col-md-11": "col-md-11__f15badf0",
-  "col-md-12": "col-md-12__d9551ef4",
-  "offset-md-0": "offset-md-0__7d8dbadc",
-  "offset-md-1": "offset-md-1__5c844f9a",
-  "offset-md-2": "offset-md-2__eb67445f",
-  "offset-md-3": "offset-md-3__e9a974ab",
-  "offset-md-4": "offset-md-4__412685ec",
-  "offset-md-5": "offset-md-5__ed8a86a5",
-  "offset-md-6": "offset-md-6__6cd35a08",
-  "offset-md-7": "offset-md-7__5210d680",
-  "offset-md-8": "offset-md-8__cb154b0a",
-  "offset-md-9": "offset-md-9__ef17bb35",
-  "offset-md-10": "offset-md-10__aa4aadb4",
-  "offset-md-11": "offset-md-11__d182cd7d",
-  "d-none-md": "d-none-md__dc63794f",
-  "d-block-md": "d-block-md__3f4208a1",
-  "col-lg-1": "col-lg-1__85f19179",
-  "col-lg-2": "col-lg-2__9fbfe30c",
-  "col-lg-3": "col-lg-3__bdc4a2fd",
-  "col-lg-4": "col-lg-4__b6d3243c",
-  "col-lg-5": "col-lg-5__c0b31759",
-  "col-lg-6": "col-lg-6__92bbdf66",
-  "col-lg-7": "col-lg-7__e89a0e17",
-  "col-lg-8": "col-lg-8__c8d3d67d",
-  "col-lg-9": "col-lg-9__00e8968c",
-  "col-lg-10": "col-lg-10__d90ab8af",
-  "col-lg-11": "col-lg-11__12c817a6",
-  "col-lg-12": "col-lg-12__82b441dd",
-  "offset-lg-0": "offset-lg-0__69931bc3",
-  "offset-lg-1": "offset-lg-1__60d23abe",
-  "offset-lg-2": "offset-lg-2__3fc2a9bc",
-  "offset-lg-3": "offset-lg-3__7fda3f18",
-  "offset-lg-4": "offset-lg-4__0f08547c",
-  "offset-lg-5": "offset-lg-5__17cf383b",
-  "offset-lg-6": "offset-lg-6__66763bea",
-  "offset-lg-7": "offset-lg-7__42b6099a",
-  "offset-lg-8": "offset-lg-8__3d7ff3e1",
-  "offset-lg-9": "offset-lg-9__06b7fcbf",
-  "offset-lg-10": "offset-lg-10__c0f60073",
-  "offset-lg-11": "offset-lg-11__22211073",
-  "d-none-lg": "d-none-lg__ad5f4a56",
-  "d-block-lg": "d-block-lg__02d6a615",
-  "col-xl-1": "col-xl-1__a13c8ce5",
-  "col-xl-2": "col-xl-2__c56a115a",
-  "col-xl-3": "col-xl-3__0c7727f9",
-  "col-xl-4": "col-xl-4__6c8a58e2",
-  "col-xl-5": "col-xl-5__ba97940d",
-  "col-xl-6": "col-xl-6__30f4f830",
-  "col-xl-7": "col-xl-7__eddfdff6",
-  "col-xl-8": "col-xl-8__9e8612a2",
-  "col-xl-9": "col-xl-9__4b7b11c9",
-  "col-xl-10": "col-xl-10__cc2faa01",
-  "col-xl-11": "col-xl-11__9590884e",
-  "col-xl-12": "col-xl-12__06638b09",
-  "offset-xl-0": "offset-xl-0__3656c182",
-  "offset-xl-1": "offset-xl-1__0a8911f3",
-  "offset-xl-2": "offset-xl-2__03ed5e68",
-  "offset-xl-3": "offset-xl-3__457df854",
-  "offset-xl-4": "offset-xl-4__b87234d4",
-  "offset-xl-5": "offset-xl-5__08cfe7cc",
-  "offset-xl-6": "offset-xl-6__66b3f5e9",
-  "offset-xl-7": "offset-xl-7__dfc40377",
-  "offset-xl-8": "offset-xl-8__72aef487",
-  "offset-xl-9": "offset-xl-9__d66c67be",
-  "offset-xl-10": "offset-xl-10__d3d74722",
-  "offset-xl-11": "offset-xl-11__206c106d",
-  "d-none-xl": "d-none-xl__2daf83df",
-  "d-block-xl": "d-block-xl__f5f7673c"
+  "col-1": "col-1__bbcd5b22",
+  "col-2": "col-2__3da6717f",
+  "col-3": "col-3__e1c3451b",
+  "col-4": "col-4__95ea56d9",
+  "col-5": "col-5__0b8d03ca",
+  "col-6": "col-6__de12e47b",
+  "col-7": "col-7__862028c4",
+  "col-8": "col-8__6af4354f",
+  "col-9": "col-9__d7f63724",
+  "col-10": "col-10__2e5b847e",
+  "col-11": "col-11__245ca02e",
+  "col-12": "col-12__6dd48806",
+  "offset-0": "offset-0__692c1162",
+  "offset-1": "offset-1__18600215",
+  "offset-2": "offset-2__95635940",
+  "offset-3": "offset-3__f2aea083",
+  "offset-4": "offset-4__002a7c0d",
+  "offset-5": "offset-5__058db334",
+  "offset-6": "offset-6__17969501",
+  "offset-7": "offset-7__026e3109",
+  "offset-8": "offset-8__cad08381",
+  "offset-9": "offset-9__2839be68",
+  "offset-10": "offset-10__73b433bf",
+  "offset-11": "offset-11__7eed2f63",
+  "d-none": "d-none__a1042f3f",
+  "d-block": "d-block__026d1ed0",
+  "col-sm-1": "col-sm-1__eea34bf6",
+  "col-sm-2": "col-sm-2__41264188",
+  "col-sm-3": "col-sm-3__36719f83",
+  "col-sm-4": "col-sm-4__1185cf3f",
+  "col-sm-5": "col-sm-5__62921357",
+  "col-sm-6": "col-sm-6__0f3ad0e8",
+  "col-sm-7": "col-sm-7__1d3a0e91",
+  "col-sm-8": "col-sm-8__0f8c7fcc",
+  "col-sm-9": "col-sm-9__48706ad5",
+  "col-sm-10": "col-sm-10__f3b91897",
+  "col-sm-11": "col-sm-11__bb57d44c",
+  "col-sm-12": "col-sm-12__dbfb4025",
+  "offset-sm-0": "offset-sm-0__35c6c598",
+  "offset-sm-1": "offset-sm-1__e786fe59",
+  "offset-sm-2": "offset-sm-2__a6205902",
+  "offset-sm-3": "offset-sm-3__3a0e683c",
+  "offset-sm-4": "offset-sm-4__f17f7456",
+  "offset-sm-5": "offset-sm-5__b07bbe8f",
+  "offset-sm-6": "offset-sm-6__6fe06977",
+  "offset-sm-7": "offset-sm-7__4c743ed6",
+  "offset-sm-8": "offset-sm-8__f51e208a",
+  "offset-sm-9": "offset-sm-9__b46dc8ce",
+  "offset-sm-10": "offset-sm-10__fff7598f",
+  "offset-sm-11": "offset-sm-11__e4c65c91",
+  "d-none-sm": "d-none-sm__66d2d157",
+  "d-block-sm": "d-block-sm__880456ff",
+  "col-md-1": "col-md-1__726070ad",
+  "col-md-2": "col-md-2__dd118671",
+  "col-md-3": "col-md-3__cb479953",
+  "col-md-4": "col-md-4__340f33e4",
+  "col-md-5": "col-md-5__d2155149",
+  "col-md-6": "col-md-6__9c8c1267",
+  "col-md-7": "col-md-7__3da6a07b",
+  "col-md-8": "col-md-8__0c4c99e0",
+  "col-md-9": "col-md-9__f95eb0fa",
+  "col-md-10": "col-md-10__f972647b",
+  "col-md-11": "col-md-11__cca2ab0a",
+  "col-md-12": "col-md-12__e6343bba",
+  "offset-md-0": "offset-md-0__6d467a0f",
+  "offset-md-1": "offset-md-1__2cb7100f",
+  "offset-md-2": "offset-md-2__c3839dff",
+  "offset-md-3": "offset-md-3__a074eaf6",
+  "offset-md-4": "offset-md-4__c4ff8fbc",
+  "offset-md-5": "offset-md-5__ddadeca7",
+  "offset-md-6": "offset-md-6__3e627fa5",
+  "offset-md-7": "offset-md-7__4948c6cf",
+  "offset-md-8": "offset-md-8__9e070837",
+  "offset-md-9": "offset-md-9__e319d762",
+  "offset-md-10": "offset-md-10__f733c009",
+  "offset-md-11": "offset-md-11__8b5a7859",
+  "d-none-md": "d-none-md__f618c1a1",
+  "d-block-md": "d-block-md__069159fb",
+  "col-lg-1": "col-lg-1__f84392e5",
+  "col-lg-2": "col-lg-2__e677343c",
+  "col-lg-3": "col-lg-3__b6355dea",
+  "col-lg-4": "col-lg-4__dbf0dc87",
+  "col-lg-5": "col-lg-5__7e6f5b10",
+  "col-lg-6": "col-lg-6__6ff8a90a",
+  "col-lg-7": "col-lg-7__a3879c31",
+  "col-lg-8": "col-lg-8__8e9788fd",
+  "col-lg-9": "col-lg-9__bb505d2b",
+  "col-lg-10": "col-lg-10__6068167e",
+  "col-lg-11": "col-lg-11__9d324406",
+  "col-lg-12": "col-lg-12__b6fa7f92",
+  "offset-lg-0": "offset-lg-0__23f3ca85",
+  "offset-lg-1": "offset-lg-1__1290d1cb",
+  "offset-lg-2": "offset-lg-2__ae1044ff",
+  "offset-lg-3": "offset-lg-3__f5257c0c",
+  "offset-lg-4": "offset-lg-4__4fef6adf",
+  "offset-lg-5": "offset-lg-5__3cbbe383",
+  "offset-lg-6": "offset-lg-6__a3c75e10",
+  "offset-lg-7": "offset-lg-7__afb1c1fa",
+  "offset-lg-8": "offset-lg-8__99edad0a",
+  "offset-lg-9": "offset-lg-9__e06caa77",
+  "offset-lg-10": "offset-lg-10__62d23354",
+  "offset-lg-11": "offset-lg-11__00105d60",
+  "d-none-lg": "d-none-lg__7f35097f",
+  "d-block-lg": "d-block-lg__536ef972",
+  "col-xl-1": "col-xl-1__3d60fb31",
+  "col-xl-2": "col-xl-2__507e012c",
+  "col-xl-3": "col-xl-3__4569f1af",
+  "col-xl-4": "col-xl-4__cb8da81b",
+  "col-xl-5": "col-xl-5__1e2707ef",
+  "col-xl-6": "col-xl-6__b540cc2d",
+  "col-xl-7": "col-xl-7__36addc31",
+  "col-xl-8": "col-xl-8__87b4f786",
+  "col-xl-9": "col-xl-9__893388d9",
+  "col-xl-10": "col-xl-10__acc3c5ae",
+  "col-xl-11": "col-xl-11__bf606267",
+  "col-xl-12": "col-xl-12__94111e15",
+  "offset-xl-0": "offset-xl-0__08cfb523",
+  "offset-xl-1": "offset-xl-1__0d789a94",
+  "offset-xl-2": "offset-xl-2__b6ecd94c",
+  "offset-xl-3": "offset-xl-3__95329428",
+  "offset-xl-4": "offset-xl-4__7e9ecc66",
+  "offset-xl-5": "offset-xl-5__11d65436",
+  "offset-xl-6": "offset-xl-6__ef03eded",
+  "offset-xl-7": "offset-xl-7__d3cfcdb3",
+  "offset-xl-8": "offset-xl-8__bcc6f57e",
+  "offset-xl-9": "offset-xl-9__d3441d76",
+  "offset-xl-10": "offset-xl-10__e4e96422",
+  "offset-xl-11": "offset-xl-11__ccdf3229",
+  "d-none-xl": "d-none-xl__abc7055f",
+  "d-block-xl": "d-block-xl__e78d6f35"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,

package/components/CollapsibleTree/CollapsibleTree.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__597d32b0";
+const collapsibleTree = "collapsibleTree__1018fad4";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__a0e9d70a";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__d72166f7";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
 import { x as noop } from "../../../chunks/vendor-Bf_-FiU6.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__64bc2971";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__b035adba";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__1b5b409d";
-const interactive = "interactive__e0833bd3";
-const chevron = "chevron__241643f7";
-const opened = "opened__8ceec678";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__1dd01865";
+const interactive = "interactive__276f8da6";
+const chevron = "chevron__579ab529";
+const opened = "opened__c17c98ae";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -6,7 +6,7 @@ import React from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__24631cb9";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__28506992";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };