@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/Carousel/CarouselButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselButton.js","sources":["../../../src/components/Carousel/CarouselButton.tsx"],"sourcesContent":["import React, { useContext, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { ButtonIcon, IButtonIconProps } from \"../Button/ButtonIcon\";\nimport {\n    CaretleftStrokeSrvIcon20,\n    CaretupStrokeSrvIcon20,\n    CaretrightStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport { ECarouselOrientation } from \"./enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_PREV_ICON_MAP: Record<ECarouselOrientation, React.ReactElement> = {\n    [ECarouselOrientation.HORIZONTAL]: <CaretleftStrokeSrvIcon20 paletteIndex={7} />,\n    [ECarouselOrientation.VERTICAL]: <CaretupStrokeSrvIcon20 paletteIndex={7} />,\n};\n\nexport const CarouselPrevButton = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ children, className, onClick, ...restProps }, ref) => {\n        const { atStart, prevSlide, orientationRef } = useContext(CarouselContext);\n        const touchDevice = useMatchMedia(\"(pointer: coarse)\");\n\n        const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n            (event) => {\n                if (!atStart) prevSlide();\n                onClick?.(event);\n            },\n            [atStart, prevSlide, onClick],\n        );\n\n        if (touchDevice) {\n            return null;\n        }\n\n        return (\n            <ButtonIcon\n                {...restProps}\n                className={clsx(styles.navButton, styles.prev, className)}\n                aria-disabled={atStart}\n                onClick={handleClick}\n                ref={ref}\n            >\n                {children || ORIENTATION_TO_PREV_ICON_MAP[orientationRef.current]}\n            </ButtonIcon>\n        );\n    },\n);\n\nCarouselPrevButton.displayName = \"Carousel.PrevButton\";\n\nconst ORIENTATION_TO_NEXT_ICON_MAP: Record<ECarouselOrientation, React.ReactElement> = {\n    [ECarouselOrientation.HORIZONTAL]: <CaretrightStrokeSrvIcon20 paletteIndex={7} />,\n    [ECarouselOrientation.VERTICAL]: <CaretdownStrokeSrvIcon20 paletteIndex={7} />,\n};\n\nexport const CarouselNextButton = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ children, className, onClick, ...restProps }, ref) => {\n        const { atEnd, nextSlide, orientationRef } = useContext(CarouselContext);\n        const touchDevice = useMatchMedia(\"(pointer: coarse)\");\n\n        const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n            (event) => {\n                if (!atEnd) nextSlide();\n                onClick?.(event);\n            },\n            [atEnd, nextSlide, onClick],\n        );\n\n        if (touchDevice) {\n            return null;\n        }\n\n        return (\n            <ButtonIcon\n                {...restProps}\n                className={clsx(styles.navButton, styles.next, className)}\n                aria-disabled={atEnd}\n                onClick={handleClick}\n                ref={ref}\n            >\n                {children || ORIENTATION_TO_NEXT_ICON_MAP[orientationRef.current]}\n            </ButtonIcon>\n        );\n    },\n);\n\nCarouselNextButton.displayName = \"Carousel.NextButton\";\n"],"names":["React"],"mappings":";;;;;;;;;AAcA,MAAM,+BAAiF;AAAA,EACnF,CAAC,qBAAqB,UAAU,GAAG,oBAAC,0BAAA,EAAyB,cAAc,GAAG;AAAA,EAC9E,CAAC,qBAAqB,QAAQ,GAAG,oBAAC,wBAAA,EAAuB,cAAc,EAAA,CAAG;AAC9E;AAEO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,UAAA,GAAa,QAAQ;AACrD,UAAM,EAAE,SAAS,WAAW,eAAA,IAAmB,WAAW,eAAe;AACzE,UAAM,cAAc,cAAc,mBAAmB;AAErD,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,YAAI,CAAC,QAAS,WAAA;AACd,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,WAAW,OAAO;AAAA,IAAA;AAGhC,QAAI,aAAa;AACb,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,MAAM,SAAS;AAAA,QACxD,iBAAe;AAAA,QACf,SAAS;AAAA,QACT;AAAA,QAEC,UAAA,YAAY,6BAA6B,eAAe,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG5E;AACJ;AAEA,mBAAmB,cAAc;AAEjC,MAAM,+BAAiF;AAAA,EACnF,CAAC,qBAAqB,UAAU,GAAG,oBAAC,2BAAA,EAA0B,cAAc,GAAG;AAAA,EAC/E,CAAC,qBAAqB,QAAQ,GAAG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAChF;AAEO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,UAAA,GAAa,QAAQ;AACrD,UAAM,EAAE,OAAO,WAAW,eAAA,IAAmB,WAAW,eAAe;AACvE,UAAM,cAAc,cAAc,mBAAmB;AAErD,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,YAAI,CAAC,MAAO,WAAA;AACZ,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,OAAO,WAAW,OAAO;AAAA,IAAA;AAG9B,QAAI,aAAa;AACb,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,MAAM,SAAS;AAAA,QACxD,iBAAe;AAAA,QACf,SAAS;AAAA,QACT;AAAA,QAEC,UAAA,YAAY,6BAA6B,eAAe,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG5E;AACJ;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"CarouselButton.js","sources":["../../../src/components/Carousel/CarouselButton.tsx"],"sourcesContent":["import React, { useContext, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { ButtonIcon, IButtonIconProps } from \"../Button/ButtonIcon\";\nimport {\n    CaretleftStrokeSrvIcon20,\n    CaretupStrokeSrvIcon20,\n    CaretrightStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport { ECarouselOrientation } from \"./enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_PREV_ICON_MAP: Record<ECarouselOrientation, React.ReactElement> = {\n    [ECarouselOrientation.HORIZONTAL]: <CaretleftStrokeSrvIcon20 paletteIndex={7} />,\n    [ECarouselOrientation.VERTICAL]: <CaretupStrokeSrvIcon20 paletteIndex={7} />,\n};\n\nexport const CarouselPrevButton = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ children, className, onClick, ...restProps }, ref) => {\n        const { orientation, atStart, prevSlide } = useContext(CarouselContext);\n        const touchDevice = useMatchMedia(\"(pointer: coarse)\");\n\n        const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n            (event) => {\n                if (!atStart) prevSlide();\n                onClick?.(event);\n            },\n            [atStart, prevSlide, onClick],\n        );\n\n        if (touchDevice) {\n            return null;\n        }\n\n        return (\n            <ButtonIcon\n                {...restProps}\n                className={clsx(styles.navButton, styles.prev, className)}\n                aria-disabled={atStart}\n                onClick={handleClick}\n                ref={ref}\n            >\n                {children || ORIENTATION_TO_PREV_ICON_MAP[orientation]}\n            </ButtonIcon>\n        );\n    },\n);\n\nCarouselPrevButton.displayName = \"Carousel.PrevButton\";\n\nconst ORIENTATION_TO_NEXT_ICON_MAP: Record<ECarouselOrientation, React.ReactElement> = {\n    [ECarouselOrientation.HORIZONTAL]: <CaretrightStrokeSrvIcon20 paletteIndex={7} />,\n    [ECarouselOrientation.VERTICAL]: <CaretdownStrokeSrvIcon20 paletteIndex={7} />,\n};\n\nexport const CarouselNextButton = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ children, className, onClick, ...restProps }, ref) => {\n        const { orientation, atEnd, nextSlide } = useContext(CarouselContext);\n        const touchDevice = useMatchMedia(\"(pointer: coarse)\");\n\n        const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n            (event) => {\n                if (!atEnd) nextSlide();\n                onClick?.(event);\n            },\n            [atEnd, nextSlide, onClick],\n        );\n\n        if (touchDevice) {\n            return null;\n        }\n\n        return (\n            <ButtonIcon\n                {...restProps}\n                className={clsx(styles.navButton, styles.next, className)}\n                aria-disabled={atEnd}\n                onClick={handleClick}\n                ref={ref}\n            >\n                {children || ORIENTATION_TO_NEXT_ICON_MAP[orientation]}\n            </ButtonIcon>\n        );\n    },\n);\n\nCarouselNextButton.displayName = \"Carousel.NextButton\";\n"],"names":["React"],"mappings":";;;;;;;;;AAcA,MAAM,+BAAiF;AAAA,EACnF,CAAC,qBAAqB,UAAU,GAAG,oBAAC,0BAAA,EAAyB,cAAc,GAAG;AAAA,EAC9E,CAAC,qBAAqB,QAAQ,GAAG,oBAAC,wBAAA,EAAuB,cAAc,EAAA,CAAG;AAC9E;AAEO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,UAAA,GAAa,QAAQ;AACrD,UAAM,EAAE,aAAa,SAAS,UAAA,IAAc,WAAW,eAAe;AACtE,UAAM,cAAc,cAAc,mBAAmB;AAErD,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,YAAI,CAAC,QAAS,WAAA;AACd,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,WAAW,OAAO;AAAA,IAAA;AAGhC,QAAI,aAAa;AACb,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,MAAM,SAAS;AAAA,QACxD,iBAAe;AAAA,QACf,SAAS;AAAA,QACT;AAAA,QAEC,UAAA,YAAY,6BAA6B,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjE;AACJ;AAEA,mBAAmB,cAAc;AAEjC,MAAM,+BAAiF;AAAA,EACnF,CAAC,qBAAqB,UAAU,GAAG,oBAAC,2BAAA,EAA0B,cAAc,GAAG;AAAA,EAC/E,CAAC,qBAAqB,QAAQ,GAAG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAChF;AAEO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,UAAA,GAAa,QAAQ;AACrD,UAAM,EAAE,aAAa,OAAO,UAAA,IAAc,WAAW,eAAe;AACpE,UAAM,cAAc,cAAc,mBAAmB;AAErD,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,YAAI,CAAC,MAAO,WAAA;AACZ,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,OAAO,WAAW,OAAO;AAAA,IAAA;AAG9B,QAAI,aAAa;AACb,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,WAAW,KAAK,OAAO,WAAW,OAAO,MAAM,SAAS;AAAA,QACxD,iBAAe;AAAA,QACf,SAAS;AAAA,QACT;AAAA,QAEC,UAAA,YAAY,6BAA6B,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjE;AACJ;AAEA,mBAAmB,cAAc;"}

