@sberbusiness/triplex-next 1.51.0 → 1.53.0

package/components/Carousel/CarouselViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselViewport.js","sources":["../../../src/components/Carousel/CarouselViewport.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselViewportProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs } from \"../../utils/refs\";\nimport { ORIENTATION_TRANSFORM } from \"./constants\";\nimport { EOrientation } from \"../../enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_TOUCH_KEY = {\n    [EOrientation.HORIZONTAL]: \"clientX\",\n    [EOrientation.VERTICAL]: \"clientY\",\n} as const;\n\nconst ORIENTATION_TO_CROSS_TOUCH_KEY = {\n    [EOrientation.HORIZONTAL]: \"clientY\",\n    [EOrientation.VERTICAL]: \"clientX\",\n} as const;\n\nexport const CarouselViewport = React.forwardRef<HTMLDivElement, ICarouselViewportProps>(\n    ({ children, className, style, onTouchStart, ...restProps }, ref) => {\n        const {\n            viewportPaddingStyle,\n            nextSlide,\n            prevSlide,\n            offsetRef,\n            maxOffsetRef,\n            orientationRef,\n            viewportRef,\n            trackRef,\n        } = useContext(CarouselContext);\n        const combinedRef = mergeRefs(ref, viewportRef);\n\n        const draggingRef = useRef(false);\n        const scrollingRef = useRef<boolean | null>(null);\n\n        const startCoordsRef = useRef({ clientX: 0, clientY: 0 });\n        const startOffsetRef = useRef(0);\n        const dragDistanceRef = useRef(0);\n\n        const touchMoveHandlerRef = useRef<typeof handleTouchMove | null>(null);\n        const touchEndHandlerRef = useRef<typeof handleTouchEnd | null>(null);\n\n        const clearTouchListeners = useCallback(() => {\n            if (touchMoveHandlerRef.current) {\n                window.removeEventListener(\"touchmove\", touchMoveHandlerRef.current);\n                touchMoveHandlerRef.current = null;\n            }\n            if (touchEndHandlerRef.current) {\n                window.removeEventListener(\"touchend\", touchEndHandlerRef.current);\n                window.removeEventListener(\"touchcancel\", touchEndHandlerRef.current);\n                touchEndHandlerRef.current = null;\n            }\n        }, []);\n\n        const handleTouchMove = useCallback((event: TouchEvent) => {\n            if (!draggingRef.current || !trackRef.current) return;\n\n            const touch = event.targetTouches[0];\n            if (!touch) return;\n\n            const orientation = orientationRef.current;\n            const touchKey = ORIENTATION_TO_TOUCH_KEY[orientation];\n            const crossKey = ORIENTATION_TO_CROSS_TOUCH_KEY[orientation];\n\n            const dragDistance = touch[touchKey] - startCoordsRef.current[touchKey];\n            const crossDistance = touch[crossKey] - startCoordsRef.current[crossKey];\n\n            if (scrollingRef.current === null) {\n                const absMain = Math.abs(dragDistance);\n                const absCross = Math.abs(crossDistance);\n\n                if (absMain > 5 || absCross > 5) {\n                    scrollingRef.current = absCross > absMain;\n                }\n            }\n\n            if (scrollingRef.current) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            dragDistanceRef.current = dragDistance;\n            const maxOffset = maxOffsetRef.current;\n            const targetOffset = startOffsetRef.current - dragDistance;\n            let currentTranslate = -targetOffset;\n\n            if (targetOffset < 0) {\n                currentTranslate = -targetOffset / 3;\n            } else if (targetOffset > maxOffset) {\n                currentTranslate = -(maxOffset + (targetOffset - maxOffset) / 3);\n            }\n\n            trackRef.current.style.transform = ORIENTATION_TRANSFORM[orientation](currentTranslate);\n            trackRef.current.style.transition = \"none\";\n        }, []);\n\n        const handleTouchEnd = useCallback(\n            (event: TouchEvent) => {\n                if (!draggingRef.current) return;\n\n                draggingRef.current = false;\n\n                const scrolling = scrollingRef.current;\n                scrollingRef.current = null;\n\n                clearTouchListeners();\n\n                if (!trackRef.current) return;\n\n                trackRef.current.style.transition = \"\";\n\n                if (event.type === \"touchcancel\" || scrolling) {\n                    trackRef.current.style.transform = \"\";\n                    return;\n                }\n\n                const finalDrag = dragDistanceRef.current;\n                const threshold = 50;\n\n                if (finalDrag > threshold) {\n                    prevSlide();\n                } else if (finalDrag < -threshold) {\n                    nextSlide();\n                }\n\n                trackRef.current.style.transform = \"\";\n            },\n            [nextSlide, prevSlide, clearTouchListeners],\n        );\n\n        const handleTouchStart = useCallback<React.TouchEventHandler<HTMLDivElement>>(\n            (event) => {\n                const touch = event.targetTouches[0];\n                if (!touch) return;\n\n                draggingRef.current = true;\n                scrollingRef.current = null;\n\n                startCoordsRef.current = {\n                    clientX: touch.clientX,\n                    clientY: touch.clientY,\n                };\n\n                startOffsetRef.current = offsetRef.current;\n                dragDistanceRef.current = 0;\n\n                if (trackRef.current) {\n                    trackRef.current.style.transition = \"none\";\n                }\n\n                clearTouchListeners();\n\n                touchMoveHandlerRef.current = handleTouchMove;\n                touchEndHandlerRef.current = handleTouchEnd;\n\n                window.addEventListener(\"touchmove\", handleTouchMove, { passive: false });\n                window.addEventListener(\"touchend\", handleTouchEnd);\n                window.addEventListener(\"touchcancel\", handleTouchEnd);\n\n                onTouchStart?.(event);\n            },\n            [handleTouchMove, handleTouchEnd, clearTouchListeners, onTouchStart],\n        );\n\n        useEffect(() => {\n            return () => {\n                clearTouchListeners();\n            };\n        }, [clearTouchListeners]);\n\n        const runtimeStyle = {\n            \"--triplex-next-runtime-carousel-viewport-padding\": viewportPaddingStyle,\n        };\n\n        return (\n            <div\n                className={clsx(styles.viewPort, className)}\n                {...restProps}\n                onTouchStart={handleTouchStart}\n                style={{\n                    ...style,\n                    ...runtimeStyle,\n                }}\n                ref={combinedRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselViewport.displayName = \"Carousel.Viewport\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CarouselViewport.js","sources":["../../../src/components/Carousel/CarouselViewport.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselViewportProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs, useLatestRef } from \"../../utils/refs\";\nimport { ORIENTATION_TRANSFORM } from \"./constants\";\nimport { EOrientation } from \"../../enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TOUCH_KEYS = {\n    [EOrientation.HORIZONTAL]: { main: \"clientX\", cross: \"clientY\" },\n    [EOrientation.VERTICAL]: { main: \"clientY\", cross: \"clientX\" },\n} as const;\n\n/** Смещение в px, после которого жест закрепляется за осью карусели или за прокруткой страницы. */\nconst AXIS_LOCK_THRESHOLD = 5;\n/** Строгий порог в px вдоль оси для перехода к соседнему слайду. */\nconst SWIPE_THRESHOLD = 50;\n/** Во сколько раз уменьшается смещение за границей ленты. */\nconst RUBBER_BAND_RESISTANCE = 3;\n\n/** Область просмотра карусели: ограничивает ленту и обрабатывает touch-жесты. */\nexport const CarouselViewport = React.forwardRef<HTMLDivElement, ICarouselViewportProps>(\n    ({ children, className, style, onTouchStart, ...restProps }, ref) => {\n        const {\n            viewportPaddingStyle,\n            nextSlide,\n            prevSlide,\n            offsetRef,\n            maxOffsetRef,\n            orientationRef,\n            viewportRef,\n            trackRef,\n        } = useContext(CarouselContext);\n        const combinedRef = mergeRefs(ref, viewportRef);\n        // Обработчики на window живут весь жест, поэтому навигация берётся актуальной на момент touchend.\n        const nextSlideRef = useLatestRef(nextSlide);\n        const prevSlideRef = useLatestRef(prevSlide);\n\n        const removeTouchListenersRef = useRef<(() => void) | null>(null);\n\n        const clearTouchListeners = useCallback(() => {\n            removeTouchListenersRef.current?.();\n            removeTouchListenersRef.current = null;\n        }, []);\n\n        const startGesture = (touch: React.Touch) => {\n            const orientation = orientationRef.current;\n            const { main: mainKey, cross: crossKey } = ORIENTATION_TOUCH_KEYS[orientation];\n            const startMain = touch[mainKey];\n            const startCross = touch[crossKey];\n            const startOffset = offsetRef.current;\n            let scrolling: boolean | null = null;\n            let dragDistance = 0;\n\n            const handleTouchMove = (moveEvent: TouchEvent) => {\n                if (!trackRef.current) return;\n\n                const moveTouch = moveEvent.targetTouches[0];\n                if (!moveTouch) return;\n\n                const mainDistance = moveTouch[mainKey] - startMain;\n                const crossDistance = moveTouch[crossKey] - startCross;\n\n                if (scrolling === null) {\n                    const absMain = Math.abs(mainDistance);\n                    const absCross = Math.abs(crossDistance);\n\n                    // До выбора оси touchmove не отменяется: иначе браузер может не начать прокрутку страницы.\n                    if (absMain <= AXIS_LOCK_THRESHOLD && absCross <= AXIS_LOCK_THRESHOLD) return;\n\n                    scrolling = absCross > absMain;\n\n                    if (scrolling) {\n                        // Иначе браузер ждёт non-passive listener на каждом touchmove прокрутки.\n                        window.removeEventListener(\"touchmove\", handleTouchMove);\n                        return;\n                    }\n\n                    // Отключение transition обрывает анимацию перехода, поэтому только для жеста по оси карусели.\n                    trackRef.current.style.transition = \"none\";\n                }\n\n                if (moveEvent.cancelable) {\n                    moveEvent.preventDefault();\n                }\n\n                dragDistance = mainDistance;\n                const maxOffset = maxOffsetRef.current;\n                const targetOffset = startOffset - mainDistance;\n                let currentTranslate = -targetOffset;\n\n                if (targetOffset < 0) {\n                    currentTranslate = -targetOffset / RUBBER_BAND_RESISTANCE;\n                } else if (targetOffset > maxOffset) {\n                    currentTranslate = -(maxOffset + (targetOffset - maxOffset) / RUBBER_BAND_RESISTANCE);\n                }\n\n                trackRef.current.style.transform = ORIENTATION_TRANSFORM[orientation](currentTranslate);\n            };\n\n            const handleTouchEnd = (endEvent: TouchEvent) => {\n                clearTouchListeners();\n\n                if (!trackRef.current) return;\n\n                trackRef.current.style.transition = \"\";\n                trackRef.current.style.transform = \"\";\n\n                if (endEvent.type === \"touchcancel\" || scrolling) return;\n\n                if (dragDistance > SWIPE_THRESHOLD) {\n                    prevSlideRef.current();\n                } else if (dragDistance < -SWIPE_THRESHOLD) {\n                    nextSlideRef.current();\n                }\n            };\n\n            clearTouchListeners();\n\n            window.addEventListener(\"touchmove\", handleTouchMove, { passive: false });\n            window.addEventListener(\"touchend\", handleTouchEnd);\n            window.addEventListener(\"touchcancel\", handleTouchEnd);\n\n            removeTouchListenersRef.current = () => {\n                window.removeEventListener(\"touchmove\", handleTouchMove);\n                window.removeEventListener(\"touchend\", handleTouchEnd);\n                window.removeEventListener(\"touchcancel\", handleTouchEnd);\n            };\n        };\n\n        const handleTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n            const touch = event.targetTouches[0];\n            if (touch) {\n                startGesture(touch);\n            }\n\n            onTouchStart?.(event);\n        };\n\n        useEffect(() => clearTouchListeners, [clearTouchListeners]);\n\n        const runtimeStyle = {\n            \"--triplex-next-runtime-carousel-viewport-padding\": viewportPaddingStyle,\n        };\n\n        return (\n            <div\n                className={clsx(styles.viewPort, className)}\n                {...restProps}\n                onTouchStart={handleTouchStart}\n                style={{\n                    ...style,\n                    ...runtimeStyle,\n                }}\n                ref={combinedRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselViewport.displayName = \"Carousel.Viewport\";\n"],"names":["React"],"mappings":"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"}

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { i as isEqual } from "../../chunks/vendor-CUIykw0y.js";
-const carouselExtended = "carouselExtended__5bcc24bb";
+const carouselExtended = "carouselExtended__bc81398a";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -9,15 +9,15 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__12041ce7";
-const sm = "sm__48ddb6a3";
-const nonempty = "nonempty__8e68d77e";
-const md = "md__5e477986";
-const lg = "lg__058a54e6";
-const disabled = "disabled__5db707bf";
-const checkbox = "checkbox__d7a5f190";
-const checkboxIcon = "checkboxIcon__f08cefb5";
-const checkmarkIcon = "checkmarkIcon__8df7c8b3";
+const label = "label__49f8ba27";
+const sm = "sm__91991992";
+const nonempty = "nonempty__3222a6f4";
+const md = "md__17f7a05e";
+const lg = "lg__dbca4076";
+const disabled = "disabled__87d76fc0";
+const checkbox = "checkbox__cff3967c";
+const checkboxIcon = "checkboxIcon__0aeefd35";
+const checkmarkIcon = "checkmarkIcon__d44c93f9";
 const styles = {
   label,
   sm,
@@ -53,7 +53,7 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     labelAttributes == null ? void 0 : labelAttributes.className
   );
   const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.51.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.53.0", children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", className: styles.checkbox, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
     /* @__PURE__ */ jsx(CheckmarkIcon, { className: styles.checkmarkIcon, paletteIndex: 7 }),

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const checkboxXGroup = "checkboxXGroup__627ea975";
-const label = "label__12041ce7";
+const checkboxXGroup = "checkboxXGroup__3893539c";
+const label = "label__49f8ba27";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__151edd71",
+  "indent-12": "indent-12__cfe13070",
   label,
