@sberbusiness/triplex-next 1.45.0 → 1.46.0

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-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
-const action = "action__e1c947f1";
-const selected = "selected__843ffd5b";
-const focusVisible = "focusVisible__2bae9b76";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as cardStyles } from "../../chunks/Card.module-DRLlpl4W.js";
+const action = "action__e60dd236";
+const selected = "selected__ea5a1b2e";
+const focusVisible = "focusVisible__d5b0dd33";
 const actionStyles = {
   action,
   selected,
@@ -27,20 +27,24 @@ class CardAction extends React__default.Component {
       isControlled: this.props.selected !== void 0,
       isSelected: !!this.props.selected
     });
+    /** Ссылка на корневой элемент карточки. */
     __publicField(this, "ref", React__default.createRef());
+    /** Обработчик клика по карточке. Переключает состояние выбора. */
     __publicField(this, "handleClick", (event) => {
       const { onClick } = this.props;
       onClick == null ? void 0 : onClick(event);
       this.handleToggle();
     });
+    /** Обработчик нажатия мышью. Запоминает источник фокуса, чтобы не показывать обводку фокуса. */
     __publicField(this, "handleMouseDown", (event) => {
       const { onMouseDown } = this.props;
       const { focusSource } = this.state;
       onMouseDown == null ? void 0 : onMouseDown(event);
-      if (!focusSource) {
+      if (focusSource === EFocusSource.NONE) {
         this.setState({ focusSource: EFocusSource.MOUSE });
       }
     });
+    /** Обработчик нажатия клавиши. Space и Enter переключают состояние выбора, Space гасит прокрутку страницы. */
     __publicField(this, "handleKeyDown", (event) => {
       const { onKeyDown } = this.props;
       onKeyDown == null ? void 0 : onKeyDown(event);
@@ -51,15 +55,17 @@ class CardAction extends React__default.Component {
         this.handleToggle();
       }
     });
+    /** Обработчик получения фокуса. Фокус на самой карточке без предшествующего клика считается клавиатурным. */
     __publicField(this, "handleFocus", (event) => {
       const { onFocus } = this.props;
       const { focusSource } = this.state;
       const { current } = this.ref;
       onFocus == null ? void 0 : onFocus(event);
-      if (!focusSource && current === event.target) {
+      if (focusSource === EFocusSource.NONE && current === event.target) {
         this.setState({ focusSource: EFocusSource.KEYBOARD });
       }
     });
+    /** Обработчик потери фокуса. Сбрасывает источник фокуса, когда карточка перестала быть активным элементом. */
     __publicField(this, "handleBlur", (event) => {
       const { onBlur } = this.props;
       const { current } = this.ref;
@@ -68,15 +74,19 @@ class CardAction extends React__default.Component {
         this.setState({ focusSource: EFocusSource.NONE });
       }
     });
+    /**
+     * Переключает состояние выбора. В контролируемом режиме только вызывает toggle со следующим значением,
+     * в неконтролируемом — меняет внутреннее состояние и вызывает onToggle.
+     */
     __publicField(this, "handleToggle", () => {
       const { toggle, selected: selected2, onToggle } = this.props;
-      const { isControlled, isSelected } = this.state;
+      const { isControlled } = this.state;
       if (isControlled) {
         toggle == null ? void 0 : toggle(!selected2);
       } else {
         this.setState(
           (prevState) => ({ isSelected: !prevState.isSelected }),
-          () => onToggle == null ? void 0 : onToggle(!isSelected)
+          () => onToggle == null ? void 0 : onToggle(this.state.isSelected)
         );
       }
     });
@@ -91,12 +101,14 @@ class CardAction extends React__default.Component {
     const {
       children,
       className,
+      // Обработчики вызываются из собственных handle*-методов, поэтому не попадают в attributes напрямую.
       onClick,
       onMouseDown,
       onKeyDown,
       onFocus,
       onBlur,
       roundingSize = ECardRoundingSize.MD,
+      // onToggle и toggle не являются DOM-атрибутами и исключаются из attributes.
       onToggle,
       selected: selected2,
       toggle,
@@ -128,14 +140,16 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.45.0",
+        "data-tx": "1.46.0",
         children
       }
     );
   }
 }
 __publicField(CardAction, "displayName", "CardAction");
+/** Контент карточки. */
 __publicField(CardAction, "Content", CardContent);