package/components/Carousel/CarouselIndicators.js

@@ -5,7 +5,7 @@ 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-g5TYfNRR.js";
+import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
 const ORIENTATION_TO_NAVIGATION_KEYS = {
   [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
   [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]
@@ -53,6 +53,7 @@ const CarouselIndicators = React__default.forwardRef(
         }
         return clickHandlersCache.current.get(slideIndex);
       },
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       [goToSlide]
     );
     const handleKeyDown = useCallback(
@@ -63,14 +64,14 @@ const CarouselIndicators = React__default.forwardRef(
         const homeKeyMatched = event.key === "Home";
         const endKeyMatched = event.key === "End";
         if (nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) {
-          const currentIndexInArray = activeIndices.indexOf(currentIndexRef.current);
-          if (currentIndexInArray !== -1) {
+          const currentIndexInArray2 = activeIndices.indexOf(currentIndexRef.current);
+          if (currentIndexInArray2 !== -1) {
             event.preventDefault();
-            let nextIndexInArray = currentIndexInArray;
+            let nextIndexInArray = currentIndexInArray2;
             if (nextKeyMatched) {
-              nextIndexInArray = (currentIndexInArray + 1) % totalPages;
+              nextIndexInArray = Math.min(currentIndexInArray2 + 1, totalPages - 1);
             } else if (prevKeyMatched) {
-              nextIndexInArray = (currentIndexInArray - 1 + totalPages) % totalPages;
+              nextIndexInArray = Math.max(currentIndexInArray2 - 1, 0);
             } else if (homeKeyMatched) {
               nextIndexInArray = 0;
             } else if (endKeyMatched) {
@@ -82,6 +83,7 @@ const CarouselIndicators = React__default.forwardRef(
         }
         onKeyDown == null ? void 0 : onKeyDown(event);
       },
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       [activeIndices, totalPages, goToSlide, onKeyDown]
     );
     useEffect(() => {
@@ -108,6 +110,13 @@ const CarouselIndicators = React__default.forwardRef(
       return () => cancelAnimationFrame(rafId);
     }, [currentIndex]);
     if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;
+    const currentIndexInArray = activeIndices.indexOf(currentIndex);
+    let startWindowIndex = 0;
+    if (totalPages > 5) {
+      startWindowIndex = currentIndexInArray - Math.floor(5 / 2);
+      startWindowIndex = Math.max(0, Math.min(startWindowIndex, totalPages - 5));
+    }
+    const endWindowIndex = startWindowIndex + 5;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -118,8 +127,12 @@ const CarouselIndicators = React__default.forwardRef(
         onKeyDown: handleKeyDown,
         ref: combinedRef,
         children: activeIndices.map((slideIndex, index) => {
+          const visible = index >= startWindowIndex && index < endWindowIndex;
+          if (!visible) return null;
           const selected = currentIndex === slideIndex;
           const page = index + 1;
+          const startEdge = index === startWindowIndex && startWindowIndex > 0;
+          const endEdge = index === endWindowIndex - 1 && endWindowIndex < totalPages;
           const resolvedIndicatorProps = typeof indicatorProps === "function" ? indicatorProps({ index, page, selected }) : indicatorProps;
           const indicatorRef = getIndicatorRef(slideIndex);
           const indicatorClickHandler = getIndicatorClickHandler(slideIndex);
@@ -127,7 +140,11 @@ const CarouselIndicators = React__default.forwardRef(
             ...resolvedIndicatorProps,
             className: clsx(
               styles.indicator,
-              { [styles.active]: selected },
+              {
+                [styles.active]: selected,
+                [styles.startEdge]: startEdge,
+                [styles.endEdge]: endEdge
+              },
               resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.className
             ),
             role: "tab",

package/components/Carousel/CarouselIndicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselIndicators.js","sources":["../../../src/components/Carousel/CarouselIndicators.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselIndicatorsProps, TCarouselIndicatorProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs, useLatestRef } from \"./utils\";\nimport { ECarouselScrollMode, ECarouselOrientation } from \"./enums\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_NAVIGATION_KEYS = {\n    [ECarouselOrientation.HORIZONTAL]: [\"ArrowRight\", \"ArrowLeft\"],\n    [ECarouselOrientation.VERTICAL]: [\"ArrowDown\", \"ArrowUp\"],\n} as const;\n\nexport const CarouselIndicators = React.forwardRef<HTMLDivElement, ICarouselIndicatorsProps>(\n    ({ className, onKeyDown, indicatorProps, renderIndicator, ...restProps }, ref) => {\n        const { currentIndex, orientation, scrollMode, activeIndices, goToSlide, orientationRef, currentIndexRef } =\n            useContext(CarouselContext);\n        const containerRef = useRef<HTMLDivElement | null>(null);\n        const combinedRef = mergeRefs(ref, containerRef);\n\n        const buttonRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n        const indicatorRefsCache = useRef<Map<number, React.RefCallback<HTMLButtonElement>>>(new Map());\n        const clickHandlersCache = useRef<Map<number, React.MouseEventHandler<HTMLButtonElement>>>(new Map());\n\n        // Храним актуальный indicatorProps в рефе для стабильных колбэков клика\n        const indicatorPropsRef = useLatestRef(indicatorProps);\n        // Защита от устаревшего замыкания activeIndices в кэшированных кликах\n        const activeIndicesRef = useLatestRef(activeIndices);\n\n        const totalPages = activeIndices.length;\n\n        const getIndicatorRef = useCallback((slideIndex: number) => {\n            if (!indicatorRefsCache.current.has(slideIndex)) {\n                indicatorRefsCache.current.set(slideIndex, (node) => {\n                    if (node) {\n                        buttonRefs.current.set(slideIndex, node);\n                    } else {\n                        buttonRefs.current.delete(slideIndex);\n                    }\n                });\n            }\n            // Безопасно: запись выше гарантирует наличие ключа в кэше.\n            return indicatorRefsCache.current.get(slideIndex)!;\n        }, []);\n\n        const getIndicatorClickHandler = useCallback(\n            (slideIndex: number) => {\n                if (!clickHandlersCache.current.has(slideIndex)) {\n                    clickHandlersCache.current.set(slideIndex, (event) => {\n                        goToSlide(slideIndex);\n\n                        const currentPropsInput = indicatorPropsRef.current;\n                        if (!currentPropsInput) return;\n\n                        const latestActiveIndices = activeIndicesRef.current;\n                        const indexInArray = latestActiveIndices.indexOf(slideIndex);\n\n                        if (indexInArray !== -1) {\n                            const page = indexInArray + 1;\n                            const selected = currentIndexRef.current === slideIndex;\n                            const resolvedProps =\n                                typeof currentPropsInput === \"function\"\n                                    ? currentPropsInput({ index: indexInArray, page, selected })\n                                    : currentPropsInput;\n\n                            resolvedProps?.onClick?.(event);\n                        }\n                    });\n                }\n                // Безопасно: запись выше гарантирует наличие ключа в кэше.\n                return clickHandlersCache.current.get(slideIndex)!;\n            },\n            [goToSlide],\n        );\n\n        const handleKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n            (event) => {\n                const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientationRef.current];\n                const nextKeyMatched = event.key === nextKey;\n                const prevKeyMatched = event.key === prevKey;\n                const homeKeyMatched = event.key === \"Home\";\n                const endKeyMatched = event.key === \"End\";\n\n                if (nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) {\n                    const currentIndexInArray = activeIndices.indexOf(currentIndexRef.current);\n\n                    if (currentIndexInArray !== -1) {\n                        event.preventDefault();\n\n                        let nextIndexInArray = currentIndexInArray;\n                        if (nextKeyMatched) {\n                            nextIndexInArray = (currentIndexInArray + 1) % totalPages;\n                        } else if (prevKeyMatched) {\n                            nextIndexInArray = (currentIndexInArray - 1 + totalPages) % totalPages;\n                        } else if (homeKeyMatched) {\n                            nextIndexInArray = 0;\n                        } else if (endKeyMatched) {\n                            nextIndexInArray = totalPages - 1;\n                        }\n\n                        const nextSlideIndex = activeIndices[nextIndexInArray];\n                        goToSlide(nextSlideIndex);\n                    }\n                }\n\n                onKeyDown?.(event);\n            },\n            [activeIndices, totalPages, goToSlide, onKeyDown],\n        );\n\n        useEffect(() => {\n            const activeSet = new Set(activeIndices);\n\n            for (const key of indicatorRefsCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    indicatorRefsCache.current.delete(key);\n                    buttonRefs.current.delete(key);\n                }\n            }\n            for (const key of clickHandlersCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    clickHandlersCache.current.delete(key);\n                }\n            }\n        }, [activeIndices]);\n\n        useEffect(() => {\n            const container = containerRef.current;\n            if (!container?.contains(document.activeElement)) return;\n\n            const rafId = requestAnimationFrame(() => {\n                const activeButton = buttonRefs.current.get(currentIndexRef.current);\n                activeButton?.focus();\n            });\n\n            return () => cancelAnimationFrame(rafId);\n        }, [currentIndex]);\n\n        if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.indicators, className)}\n                role=\"tablist\"\n                aria-orientation={orientation}\n                onKeyDown={handleKeyDown}\n                ref={combinedRef}\n            >\n                {activeIndices.map((slideIndex, index) => {\n                    const selected = currentIndex === slideIndex;\n                    const page = index + 1;\n\n                    const resolvedIndicatorProps =\n                        typeof indicatorProps === \"function\"\n                            ? indicatorProps({ index, page, selected })\n                            : indicatorProps;\n\n                    const indicatorRef = getIndicatorRef(slideIndex);\n                    const indicatorClickHandler = getIndicatorClickHandler(slideIndex);\n\n                    const providedIndicatorProps: TCarouselIndicatorProps = {\n                        ...resolvedIndicatorProps,\n                        className: clsx(\n                            styles.indicator,\n                            { [styles.active]: selected },\n                            resolvedIndicatorProps?.className,\n                        ),\n                        role: \"tab\",\n                        tabIndex: selected ? 0 : -1,\n                        \"aria-selected\": selected,\n                        onClick: indicatorClickHandler,\n                    };\n\n                    if (renderIndicator) {\n                        return (\n                            <React.Fragment key={slideIndex}>\n                                {renderIndicator({\n                                    index,\n                                    page,\n                                    selected,\n                                    props: providedIndicatorProps,\n                                    ref: indicatorRef,\n                                })}\n                            </React.Fragment>\n                        );\n                    }\n\n                    return <ButtonBase key={slideIndex} {...providedIndicatorProps} ref={indicatorRef} />;\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselIndicators.displayName = \"Carousel.Indicators\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CarouselIndicators.js","sources":["../../../src/components/Carousel/CarouselIndicators.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselIndicatorsProps, TCarouselIndicatorProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs, useLatestRef } from \"./utils\";\nimport { ECarouselScrollMode, ECarouselOrientation } from \"./enums\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_NAVIGATION_KEYS = {\n    [ECarouselOrientation.HORIZONTAL]: [\"ArrowRight\", \"ArrowLeft\"],\n    [ECarouselOrientation.VERTICAL]: [\"ArrowDown\", \"ArrowUp\"],\n} as const;\n\nexport const CarouselIndicators = React.forwardRef<HTMLDivElement, ICarouselIndicatorsProps>(\n    ({ className, onKeyDown, indicatorProps, renderIndicator, ...restProps }, ref) => {\n        const { currentIndex, orientation, scrollMode, activeIndices, goToSlide, orientationRef, currentIndexRef } =\n            useContext(CarouselContext);\n        const containerRef = useRef<HTMLDivElement | null>(null);\n        const combinedRef = mergeRefs(ref, containerRef);\n\n        const buttonRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n        const indicatorRefsCache = useRef<Map<number, React.RefCallback<HTMLButtonElement>>>(new Map());\n        const clickHandlersCache = useRef<Map<number, React.MouseEventHandler<HTMLButtonElement>>>(new Map());\n\n        // Храним актуальный indicatorProps в рефе для стабильных колбэков клика\n        const indicatorPropsRef = useLatestRef(indicatorProps);\n        // Защита от устаревшего замыкания activeIndices в кэшированных кликах\n        const activeIndicesRef = useLatestRef(activeIndices);\n\n        const totalPages = activeIndices.length;\n\n        const getIndicatorRef = useCallback((slideIndex: number) => {\n            if (!indicatorRefsCache.current.has(slideIndex)) {\n                indicatorRefsCache.current.set(slideIndex, (node) => {\n                    if (node) {\n                        buttonRefs.current.set(slideIndex, node);\n                    } else {\n                        buttonRefs.current.delete(slideIndex);\n                    }\n                });\n            }\n            // Безопасно: запись выше гарантирует наличие ключа в кэше.\n            return indicatorRefsCache.current.get(slideIndex)!;\n        }, []);\n\n        const getIndicatorClickHandler = useCallback(\n            (slideIndex: number) => {\n                if (!clickHandlersCache.current.has(slideIndex)) {\n                    clickHandlersCache.current.set(slideIndex, (event) => {\n                        goToSlide(slideIndex);\n\n                        const currentPropsInput = indicatorPropsRef.current;\n                        if (!currentPropsInput) return;\n\n                        const latestActiveIndices = activeIndicesRef.current;\n                        const indexInArray = latestActiveIndices.indexOf(slideIndex);\n\n                        if (indexInArray !== -1) {\n                            const page = indexInArray + 1;\n                            const selected = currentIndexRef.current === slideIndex;\n                            const resolvedProps =\n                                typeof currentPropsInput === \"function\"\n                                    ? currentPropsInput({ index: indexInArray, page, selected })\n                                    : currentPropsInput;\n\n                            resolvedProps?.onClick?.(event);\n                        }\n                    });\n                }\n                // Безопасно: запись выше гарантирует наличие ключа в кэше.\n                return clickHandlersCache.current.get(slideIndex)!;\n            },\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [goToSlide],\n        );\n\n        const handleKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n            (event) => {\n                const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientationRef.current];\n                const nextKeyMatched = event.key === nextKey;\n                const prevKeyMatched = event.key === prevKey;\n                const homeKeyMatched = event.key === \"Home\";\n                const endKeyMatched = event.key === \"End\";\n\n                if (nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) {\n                    const currentIndexInArray = activeIndices.indexOf(currentIndexRef.current);\n\n                    if (currentIndexInArray !== -1) {\n                        event.preventDefault();\n\n                        let nextIndexInArray = currentIndexInArray;\n                        if (nextKeyMatched) {\n                            nextIndexInArray = Math.min(currentIndexInArray + 1, totalPages - 1);\n                        } else if (prevKeyMatched) {\n                            nextIndexInArray = Math.max(currentIndexInArray - 1, 0);\n                        } else if (homeKeyMatched) {\n                            nextIndexInArray = 0;\n                        } else if (endKeyMatched) {\n                            nextIndexInArray = totalPages - 1;\n                        }\n\n                        const nextSlideIndex = activeIndices[nextIndexInArray];\n                        goToSlide(nextSlideIndex);\n                    }\n                }\n\n                onKeyDown?.(event);\n            },\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [activeIndices, totalPages, goToSlide, onKeyDown],\n        );\n\n        useEffect(() => {\n            const activeSet = new Set(activeIndices);\n\n            for (const key of indicatorRefsCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    indicatorRefsCache.current.delete(key);\n                    buttonRefs.current.delete(key);\n                }\n            }\n            for (const key of clickHandlersCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    clickHandlersCache.current.delete(key);\n                }\n            }\n        }, [activeIndices]);\n\n        useEffect(() => {\n            const container = containerRef.current;\n            if (!container?.contains(document.activeElement)) return;\n\n            const rafId = requestAnimationFrame(() => {\n                const activeButton = buttonRefs.current.get(currentIndexRef.current);\n                activeButton?.focus();\n            });\n\n            return () => cancelAnimationFrame(rafId);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [currentIndex]);\n\n        if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;\n\n        const currentIndexInArray = activeIndices.indexOf(currentIndex);\n\n        let startWindowIndex = 0;\n        if (totalPages > 5) {\n            startWindowIndex = currentIndexInArray - Math.floor(5 / 2);\n            startWindowIndex = Math.max(0, Math.min(startWindowIndex, totalPages - 5));\n        }\n        const endWindowIndex = startWindowIndex + 5;\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.indicators, className)}\n                role=\"tablist\"\n                aria-orientation={orientation}\n                onKeyDown={handleKeyDown}\n                ref={combinedRef}\n            >\n                {activeIndices.map((slideIndex, index) => {\n                    const visible = index >= startWindowIndex && index < endWindowIndex;\n                    if (!visible) return null;\n\n                    const selected = currentIndex === slideIndex;\n                    const page = index + 1;\n\n                    const startEdge = index === startWindowIndex && startWindowIndex > 0;\n                    const endEdge = index === endWindowIndex - 1 && endWindowIndex < totalPages;\n\n                    const resolvedIndicatorProps =\n                        typeof indicatorProps === \"function\"\n                            ? indicatorProps({ index, page, selected })\n                            : indicatorProps;\n\n                    const indicatorRef = getIndicatorRef(slideIndex);\n                    const indicatorClickHandler = getIndicatorClickHandler(slideIndex);\n\n                    const providedIndicatorProps: TCarouselIndicatorProps = {\n                        ...resolvedIndicatorProps,\n                        className: clsx(\n                            styles.indicator,\n                            {\n                                [styles.active]: selected,\n                                [styles.startEdge]: startEdge,\n                                [styles.endEdge]: endEdge,\n                            },\n                            resolvedIndicatorProps?.className,\n                        ),\n                        role: \"tab\",\n                        tabIndex: selected ? 0 : -1,\n                        \"aria-selected\": selected,\n                        onClick: indicatorClickHandler,\n                    };\n\n                    if (renderIndicator) {\n                        return (\n                            <React.Fragment key={slideIndex}>\n                                {renderIndicator({\n                                    index,\n                                    page,\n                                    selected,\n                                    props: providedIndicatorProps,\n                                    ref: indicatorRef,\n                                })}\n                            </React.Fragment>\n                        );\n                    }\n\n                    return <ButtonBase key={slideIndex} {...providedIndicatorProps} ref={indicatorRef} />;\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselIndicators.displayName = \"Carousel.Indicators\";\n"],"names":["React","currentIndexInArray"],"mappings":"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"}

package/components/Carousel/CarouselItem.js

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

package/components/Carousel/CarouselTrack.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.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-g5TYfNRR.js";
+import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
 const CarouselTrack = React__default.forwardRef(
   ({ children, className, style, ...restProps }, ref) => {
     const { gap, orientation, offset, trackRef } = useContext(CarouselContext);

package/components/Carousel/CarouselViewport.js

@@ -5,7 +5,7 @@ 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-g5TYfNRR.js";
+import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
 const ORIENTATION_TO_TOUCH_KEY = {
   [ECarouselOrientation.HORIZONTAL]: "clientX",
   [ECarouselOrientation.VERTICAL]: "clientY"

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-D4wvHis9.js";
-const carouselExtended = "carouselExtended__33f98c97";
+const carouselExtended = "carouselExtended__f1b2e4ae";
 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__3b11aec5";
-const sm = "sm__4c3d7965";
-const nonempty = "nonempty__c3827e8a";
-const md = "md__8f8c24e0";
-const lg = "lg__d8f561fd";
-const disabled = "disabled__9542949b";
-const checkbox = "checkbox__c6534857";
-const checkboxIcon = "checkboxIcon__a562f3de";
-const checkmarkIcon = "checkmarkIcon__09771aab";
+const label = "label__a038dd81";
+const sm = "sm__c068a2bb";
+const nonempty = "nonempty__8f2655a6";
+const md = "md__3de424a4";
+const lg = "lg__d1eed259";
+const disabled = "disabled__41e26e12";
+const checkbox = "checkbox__9954aeac";
+const checkboxIcon = "checkboxIcon__e4bf531f";
+const checkmarkIcon = "checkmarkIcon__ca0eef5d";
 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.43.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.45.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__9ff6d244";
-const label = "label__3b11aec5";
+const checkboxXGroup = "checkboxXGroup__6b09e099";
+const label = "label__a038dd81";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__799c762e",
+  "indent-12": "indent-12__a0910959",
   label,
-  "indent-16": "indent-16__ed6807aa",
-  "indent-20": "indent-20__d564e2d6",
-  "indent-24": "indent-24__b6e5d9c0",
-  "indent-28": "indent-28__b8ccaff6",
-  "indent-32": "indent-32__83a75d2d"
+  "indent-16": "indent-16__053ef480",
+  "indent-20": "indent-20__109b2af7",
+  "indent-24": "indent-24__5434781d",
+  "indent-28": "indent-28__01aa232f",
+  "indent-32": "indent-32__8bccd5cd"
 };
 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__ba445f0b";
+const checkboxYGroup = "checkboxYGroup__ffd5be1d";
 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-3Qs071eq.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-BqOLLHuh.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-3Qs071eq.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BqOLLHuh.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-D4wvHis9.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BqOLLHuh.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-3Qs071eq.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BqOLLHuh.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-DMOFGadD.js";
+import { C } from "../../chunks/Chip-CWaqKk62.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__4e6d8785";
+const chipClearButton = "chipClearButton__5fe8a331";
 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-DMOFGadD.js";
+import { s as styles } from "../../../chunks/Chip-CWaqKk62.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-DMOFGadD.js";
+import { C as Chip } from "../../../chunks/Chip-CWaqKk62.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__fb4e7996";
-const rotated = "rotated__c66b1f5a";
+const chipDropdownArrow = "chipDropdownArrow__297f02aa";
+const rotated = "rotated__cfde7fc9";
 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-DMOFGadD.js";
+import { C as Chip } from "../../chunks/Chip-CWaqKk62.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/ChipMultiselect.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-DMOFGadD.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-CWaqKk62.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 import { isKey } from "../../utils/keyboard.js";

package/components/Chip/ChipOptions.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { C as Chip } from "../../chunks/Chip-DMOFGadD.js";
+import { C as Chip } from "../../chunks/Chip-CWaqKk62.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__8057981f";
+const chipOptionsContent = "chipOptionsContent__fc1ad139";
 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-DMOFGadD.js";
+import { s as styles } from "../../../chunks/Chip-CWaqKk62.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

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-DMOFGadD.js";
+import { C as Chip } from "../../../chunks/Chip-CWaqKk62.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 { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { isKey } from "../../utils/keyboard.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-import { s as styles } from "../../chunks/Chip-DMOFGadD.js";
+import { s as styles } from "../../chunks/Chip-CWaqKk62.js";
 const ChipSort = React__default.forwardRef(
   ({ className, defaultValue, disabled, label, onChange, options, value, size, type, ...restProps }, ref) => {
     const instanceId = useRef(uniqueId());

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
-import { s as styles } from "../../../chunks/Chip-DMOFGadD.js";
+import { s as styles } from "../../../chunks/Chip-CWaqKk62.js";
 const ChipSuggestBase = ({ className, type, displayedValue, label, prefix, targetProps, dropdownProps, ...restProps }, ref) => {
   const { value, size } = restProps;
   const suggestRef = useRef(null);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,7 +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-hLJFQ_q0.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-kMroiHoh.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

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-DMOFGadD.js";
+import { C as Chip } from "../../../chunks/Chip-CWaqKk62.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__25ea06a9";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__1d9520b2";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-DMOFGadD.js";
+import { C } from "../../chunks/Chip-CWaqKk62.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-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__e7b62a42";
-const oneLine = "oneLine__56e6fcf3";
-const multiLine = "multiLine__eb873403";
-const lg = "lg__a675afbc";
-const md = "md__d688b3f0";
-const sm = "sm__c0563138";
+const chipGroup = "chipGroup__99b837ec";
+const oneLine = "oneLine__1d7212e9";
+const multiLine = "multiLine__fc1d5bf1";
+const lg = "lg__d3c9aa2f";
+const md = "md__c756f56d";
+const sm = "sm__60d1f25c";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React__default.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         children
       }
     );