@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/Button/ButtonIcon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__f25b809f";
-const circle = "circle__739db6bf";
-const squircle = "squircle__1401d15a";
+const buttonIcon = "buttonIcon__0106d3aa";
+const circle = "circle__e7633126";
+const squircle = "squircle__bafc5326";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import moment from "moment";
 import { globalLimitRange, dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate } from "./utils.js";
-const calendar = "calendar__ec190fca";
-const extraBottom = "extraBottom__dd857622";
-const adaptive = "adaptive__5de4025a";
+const calendar = "calendar__56c70b4b";
+const extraBottom = "extraBottom__f398b005";
+const adaptive = "adaptive__027a5673";
 const styles = {
   calendar,
   extraBottom,
@@ -179,7 +179,7 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.41.1", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.43.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -9,7 +9,7 @@ import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
 import { ECalendarViewMode } from "../enums.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__9f43da61";
+const calendarControls = "calendarControls__0ae11528";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const calendarFooter = "calendarFooter__58cda046";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const calendarFooter = "calendarFooter__dfcd6d5c";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useCallback, useState, useEffect } from "react";
 import moment from "moment";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { isDateOutOfRange, isDayDisabled, getFirstEnabledDate, getNavigationShift, shiftDate } from "../utils.js";
 import { WEEKDAYS_SET, WEEKS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CeA4XADM.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-CtuAQuEN.js";
+import "../../../chunks/vendor-D4wvHis9.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-CeA4XADM.js";
+import { C } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CeA4XADM.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const NAVIGATION_STEPS = {
   horizontal: { amount: 1, unit: "month" },

package/components/Calendar/components/CalendarViewYears.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CeA4XADM.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Card/CardAction.js

@@ -9,11 +9,11 @@ import { ECardRoundingSize, ECardTheme } from "./enums.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { c as cardStyles } from "../../chunks/Card.module-CnX8TfnM.js";
-const action = "action__0f43fe93";
-const selected = "selected__a764e2ac";
-const focusVisible = "focusVisible__500f7448";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.js";
+const action = "action__a87fc493";
+const selected = "selected__a9528c40";
+const focusVisible = "focusVisible__d5997f72";
 const actionStyles = {
   action,
   selected,
@@ -128,7 +128,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 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-CtuAQuEN.js";
-import { c as cardStyles } from "../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "1.41.1",
+    "data-tx": "1.43.0",
     children
   }
 );

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-CtuAQuEN.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-CJKLM6En.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

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-CtuAQuEN.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.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-CtuAQuEN.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.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-CtuAQuEN.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.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-CtuAQuEN.js";
-import { c as cardStyles } from "../../../chunks/Card.module-CnX8TfnM.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as cardStyles } from "../../../chunks/Card.module-CJKLM6En.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-CnX8TfnM.js";
+import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.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-CtuAQuEN.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-By3qExUV.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.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-CtuAQuEN.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-By3qExUV.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })

package/components/Carousel/CarouselIndicators.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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-By3qExUV.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const ORIENTATION_TO_NAVIGATION_KEYS = {
   [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
   [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]

package/components/Carousel/CarouselItem.js

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

package/components/CarouselExtended/CarouselExtended.js

@@ -1,26 +1,32 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { l as lodashExports, c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
-const carouselExtended = "carouselExtended__41af451e";
+import { i as isEqual } from "../../chunks/vendor-D4wvHis9.js";
+const carouselExtended = "carouselExtended__33f98c97";
 const styles = {
   carouselExtended
 };
+const INITIAL_CONTROLS_STATE = {
+  hidden: true,
+  nextDisabled: false,
+  prevDisabled: true
+};
 const CarouselExtended = React__default.forwardRef(
   ({ children, buttonPrev, buttonNext, stepPrev, stepNext, ...htmlDivAttributes }, ref) => {
-    const [controlsState, setControlsState] = useState({ hidden: true, nextDisabled: false, prevDisabled: true });
+    const [controlsState, setControlsState] = useState(INITIAL_CONTROLS_STATE);
     const carouselRef = useRef(null);
     const checkControls = useCallback(() => {
       const carousel = carouselRef.current;
-      const newState = {
-        hidden: carousel.scrollWidth == carousel.clientWidth,
+      if (carousel === null) {
+        return;
+      }
+      const nextState = {
+        hidden: carousel.scrollWidth === carousel.clientWidth,
         nextDisabled: Math.round(carousel.scrollLeft) + carousel.offsetWidth >= carousel.scrollWidth,
         prevDisabled: Math.round(carousel.scrollLeft) <= 0
       };
-      if (lodashExports.isEqual(newState, controlsState) == false) {
-        setControlsState(newState);
-      }
-    }, [controlsState]);
+      setControlsState((prevState) => isEqual(prevState, nextState) ? prevState : nextState);
+    }, []);
     useEffect(() => {
       window.addEventListener("resize", checkControls);
       document.addEventListener("scroll", checkControls);
@@ -33,26 +39,35 @@ const CarouselExtended = React__default.forwardRef(
       checkControls();
     }, [children, checkControls]);
     const handleMovePrev = () => {
-      scrollSmoothHorizontally(carouselRef.current, Math.floor(-stepPrev));
+      const carousel = carouselRef.current;
+      if (carousel !== null) {
+        scrollSmoothHorizontally(carousel, Math.floor(-stepPrev));
+      }
     };
     const handleMoveNext = () => {
-      scrollSmoothHorizontally(carouselRef.current, Math.ceil(stepNext));
-    };
-    const setRef = (instance) => {
-      carouselRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
+      const carousel = carouselRef.current;
+      if (carousel !== null) {
+        scrollSmoothHorizontally(carousel, Math.ceil(stepNext));
       }
     };
+    const setRef = useCallback(
+      (instance) => {
+        carouselRef.current = instance;
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+      },
+      [ref]
+    );
     return /* @__PURE__ */ jsxs("div", { ...htmlDivAttributes, children: [
       buttonPrev({
         disabled: controlsState.prevDisabled,
         hidden: controlsState.hidden,
         onClick: handleMovePrev
       }),
-      /* @__PURE__ */ jsx("div", { className: clsx(styles.carouselExtended), onScroll: checkControls, ref: setRef, children }),
+      /* @__PURE__ */ jsx("div", { className: styles.carouselExtended, onScroll: checkControls, ref: setRef, children }),
       buttonNext({
         disabled: controlsState.nextDisabled,
         hidden: controlsState.hidden,

package/components/CarouselExtended/CarouselExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselExtended.js","sources":["../../../src/components/CarouselExtended/CarouselExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { isEqual } from \"lodash\";\nimport { scrollSmoothHorizontally } from \"../../utils/scroll\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CarouselExtended.module.less\";\n\nexport interface ICarouselExtendedButtonProvideProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/** Свойства компонента CarouselExtended. */\nexport interface ICarouselExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Рендер-функция кнопки \"Назад\". */\n    buttonPrev: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /** Рендер-функция кнопки \"Вперёд\". */\n    buttonNext: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /** Величина (px) прокрутки при клике на кнопку \"Назад\". */\n    stepPrev: number;\n    /** Величина (px) прокрутки при клике на кнопку \"Вперёд\". */\n    stepNext: number;\n}\n\n/** Карусель. */\nexport const CarouselExtended = React.forwardRef<HTMLDivElement, ICarouselExtendedProps>(\n    ({ children, buttonPrev, buttonNext, stepPrev, stepNext, ...htmlDivAttributes }, ref) => {\n        const [controlsState, setControlsState] = useState({ hidden: true, nextDisabled: false, prevDisabled: true });\n        const carouselRef = useRef<HTMLDivElement | null>(null);\n\n        /** Функция, контролирующая состояние кнопок. */\n        const checkControls = useCallback((): void => {\n            const carousel = carouselRef.current!;\n            const newState = {\n                hidden: carousel.scrollWidth == carousel.clientWidth,\n                nextDisabled: Math.round(carousel.scrollLeft) + carousel.offsetWidth >= carousel.scrollWidth,\n                prevDisabled: Math.round(carousel.scrollLeft) <= 0,\n            };\n\n            if (isEqual(newState, controlsState) == false) {\n                setControlsState(newState);\n            }\n        }, [controlsState]);\n\n        useEffect(() => {\n            window.addEventListener(\"resize\", checkControls);\n            document.addEventListener(\"scroll\", checkControls);\n\n            return () => {\n                window.removeEventListener(\"resize\", checkControls);\n                document.removeEventListener(\"scroll\", checkControls);\n            };\n        }, [checkControls]);\n\n        useEffect(() => {\n            checkControls();\n        }, [children, checkControls]);\n\n        /** Обработчик клика по кнопке \"Назад\". */\n        const handleMovePrev = (): void => {\n            scrollSmoothHorizontally(carouselRef.current!, Math.floor(-stepPrev));\n        };\n\n        /** Обработчик клика по кнопке \"Вперёд\". */\n        const handleMoveNext = (): void => {\n            scrollSmoothHorizontally(carouselRef.current!, Math.ceil(stepNext));\n        };\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLDivElement | null) => {\n            carouselRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <div {...htmlDivAttributes}>\n                {/* eslint-disable-next-line react-hooks/refs */}\n                {buttonPrev({\n                    disabled: controlsState.prevDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMovePrev,\n                })}\n                <div className={clsx(styles.carouselExtended)} onScroll={checkControls} ref={setRef}>\n                    {children}\n                </div>\n                {/* eslint-disable-next-line react-hooks/refs */}\n                {buttonNext({\n                    disabled: controlsState.nextDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMoveNext,\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselExtended.displayName = \"CarouselExtended\";\n"],"names":["React","isEqual"],"mappings":";;;;;;;;AAqBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,YAAY,YAAY,UAAU,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACrF,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE,QAAQ,MAAM,cAAc,OAAO,cAAc,KAAA,CAAM;AAC5G,UAAM,cAAc,OAA8B,IAAI;AAGtD,UAAM,gBAAgB,YAAY,MAAY;AAC1C,YAAM,WAAW,YAAY;AAC7B,YAAM,WAAW;AAAA,QACb,QAAQ,SAAS,eAAe,SAAS;AAAA,QACzC,cAAc,KAAK,MAAM,SAAS,UAAU,IAAI,SAAS,eAAe,SAAS;AAAA,QACjF,cAAc,KAAK,MAAM,SAAS,UAAU,KAAK;AAAA,MAAA;AAGrD,UAAIC,sBAAQ,UAAU,aAAa,KAAK,OAAO;AAC3C,yBAAiB,QAAQ;AAAA,MAC7B;AAAA,IACJ,GAAG,CAAC,aAAa,CAAC;AAElB,cAAU,MAAM;AACZ,aAAO,iBAAiB,UAAU,aAAa;AAC/C,eAAS,iBAAiB,UAAU,aAAa;AAEjD,aAAO,MAAM;AACT,eAAO,oBAAoB,UAAU,aAAa;AAClD,iBAAS,oBAAoB,UAAU,aAAa;AAAA,MACxD;AAAA,IACJ,GAAG,CAAC,aAAa,CAAC;AAElB,cAAU,MAAM;AACZ,oBAAA;AAAA,IACJ,GAAG,CAAC,UAAU,aAAa,CAAC;AAG5B,UAAM,iBAAiB,MAAY;AAC/B,+BAAyB,YAAY,SAAU,KAAK,MAAM,CAAC,QAAQ,CAAC;AAAA,IACxE;AAGA,UAAM,iBAAiB,MAAY;AAC/B,+BAAyB,YAAY,SAAU,KAAK,KAAK,QAAQ,CAAC;AAAA,IACtE;AAGA,UAAM,SAAS,CAAC,aAAoC;AAChD,kBAAY,UAAU;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI,qBAAC,OAAA,EAAK,GAAG,mBAEJ,UAAA;AAAA,MAAA,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,MACD,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,gBAAgB,GAAG,UAAU,eAAe,KAAK,QACxE,SAAA,CACL;AAAA,MAEC,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA,GACL;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"CarouselExtended.js","sources":["../../../src/components/CarouselExtended/CarouselExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { isEqual } from \"lodash-es\";\nimport { scrollSmoothHorizontally } from \"../../utils/scroll\";\nimport styles from \"./styles/CarouselExtended.module.less\";\n\n/** Состояние кнопок прокрутки, вычисляемое по размерам и позиции прокрутки ленты. */\ninterface ICarouselExtendedControlsState {\n    /** Прокрутка не нужна — контент помещается в видимую область. */\n    hidden: boolean;\n    /** Достигнут правый край ленты. */\n    nextDisabled: boolean;\n    /** Достигнут левый край ленты. */\n    prevDisabled: boolean;\n}\n\n/** Состояние кнопок до первого измерения ленты. */\nconst INITIAL_CONTROLS_STATE: ICarouselExtendedControlsState = {\n    hidden: true,\n    nextDisabled: false,\n    prevDisabled: true,\n};\n\n/**\n * Свойства, которые CarouselExtended передаёт в рендер-функции кнопок прокрутки:\n * `disabled` (край ленты достигнут), `hidden` (прокрутка не нужна) и `onClick`.\n */\nexport interface ICarouselExtendedButtonProvideProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/** Свойства компонента CarouselExtended. */\nexport interface ICarouselExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * Рендер-функция кнопки \"Назад\". Получает `disabled`, `hidden` и `onClick`.\n     * Позиционирование кнопки — на стороне потребителя; при `hidden` обычно возвращается null.\n     */\n    buttonPrev: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /**\n     * Рендер-функция кнопки \"Вперёд\". Получает `disabled`, `hidden` и `onClick`.\n     * Позиционирование кнопки — на стороне потребителя; при `hidden` обычно возвращается null.\n     */\n    buttonNext: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /** Величина (px) прокрутки при клике на кнопку \"Назад\". Дробное значение округляется вверх по модулю. */\n    stepPrev: number;\n    /** Величина (px) прокрутки при клике на кнопку \"Вперёд\". Дробное значение округляется вверх по модулю. */\n    stepNext: number;\n}\n\n/**\n * Карусель — горизонтально прокручиваемая лента произвольного контента.\n * Разметку кнопок прокрутки рендерит потребитель, компонент передаёт им состояние и обработчик клика.\n * Ref указывает на прокручиваемый контейнер, а не на корневой элемент.\n */\nexport const CarouselExtended = React.forwardRef<HTMLDivElement, ICarouselExtendedProps>(\n    ({ children, buttonPrev, buttonNext, stepPrev, stepNext, ...htmlDivAttributes }, ref) => {\n        const [controlsState, setControlsState] = useState(INITIAL_CONTROLS_STATE);\n        const carouselRef = useRef<HTMLDivElement | null>(null);\n\n        /** Пересчитывает состояние кнопок по текущим размерам и позиции прокрутки ленты. */\n        const checkControls = useCallback((): void => {\n            const carousel = carouselRef.current;\n\n            if (carousel === null) {\n                return;\n            }\n\n            const nextState: ICarouselExtendedControlsState = {\n                hidden: carousel.scrollWidth === carousel.clientWidth,\n                nextDisabled: Math.round(carousel.scrollLeft) + carousel.offsetWidth >= carousel.scrollWidth,\n                prevDisabled: Math.round(carousel.scrollLeft) <= 0,\n            };\n\n            setControlsState((prevState) => (isEqual(prevState, nextState) ? prevState : nextState));\n        }, []);\n\n        useEffect(() => {\n            window.addEventListener(\"resize\", checkControls);\n            document.addEventListener(\"scroll\", checkControls);\n\n            return () => {\n                window.removeEventListener(\"resize\", checkControls);\n                document.removeEventListener(\"scroll\", checkControls);\n            };\n        }, [checkControls]);\n\n        useEffect(() => {\n            checkControls();\n        }, [children, checkControls]);\n\n        /** Обработчик клика по кнопке \"Назад\". */\n        const handleMovePrev = (): void => {\n            const carousel = carouselRef.current;\n\n            if (carousel !== null) {\n                scrollSmoothHorizontally(carousel, Math.floor(-stepPrev));\n            }\n        };\n\n        /** Обработчик клика по кнопке \"Вперёд\". */\n        const handleMoveNext = (): void => {\n            const carousel = carouselRef.current;\n\n            if (carousel !== null) {\n                scrollSmoothHorizontally(carousel, Math.ceil(stepNext));\n            }\n        };\n\n        /**\n         * Сохраняет узел ленты локально и пробрасывает его во внешний ref.\n         * Идентичность колбэка сохраняется ровно настолько, насколько стабилен `ref` потребителя:\n         * при инлайновом колбэк-ref React по-прежнему отцепляет и заново прицепляет узел на каждом рендере.\n         */\n        const setRef = useCallback(\n            (instance: HTMLDivElement | null): void => {\n                carouselRef.current = instance;\n\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            },\n            [ref],\n        );\n\n        return (\n            <div {...htmlDivAttributes}>\n                {buttonPrev({\n                    disabled: controlsState.prevDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMovePrev,\n                })}\n                <div className={styles.carouselExtended} onScroll={checkControls} ref={setRef}>\n                    {children}\n                </div>\n                {buttonNext({\n                    disabled: controlsState.nextDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMoveNext,\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselExtended.displayName = \"CarouselExtended\";\n"],"names":["React"],"mappings":";;;;;;;;AAgBA,MAAM,yBAAyD;AAAA,EAC3D,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAClB;AA+BO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,YAAY,YAAY,UAAU,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACrF,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,sBAAsB;AACzE,UAAM,cAAc,OAA8B,IAAI;AAGtD,UAAM,gBAAgB,YAAY,MAAY;AAC1C,YAAM,WAAW,YAAY;AAE7B,UAAI,aAAa,MAAM;AACnB;AAAA,MACJ;AAEA,YAAM,YAA4C;AAAA,QAC9C,QAAQ,SAAS,gBAAgB,SAAS;AAAA,QAC1C,cAAc,KAAK,MAAM,SAAS,UAAU,IAAI,SAAS,eAAe,SAAS;AAAA,QACjF,cAAc,KAAK,MAAM,SAAS,UAAU,KAAK;AAAA,MAAA;AAGrD,uBAAiB,CAAC,cAAe,QAAQ,WAAW,SAAS,IAAI,YAAY,SAAU;AAAA,IAC3F,GAAG,CAAA,CAAE;AAEL,cAAU,MAAM;AACZ,aAAO,iBAAiB,UAAU,aAAa;AAC/C,eAAS,iBAAiB,UAAU,aAAa;AAEjD,aAAO,MAAM;AACT,eAAO,oBAAoB,UAAU,aAAa;AAClD,iBAAS,oBAAoB,UAAU,aAAa;AAAA,MACxD;AAAA,IACJ,GAAG,CAAC,aAAa,CAAC;AAElB,cAAU,MAAM;AACZ,oBAAA;AAAA,IACJ,GAAG,CAAC,UAAU,aAAa,CAAC;AAG5B,UAAM,iBAAiB,MAAY;AAC/B,YAAM,WAAW,YAAY;AAE7B,UAAI,aAAa,MAAM;AACnB,iCAAyB,UAAU,KAAK,MAAM,CAAC,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACJ;AAGA,UAAM,iBAAiB,MAAY;AAC/B,YAAM,WAAW,YAAY;AAE7B,UAAI,aAAa,MAAM;AACnB,iCAAyB,UAAU,KAAK,KAAK,QAAQ,CAAC;AAAA,MAC1D;AAAA,IACJ;AAOA,UAAM,SAAS;AAAA,MACX,CAAC,aAA0C;AACvC,oBAAY,UAAU;AAEtB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,WACI,qBAAC,OAAA,EAAK,GAAG,mBACJ,UAAA;AAAA,MAAA,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,MACD,oBAAC,SAAI,WAAW,OAAO,kBAAkB,UAAU,eAAe,KAAK,QAClE,SAAA,CACL;AAAA,MACC,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA,GACL;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

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-CtuAQuEN.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__6031bac4";
-const sm = "sm__1779c5df";
-const nonempty = "nonempty__454923ac";
-const md = "md__5de05b40";
-const lg = "lg__d55d259a";
-const disabled = "disabled__3ad39d54";
-const checkbox = "checkbox__f66e20d1";
-const checkboxIcon = "checkboxIcon__b766d4aa";
-const checkmarkIcon = "checkmarkIcon__e095124f";
+const label = "label__3b11aec5";
+const sm = "sm__4c3d7965";
+const nonempty = "nonempty__c3827e8a";
+const md = "md__8f8c24e0";
+const lg = "lg__d8f561fd";
+const disabled = "disabled__9542949b";
+const checkbox = "checkbox__c6534857";
+const checkboxIcon = "checkboxIcon__a562f3de";
+const checkmarkIcon = "checkmarkIcon__09771aab";
 const 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.41.1", 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.43.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-CtuAQuEN.js";
-const checkboxXGroup = "checkboxXGroup__a61c2aa2";
-const label = "label__6031bac4";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxXGroup = "checkboxXGroup__9ff6d244";
+const label = "label__3b11aec5";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__ae9b32a0",
+  "indent-12": "indent-12__799c762e",
   label,
-  "indent-16": "indent-16__052d58a3",
-  "indent-20": "indent-20__2aa19912",
-  "indent-24": "indent-24__1448c0bb",
-  "indent-28": "indent-28__c6595b45",
-  "indent-32": "indent-32__a7edbf80"
+  "indent-16": "indent-16__ed6807aa",
+  "indent-20": "indent-20__d564e2d6",
+  "indent-24": "indent-24__b6e5d9c0",
+  "indent-28": "indent-28__b8ccaff6",
+  "indent-32": "indent-32__83a75d2d"
 };
 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-CtuAQuEN.js";
-const checkboxYGroup = "checkboxYGroup__b1a382c2";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxYGroup = "checkboxYGroup__ba445f0b";
 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;"}