@sberbusiness/triplex-next 1.44.0 → 1.46.0

package/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useLayoutEffect, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { ICarouselProps } from \"./types\";\nimport { ECarouselOrientation, ECarouselScrollMode } from \"./enums\";\nimport { resolveViewportPadding, useLatestRef } from \"./utils\";\nimport styles from \"./styles/Carousel.module.less\";\nimport { CarouselViewport } from \"./CarouselViewport\";\nimport { CarouselTrack } from \"./CarouselTrack\";\nimport { CarouselItem } from \"./CarouselItem\";\nimport { CarouselPrevButton, CarouselNextButton } from \"./CarouselButton\";\nimport { CarouselIndicators } from \"./CarouselIndicators\";\n\nconst ORIENTATION_TO_PADDING_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: { start: \"left\", end: \"right\" },\n    [ECarouselOrientation.VERTICAL]: { start: \"top\", end: \"bottom\" },\n} as const;\n\nconst ORIENTATION_TO_RECT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"width\",\n    [ECarouselOrientation.VERTICAL]: \"height\",\n} as const;\n\nconst ORIENTATION_TO_CLIENT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientWidth\",\n    [ECarouselOrientation.VERTICAL]: \"clientHeight\",\n} as const;\n\nconst CarouselRoot = React.forwardRef<HTMLDivElement, ICarouselProps>(\n    (\n        {\n            children,\n            orientation = ECarouselOrientation.HORIZONTAL,\n            scrollMode = ECarouselScrollMode.ITEM,\n            gap = 16,\n            viewportPadding = 0,\n            className,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [offset, setOffset] = useState(0);\n        const [maxOffset, setMaxOffset] = useState(0);\n        const [activeIndices, setActiveIndices] = useState<number[]>([]);\n        const [currentIndex, setCurrentIndex] = useState(0);\n\n        const paddingKey = Array.isArray(viewportPadding) ? viewportPadding.join(\",\") : String(viewportPadding);\n        const { metrics: normalizedPadding, style: viewportPaddingStyle } = useMemo(\n            () => resolveViewportPadding(viewportPadding),\n            // eslint-disable-next-line react-hooks/exhaustive-deps -- мемоизация по значению, а не по ссылке\n            [paddingKey],\n        );\n\n        // Защита от пересоздания обработчиков жестов во Viewport при смене ориентации\n        const orientationRef = useLatestRef(orientation);\n        // Защита от бесконечного цикла рендеров в updateOffsetAndPages\n        const offsetRef = useLatestRef(offset);\n        // Защита от stale closures в ResizeObserver\n        const currentIndexRef = useLatestRef(currentIndex);\n\n        const viewportRef = useRef<HTMLDivElement | null>(null);\n        const trackRef = useRef<HTMLDivElement | null>(null);\n        const slideRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n        const maxOffsetRef = useRef(maxOffset);\n\n        // Реф для отслеживания запланированного кадра анимации\n        const pageRafIdRef = useRef<number | null>(null);\n        // Хранит настройки предыдущего успешного расчёта для авто-сброса кэша\n        const lastConfigRef = useRef({ gap, scrollMode, orientation });\n\n        const geometryCacheRef = useRef<{\n            sizes: Map<number, number>;\n            starts: Map<number, number>;\n        }>({ sizes: new Map(), starts: new Map() });\n\n        const pageMode = scrollMode === ECarouselScrollMode.PAGE;\n\n        const getSlideSize = useCallback(\n            (index: number) => {\n                if (geometryCacheRef.current.sizes.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.sizes.get(index)!;\n                }\n\n                const slide = slideRefs.current.get(index);\n                if (!slide) return 0;\n\n                const rect = slide.getBoundingClientRect();\n                const key = ORIENTATION_TO_RECT_SIZE_KEY[orientation];\n                const size = rect[key];\n\n                geometryCacheRef.current.sizes.set(index, size);\n                return size;\n            },\n            [orientation],\n        );\n\n        const getSlidesCount = useCallback(() => slideRefs.current.size, []);\n\n        const getSlideStart = useCallback(\n            (index: number): number => {\n                if (index <= 0) {\n                    return 0;\n                }\n\n                if (geometryCacheRef.current.starts.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.starts.get(index)!;\n                }\n\n                const prevIndex = index - 1;\n                const start = getSlideStart(prevIndex) + getSlideSize(prevIndex) + gap;\n\n                geometryCacheRef.current.starts.set(index, start);\n                return start;\n            },\n            [gap, getSlideSize],\n        );\n\n        const getSlideEnd = useCallback(\n            (index: number) => {\n                return getSlideStart(index) + getSlideSize(index);\n            },\n            [getSlideStart, getSlideSize],\n        );\n\n        const getViewportSize = useCallback(() => {\n            if (!viewportRef.current) return 0;\n            const key = ORIENTATION_TO_CLIENT_SIZE_KEY[orientation];\n            return viewportRef.current[key];\n        }, [orientation]);\n\n        const updateOffsetAndPages = useCallback(\n            (index: number) => {\n                const lastConfig = lastConfigRef.current;\n                if (\n                    lastConfig.gap !== gap ||\n                    lastConfig.scrollMode !== scrollMode ||\n                    lastConfig.orientation !== orientation\n                ) {\n                    geometryCacheRef.current.sizes.clear();\n                    geometryCacheRef.current.starts.clear();\n                    lastConfigRef.current = { gap, scrollMode, orientation };\n                }\n\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    maxOffsetRef.current = 0;\n                    setOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setMaxOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setActiveIndices(Array.of());\n                    return;\n                }\n\n                const totalContentSize = getSlideEnd(slidesCount - 1);\n                const containerSize = getViewportSize();\n\n                const { start: startKey, end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n                const startP = normalizedPadding[startKey];\n                const endP = normalizedPadding[endKey];\n\n                const calculatedMaxOffset = Math.max(0, totalContentSize + startP + endP - containerSize);\n                maxOffsetRef.current = calculatedMaxOffset;\n\n                let targetOffset = 0;\n\n                if (pageMode && containerSize > 0) {\n                    const pagesMatrix: number[][] = [];\n                    let currentPage: number[] = [];\n                    let currentGroupSize = 0;\n\n                    for (let i = 0; i < slidesCount; i++) {\n                        const slideSize = getSlideSize(i);\n                        const addedSize = currentPage.length > 0 ? slideSize + gap : slideSize;\n\n                        if (currentGroupSize + addedSize <= containerSize + 1) {\n                            currentPage.push(i);\n                            currentGroupSize += addedSize;\n                        } else {\n                            if (currentPage.length > 0) pagesMatrix.push(currentPage);\n                            currentPage = [i];\n                            currentGroupSize = slideSize;\n                        }\n                    }\n\n                    if (currentPage.length > 0) pagesMatrix.push(currentPage);\n\n                    const clampedIndex = Math.max(0, Math.min(index, pagesMatrix.length - 1));\n\n                    if (clampedIndex !== index) {\n                        if (pageRafIdRef.current !== null) {\n                            cancelAnimationFrame(pageRafIdRef.current);\n                        }\n\n                        pageRafIdRef.current = requestAnimationFrame(() => {\n                            setCurrentIndex(clampedIndex);\n                            pageRafIdRef.current = null;\n                        });\n                    }\n\n                    const validPageIndices = Array.from({ length: pagesMatrix.length }, (_, i) => i);\n\n                    setActiveIndices((prev) => {\n                        if (prev.length === validPageIndices.length) return prev;\n                        return validPageIndices;\n                    });\n\n                    const currentGroup = pagesMatrix[clampedIndex];\n                    if (currentGroup && currentGroup.length > 0) {\n                        const firstSlideIndex = currentGroup[0];\n                        const lastSlideIndex = currentGroup[currentGroup.length - 1];\n                        const groupStart = getSlideStart(firstSlideIndex);\n\n                        const lastSlideSize = getSlideSize(lastSlideIndex);\n                        const groupEnd = getSlideStart(lastSlideIndex) + lastSlideSize;\n                        const groupSize = groupEnd - groupStart;\n\n                        targetOffset = groupStart - (containerSize - groupSize) / 2;\n                    }\n                } else {\n                    setActiveIndices((prev) => (prev.length === 0 ? prev : []));\n\n                    const slideStart = getSlideStart(index);\n                    const slideEnd = getSlideEnd(index);\n\n                    const currentOffset = offsetRef.current;\n                    const containerEnd = currentOffset + containerSize;\n\n                    // Ситуация 1: Слайд шире, чем сам контейнер (огромный слайд)\n                    if (slideEnd - slideStart > containerSize) {\n                        if (currentOffset < slideStart - startP) {\n                            targetOffset = slideStart - startP;\n                        } else if (currentOffset + containerSize > slideEnd + endP) {\n                            targetOffset = slideEnd - containerSize + endP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                    // Ситуация 2: Стандартный слайд (меньше или равен размеру контейнера)\n                    else {\n                        if (slideEnd > containerEnd + 1) {\n                            targetOffset = slideEnd - containerSize + startP + endP;\n                        } else if (slideStart < currentOffset - 1) {\n                            targetOffset = slideStart - startP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                }\n\n                if (targetOffset <= 0 || calculatedMaxOffset === 0) {\n                    setOffset(0);\n                } else if (targetOffset >= calculatedMaxOffset) {\n                    setOffset(calculatedMaxOffset);\n                } else {\n                    setOffset(targetOffset);\n                }\n\n                // Обновляем реактивный стейт для синхронизации с кнопками (стрелками)\n                setMaxOffset((prev) => (prev !== calculatedMaxOffset ? calculatedMaxOffset : prev));\n            },\n            [\n                gap,\n                scrollMode,\n                orientation,\n                getSlidesCount,\n                getSlideEnd,\n                getViewportSize,\n                normalizedPadding,\n                pageMode,\n                getSlideSize,\n                getSlideStart,\n            ],\n        );\n\n        const nextSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === activeIndices.length - 1 ? prev : prev + 1));\n                return;\n            }\n\n            const slidesCount = getSlidesCount();\n            const containerSize = getViewportSize();\n\n            const currentSlideEnd = getSlideEnd(currentIndex);\n\n            const { end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const endP = normalizedPadding[endKey];\n\n            // Случай 1: Мы на огромном слайде, и его правый край всё еще скрыт за экраном\n            if (currentSlideEnd + endP > offset + containerSize + 1) {\n                // Вычисляем следующий шаг (не дальше, чем правый край слайда с учётом endP)\n                const maxSlideOffset = currentSlideEnd - containerSize + endP;\n                const nextOffset = Math.min(offset + containerSize, maxSlideOffset);\n                const clampedOffset = Math.min(nextOffset, maxOffsetRef.current);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, просто продвинули скролл внутри слайда\n            }\n\n            // Случай 2: Текущий слайд закончился, ищем следующий скрытый элемент\n            for (let i = currentIndex + 1; i < slidesCount; i++) {\n                const slideEnd = getSlideEnd(i);\n\n                if (slideEnd + endP > offset + containerSize + 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n            setCurrentIndex(Math.max(0, slidesCount - 1));\n        }, [\n            pageMode,\n            activeIndices.length,\n            getSlidesCount,\n            getViewportSize,\n            getSlideEnd,\n            orientation,\n            normalizedPadding,\n            offset,\n            currentIndex,\n        ]);\n\n        const prevSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === 0 ? prev : prev - 1));\n                return;\n            }\n\n            const containerSize = getViewportSize();\n            const currentSlideStart = getSlideStart(currentIndex);\n\n            const { start: startKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const startP = normalizedPadding[startKey];\n\n            // Случай 1: Мы на огромном слайде, и его левый край скрыт слева за экраном\n            if (currentSlideStart - startP < offset - 1) {\n                // Вычисляем шаг назад (не дальше, чем левый край слайда с учётом startP)\n                const minSlideOffset = currentSlideStart - startP;\n                const prevOffset = Math.max(offset - containerSize, minSlideOffset);\n                const clampedOffset = Math.max(0, prevOffset);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, скроллим назад внутри слайда\n            }\n\n            // Случай 2: Левый край текущего слайда полностью виден, ищем предыдущие скрытые элементы\n            for (let i = currentIndex - 1; i >= 0; i--) {\n                const slideStart = getSlideStart(i);\n\n                if (slideStart - startP < offset - 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n\n            setCurrentIndex(0);\n        }, [pageMode, getViewportSize, getSlideStart, orientation, normalizedPadding, offset, currentIndex]);\n\n        const goToSlide = useCallback(\n            (slideIndex: number) => {\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    setCurrentIndex(0);\n                    return;\n                }\n\n                const clampedIndex = Math.max(0, Math.min(slideIndex, slidesCount - 1));\n                setCurrentIndex(clampedIndex);\n            },\n            [getSlidesCount],\n        );\n\n        // ResizeObserver для адаптивности при изменении размеров экрана или контента\n        useLayoutEffect(() => {\n            if (!viewportRef.current || !trackRef.current) return;\n\n            const observer = new ResizeObserver(() => {\n                geometryCacheRef.current.sizes.clear();\n                geometryCacheRef.current.starts.clear();\n\n                updateOffsetAndPages(currentIndexRef.current);\n            });\n\n            observer.observe(viewportRef.current);\n            observer.observe(trackRef.current);\n\n            return () => observer.disconnect();\n        }, [updateOffsetAndPages]);\n\n        // Сброс индекса при изменении ключевых настроек карусели\n        useEffect(() => {\n            setCurrentIndex(0);\n        }, [gap, scrollMode, orientation]);\n\n        // Синхронизация смещения при изменении индекса\n        useEffect(() => {\n            updateOffsetAndPages(currentIndex);\n        }, [currentIndex, updateOffsetAndPages]);\n\n        // Очистка запланированных анимационных фреймов при размонтировании карусели\n        useEffect(() => {\n            return () => {\n                if (pageRafIdRef.current !== null) {\n                    cancelAnimationFrame(pageRafIdRef.current);\n                }\n            };\n        }, []);\n\n        // Вычисление граничных состояний (актуально для отключения стрелок навигации)\n        const atStart = pageMode ? currentIndex === 0 : offset <= 1;\n        const atEnd = pageMode\n            ? activeIndices.length === 0 || currentIndex >= activeIndices.length - 1\n            : maxOffset > 0\n              ? offset >= maxOffset - 1\n              : true;\n\n        const classNames = clsx(styles.carousel, styles[orientation], className);\n\n        const contextValue = useMemo(\n            () => ({\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n                orientationRef,\n                offsetRef,\n                maxOffsetRef,\n                currentIndexRef,\n                viewportRef,\n                trackRef,\n                slideRefs,\n            }),\n            [\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n            ],\n        );\n\n        return (\n            <CarouselContext.Provider value={contextValue}>\n                <div className={classNames} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </CarouselContext.Provider>\n        );\n    },\n);\n\nCarouselRoot.displayName = \"Carousel\";\n\n/**\n * Карусель.\n * @beta\n */\nexport const Carousel = Object.assign(CarouselRoot, {\n    Viewport: CarouselViewport,\n    Track: CarouselTrack,\n    Item: CarouselItem,\n    PrevButton: CarouselPrevButton,\n    NextButton: CarouselNextButton,\n    Indicators: CarouselIndicators,\n});\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useLayoutEffect, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { ICarouselProps } from \"./types\";\nimport { ECarouselOrientation, ECarouselScrollMode } from \"./enums\";\nimport { resolveViewportPadding, useLatestRef } from \"./utils\";\nimport styles from \"./styles/Carousel.module.less\";\nimport { CarouselViewport } from \"./CarouselViewport\";\nimport { CarouselTrack } from \"./CarouselTrack\";\nimport { CarouselItem } from \"./CarouselItem\";\nimport { CarouselPrevButton, CarouselNextButton } from \"./CarouselButton\";\nimport { CarouselIndicators } from \"./CarouselIndicators\";\n\nconst ORIENTATION_TO_PADDING_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: { start: \"left\", end: \"right\" },\n    [ECarouselOrientation.VERTICAL]: { start: \"top\", end: \"bottom\" },\n} as const;\n\nconst ORIENTATION_TO_RECT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"width\",\n    [ECarouselOrientation.VERTICAL]: \"height\",\n} as const;\n\nconst ORIENTATION_TO_CLIENT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientWidth\",\n    [ECarouselOrientation.VERTICAL]: \"clientHeight\",\n} as const;\n\nconst CarouselRoot = React.forwardRef<HTMLDivElement, ICarouselProps>(\n    (\n        {\n            children,\n            orientation = ECarouselOrientation.HORIZONTAL,\n            scrollMode = ECarouselScrollMode.ITEM,\n            gap = 16,\n            viewportPadding = 0,\n            className,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [offset, setOffset] = useState(0);\n        const [maxOffset, setMaxOffset] = useState(0);\n        const [activeIndices, setActiveIndices] = useState<number[]>([]);\n        const [currentIndex, setCurrentIndex] = useState(0);\n\n        const paddingKey = Array.isArray(viewportPadding) ? viewportPadding.join(\",\") : String(viewportPadding);\n        const { metrics: normalizedPadding, style: viewportPaddingStyle } = useMemo(\n            () => resolveViewportPadding(viewportPadding),\n            // eslint-disable-next-line react-hooks/exhaustive-deps -- мемоизация по значению, а не по ссылке\n            [paddingKey],\n        );\n\n        // Защита от пересоздания обработчиков жестов во Viewport при смене ориентации\n        const orientationRef = useLatestRef(orientation);\n        // Защита от бесконечного цикла рендеров в updateOffsetAndPages\n        const offsetRef = useLatestRef(offset);\n        // Защита от stale closures в ResizeObserver\n        const currentIndexRef = useLatestRef(currentIndex);\n\n        const viewportRef = useRef<HTMLDivElement | null>(null);\n        const trackRef = useRef<HTMLDivElement | null>(null);\n        const slideRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n        const maxOffsetRef = useRef(maxOffset);\n\n        // Реф для отслеживания запланированного кадра анимации\n        const pageRafIdRef = useRef<number | null>(null);\n        // Хранит настройки предыдущего успешного расчёта для авто-сброса кэша\n        const lastConfigRef = useRef({ gap, scrollMode, orientation });\n\n        const geometryCacheRef = useRef<{\n            sizes: Map<number, number>;\n            starts: Map<number, number>;\n        }>({ sizes: new Map(), starts: new Map() });\n\n        const pageMode = scrollMode === ECarouselScrollMode.PAGE;\n\n        const getSlideSize = useCallback(\n            (index: number) => {\n                if (geometryCacheRef.current.sizes.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.sizes.get(index)!;\n                }\n\n                const slide = slideRefs.current.get(index);\n                if (!slide) return 0;\n\n                const rect = slide.getBoundingClientRect();\n                const key = ORIENTATION_TO_RECT_SIZE_KEY[orientation];\n                const size = rect[key];\n\n                geometryCacheRef.current.sizes.set(index, size);\n                return size;\n            },\n            [orientation],\n        );\n\n        const getSlidesCount = useCallback(() => slideRefs.current.size, []);\n\n        const getSlideStart = useCallback(\n            (index: number): number => {\n                if (index <= 0) {\n                    return 0;\n                }\n\n                if (geometryCacheRef.current.starts.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.starts.get(index)!;\n                }\n\n                const prevIndex = index - 1;\n                const start = getSlideStart(prevIndex) + getSlideSize(prevIndex) + gap;\n\n                geometryCacheRef.current.starts.set(index, start);\n                return start;\n            },\n            [gap, getSlideSize],\n        );\n\n        const getSlideEnd = useCallback(\n            (index: number) => {\n                return getSlideStart(index) + getSlideSize(index);\n            },\n            [getSlideStart, getSlideSize],\n        );\n\n        const getViewportSize = useCallback(() => {\n            if (!viewportRef.current) return 0;\n            const key = ORIENTATION_TO_CLIENT_SIZE_KEY[orientation];\n            return viewportRef.current[key];\n        }, [orientation]);\n\n        const updateOffsetAndPages = useCallback(\n            (index: number) => {\n                const lastConfig = lastConfigRef.current;\n                if (\n                    lastConfig.gap !== gap ||\n                    lastConfig.scrollMode !== scrollMode ||\n                    lastConfig.orientation !== orientation\n                ) {\n                    geometryCacheRef.current.sizes.clear();\n                    geometryCacheRef.current.starts.clear();\n                    lastConfigRef.current = { gap, scrollMode, orientation };\n                }\n\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    maxOffsetRef.current = 0;\n                    setOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setMaxOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setActiveIndices(Array.of());\n                    return;\n                }\n\n                const totalContentSize = getSlideEnd(slidesCount - 1);\n                const containerSize = getViewportSize();\n\n                const { start: startKey, end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n                const startP = normalizedPadding[startKey];\n                const endP = normalizedPadding[endKey];\n\n                const calculatedMaxOffset = Math.max(0, totalContentSize + startP + endP - containerSize);\n                maxOffsetRef.current = calculatedMaxOffset;\n\n                let targetOffset = 0;\n\n                if (pageMode && containerSize > 0) {\n                    const pagesMatrix: number[][] = [];\n                    let currentPage: number[] = [];\n                    let currentGroupSize = 0;\n\n                    for (let i = 0; i < slidesCount; i++) {\n                        const slideSize = getSlideSize(i);\n                        const addedSize = currentPage.length > 0 ? slideSize + gap : slideSize;\n\n                        if (currentGroupSize + addedSize <= containerSize + 1) {\n                            currentPage.push(i);\n                            currentGroupSize += addedSize;\n                        } else {\n                            if (currentPage.length > 0) pagesMatrix.push(currentPage);\n                            currentPage = [i];\n                            currentGroupSize = slideSize;\n                        }\n                    }\n\n                    if (currentPage.length > 0) pagesMatrix.push(currentPage);\n\n                    const clampedIndex = Math.max(0, Math.min(index, pagesMatrix.length - 1));\n\n                    if (clampedIndex !== index) {\n                        if (pageRafIdRef.current !== null) {\n                            cancelAnimationFrame(pageRafIdRef.current);\n                        }\n\n                        pageRafIdRef.current = requestAnimationFrame(() => {\n                            setCurrentIndex(clampedIndex);\n                            pageRafIdRef.current = null;\n                        });\n                    }\n\n                    const validPageIndices = Array.from({ length: pagesMatrix.length }, (_, i) => i);\n\n                    setActiveIndices((prev) => {\n                        if (prev.length === validPageIndices.length) return prev;\n                        return validPageIndices;\n                    });\n\n                    const currentGroup = pagesMatrix[clampedIndex];\n                    if (currentGroup && currentGroup.length > 0) {\n                        const firstSlideIndex = currentGroup[0];\n                        const lastSlideIndex = currentGroup[currentGroup.length - 1];\n                        const groupStart = getSlideStart(firstSlideIndex);\n\n                        const lastSlideSize = getSlideSize(lastSlideIndex);\n                        const groupEnd = getSlideStart(lastSlideIndex) + lastSlideSize;\n                        const groupSize = groupEnd - groupStart;\n\n                        targetOffset = groupStart - (containerSize - groupSize) / 2;\n                    }\n                } else {\n                    setActiveIndices((prev) => (prev.length === 0 ? prev : []));\n\n                    const slideStart = getSlideStart(index);\n                    const slideEnd = getSlideEnd(index);\n\n                    const currentOffset = offsetRef.current;\n                    const containerEnd = currentOffset + containerSize;\n\n                    // Ситуация 1: Слайд шире, чем сам контейнер (огромный слайд)\n                    if (slideEnd - slideStart > containerSize) {\n                        if (currentOffset < slideStart - startP) {\n                            targetOffset = slideStart - startP;\n                        } else if (currentOffset + containerSize > slideEnd + endP) {\n                            targetOffset = slideEnd - containerSize + endP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                    // Ситуация 2: Стандартный слайд (меньше или равен размеру контейнера)\n                    else {\n                        if (slideEnd > containerEnd + 1) {\n                            targetOffset = slideEnd - containerSize + startP + endP;\n                        } else if (slideStart < currentOffset - 1) {\n                            targetOffset = slideStart - startP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                }\n\n                if (targetOffset <= 0 || calculatedMaxOffset === 0) {\n                    setOffset(0);\n                } else if (targetOffset >= calculatedMaxOffset) {\n                    setOffset(calculatedMaxOffset);\n                } else {\n                    setOffset(targetOffset);\n                }\n\n                // Обновляем реактивный стейт для синхронизации с кнопками (стрелками)\n                setMaxOffset((prev) => (prev !== calculatedMaxOffset ? calculatedMaxOffset : prev));\n            },\n            [\n                gap,\n                scrollMode,\n                orientation,\n                getSlidesCount,\n                getSlideEnd,\n                getViewportSize,\n                normalizedPadding,\n                pageMode,\n                getSlideSize,\n                getSlideStart,\n            ],\n        );\n\n        const nextSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === activeIndices.length - 1 ? prev : prev + 1));\n                return;\n            }\n\n            const slidesCount = getSlidesCount();\n            const containerSize = getViewportSize();\n\n            const currentSlideEnd = getSlideEnd(currentIndex);\n\n            const { end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const endP = normalizedPadding[endKey];\n\n            // Случай 1: Мы на огромном слайде, и его правый край всё еще скрыт за экраном\n            if (currentSlideEnd + endP > offset + containerSize + 1) {\n                // Вычисляем следующий шаг (не дальше, чем правый край слайда с учётом endP)\n                const maxSlideOffset = currentSlideEnd - containerSize + endP;\n                const nextOffset = Math.min(offset + containerSize, maxSlideOffset);\n                const clampedOffset = Math.min(nextOffset, maxOffsetRef.current);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, просто продвинули скролл внутри слайда\n            }\n\n            // Случай 2: Текущий слайд закончился, ищем следующий скрытый элемент\n            for (let i = currentIndex + 1; i < slidesCount; i++) {\n                const slideEnd = getSlideEnd(i);\n\n                if (slideEnd + endP > offset + containerSize + 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n            setCurrentIndex(Math.max(0, slidesCount - 1));\n        }, [\n            pageMode,\n            activeIndices.length,\n            getSlidesCount,\n            getViewportSize,\n            getSlideEnd,\n            orientation,\n            normalizedPadding,\n            offset,\n            currentIndex,\n        ]);\n\n        const prevSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === 0 ? prev : prev - 1));\n                return;\n            }\n\n            const containerSize = getViewportSize();\n            const currentSlideStart = getSlideStart(currentIndex);\n\n            const { start: startKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const startP = normalizedPadding[startKey];\n\n            // Случай 1: Мы на огромном слайде, и его левый край скрыт слева за экраном\n            if (currentSlideStart - startP < offset - 1) {\n                // Вычисляем шаг назад (не дальше, чем левый край слайда с учётом startP)\n                const minSlideOffset = currentSlideStart - startP;\n                const prevOffset = Math.max(offset - containerSize, minSlideOffset);\n                const clampedOffset = Math.max(0, prevOffset);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, скроллим назад внутри слайда\n            }\n\n            // Случай 2: Левый край текущего слайда полностью виден, ищем предыдущие скрытые элементы\n            for (let i = currentIndex - 1; i >= 0; i--) {\n                const slideStart = getSlideStart(i);\n\n                if (slideStart - startP < offset - 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n\n            setCurrentIndex(0);\n        }, [pageMode, getViewportSize, getSlideStart, orientation, normalizedPadding, offset, currentIndex]);\n\n        const goToSlide = useCallback(\n            (slideIndex: number) => {\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    setCurrentIndex(0);\n                    return;\n                }\n\n                const clampedIndex = Math.max(0, Math.min(slideIndex, slidesCount - 1));\n                setCurrentIndex(clampedIndex);\n            },\n            [getSlidesCount],\n        );\n\n        // ResizeObserver для адаптивности при изменении размеров экрана или контента\n        useLayoutEffect(() => {\n            if (!viewportRef.current || !trackRef.current) return;\n\n            const observer = new ResizeObserver(() => {\n                geometryCacheRef.current.sizes.clear();\n                geometryCacheRef.current.starts.clear();\n\n                updateOffsetAndPages(currentIndexRef.current);\n            });\n\n            observer.observe(viewportRef.current);\n            observer.observe(trackRef.current);\n\n            return () => observer.disconnect();\n        }, [updateOffsetAndPages]);\n\n        // Сброс индекса при изменении ключевых настроек карусели\n        useEffect(() => {\n            setCurrentIndex(0);\n        }, [gap, scrollMode, orientation]);\n\n        // Синхронизация смещения при изменении индекса\n        useEffect(() => {\n            updateOffsetAndPages(currentIndex);\n        }, [currentIndex, updateOffsetAndPages]);\n\n        // Очистка запланированных анимационных фреймов при размонтировании карусели\n        useEffect(() => {\n            return () => {\n                if (pageRafIdRef.current !== null) {\n                    cancelAnimationFrame(pageRafIdRef.current);\n                }\n            };\n        }, []);\n\n        // Вычисление граничных состояний (актуально для отключения стрелок навигации)\n        const atStart = pageMode ? currentIndex === 0 : offset <= 1;\n        const atEnd = pageMode\n            ? activeIndices.length === 0 || currentIndex >= activeIndices.length - 1\n            : maxOffset > 0\n              ? offset >= maxOffset - 1\n              : true;\n\n        const classNames = clsx(styles.carousel, styles[orientation], className);\n\n        const contextValue = useMemo(\n            () => ({\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n                orientationRef,\n                offsetRef,\n                maxOffsetRef,\n                currentIndexRef,\n                viewportRef,\n                trackRef,\n                slideRefs,\n            }),\n            [\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n            ],\n        );\n\n        return (\n            <CarouselContext.Provider value={contextValue}>\n                <div className={classNames} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </CarouselContext.Provider>\n        );\n    },\n);\n\nCarouselRoot.displayName = \"Carousel\";\n\n/** Карусель. */\nexport const Carousel = Object.assign(CarouselRoot, {\n    Viewport: CarouselViewport,\n    Track: CarouselTrack,\n    Item: CarouselItem,\n    PrevButton: CarouselPrevButton,\n    NextButton: CarouselNextButton,\n    Indicators: CarouselIndicators,\n});\n"],"names":["React"],"mappings":"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"}