-  "indent-16": "indent-16__b5f7ad04",
-  "indent-20": "indent-20__e5457bf5",
-  "indent-24": "indent-24__2bc736b3",
-  "indent-28": "indent-28__7835c839",
-  "indent-32": "indent-32__395c9f8f"
+  "indent-16": "indent-16__e0de7f27",
+  "indent-20": "indent-20__54804de1",
+  "indent-24": "indent-24__3bba52e4",
+  "indent-28": "indent-28__81e2daf7",
+  "indent-32": "indent-32__b8a2ecf4"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxYGroup.js

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

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -8,7 +8,7 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
 import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-C9MBlDS4.js";
 const CheckboxTreeExtended = Object.assign(
   React__default.forwardRef(
     ({ className, size = EComponentSize.MD, ...rest }, ref) => {

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C9MBlDS4.js";
 const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
   const arrowNode = useRef(null);
   const prevActive = useRef(active);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -3,7 +3,7 @@ import { useRef, useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C9MBlDS4.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -6,7 +6,7 @@ import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/Collapsib
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C9MBlDS4.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,

package/components/Chip/Chip.js

@@ -7,7 +7,7 @@ import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-Cmdhh831.js";
+import { C } from "../../chunks/Chip-BV7H9wek.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__01766831";
+const chipClearButton = "chipClearButton__32bc8b6a";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -6,8 +6,8 @@ import { DateFieldUtils } from "../../DateField/utils.js";
 import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.js";
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
-import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-Cmdhh831.js";
+import { PullerMaskedInput } from "../../Puller/PullerMaskedInput.js";
+import { s as styles } from "../../../chunks/Chip-BV7H9wek.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,
@@ -26,7 +26,7 @@ const ChipDatePicker = React__default.forwardRef((props, ref) => {
     ...rest
   } = props;
   const [pickerValues, setPickerValues] = useState(
-    DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays)
+    () => DateFieldUtils.getPickerValues(value, format, limitRange, disabledDays)
   );
   const lastValidPickerValuesRef = useRef(pickerValues);
   const dropdownOpenRef = useRef(false);
@@ -60,10 +60,10 @@ const ChipDatePicker = React__default.forwardRef((props, ref) => {
     onDropdownClose == null ? void 0 : onDropdownClose();
   };
   const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(
-    DropdownMobileMaskedInput,
+    PullerMaskedInput,
     {
       value: pickerValues.inputString,
-      mask: DropdownMobileMaskedInput.presets.masks.date,
+      mask: PullerMaskedInput.presets.masks.date,
       placeholderMask,
       onChange: handleInputChange,
       autoFocus: true

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    /** Лейбл, отображаемый вместо выбранного значения. */\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        // 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":["React"],"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":["React"],"mappings":"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"}

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../../chunks/Chip-BV7H9wek.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDatePickerTarget.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePickerTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Chip, IChipProps } from \"../Chip\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { DatePickerExtendedContext } from \"../../DatePickerExtended/DatePickerExtendedContext\";\nimport { isKey } from \"../../../utils/keyboard\";\n\nexport interface IChipDatePickerTargetProps extends IChipProps {\n    onClear: () => void;\n}\n\nexport const ChipDatePickerTarget = React.forwardRef<HTMLSpanElement, IChipDatePickerTargetProps>((props, ref) => {\n    const { children, size, selected, onKeyDown, onClick, onClear, ...restProps } = props;\n    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.preventDefault();\n            setDropdownOpen(!dropdownOpen);\n            onKeyDown?.(event);\n        }\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>) => {\n        setDropdownOpen(!dropdownOpen);\n        onClick?.(event);\n    };\n\n    const renderTargetPostfix = () => {\n        if (selected) {\n            return <ChipClearButton size={size} onClick={handleClearButtonClick} />;\n        } else {\n            return <ChipDropdownArrow size={size} rotated={dropdownOpen} />;\n        }\n    };\n\n    const handleClearButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        event.stopPropagation();\n        onClear();\n    };\n\n    return (\n        <Chip\n            size={size}\n            selected={selected}\n            aria-expanded={dropdownOpen}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            postfix={renderTargetPostfix()}\n            {...restProps}\n            ref={ref}\n        >\n            {children}\n        </Chip>\n    );\n});\n\nChipDatePickerTarget.displayName = \"ChipDatePickerTarget\";\n"],"names":["React"],"mappings":";;;;;;;AAWO,MAAM,uBAAuBA,eAAM,WAAwD,CAAC,OAAO,QAAQ;AAC9G,QAAM,EAAE,UAAU,MAAM,UAAU,WAAW,SAAS,SAAS,GAAG,UAAA,IAAc;AAChF,QAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAE9E,QAAM,gBAAgB,CAAC,UAAgD;AACnE,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,eAAA;AACN,sBAAgB,CAAC,YAAY;AAC7B,6CAAY;AAAA,IAChB;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAA6C;AAC9D,oBAAgB,CAAC,YAAY;AAC7B,uCAAU;AAAA,EACd;AAEA,QAAM,sBAAsB,MAAM;AAC9B,QAAI,UAAU;AACV,aAAO,oBAAC,iBAAA,EAAgB,MAAY,SAAS,uBAAA,CAAwB;AAAA,IACzE,OAAO;AACH,aAAO,oBAAC,mBAAA,EAAkB,MAAY,SAAS,aAAA,CAAc;AAAA,IACjE;AAAA,EACJ;AAEA,QAAM,yBAAyB,CAAC,UAA+C;AAC3E,UAAM,gBAAA;AACN,YAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS,oBAAA;AAAA,MACR,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,qBAAqB,cAAc;"}
+{"version":3,"file":"ChipDatePickerTarget.js","sources":["../../../../src/components/Chip/ChipDatePicker/ChipDatePickerTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Chip, IChipProps } from \"../Chip\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { DatePickerExtendedContext } from \"../../DatePickerExtended/DatePickerExtendedContext\";\nimport { isKey } from \"../../../utils/keyboard\";\n\n/** Свойства компонента ChipDatePickerTarget. */\nexport interface IChipDatePickerTargetProps extends IChipProps {\n    /** Вызывается без аргументов при нажатии кнопки очистки; выбранное значение сбрасывает потребитель. */\n    onClear: () => void;\n}\n\n/** Чипс-таргет DatePickerExtended: переключает календарь через контекст и отображает очистку при selected. */\nexport const ChipDatePickerTarget = React.forwardRef<HTMLSpanElement, IChipDatePickerTargetProps>((props, ref) => {\n    const { children, size, selected, onKeyDown, onClick, onClear, ...restProps } = props;\n    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.preventDefault();\n            setDropdownOpen(!dropdownOpen);\n            onKeyDown?.(event);\n        }\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>) => {\n        setDropdownOpen(!dropdownOpen);\n        onClick?.(event);\n    };\n\n    const renderTargetPostfix = () => {\n        if (selected) {\n            return <ChipClearButton size={size} onClick={handleClearButtonClick} />;\n        } else {\n            return <ChipDropdownArrow size={size} rotated={dropdownOpen} />;\n        }\n    };\n\n    const handleClearButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        event.stopPropagation();\n        onClear();\n    };\n\n    return (\n        <Chip\n            size={size}\n            selected={selected}\n            aria-expanded={dropdownOpen}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            postfix={renderTargetPostfix()}\n            {...restProps}\n            ref={ref}\n        >\n            {children}\n        </Chip>\n    );\n});\n\nChipDatePickerTarget.displayName = \"ChipDatePickerTarget\";\n"],"names":["React"],"mappings":";;;;;;;AAcO,MAAM,uBAAuBA,eAAM,WAAwD,CAAC,OAAO,QAAQ;AAC9G,QAAM,EAAE,UAAU,MAAM,UAAU,WAAW,SAAS,SAAS,GAAG,UAAA,IAAc;AAChF,QAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAE9E,QAAM,gBAAgB,CAAC,UAAgD;AACnE,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,eAAA;AACN,sBAAgB,CAAC,YAAY;AAC7B,6CAAY;AAAA,IAChB;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAA6C;AAC9D,oBAAgB,CAAC,YAAY;AAC7B,uCAAU;AAAA,EACd;AAEA,QAAM,sBAAsB,MAAM;AAC9B,QAAI,UAAU;AACV,aAAO,oBAAC,iBAAA,EAAgB,MAAY,SAAS,uBAAA,CAAwB;AAAA,IACzE,OAAO;AACH,aAAO,oBAAC,mBAAA,EAAkB,MAAY,SAAS,aAAA,CAAc;AAAA,IACjE;AAAA,EACJ;AAEA,QAAM,yBAAyB,CAAC,UAA+C;AAC3E,UAAM,gBAAA;AACN,YAAA;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS,oBAAA;AAAA,MACR,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,qBAAqB,cAAc;"}

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-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__355ec9ac";
-const rotated = "rotated__c980574e";
+const chipDropdownArrow = "chipDropdownArrow__d0df7660";
+const rotated = "rotated__c03a1cf2";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../chunks/Chip-BV7H9wek.js";
 const ChipIcon = React__default.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-Cmdhh831.js";
+import { s as styles } from "../../../chunks/Chip-BV7H9wek.js";
 const ChipMonthYearPicker = React__default.forwardRef((props, ref) => {
   const {
     className,

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../../chunks/Chip-BV7H9wek.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__default, { useCallback } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-Cmdhh831.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-BV7H9wek.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 const ChipMultiselect = React__default.forwardRef(

package/components/Chip/ChipOptions.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { isKey } from "../../utils/keyboard.js";
-import { C as Chip } from "../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../chunks/Chip-BV7H9wek.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__76a00f99";
+const chipOptionsContent = "chipOptionsContent__e44a0881";
 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-Cmdhh831.js";
+import { s as styles } from "../../../chunks/Chip-BV7H9wek.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSelect.js","sources":["../../../../src/components/Chip/ChipSelect/ChipSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldTargetProvideProps,\n    SelectExtendedField,\n} from \"../../SelectExtendedField\";\nimport { IChipProps } from \"../Chip\";\nimport { SelectExtendedFieldDropdownDefault } from \"../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { ISelectFieldProps } from \"../../SelectField\";\nimport { ChipSelectTarget } from \"./ChipSelectTarget\";\nimport styles from \"../styles/Chip.module.less\";\n\nexport interface IChipSelectProps\n    extends\n        Pick<IChipProps, \"className\" | \"disabled\" | \"type\">,\n        Omit<\n            ISelectFieldProps,\n            | \"children\"\n            | \"targetProps\"\n            | \"dropdownListItemClassName\"\n            | \"mobileTitle\"\n            | \"loading\"\n            | \"status\"\n            | \"placeholder\"\n        > {\n    /* Функция отмены выбора. */\n    clearSelected: () => void;\n    /* Название поля. */\n    label?: React.ReactNode;\n    /* Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n}\n\n/**\n * Компонент выбора одного значения из списка.\n * Выбранное значение отображается компонентом Chip.\n */\nexport const ChipSelect = React.forwardRef<HTMLDivElement, IChipSelectProps>(\n    (\n        {\n            className,\n            disabled,\n            value,\n            options,\n            onChange,\n            type,\n            size,\n            clearSelected,\n            label,\n            displayedValue,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                mobileTitle={label}\n                size={size}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        );\n\n        const renderTarget = ({ opened, setOpened }: ISelectExtendedFieldTargetProvideProps) => {\n            const selected = value !== undefined;\n\n            return (\n                <ChipSelectTarget\n                    type={type}\n                    size={size}\n                    selected={selected}\n                    disabled={disabled}\n                    onClear={clearSelected}\n                    opened={opened}\n                    setOpened={setOpened}\n                >\n                    {value ? (displayedValue ?? value.label) : label}\n                </ChipSelectTarget>\n            );\n        };\n\n        return (\n            <SelectExtendedField\n                className={clsx(styles.chipGroupItem, className)}\n                renderTarget={renderTarget}\n                {...restProps}\n                ref={ref}\n            >\n                {renderDropdown}\n            </SelectExtendedField>\n        );\n    },\n);\n\nChipSelect.displayName = \"ChipSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;AAsCO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,iBAAiB,CAAC,UACpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAIR,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAAwD;AACpF,YAAM,WAAW,UAAU;AAE3B,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UAEC,UAAA,QAAS,kBAAkB,MAAM,QAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGvD;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"ChipSelect.js","sources":["../../../../src/components/Chip/ChipSelect/ChipSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldTargetProvideProps,\n    SelectExtendedField,\n} from \"../../SelectExtendedField\";\nimport { IChipProps } from \"../Chip\";\nimport { SelectExtendedFieldDropdownDefault } from \"../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { ISelectFieldProps } from \"../../SelectField\";\nimport { ChipSelectTarget } from \"./ChipSelectTarget\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipSelect. */\nexport interface IChipSelectProps\n    extends\n        Pick<IChipProps, \"className\" | \"disabled\" | \"type\">,\n        Omit<\n            ISelectFieldProps,\n            | \"children\"\n            | \"targetProps\"\n            | \"dropdownListItemClassName\"\n            | \"mobileTitle\"\n            | \"loading\"\n            | \"status\"\n            | \"placeholder\"\n        > {\n    /** Обработчик сброса выбора. Потребитель самостоятельно очищает value. */\n    clearSelected: () => void;\n    /** Название чипса без выбранного значения и заголовок мобильного списка. */\n    label?: React.ReactNode;\n    /** Контент вместо label выбранной опции. Без value не отображается. */\n    displayedValue?: React.ReactNode;\n}\n\n/**\n * Компонент выбора одного значения из списка.\n * Выбранное значение отображается компонентом Chip.\n */\nexport const ChipSelect = React.forwardRef<HTMLDivElement, IChipSelectProps>(\n    (\n        {\n            className,\n            disabled,\n            value,\n            options,\n            onChange,\n            type,\n            size,\n            clearSelected,\n            label,\n            displayedValue,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                mobileTitle={label}\n                size={size}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        );\n\n        const renderTarget = ({ opened, setOpened }: ISelectExtendedFieldTargetProvideProps) => {\n            const selected = value !== undefined;\n\n            return (\n                <ChipSelectTarget\n                    type={type}\n                    size={size}\n                    selected={selected}\n                    disabled={disabled}\n                    onClear={clearSelected}\n                    opened={opened}\n                    setOpened={setOpened}\n                >\n                    {value ? (displayedValue ?? value.label) : label}\n                </ChipSelectTarget>\n            );\n        };\n\n        return (\n            <SelectExtendedField\n                className={clsx(styles.chipGroupItem, className)}\n                renderTarget={renderTarget}\n                {...restProps}\n                ref={ref}\n            >\n                {renderDropdown}\n            </SelectExtendedField>\n        );\n    },\n);\n\nChipSelect.displayName = \"ChipSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;AAuCO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,iBAAiB,CAAC,UACpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAIR,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAAwD;AACpF,YAAM,WAAW,UAAU;AAE3B,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UAEC,UAAA,QAAS,kBAAkB,MAAM,QAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGvD;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,WAAW,cAAc;"}

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../../chunks/Chip-BV7H9wek.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-Cmdhh831.js";
+import { s as styles } from "../../chunks/Chip-BV7H9wek.js";
 const ICON_PALETTE_INDEX_DEFAULT = 5;
 const ICON_PALETTE_INDEX_SELECTED = 6;
 const ChipSort = React__default.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-Cmdhh831.js";
+import { s as styles } from "../../../chunks/Chip-BV7H9wek.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-CGEa4kss.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-BeusEvEd.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":["FocusTrap","React"],"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,IAACA,sBAAAA;AAAAA,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,sBAAsBC,eAAM,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":["FocusTrap","React"],"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,IAACA,sBAAAA;AAAAA,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,sBAAsBC,eAAM,WAAW,uBAAuB;"}

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
+import { C as Chip } from "../../../chunks/Chip-BV7H9wek.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__5e1eb9ab";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__636ca7ae";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-Cmdhh831.js";
+import { C } from "../../chunks/Chip-BV7H9wek.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__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__df2f8976";
-const oneLine = "oneLine__37523d57";
-const multiLine = "multiLine__2a01bdc4";
-const lg = "lg__28327d46";
-const md = "md__6d2cd494";
-const sm = "sm__22ddd9b1";
+const chipGroup = "chipGroup__41ae7700";
+const oneLine = "oneLine__050c8bd2";
+const multiLine = "multiLine__03a925d6";
+const lg = "lg__d7919be6";
+const md = "md__18b78dd5";
+const sm = "sm__994ef45b";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React__default.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "1.51.0",
+        "data-tx": "1.53.0",
         children
       }
     );