@sberbusiness/triplex-next 1.42.0 → 1.44.0

package/components/Carousel/Carousel.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useRef, useCallback, useLayoutEffect, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
 import { resolveViewportPadding, useLatestRef } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";

package/components/Carousel/CarouselButton.js

@@ -1,19 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.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-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })
 };
 const CarouselPrevButton = React__default.forwardRef(
   ({ children, className, onClick, ...restProps }, ref) => {
-    const { atStart, prevSlide, orientationRef } = useContext(CarouselContext);
+    const { orientation, atStart, prevSlide } = useContext(CarouselContext);
     const touchDevice = useMatchMedia("(pointer: coarse)");
     const handleClick = useCallback(
       (event) => {
@@ -33,7 +33,7 @@ const CarouselPrevButton = React__default.forwardRef(
         "aria-disabled": atStart,
         onClick: handleClick,
         ref,
-        children: children || ORIENTATION_TO_PREV_ICON_MAP[orientationRef.current]
+        children: children || ORIENTATION_TO_PREV_ICON_MAP[orientation]
       }
     );
   }
@@ -45,7 +45,7 @@ const ORIENTATION_TO_NEXT_ICON_MAP = {
 };
 const CarouselNextButton = React__default.forwardRef(
   ({ children, className, onClick, ...restProps }, ref) => {
-    const { atEnd, nextSlide, orientationRef } = useContext(CarouselContext);
+    const { orientation, atEnd, nextSlide } = useContext(CarouselContext);
     const touchDevice = useMatchMedia("(pointer: coarse)");
     const handleClick = useCallback(
       (event) => {
@@ -65,7 +65,7 @@ const CarouselNextButton = React__default.forwardRef(
         "aria-disabled": atEnd,
         onClick: handleClick,
         ref,
-        children: children || ORIENTATION_TO_NEXT_ICON_MAP[orientationRef.current]
+        children: children || ORIENTATION_TO_NEXT_ICON_MAP[orientation]
       }
     );
   }

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

@@ -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-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.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-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.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

@@ -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-DfvHt3TJ.js";
+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-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.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-DfvHt3TJ.js";
+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-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.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-DfvHt3TJ.js";
+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 { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-B1uqtX8a.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-DfvHt3TJ.js";
-const carouselExtended = "carouselExtended__f8f6ab86";
+import { i as isEqual } from "../../chunks/vendor-D4wvHis9.js";
+const carouselExtended = "carouselExtended__58c0970b";
 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-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.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__fe4c7bae";
-const sm = "sm__1a491825";
-const nonempty = "nonempty__ee99a090";
-const md = "md__147c2eac";
-const lg = "lg__52848b80";
-const disabled = "disabled__f2580ebf";
-const checkbox = "checkbox__d6566f75";
-const checkboxIcon = "checkboxIcon__725336cd";
-const checkmarkIcon = "checkmarkIcon__5e68a623";
+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 styles = {
   label,
   sm,
@@ -45,22 +45,18 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     size = EComponentSize.MD,
     ...inputAttributes
   } = props;
-  const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);
-  const classNamesLabel = clsx(
+  const labelClassName = clsx(
     styles.label,
     SIZE_TO_CLASS_NAME_MAP[size],
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     className,
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  const renderCheckmarkIcon = () => {
-    const className2 = styles.checkmarkIcon;
-    return bulk ? /* @__PURE__ */ jsx(CheckboxbulkStrokeSrvIcon24, { className: className2, paletteIndex: 7 }) : /* @__PURE__ */ jsx(CheckboxtickStrokeSrvIcon24, { className: className2, paletteIndex: 7 });
-  };
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.42.0", children: [
-    /* @__PURE__ */ jsx("input", { type: "checkbox", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+  const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.44.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", className: styles.checkbox, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
-    renderCheckmarkIcon(),
+    /* @__PURE__ */ jsx(CheckmarkIcon, { className: styles.checkmarkIcon, paletteIndex: 7 }),
     children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })
   ] });
 });

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { ETextSize, Text } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Checkbox.module.less\";\n\n/** Свойства компонента Checkbox. */\nexport interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Признак частичного типа выбора. */\n    bulk?: boolean;\n    /** Размер чекбокса. */\n    size?: EComponentSize;\n    /** Контент лейбла чекбокса. */\n    children?: React.ReactNode;\n}\n\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Чекбокс с описанием. */\nexport const Checkbox = React.forwardRef<HTMLInputElement, ICheckboxProps>((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        bulk,\n        labelAttributes,\n        size = EComponentSize.MD,\n        ...inputAttributes\n    } = props;\n    const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        className,\n        labelAttributes?.className,\n    );\n\n    /** Отрисовка галочки чекбокса. */\n    const renderCheckmarkIcon = () => {\n        const className = styles.checkmarkIcon;\n\n        return bulk ? (\n            <CheckboxbulkStrokeSrvIcon24 className={className} paletteIndex={7} />\n        ) : (\n            <CheckboxtickStrokeSrvIcon24 className={className} paletteIndex={7} />\n        );\n    };\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"checkbox\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.checkboxIcon} />\n            {renderCheckmarkIcon()}\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["React","disabled","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,WAAWA,eAAM,WAA6C,CAAC,OAAO,QAAQ;AACvF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,aAAa,KAAK,OAAO,UAAU,uBAAuB,IAAI,CAAC;AACrE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD;AAAA,IACA,mDAAiB;AAAA,EAAA;AAIrB,QAAM,sBAAsB,MAAM;AAC9B,UAAMC,aAAY,OAAO;AAEzB,WAAO,OACH,oBAAC,6BAAA,EAA4B,WAAWA,YAAW,cAAc,EAAA,CAAG,wBAEnE,6BAAA,EAA4B,WAAWA,YAAW,cAAc,GAAG;AAAA,EAE5E;AAEA,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAW,WAAW,YAAY,UAAAD,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAChG,QAAA,EAAK,WAAW,OAAO,cAAc;AAAA,IACrC,oBAAA;AAAA,IACA,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAAS,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { ETextSize, Text } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Checkbox.module.less\";\n\n/** Свойства компонента Checkbox. */\nexport interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Атрибуты корневого label. Его className объединяется с className компонента. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Признак частичного типа выбора: вместо галочки используется bulk-иконка. Её видимость, как и у галочки, определяется checked. По умолчанию false. */\n    bulk?: boolean;\n    /** Размер чекбокса. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Контент лейбла чекбокса. */\n    children?: React.ReactNode;\n}\n\n/** Соответствие размера чекбокса размеру текста лейбла. */\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\n/** Соответствие размера чекбокса имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Чекбокс с описанием.\n * Корневой элемент — label, внутри него нативный input[type=\"checkbox\"], на который указывает ref.\n * className применяется к корневому label, остальные props — к input.\n */\nexport const Checkbox = React.forwardRef<HTMLInputElement, ICheckboxProps>((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        bulk,\n        labelAttributes,\n        size = EComponentSize.MD,\n        ...inputAttributes\n    } = props;\n    const labelClassName = clsx(\n        styles.label,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        className,\n        labelAttributes?.className,\n    );\n    const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;\n\n    return (\n        <label {...labelAttributes} className={labelClassName} data-tx={process.env.npm_package_version}>\n            <input type=\"checkbox\" className={styles.checkbox} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.checkboxIcon} />\n            <CheckmarkIcon className={styles.checkmarkIcon} paletteIndex={7} />\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,WAAWA,eAAM,WAA6C,CAAC,OAAO,QAAQ;AACvF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,iBAAiB;AAAA,IACnB,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD;AAAA,IACA,mDAAiB;AAAA,EAAA;AAErB,QAAM,gBAAgB,OAAO,8BAA8B;AAE3D,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,gBAAgB,WAAS,UAC5D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAW,WAAW,OAAO,UAAU,UAAAA,WAAqB,GAAG,iBAAiB,IAAA,CAAU;AAAA,wBACrG,QAAA,EAAK,WAAW,OAAO,cAAc;AAAA,wBACrC,eAAA,EAAc,WAAW,OAAO,eAAe,cAAc,GAAG;AAAA,IAChE,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAAS,cAAc;"}

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-DfvHt3TJ.js";
-const checkboxXGroup = "checkboxXGroup__f2d94d15";
-const label = "label__fe4c7bae";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxXGroup = "checkboxXGroup__97db0e54";
+const label = "label__eccb491a";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__2210dbf5",
+  "indent-12": "indent-12__ff9d9dd5",
   label,
-  "indent-16": "indent-16__32ad2fe7",
-  "indent-20": "indent-20__0db8d843",
-  "indent-24": "indent-24__e38db8ad",
-  "indent-28": "indent-28__607f74f7",
-  "indent-32": "indent-32__fa580652"
+  "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"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxXGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxXGroup.js","sources":["../../../src/components/Checkbox/CheckboxXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"../../consts/IndentConst\";\nimport styles from \"./styles/CheckboxXGroup.module.less\";\n\n/** Свойства компонента CheckboxXGroup. */\nexport interface ICheckboxXGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    children?: React.ReactNode;\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа чекбоксов с направлением по оси X. */\nexport const CheckboxXGroup = React.forwardRef<HTMLDivElement, ICheckboxXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.checkboxXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxXGroup.displayName = \"CheckboxXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,gBAAgB,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEpF,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}
+{"version":3,"file":"CheckboxXGroup.js","sources":["../../../src/components/Checkbox/CheckboxXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"../../consts/IndentConst\";\nimport styles from \"./styles/CheckboxXGroup.module.less\";\n\n/** Свойства компонента CheckboxXGroup. */\nexport interface ICheckboxXGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    /** Содержимое группы, обычно набор Checkbox. */\n    children?: React.ReactNode;\n    /**\n     * Размер горизонтального отступа между чекбоксами, в пикселях. По умолчанию 12.\n     * Отступ получают только потомки-Checkbox: маргины вешаются на корневой label компонента Checkbox.\n     */\n    indent?: TIndentSize;\n}\n\n/**\n * Группа чекбоксов с направлением по оси X.\n * Корневой элемент — div с фиксированной ролью group, на него указывает ref и приходят className и остальные props.\n */\nexport const CheckboxXGroup = React.forwardRef<HTMLDivElement, ICheckboxXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.checkboxXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxXGroup.displayName = \"CheckboxXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,gBAAgB,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEpF,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}

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-DfvHt3TJ.js";
-const checkboxYGroup = "checkboxYGroup__fde25a03";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxYGroup = "checkboxYGroup__d23bfb7a";
 const styles = {
   checkboxYGroup
 };

package/components/Checkbox/CheckboxYGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxYGroup.js","sources":["../../../src/components/Checkbox/CheckboxYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CheckboxYGroup.module.less\";\n\n/** Свойства компонента CheckboxYGroup. */\nexport interface ICheckboxYGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    children?: React.ReactNode;\n}\n\n/** Группа чекбоксов с направлением по оси Y. */\nexport const CheckboxYGroup = React.forwardRef<HTMLDivElement, ICheckboxYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.checkboxYGroup, className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxYGroup.displayName = \"CheckboxYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAUO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}
+{"version":3,"file":"CheckboxYGroup.js","sources":["../../../src/components/Checkbox/CheckboxYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CheckboxYGroup.module.less\";\n\n/** Свойства компонента CheckboxYGroup. */\nexport interface ICheckboxYGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    /**\n     * Содержимое группы, обычно набор Checkbox.\n     * Вертикальный отступ получают только соседние label-элементы Checkbox одного размера:\n     * маргины вешаются на корневой label компонента Checkbox, а обёртка вокруг каждого Checkbox разрывает соседство.\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Группа чекбоксов с направлением по оси Y.\n * Корневой элемент — div с фиксированной ролью group, на него указывает ref и приходят className и остальные props.\n */\nexport const CheckboxYGroup = React.forwardRef<HTMLDivElement, ICheckboxYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.checkboxYGroup, className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxYGroup.displayName = \"CheckboxYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAkBO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,16 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
-import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
+import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-aVi9qPTi.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";
 const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
   const adaptive = useMobileView();
-  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: { size: adaptive ? EComponentSize.MD : size }, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
+  const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);
+  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
 };
 CheckboxTreeExtended.displayName = "CheckboxTreeExtended";
 CheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { useMobileView } from \"../MobileView\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. */\n    size?: EComponentSize;\n}\n\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={{ size: adaptive ? EComponentSize.MD : size }}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":[],"mappings":";;;;;;;;;;AA4BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,SACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,GAChF,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM,EAAA,CAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}
+{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { useMobileView } from \"../MobileView\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. По умолчанию EComponentSize.MD. В мобильном представлении всегда EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** CheckboxTreeExtended вместе с составными частями. */\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    /** Чекбокс ноды дерева. */\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    /** Нода дерева. */\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n    // В мобильном представлении размер зафиксирован, чтобы область нажатия оставалась достаточной.\n    const contextValue = React.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={contextValue}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":["React"],"mappings":";;;;;;;;;;;AA+BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,QAAM,eAAeA,eAAM,QAAQ,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,IAAS,CAAC,UAAU,IAAI,CAAC;AAE1G,6BACK,4BAA4B,UAA5B,EAAqC,OAAO,cACzC,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM,GAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -1,61 +1,44 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 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 React__default from "react";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-aVi9qPTi.js";
-class CheckboxTreeExtendedArrow extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "arrowNode");
-    __publicField(this, "setArrowNode", (DOMNode) => {
-      this.arrowNode = DOMNode;
-    });
-    __publicField(this, "handleClick", () => {
-      const { opened, toggle } = this.props;
-      toggle(!opened);
-    });
-    /**
-     * Обработчик нажатия клавиш.
-     * Стрелка вправо - раскрыть, влево - свернуть.
-     * Enter, space - изменить состояние на противоположное.
-     */
-    __publicField(this, "handleKeyUp", (event) => {
-      const { opened, toggle } = this.props;
-      if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
-        toggle(true);
-      } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
-        toggle(false);
-      } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
-        toggle(!opened);
-      }
-    });
-  }
-  componentDidUpdate(prevProps) {
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-nKSCkiBt.js";
+const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
+  const arrowNode = useRef(null);
+  const prevActive = useRef(active);
+  useEffect(() => {
     var _a;
-    const { active } = this.props;
-    const { active: prevActive } = prevProps;
-    if (active && !prevActive) {
-      (_a = this.arrowNode) == null ? void 0 : _a.focus();
+    if (active && !prevActive.current) {
+      (_a = arrowNode.current) == null ? void 0 : _a.focus();
+    }
+    prevActive.current = active;
+  }, [active]);
+  const handleClick = () => {
+    toggle(!opened);
+  };
+  const handleKeyUp = (event) => {
+    if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
+      toggle(true);
+    } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
+      toggle(false);
+    } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
+      toggle(!opened);
     }
-  }
-  render() {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles.caretIconWrapper,
-        onClick: this.handleClick,
-        onKeyUp: this.handleKeyUp,
-        ref: this.setArrowNode,
-        role: "button",
-        tabIndex: -1,
-        children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
-      }
-    );
-  }
-}
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: styles.caretIconWrapper,
+      onClick: handleClick,
+      onKeyUp: handleKeyUp,
+      ref: arrowNode,
+      role: "button",
+      tabIndex: -1,
+      children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
+    }
+  );
+};
+CheckboxTreeExtendedArrow.displayName = "CheckboxTreeExtendedArrow";
 export {
   CheckboxTreeExtendedArrow
 };