package/components/Carousel/CarouselButton.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { CaretupStrokeSrvIcon20, CaretleftStrokeSrvIcon20, CaretdownStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })

package/components/Carousel/CarouselIndicators.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs, useLatestRef } from "./utils.js";
 import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
-import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const ORIENTATION_TO_NAVIGATION_KEYS = {
   [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
   [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]

package/components/Carousel/CarouselItem.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const CarouselItem = React__default.forwardRef(
   ({ children, className, index, ...restProps }, ref) => {
     const { slideRefs } = useContext(CarouselContext);

package/components/Carousel/CarouselTrack.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
 import { ORIENTATION_TRANSFORM } from "./constants.js";
-import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const CarouselTrack = React__default.forwardRef(
   ({ children, className, style, ...restProps }, ref) => {
     const { gap, orientation, offset, trackRef } = useContext(CarouselContext);

package/components/Carousel/CarouselViewport.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
 import { ORIENTATION_TRANSFORM } from "./constants.js";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const ORIENTATION_TO_TOUCH_KEY = {
   [ECarouselOrientation.HORIZONTAL]: "clientX",
   [ECarouselOrientation.VERTICAL]: "clientY"

package/components/CarouselExtended/CarouselExtended.js

@@ -1,8 +1,8 @@
 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-D4wvHis9.js";
-const carouselExtended = "carouselExtended__58c0970b";
+import { i as isEqual } from "../../chunks/vendor-DqjKLGwf.js";
+const carouselExtended = "carouselExtended__0c4f3935";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.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__eccb491a";
-const sm = "sm__4901ea68";
-const nonempty = "nonempty__12e6066b";
-const md = "md__5171b230";
-const lg = "lg__3b193db4";
-const disabled = "disabled__278ff270";
-const checkbox = "checkbox__3d4a248e";
-const checkboxIcon = "checkboxIcon__1667e86d";
-const checkmarkIcon = "checkmarkIcon__31b84f26";
+const label = "label__2604d90b";
+const sm = "sm__20d4b8b6";
+const nonempty = "nonempty__e20a7b2a";
+const md = "md__63deda70";
+const lg = "lg__57785601";
+const disabled = "disabled__fc041b02";
+const checkbox = "checkbox__d58eca66";
+const checkboxIcon = "checkboxIcon__22df83be";
+const checkmarkIcon = "checkmarkIcon__20c45a16";
 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.44.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.46.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-D4wvHis9.js";
-const checkboxXGroup = "checkboxXGroup__97db0e54";
-const label = "label__eccb491a";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const checkboxXGroup = "checkboxXGroup__9dcd70bf";
+const label = "label__2604d90b";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__ff9d9dd5",
+  "indent-12": "indent-12__051ecfe8",
   label,
-  "indent-16": "indent-16__d70adbe7",
-  "indent-20": "indent-20__0fed5c60",
-  "indent-24": "indent-24__ba8c7c2f",
-  "indent-28": "indent-28__8746746f",
-  "indent-32": "indent-32__2e3a0911"
+  "indent-16": "indent-16__23625d16",
+  "indent-20": "indent-20__467d1e89",
+  "indent-24": "indent-24__19dc5091",
+  "indent-28": "indent-28__13a3580b",
+  "indent-32": "indent-32__a95a29fd"
 };
 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-D4wvHis9.js";
-const checkboxYGroup = "checkboxYGroup__d23bfb7a";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const checkboxYGroup = "checkboxYGroup__00281bfd";
 const styles = {
   checkboxYGroup
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import "../MobileView/MobileView.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-nKSCkiBt.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
 const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
   const adaptive = useMobileView();
   const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);

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-nKSCkiBt.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
 const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
   const arrowNode = useRef(null);
   const prevActive = useRef(active);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-nKSCkiBt.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-nKSCkiBt.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,

package/components/Chip/Chip.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-D4wvHis9.js";
+import "../../chunks/vendor-DqjKLGwf.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-BpCsNJTt.js";
+import { C } from "../../chunks/Chip-Bi7plvOY.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__1bfbf850";
+const chipClearButton = "chipClearButton__be523296";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 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-BpCsNJTt.js";
+import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

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-BpCsNJTt.js";
+import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__d442c7fb";
-const rotated = "rotated__c5951ded";
+const chipDropdownArrow = "chipDropdownArrow__1dfda564";
+const rotated = "rotated__29bfa5c9";
 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-BpCsNJTt.js";
+import { C as Chip } from "../../chunks/Chip-Bi7plvOY.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

@@ -0,0 +1,70 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { MonthYearPickerUtils } from "../../MonthYearField/utils.js";
+import { ChipMonthYearPickerTarget } from "./ChipMonthYearPickerTarget.js";
+import { dateFormatYYYYMMDD, globalLimitRange } from "../../../consts/DateConst.js";
+import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.js";
+import { DropdownMobileInput } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { ECalendarPickType } from "../../Calendar/enums.js";
+import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
+const ChipMonthYearPicker = React__default.forwardRef((props, ref) => {
+  const {
+    className,
+    size,
+    value,
+    placeholder,
+    format = dateFormatYYYYMMDD,
+    limitRange = globalLimitRange,
+    type,
+    label,
+    displayedValue,
+    disabled,
+    clearButtonProps,
+    onChange,
+    ...rest
+  } = props;
+  const pickerValues = MonthYearPickerUtils.getPickerValues(value, format, limitRange);
+  const handleClear = () => {
+    onChange("");
+  };
+  const renderTarget = () => {
+    const selected = pickerValues.calendarDate !== null;
+    return /* @__PURE__ */ jsx(
+      ChipMonthYearPickerTarget,
+      {
+        type,
+        size,
+        selected,
+        disabled,
+        clearButtonProps,
+        onClear: handleClear,
+        children: selected ? displayedValue ?? pickerValues.inputString : label
+      }
+    );
+  };
+  const renderDropdownHeaderTarget = () => /* @__PURE__ */ jsx(DropdownMobileInput, { value: pickerValues.inputString, placeholder, readOnly: true });
+  const handleDateChange = (date) => {
+    onChange(date.format(format));
+  };
+  return /* @__PURE__ */ jsx(
+    DatePickerExtended,
+    {
+      className: clsx(styles.chipGroupItem, className),
+      renderTarget,
+      renderDropdownHeaderTarget,
+      pickedDate: pickerValues.calendarDate,
+      pickType: ECalendarPickType.MONTH_YEAR,
+      format,
+      limitRange,
+      onDateChange: handleDateChange,
+      ...rest,
+      ref
+    }
+  );
+});
+ChipMonthYearPicker.displayName = "ChipMonthYearPicker";
+export {
+  ChipMonthYearPicker
+};
+//# sourceMappingURL=ChipMonthYearPicker.js.map

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipMonthYearPicker.js","sources":["../../../../src/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport moment from \"moment\";\nimport { IMonthYearFieldProps } from \"../../MonthYearField/types\";\nimport { MonthYearPickerUtils } from \"../../MonthYearField/utils\";\nimport { IChipProps } from \"../Chip\";\nimport { ChipMonthYearPickerTarget, IChipMonthYearPickerTargetProps } from \"./ChipMonthYearPickerTarget\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../../consts/DateConst\";\nimport { DatePickerExtended } from \"../../DatePickerExtended/DatePickerExtended\";\nimport { DropdownMobileInput } from \"../../Dropdown/mobile/DropdownMobileInput\";\nimport { ECalendarPickType } from \"../../Calendar/enums\";\nimport styles from \"../styles/Chip.module.less\";\n\n/** Свойства компонента ChipMonthYearPicker. */\nexport interface IChipMonthYearPickerProps\n    extends\n        Omit<IMonthYearFieldProps, \"status\" | \"label\" | \"onClear\" | \"targetProps\" | \"pickType\">,\n        Pick<IChipProps, \"type\" | \"disabled\"> {\n    /** Название поля, когда не выбрано значение. */\n    label: React.ReactNode;\n    /** Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n    /** Свойства кнопки очищения значения, например aria-label. */\n    clearButtonProps?: IChipMonthYearPickerTargetProps[\"clearButtonProps\"];\n}\n\n/** MonthYearPicker с видом компонента Chip. */\nexport const ChipMonthYearPicker = React.forwardRef<HTMLDivElement, IChipMonthYearPickerProps>((props, ref) => {\n    const {\n        className,\n        size,\n        value,\n        placeholder,\n        format = dateFormatYYYYMMDD,\n        limitRange = globalLimitRange,\n        type,\n        label,\n        displayedValue,\n        disabled,\n        clearButtonProps,\n        onChange,\n        ...rest\n    } = props;\n    const pickerValues = MonthYearPickerUtils.getPickerValues(value, format, limitRange);\n\n    const handleClear = () => {\n        onChange(\"\");\n    };\n\n    const renderTarget = () => {\n        const selected = pickerValues.calendarDate !== null;\n\n        return (\n            <ChipMonthYearPickerTarget\n                type={type}\n                size={size}\n                selected={selected}\n                disabled={disabled}\n                clearButtonProps={clearButtonProps}\n                onClear={handleClear}\n            >\n                {selected ? (displayedValue ?? pickerValues.inputString) : label}\n            </ChipMonthYearPickerTarget>\n        );\n    };\n\n    const renderDropdownHeaderTarget = () => (\n        <DropdownMobileInput value={pickerValues.inputString} placeholder={placeholder} readOnly />\n    );\n\n    const handleDateChange = (date: moment.Moment) => {\n        onChange(date.format(format));\n    };\n\n    return (\n        <DatePickerExtended\n            className={clsx(styles.chipGroupItem, className)}\n            renderTarget={renderTarget}\n            renderDropdownHeaderTarget={renderDropdownHeaderTarget}\n            pickedDate={pickerValues.calendarDate}\n            pickType={ECalendarPickType.MONTH_YEAR}\n            format={format}\n            limitRange={limitRange}\n            onDateChange={handleDateChange}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nChipMonthYearPicker.displayName = \"ChipMonthYearPicker\";\n"],"names":["React"],"mappings":";;;;;;;;;;AA2BO,MAAM,sBAAsBA,eAAM,WAAsD,CAAC,OAAO,QAAQ;AAC3G,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,eAAe,qBAAqB,gBAAgB,OAAO,QAAQ,UAAU;AAEnF,QAAM,cAAc,MAAM;AACtB,aAAS,EAAE;AAAA,EACf;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,WAAW,aAAa,iBAAiB;AAE/C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QAER,UAAA,WAAY,kBAAkB,aAAa,cAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvE;AAEA,QAAM,6BAA6B,MAC/B,oBAAC,qBAAA,EAAoB,OAAO,aAAa,aAAa,aAA0B,UAAQ,KAAA,CAAC;AAG7F,QAAM,mBAAmB,CAAC,SAAwB;AAC9C,aAAS,KAAK,OAAO,MAAM,CAAC;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,YAAY,aAAa;AAAA,MACzB,UAAU,kBAAkB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACb,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,oBAAoB,cAAc;"}

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
+import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
+import { ChipClearButton } from "../ChipClearButton.js";
+import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";
+import { isKey } from "../../../utils/keyboard.js";
+const ChipMonthYearPickerTarget = React__default.forwardRef(
+  (props, ref) => {
+    const { children, size, selected, disabled, onKeyDown, onClick, onClear, clearButtonProps, ...restProps } = props;
+    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
+    const handleKeyDown = (event) => {
+      if (!disabled && (isKey(event.code, "ENTER") || isKey(event.code, "SPACE"))) {
+        event.preventDefault();
+        setDropdownOpen(!dropdownOpen);
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    };
+    const handleClick = (event) => {
+      if (disabled) {
+        return;
+      }
+      setDropdownOpen(!dropdownOpen);
+      onClick == null ? void 0 : onClick(event);
+    };
+    const handleClearButtonKeyDown = (event) => {
+      if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+        event.stopPropagation();
+      }
+    };
+    const handleClearButtonClick = (event) => {
+      event.stopPropagation();
+      onClear();
+    };
+    const renderTargetPostfix = () => {
+      if (selected) {
+        return /* @__PURE__ */ jsx(
+          ChipClearButton,
+          {
+            ...clearButtonProps,
+            size,
+            disabled,
+            onClick: handleClearButtonClick,
+            onKeyDown: handleClearButtonKeyDown
+          }
+        );
+      } else {
+        return /* @__PURE__ */ jsx(ChipDropdownArrow, { size, rotated: dropdownOpen });
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        size,
+        selected,
+        disabled,
+        "aria-expanded": dropdownOpen,
+        onKeyDown: handleKeyDown,
+        onClick: handleClick,
+        postfix: renderTargetPostfix(),
+        ...restProps,
+        ref,
+        children
+      }
+    );
+  }
+);
+ChipMonthYearPickerTarget.displayName = "ChipMonthYearPickerTarget";
+export {
+  ChipMonthYearPickerTarget
+};
+//# sourceMappingURL=ChipMonthYearPickerTarget.js.map

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipMonthYearPickerTarget.js","sources":["../../../../src/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Chip, IChipProps } from \"../Chip\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { ChipClearButton, IChipClearButtonProps } from \"../ChipClearButton\";\nimport { DatePickerExtendedContext } from \"../../DatePickerExtended/DatePickerExtendedContext\";\nimport { isKey } from \"../../../utils/keyboard\";\n\n/** Свойства компонента ChipMonthYearPickerTarget. */\nexport interface IChipMonthYearPickerTargetProps extends IChipProps {\n    /** Обработчик очищения значения. */\n    onClear: () => void;\n    /** Свойства кнопки очищения значения, например aria-label. */\n    clearButtonProps?: Omit<IChipClearButtonProps, \"size\" | \"disabled\" | \"onClick\" | \"onKeyDown\">;\n}\n\n/** Целевой элемент компонента ChipMonthYearPicker. */\nexport const ChipMonthYearPickerTarget = React.forwardRef<HTMLSpanElement, IChipMonthYearPickerTargetProps>(\n    (props, ref) => {\n        const { children, size, selected, disabled, onKeyDown, onClick, onClear, clearButtonProps, ...restProps } =\n            props;\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n            if (!disabled && (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\"))) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n\n            onKeyDown?.(event);\n        };\n\n        const handleClick = (event: React.MouseEvent<HTMLSpanElement>) => {\n            if (disabled) {\n                return;\n            }\n\n            setDropdownOpen(!dropdownOpen);\n            onClick?.(event);\n        };\n\n        /** Нажатие на кнопке очищения не должно всплывать в чип и открывать дропдаун. */\n        const handleClearButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                event.stopPropagation();\n            }\n        };\n\n        const handleClearButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onClear();\n        };\n\n        const renderTargetPostfix = () => {\n            if (selected) {\n                return (\n                    <ChipClearButton\n                        {...clearButtonProps}\n                        size={size}\n                        disabled={disabled}\n                        onClick={handleClearButtonClick}\n                        onKeyDown={handleClearButtonKeyDown}\n                    />\n                );\n            } else {\n                return <ChipDropdownArrow size={size} rotated={dropdownOpen} />;\n            }\n        };\n\n        return (\n            <Chip\n                size={size}\n                selected={selected}\n                disabled={disabled}\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);\n\nChipMonthYearPickerTarget.displayName = \"ChipMonthYearPickerTarget\";\n"],"names":["React"],"mappings":";;;;;;;AAgBO,MAAM,4BAA4BA,eAAM;AAAA,EAC3C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,MAAM,UAAU,UAAU,WAAW,SAAS,SAAS,kBAAkB,GAAG,UAAA,IAC1F;AACJ,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAE9E,UAAM,gBAAgB,CAAC,UAAgD;AACnE,UAAI,CAAC,aAAa,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,IAAI;AACzE,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AAEA,6CAAY;AAAA,IAChB;AAEA,UAAM,cAAc,CAAC,UAA6C;AAC9D,UAAI,UAAU;AACV;AAAA,MACJ;AAEA,sBAAgB,CAAC,YAAY;AAC7B,yCAAU;AAAA,IACd;AAGA,UAAM,2BAA2B,CAAC,UAAkD;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,cAAM,gBAAA;AAAA,MACV;AAAA,IACJ;AAEA,UAAM,yBAAyB,CAAC,UAA+C;AAC3E,YAAM,gBAAA;AACN,cAAA;AAAA,IACJ;AAEA,UAAM,sBAAsB,MAAM;AAC9B,UAAI,UAAU;AACV,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAGvB,OAAO;AACH,eAAO,oBAAC,mBAAA,EAAkB,MAAY,SAAS,aAAA,CAAc;AAAA,MACjE;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAe;AAAA,QACf,WAAW;AAAA,QACX,SAAS;AAAA,QACT,SAAS,oBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,0BAA0B,cAAc;"}

package/components/Chip/ChipMonthYearPicker/index.js

@@ -0,0 +1,7 @@
+import { ChipMonthYearPicker } from "./ChipMonthYearPicker.js";
+import { ChipMonthYearPickerTarget } from "./ChipMonthYearPickerTarget.js";
+export {
+  ChipMonthYearPicker,
+  ChipMonthYearPickerTarget
+};
+//# sourceMappingURL=index.js.map

package/components/Chip/ChipMonthYearPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}