+/** Медийный элемент карточки. */
 __publicField(CardAction, "Media", CardMedia);
 export {
   CardAction

package/components/Card/CardAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardAction.js","sources":["../../../src/components/Card/CardAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardActionProps } 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 { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { EFocusSource } from \"@sberbusiness/triplex-next/enums/EFocusSource\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport actionStyles from \"./styles/Action.module.less\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Состояния интерактивной карточки. */\ninterface ICardActionState {\n    /** Выбрана или нет. */\n    isSelected: boolean;\n    /** Контролируемая или нет. */\n    isControlled: boolean;\n    /** Источник фокуса. */\n    focusSource: EFocusSource;\n}\n\n/** Компонент \"Интерактивная карточка\". */\nexport class CardAction extends React.Component<ICardActionProps, ICardActionState> {\n    public static displayName = \"CardAction\";\n\n    public static Content = CardContent;\n    public static Media = CardMedia;\n\n    public state = {\n        focusSource: EFocusSource.NONE,\n        isControlled: this.props.selected !== undefined,\n        isSelected: !!this.props.selected,\n    };\n\n    public componentDidUpdate(prevProps: Readonly<ICardActionProps>): void {\n        const { selected, onToggle } = this.props;\n\n        if (selected !== prevProps.selected) {\n            onToggle?.(!!selected);\n        }\n    }\n\n    private ref = React.createRef<HTMLDivElement>();\n\n    public render(): JSX.Element {\n        const {\n            children,\n            className,\n            onClick,\n            onMouseDown,\n            onKeyDown,\n            onFocus,\n            onBlur,\n            roundingSize = ECardRoundingSize.MD,\n            onToggle,\n            selected,\n            toggle,\n            theme = ECardTheme.GENERAL,\n            ...attributes\n        } = this.props;\n        const { isControlled, isSelected, focusSource } = this.state;\n        const classNames = clsx(\n            cardStyles.card,\n            actionStyles.action,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            {\n                [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n                [actionStyles.selected]: isControlled ? !!selected : isSelected,\n            },\n            className,\n        );\n\n        return (\n            <div\n                className={classNames}\n                tabIndex={0}\n                onClick={this.handleClick}\n                onMouseDown={this.handleMouseDown}\n                onKeyDown={this.handleKeyDown}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                role=\"button\"\n                {...attributes}\n                ref={this.ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    public handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onClick } = this.props;\n\n        onClick?.(event);\n        this.handleToggle();\n    };\n\n    public handleMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onMouseDown } = this.props;\n        const { focusSource } = this.state;\n\n        onMouseDown?.(event);\n        if (!focusSource) {\n            this.setState({ focusSource: EFocusSource.MOUSE });\n        }\n    };\n\n    public handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        const { onKeyDown } = this.props;\n\n        onKeyDown?.(event);\n        if (isKey(event.keyCode, \"SPACE\")) {\n            event.preventDefault();\n            this.handleToggle();\n        } else if (isKey(event.keyCode, \"ENTER\")) {\n            this.handleToggle();\n        }\n    };\n\n    public handleFocus = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onFocus } = this.props;\n        const { focusSource } = this.state;\n        const { current } = this.ref;\n\n        onFocus?.(event);\n        if (!focusSource && current === event.target) {\n            this.setState({ focusSource: EFocusSource.KEYBOARD });\n        }\n    };\n\n    public handleBlur = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onBlur } = this.props;\n        const { current } = this.ref;\n\n        onBlur?.(event);\n        if (current !== document.activeElement && current === event.target) {\n            this.setState({ focusSource: EFocusSource.NONE });\n        }\n    };\n\n    public handleToggle = (): void => {\n        const { toggle, selected, onToggle } = this.props;\n        const { isControlled, isSelected } = this.state;\n\n        if (isControlled) {\n            toggle?.(!selected);\n        } else {\n            this.setState(\n                (prevState) => ({ isSelected: !prevState.isSelected }),\n                () => onToggle?.(!isSelected),\n            );\n        }\n    };\n}\n"],"names":["React","selected"],"mappings":"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"}
+{"version":3,"file":"CardAction.js","sources":["../../../src/components/Card/CardAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardActionProps } 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 { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { EFocusSource } from \"@sberbusiness/triplex-next/enums/EFocusSource\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport actionStyles from \"./styles/Action.module.less\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Состояние интерактивной карточки. */\ninterface ICardActionState {\n    /** Выбрана карточка или нет. Используется только в неконтролируемом режиме. */\n    isSelected: boolean;\n    /** Контролируется ли состояние выбора извне. Определяется один раз при монтировании по наличию prop selected. */\n    isControlled: boolean;\n    /** Источник фокуса. Обводка фокуса показывается только для EFocusSource.KEYBOARD. */\n    focusSource: EFocusSource;\n}\n\n/**\n * Компонент \"Интерактивная карточка\".\n * Работает в двух режимах: неконтролируемом — состояние выбора хранится внутри компонента, и\n * контролируемом (передан prop selected) — состояние задаётся снаружи, а компонент сообщает о\n * запросе на его смену через prop toggle.\n */\nexport class CardAction extends React.Component<ICardActionProps, ICardActionState> {\n    public static displayName = \"CardAction\";\n\n    /** Контент карточки. */\n    public static Content = CardContent;\n    /** Медийный элемент карточки. */\n    public static Media = CardMedia;\n\n    public state = {\n        focusSource: EFocusSource.NONE,\n        isControlled: this.props.selected !== undefined,\n        isSelected: !!this.props.selected,\n    };\n\n    /** Ссылка на корневой элемент карточки. */\n    private ref = React.createRef<HTMLDivElement>();\n\n    public componentDidUpdate(prevProps: Readonly<ICardActionProps>): void {\n        const { selected, onToggle } = this.props;\n\n        if (selected !== prevProps.selected) {\n            onToggle?.(!!selected);\n        }\n    }\n\n    public render(): JSX.Element {\n        const {\n            children,\n            className,\n            // Обработчики вызываются из собственных handle*-методов, поэтому не попадают в attributes напрямую.\n            onClick,\n            onMouseDown,\n            onKeyDown,\n            onFocus,\n            onBlur,\n            roundingSize = ECardRoundingSize.MD,\n            // onToggle и toggle не являются DOM-атрибутами и исключаются из attributes.\n            onToggle,\n            selected,\n            toggle,\n            theme = ECardTheme.GENERAL,\n            ...attributes\n        } = this.props;\n        const { isControlled, isSelected, focusSource } = this.state;\n        const classNames = clsx(\n            cardStyles.card,\n            actionStyles.action,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            {\n                [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n                [actionStyles.selected]: isControlled ? !!selected : isSelected,\n            },\n            className,\n        );\n\n        return (\n            <div\n                className={classNames}\n                tabIndex={0}\n                onClick={this.handleClick}\n                onMouseDown={this.handleMouseDown}\n                onKeyDown={this.handleKeyDown}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                role=\"button\"\n                {...attributes}\n                ref={this.ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    /** Обработчик клика по карточке. Переключает состояние выбора. */\n    public handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onClick } = this.props;\n\n        onClick?.(event);\n        this.handleToggle();\n    };\n\n    /** Обработчик нажатия мышью. Запоминает источник фокуса, чтобы не показывать обводку фокуса. */\n    public handleMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onMouseDown } = this.props;\n        const { focusSource } = this.state;\n\n        onMouseDown?.(event);\n        if (focusSource === EFocusSource.NONE) {\n            this.setState({ focusSource: EFocusSource.MOUSE });\n        }\n    };\n\n    /** Обработчик нажатия клавиши. Space и Enter переключают состояние выбора, Space гасит прокрутку страницы. */\n    public handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        const { onKeyDown } = this.props;\n\n        onKeyDown?.(event);\n        if (isKey(event.keyCode, \"SPACE\")) {\n            event.preventDefault();\n            this.handleToggle();\n        } else if (isKey(event.keyCode, \"ENTER\")) {\n            this.handleToggle();\n        }\n    };\n\n    /** Обработчик получения фокуса. Фокус на самой карточке без предшествующего клика считается клавиатурным. */\n    public handleFocus = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onFocus } = this.props;\n        const { focusSource } = this.state;\n        const { current } = this.ref;\n\n        onFocus?.(event);\n        if (focusSource === EFocusSource.NONE && current === event.target) {\n            this.setState({ focusSource: EFocusSource.KEYBOARD });\n        }\n    };\n\n    /** Обработчик потери фокуса. Сбрасывает источник фокуса, когда карточка перестала быть активным элементом. */\n    public handleBlur = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onBlur } = this.props;\n        const { current } = this.ref;\n\n        onBlur?.(event);\n        if (current !== document.activeElement && current === event.target) {\n            this.setState({ focusSource: EFocusSource.NONE });\n        }\n    };\n\n    /**\n     * Переключает состояние выбора. В контролируемом режиме только вызывает toggle со следующим значением,\n     * в неконтролируемом — меняет внутреннее состояние и вызывает onToggle.\n     */\n    public handleToggle = (): void => {\n        const { toggle, selected, onToggle } = this.props;\n        const { isControlled } = this.state;\n\n        if (isControlled) {\n            toggle?.(!selected);\n        } else {\n            // Колбэк setState выполняется после применения обновления, поэтому onToggle\n            // получает актуальное состояние, а не снимок, сделанный до вызова.\n            this.setState(\n                (prevState) => ({ isSelected: !prevState.isSelected }),\n                () => onToggle?.(this.state.isSelected),\n            );\n        }\n    };\n}\n"],"names":["React","selected"],"mappings":"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"}

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-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as cardStyles } from "../../chunks/Card.module-DRLlpl4W.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "1.45.0",
+    "data-tx": "1.46.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-D4wvHis9.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CNOChUdZ.js";
+import { c as clsx } from "../../../../chunks/vendor-DqjKLGwf.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-DRLlpl4W.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-DqjKLGwf.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DRLlpl4W.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-DqjKLGwf.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DRLlpl4W.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-DqjKLGwf.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-DRLlpl4W.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-DqjKLGwf.js";
+import { c as cardStyles } from "../../../chunks/Card.module-DRLlpl4W.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-DRLlpl4W.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-DqjKLGwf.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-DdMfAe9T.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-DqjKLGwf.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { CaretupStrokeSrvIcon20, CaretleftStrokeSrvIcon20, CaretdownStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
+import { s as styles } from "../../chunks/Carousel.module-DdMfAe9T.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })

package/components/Carousel/CarouselIndicators.js

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

package/components/Carousel/CarouselItem.js

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

package/components/Carousel/CarouselTrack.js

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

package/components/Carousel/CarouselViewport.js

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

package/components/CarouselExtended/CarouselExtended.js

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

package/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
@@ -9,15 +9,15 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__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__2604d90b";
+const sm = "sm__20d4b8b6";
+const nonempty = "nonempty__e20a7b2a";
+const md = "md__63deda70";
+const lg = "lg__57785601";
+const disabled = "disabled__fc041b02";
+const checkbox = "checkbox__d58eca66";
+const checkboxIcon = "checkboxIcon__22df83be";
+const checkmarkIcon = "checkmarkIcon__20c45a16";
 const styles = {
   label,
   sm,
@@ -53,7 +53,7 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     labelAttributes == null ? void 0 : labelAttributes.className
   );
   const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.45.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.46.0", children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", className: styles.checkbox, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
     /* @__PURE__ */ jsx(CheckmarkIcon, { className: styles.checkmarkIcon, paletteIndex: 7 }),

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const checkboxXGroup = "checkboxXGroup__6b09e099";
-const label = "label__a038dd81";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const checkboxXGroup = "checkboxXGroup__9dcd70bf";
+const label = "label__2604d90b";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__a0910959",
+  "indent-12": "indent-12__051ecfe8",
   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__23625d16",
+  "indent-20": "indent-20__467d1e89",
+  "indent-24": "indent-24__19dc5091",
+  "indent-28": "indent-28__13a3580b",
+  "indent-32": "indent-32__a95a29fd"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const checkboxYGroup = "checkboxYGroup__ffd5be1d";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+const checkboxYGroup = "checkboxYGroup__00281bfd";
 const styles = {
   checkboxYGroup
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

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

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BqOLLHuh.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-BCujNMOr.js";
 const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
   const arrowNode = useRef(null);
   const prevActive = useRef(active);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

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

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

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

package/components/Chip/Chip.js

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

package/components/Chip/ChipClearButton.js

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

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-CWaqKk62.js";
+import { s as styles } from "../../../chunks/Chip-Bi7plvOY.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-CWaqKk62.js";
+import { C as Chip } from "../../../chunks/Chip-Bi7plvOY.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__297f02aa";
-const rotated = "rotated__cfde7fc9";
+const chipDropdownArrow = "chipDropdownArrow__1dfda564";
+const rotated = "rotated__29bfa5c9";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-CWaqKk62.js";
+import { C as Chip } from "../../chunks/Chip-Bi7plvOY.js";
 const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {