@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/Card/CardStatic.js

@@ -1,33 +1,33 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
-import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
-import { ECardRoundingSize, ECardTheme } from "./enums.js";
-const CardStatic = ({
-  children,
-  className,
-  roundingSize = ECardRoundingSize.MD,
-  theme = ECardTheme.GENERAL,
-  ...rest
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: clsx(
-      cardStyles.card,
-      mapCardThemeToCssClass[theme],
-      mapCardRoundingSizeToCssClass[roundingSize],
-      className
-    ),
-    ...rest,
-    "data-tx": "1.45.0",
-    children
-  }
+import { ECardTheme, ECardRoundingSize } from "./enums.js";
+import { mapCardThemeToCssClass, mapCardRoundingSizeToCssClass } from "./utils.js";
+import { c as cardStyles } from "../../chunks/Card.module-BX03G_qX.js";
+const CardStaticRoot = React__default.forwardRef(
+  ({ children, className, roundingSize = ECardRoundingSize.MD, theme = ECardTheme.GENERAL, ...rest }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        cardStyles.card,
+        mapCardThemeToCssClass[theme],
+        mapCardRoundingSizeToCssClass[roundingSize],
+        className
+      ),
+      ...rest,
+      ref,
+      "data-tx": "1.47.0",
+      children
+    }
+  )
 );
-CardStatic.Content = CardContent;
-CardStatic.Media = CardMedia;
-CardStatic.displayName = "CardStatic";
+CardStaticRoot.displayName = "CardStatic";
+const CardStatic = Object.assign(CardStaticRoot, {
+  Content: CardContent,
+  Media: CardMedia
+});
 export {
   CardStatic
 };

package/components/Card/CardStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardStatic.js","sources":["../../../src/components/Card/CardStatic.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport clsx from \"clsx\";\nimport cardStyles from \"./styles/Card.module.less\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\n\n/** Внутренние составляющие статичной карточки. */\ninterface ICardStaticComposition {\n    /** Контент карточки. */\n    Content: typeof CardContent;\n    /** Медийный элемент карточки. */\n    Media: typeof CardMedia;\n}\n\n/** Компонент \"Статичная карточка\". */\nexport const CardStatic: React.FC<ICardProps> & ICardStaticComposition = ({\n    children,\n    className,\n    roundingSize = ECardRoundingSize.MD,\n    theme = ECardTheme.GENERAL,\n    ...rest\n}) => (\n    <div\n        className={clsx(\n            cardStyles.card,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            className,\n        )}\n        {...rest}\n        data-tx={process.env.npm_package_version}\n    >\n        {children}\n    </div>\n);\n\nCardStatic.Content = CardContent;\nCardStatic.Media = CardMedia;\nCardStatic.displayName = \"CardStatic\";\n"],"names":[],"mappings":";;;;;;;AAqBO,MAAM,aAA4D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,eAAe,kBAAkB;AAAA,EACjC,QAAQ,WAAW;AAAA,EACnB,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA,MACP,WAAW;AAAA,MACX,uBAAuB,KAAK;AAAA,MAC5B,8BAA8B,YAAY;AAAA,MAC1C;AAAA,IAAA;AAAA,IAEH,GAAG;AAAA,IACJ,WAAS;AAAA,IAER;AAAA,EAAA;AACL;AAGJ,WAAW,UAAU;AACrB,WAAW,QAAQ;AACnB,WAAW,cAAc;"}
+{"version":3,"file":"CardStatic.js","sources":["../../../src/components/Card/CardStatic.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { ICardProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Внутренние составляющие статичной карточки. */\ninterface ICardStaticComposition {\n    /** Контент карточки. */\n    Content: typeof CardContent;\n    /** Медийный элемент карточки. */\n    Media: typeof CardMedia;\n}\n\nconst CardStaticRoot = React.forwardRef<HTMLDivElement, ICardProps>(\n    ({ children, className, roundingSize = ECardRoundingSize.MD, theme = ECardTheme.GENERAL, ...rest }, ref) => (\n        <div\n            className={clsx(\n                cardStyles.card,\n                mapCardThemeToCssClass[theme],\n                mapCardRoundingSizeToCssClass[roundingSize],\n                className,\n            )}\n            {...rest}\n            ref={ref}\n            data-tx={process.env.npm_package_version}\n        >\n            {children}\n        </div>\n    ),\n);\n\nCardStaticRoot.displayName = \"CardStatic\";\n\n/**\n * Компонент \"Статичная карточка\".\n * Информационный контейнер без состояния выбора и клавиатурной активации.\n * Содержимое собирается из составных частей CardStatic.Media и CardStatic.Content.\n */\nexport const CardStatic = Object.assign(CardStaticRoot, {\n    Content: CardContent,\n    Media: CardMedia,\n} satisfies ICardStaticComposition);\n"],"names":["React"],"mappings":";;;;;;;;AAoBA,MAAM,iBAAiBA,eAAM;AAAA,EACzB,CAAC,EAAE,UAAU,WAAW,eAAe,kBAAkB,IAAI,QAAQ,WAAW,SAAS,GAAG,KAAA,GAAQ,QAChG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,WAAW;AAAA,QACX,uBAAuB,KAAK;AAAA,QAC5B,8BAA8B,YAAY;AAAA,QAC1C;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,MACA,WAAS;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,eAAe,cAAc;AAOtB,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACpD,SAAS;AAAA,EACT,OAAO;AACX,CAAkC;"}

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody } from "./components/CardContentBody.js";
 import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-BX03G_qX.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

package/components/Card/components/CardContent/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sources":["../../../../../src/components/Card/components/CardContent/CardContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { CardContentBody } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentBody\";\nimport { CardContentHeader } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentHeader\";\nimport { CardContentFooter } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentFooter\";\nimport { ECardContentPaddingSize } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../styles/Card.module.less\";\n\n/** Внутренние составляющие компонента CardContent. */\nexport interface ICardContentComposition {\n    /** Тело карточки. */\n    Body: typeof CardContentBody;\n    /** Заголовок карточки. */\n    Header: typeof CardContentHeader;\n    /** Подвал карточки. */\n    Footer: typeof CardContentFooter;\n}\n\n/** Соответствие размера внутреннего отступа карточки стилевому классу. */\nconst mapCardContentPaddingSizeToCssClass = {\n    [ECardContentPaddingSize.MD]: cardStyles.paddingMD,\n    [ECardContentPaddingSize.SM]: cardStyles.paddingSM,\n};\n\n/** Свойства компонента CardContent. */\nexport interface ICardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер внутреннего отступа контента карточки. */\n    paddingSize?: ECardContentPaddingSize;\n}\n\n/** Контент карточки. */\nexport const CardContent: React.FC<ICardContentProps> & ICardContentComposition = ({\n    children,\n    className,\n    paddingSize = ECardContentPaddingSize.MD,\n    ...rest\n}) => (\n    <div\n        className={clsx(cardStyles.cardContent, mapCardContentPaddingSizeToCssClass[paddingSize], className)}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n\nCardContent.Body = CardContentBody;\nCardContent.Header = CardContentHeader;\nCardContent.Footer = CardContentFooter;\nCardContent.displayName = \"CardContent\";\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,sCAAsC;AAAA,EACxC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAAA,EACzC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAC7C;AASO,MAAM,cAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA,cAAc,wBAAwB;AAAA,EACtC,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,WAAW,aAAa,oCAAoC,WAAW,GAAG,SAAS;AAAA,IAClG,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,YAAY,OAAO;AACnB,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,cAAc;"}
+{"version":3,"file":"CardContent.js","sources":["../../../../../src/components/Card/components/CardContent/CardContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { CardContentBody } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentBody\";\nimport { CardContentHeader } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentHeader\";\nimport { CardContentFooter } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentFooter\";\nimport { ECardContentPaddingSize } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../styles/Card.module.less\";\n\n/** Внутренние составляющие компонента CardContent. */\nexport interface ICardContentComposition {\n    /** Тело карточки. */\n    Body: typeof CardContentBody;\n    /** Заголовок карточки. */\n    Header: typeof CardContentHeader;\n    /** Подвал карточки. */\n    Footer: typeof CardContentFooter;\n}\n\n/** Соответствие размера внутреннего отступа карточки стилевому классу. */\nconst mapCardContentPaddingSizeToCssClass = {\n    [ECardContentPaddingSize.MD]: cardStyles.paddingMD,\n    [ECardContentPaddingSize.SM]: cardStyles.paddingSM,\n};\n\n/** Свойства компонента CardContent. */\nexport interface ICardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер внутреннего отступа контента карточки. По умолчанию ECardContentPaddingSize.MD. */\n    paddingSize?: ECardContentPaddingSize;\n}\n\n/** Контент карточки. */\nexport const CardContent: React.FC<ICardContentProps> & ICardContentComposition = ({\n    children,\n    className,\n    paddingSize = ECardContentPaddingSize.MD,\n    ...rest\n}) => (\n    <div\n        className={clsx(cardStyles.cardContent, mapCardContentPaddingSizeToCssClass[paddingSize], className)}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n\nCardContent.Body = CardContentBody;\nCardContent.Header = CardContentHeader;\nCardContent.Footer = CardContentFooter;\nCardContent.displayName = \"CardContent\";\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,sCAAsC;AAAA,EACxC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAAA,EACzC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAC7C;AASO,MAAM,cAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA,cAAc,wBAAwB;AAAA,EACtC,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,WAAW,aAAa,oCAAoC,WAAW,GAAG,SAAS;AAAA,IAClG,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,YAAY,OAAO;AACnB,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,cAAc;"}

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BX03G_qX.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BX03G_qX.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BX03G_qX.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../../chunks/Card.module-BX03G_qX.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
-import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
+import { c as cardStyles } from "../../chunks/Card.module-BX03G_qX.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.LG]: cardStyles.roundingLG,
   [ECardRoundingSize.MD]: cardStyles.roundingMD,

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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-Doem7_zb.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";

package/components/Carousel/CarouselButton.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-Doem7_zb.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })

package/components/Carousel/CarouselIndicators.js

@@ -1,17 +1,22 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-Doem7_zb.js";
 const ORIENTATION_TO_NAVIGATION_KEYS = {
   [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
   [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]
 };
+const WINDOW_SIZE = 5;
+const GAP = 8;
+const SIZE_NORMAL = 16;
+const SIZE_ACTIVE = 24;
+const SIZE_EDGE = 8;
 const CarouselIndicators = React__default.forwardRef(
-  ({ className, onKeyDown, indicatorProps, renderIndicator, ...restProps }, ref) => {
+  ({ className, onKeyDown, indicatorProps, ...restProps }, ref) => {
     const { currentIndex, orientation, scrollMode, activeIndices, goToSlide, orientationRef, currentIndexRef } = useContext(CarouselContext);
     const containerRef = useRef(null);
     const combinedRef = mergeRefs(ref, containerRef);
@@ -109,14 +114,54 @@ const CarouselIndicators = React__default.forwardRef(
       });
       return () => cancelAnimationFrame(rafId);
     }, [currentIndex]);
-    if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;
+    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));
+    if (totalPages > WINDOW_SIZE) {
+      startWindowIndex = currentIndexInArray - Math.floor(WINDOW_SIZE / 2);
+      startWindowIndex = Math.max(0, Math.min(startWindowIndex, totalPages - WINDOW_SIZE));
     }
-    const endWindowIndex = startWindowIndex + 5;
+    const endWindowIndex = startWindowIndex + WINDOW_SIZE;
+    const startWindowOffset = startWindowIndex * (SIZE_EDGE + GAP);
+    let currentOffset = 0;
+    const indicatorsData = activeIndices.map((slideIndex, index) => {
+      const page = index + 1;
+      const hidden = index < startWindowIndex || index >= endWindowIndex;
+      const selected = currentIndex === slideIndex;
+      const startEdge = index === startWindowIndex && startWindowIndex > 0;
+      const endEdge = index === endWindowIndex - 1 && endWindowIndex < totalPages;
+      let size = SIZE_NORMAL;
+      let scale = SIZE_NORMAL / SIZE_ACTIVE;
+      if (selected) {
+        size = SIZE_ACTIVE;
+        scale = 1;
+      } else if (startEdge || endEdge || hidden) {
+        size = SIZE_EDGE;
+        scale = SIZE_EDGE / SIZE_ACTIVE;
+      }
+      const rawOffset = currentOffset;
+      currentOffset += size + GAP;
+      const translate = rawOffset - startWindowOffset;
+      return {
+        slideIndex,
+        index,
+        page,
+        selected,
+        hidden,
+        size,
+        scale,
+        translate
+      };
+    });
+    const lastVisibleIndex = Math.min(endWindowIndex - 1, totalPages - 1);
+    const lastVisibleItem = indicatorsData[lastVisibleIndex];
+    const containerSize = lastVisibleItem ? lastVisibleItem.translate + lastVisibleItem.size : 0;
+    const style = {
+      ...restProps.style,
+      "--triplex-next-runtime-carousel-indicators-size": `${containerSize}px`
+    };
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -126,41 +171,31 @@ const CarouselIndicators = React__default.forwardRef(
         "aria-orientation": orientation,
         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;
+        style,
+        children: indicatorsData.map((item) => {
+          const { slideIndex, index, page, selected, hidden, scale, translate } = item;
           const resolvedIndicatorProps = typeof indicatorProps === "function" ? indicatorProps({ index, page, selected }) : indicatorProps;
           const indicatorRef = getIndicatorRef(slideIndex);
           const indicatorClickHandler = getIndicatorClickHandler(slideIndex);
+          const indicatorStyle = {
+            ...resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.style,
+            "--triplex-next-runtime-carousel-indicators-indicator-scale": scale,
+            "--triplex-next-runtime-carousel-indicators-indicator-translate": `${translate}px`
+          };
           const providedIndicatorProps = {
             ...resolvedIndicatorProps,
             className: clsx(
               styles.indicator,
-              {
-                [styles.active]: selected,
-                [styles.startEdge]: startEdge,
-                [styles.endEdge]: endEdge
-              },
+              { [styles.active]: selected },
               resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.className
             ),
             role: "tab",
             tabIndex: selected ? 0 : -1,
             "aria-selected": selected,
-            onClick: indicatorClickHandler
+            "aria-hidden": hidden ? true : resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps["aria-hidden"],
+            onClick: indicatorClickHandler,
+            style: indicatorStyle
           };
-          if (renderIndicator) {
-            return /* @__PURE__ */ jsx(React__default.Fragment, { children: renderIndicator({
-              index,
-              page,
-              selected,
-              props: providedIndicatorProps,
-              ref: indicatorRef
-            }) }, slideIndex);
-          }
           return /* @__PURE__ */ jsx(ButtonBase, { ...providedIndicatorProps, ref: indicatorRef }, slideIndex);
         })
       }

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            // 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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"}
+{"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\ninterface ICarouselIndicatorsStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-carousel-indicators-size\": string;\n}\n\ninterface ICarouselIndicatorsIndicatorStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-carousel-indicators-indicator-scale\": number;\n    \"--triplex-next-runtime-carousel-indicators-indicator-translate\": string;\n}\n\nconst ORIENTATION_TO_NAVIGATION_KEYS = {\n    [ECarouselOrientation.HORIZONTAL]: [\"ArrowRight\", \"ArrowLeft\"],\n    [ECarouselOrientation.VERTICAL]: [\"ArrowDown\", \"ArrowUp\"],\n} as const;\n\nconst WINDOW_SIZE = 5;\nconst GAP = 8;\nconst SIZE_NORMAL = 16;\nconst SIZE_ACTIVE = 24;\nconst SIZE_EDGE = 8;\n\nexport const CarouselIndicators = React.forwardRef<HTMLDivElement, ICarouselIndicatorsProps>(\n    ({ className, onKeyDown, indicatorProps, ...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) {\n            return null;\n        }\n\n        const currentIndexInArray = activeIndices.indexOf(currentIndex);\n\n        let startWindowIndex = 0;\n        if (totalPages > WINDOW_SIZE) {\n            startWindowIndex = currentIndexInArray - Math.floor(WINDOW_SIZE / 2);\n            startWindowIndex = Math.max(0, Math.min(startWindowIndex, totalPages - WINDOW_SIZE));\n        }\n        const endWindowIndex = startWindowIndex + WINDOW_SIZE;\n\n        const startWindowOffset = startWindowIndex * (SIZE_EDGE + GAP);\n\n        let currentOffset = 0;\n\n        const indicatorsData = activeIndices.map((slideIndex, index) => {\n            const page = index + 1;\n            const hidden = index < startWindowIndex || index >= endWindowIndex;\n            const selected = currentIndex === slideIndex;\n\n            const startEdge = index === startWindowIndex && startWindowIndex > 0;\n            const endEdge = index === endWindowIndex - 1 && endWindowIndex < totalPages;\n\n            let size = SIZE_NORMAL;\n            let scale = SIZE_NORMAL / SIZE_ACTIVE;\n\n            if (selected) {\n                size = SIZE_ACTIVE;\n                scale = 1;\n            } else if (startEdge || endEdge || hidden) {\n                size = SIZE_EDGE;\n                scale = SIZE_EDGE / SIZE_ACTIVE;\n            }\n\n            const rawOffset = currentOffset;\n            currentOffset += size + GAP;\n\n            const translate = rawOffset - startWindowOffset;\n\n            return {\n                slideIndex,\n                index,\n                page,\n                selected,\n                hidden,\n                size,\n                scale,\n                translate,\n            };\n        });\n\n        const lastVisibleIndex = Math.min(endWindowIndex - 1, totalPages - 1);\n        const lastVisibleItem = indicatorsData[lastVisibleIndex];\n        const containerSize = lastVisibleItem ? lastVisibleItem.translate + lastVisibleItem.size : 0;\n\n        const style: ICarouselIndicatorsStyle = {\n            ...restProps.style,\n            \"--triplex-next-runtime-carousel-indicators-size\": `${containerSize}px`,\n        };\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                style={style}\n            >\n                {indicatorsData.map((item) => {\n                    const { slideIndex, index, page, selected, hidden, scale, translate } = item;\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 indicatorStyle: ICarouselIndicatorsIndicatorStyle = {\n                        ...resolvedIndicatorProps?.style,\n                        \"--triplex-next-runtime-carousel-indicators-indicator-scale\": scale,\n                        \"--triplex-next-runtime-carousel-indicators-indicator-translate\": `${translate}px`,\n                    };\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                        \"aria-hidden\": hidden ? true : resolvedIndicatorProps?.[\"aria-hidden\"],\n                        onClick: indicatorClickHandler,\n                        style: indicatorStyle,\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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-Doem7_zb.js";
 const CarouselItem = React__default.forwardRef(
   ({ children, className, index, ...restProps }, ref) => {
     const { slideRefs } = useContext(CarouselContext);

package/components/Carousel/CarouselTrack.js

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

package/components/Carousel/CarouselViewport.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-Doem7_zb.js";
 const ORIENTATION_TO_TOUCH_KEY = {
   [ECarouselOrientation.HORIZONTAL]: "clientX",
   [ECarouselOrientation.VERTICAL]: "clientY"

package/components/CarouselExtended/CarouselExtended.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
-import { i as isEqual } from "../../chunks/vendor-D4wvHis9.js";
-const carouselExtended = "carouselExtended__f1b2e4ae";
+import { i as isEqual } from "../../chunks/vendor-CUIykw0y.js";
+const carouselExtended = "carouselExtended__d6b70042";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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__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 label = "label__bb39b8c6";
+const sm = "sm__292cbe50";
+const nonempty = "nonempty__f788541d";
+const md = "md__a2ea6983";
+const lg = "lg__8ac168c6";
+const disabled = "disabled__1248b6c6";
+const checkbox = "checkbox__6ecb2a40";
+const checkboxIcon = "checkboxIcon__a70995c0";
+const checkmarkIcon = "checkmarkIcon__8461a575";
 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.45.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.47.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__6b09e099";
-const label = "label__a038dd81";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const checkboxXGroup = "checkboxXGroup__440f1a32";
+const label = "label__bb39b8c6";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__a0910959",
+  "indent-12": "indent-12__0f247236",
   label,
-  "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"
+  "indent-16": "indent-16__666b031e",
+  "indent-20": "indent-20__837b88c0",
+  "indent-24": "indent-24__b319d628",
+  "indent-28": "indent-28__d5fe352c",
+  "indent-32": "indent-32__2258cc00"
 };
 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__ffd5be1d";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const checkboxYGroup = "checkboxYGroup__29484ca4";
 const styles = {
   checkboxYGroup
 };

package/components/CheckboxTree/CheckboxTree.js

@@ -1,42 +1,41 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { CheckboxTreeExtended } from "../CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { checkChildrenCheckboxes, traverseCheckboxes, checkParentCheckboxes } from "./utils.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const CheckboxTree = ({ checkboxes, onChange, size = EComponentSize.MD }) => {
-  const handleChange = (checkbox) => (event) => {
-    const { checked } = event.target;
-    checkbox.checked = checkbox.bulk ? true : checked;
-    checkChildrenCheckboxes(checkbox);
-    traverseCheckboxes(checkboxes, checkParentCheckboxes);
-    onChange([...checkboxes]);
-  };
-  const renderNode = (checkbox, prevCheckbox, nextCheckbox) => /* @__PURE__ */ jsx(
-    CheckboxTreeExtended.Node,
-    {
-      id: checkbox.id,
-      checkbox: (props) => /* @__PURE__ */ jsx(
-        CheckboxTreeExtended.Checkbox,
-        {
-          ...props,
-          onChange: handleChange(checkbox),
-          bulk: checkbox.bulk,
-          checked: checkbox.checked,
-          children: checkbox.label
-        }
-      ),
-      prevNodeId: prevCheckbox == null ? void 0 : prevCheckbox.id,
-      nextNodeId: nextCheckbox == null ? void 0 : nextCheckbox.id,
-      children: checkbox.children && checkbox.children.map(
-        (child, index) => {
-          var _a, _b;
-          return renderNode(child, (_a = checkbox.children) == null ? void 0 : _a[index - 1], (_b = checkbox.children) == null ? void 0 : _b[index + 1]);
-        }
-      )
-    },
-    checkbox.id
-  );
-  return /* @__PURE__ */ jsx(CheckboxTreeExtended, { size, children: checkboxes.map((checkbox, index) => renderNode(checkbox, checkboxes[index - 1], checkboxes[index + 1])) });
-};
+const CheckboxTree = React__default.forwardRef(
+  ({ checkboxes, onChange, size = EComponentSize.MD, ...rest }, ref) => {
+    const handleChange = (checkbox) => (event) => {
+      const { checked } = event.target;
+      checkbox.checked = checkbox.bulk ? true : checked;
+      checkChildrenCheckboxes(checkbox);
+      traverseCheckboxes(checkboxes, checkParentCheckboxes);
+      onChange([...checkboxes]);
+    };
+    const renderNodes = (nodes) => nodes.map((checkbox, index) => renderNode(checkbox, nodes[index - 1], nodes[index + 1]));
+    const renderNode = (checkbox, prevCheckbox, nextCheckbox) => /* @__PURE__ */ jsx(
+      CheckboxTreeExtended.Node,
+      {
+        id: checkbox.id,
+        checkbox: (props) => /* @__PURE__ */ jsx(
+          CheckboxTreeExtended.Checkbox,
+          {
+            ...props,
+            onChange: handleChange(checkbox),
+            bulk: checkbox.bulk,
+            checked: checkbox.checked,
+            children: checkbox.label
+          }
+        ),
+        prevNodeId: prevCheckbox == null ? void 0 : prevCheckbox.id,
+        nextNodeId: nextCheckbox == null ? void 0 : nextCheckbox.id,
+        children: checkbox.children && renderNodes(checkbox.children)
+      },
+      checkbox.id
+    );
+    return /* @__PURE__ */ jsx(CheckboxTreeExtended, { size, ...rest, ref, children: renderNodes(checkboxes) });
+  }
+);
 CheckboxTree.displayName = "CheckboxTree";
 export {
   CheckboxTree