@sberbusiness/triplex-next 1.52.0 → 1.53.0

package/components/SwipeableArea/SwipeableArea.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useImperativeHandle } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { getElementWidth, getSwipeableAreaOpacity, resolveSwipeEnd, ESwipeDirection, resolveSwipeMove } from "./utils.js";
-const swipeableArea = "swipeableArea__a375cb70";
-const content = "content__275fe2fb";
-const disableScroll = "disableScroll__51c44f46";
-const disablePointerEvents = "disablePointerEvents__21ae6fc4";
-const swipeAnimationFinish = "swipeAnimationFinish__83f0ecbd";
-const leftContent = "leftContent__a688e136";
-const rightContent = "rightContent__738e3f26";
+const swipeableArea = "swipeableArea__82339da7";
+const content = "content__3847e404";
+const disableScroll = "disableScroll__6cc4ed26";
+const disablePointerEvents = "disablePointerEvents__dbf4e985";
+const swipeAnimationFinish = "swipeAnimationFinish__03f2eea1";
+const leftContent = "leftContent__efcb119f";
+const rightContent = "rightContent__ffacbcf3";
 const styles = {
   swipeableArea,
   content,
@@ -136,7 +136,7 @@ const SwipeableArea = React__default.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "1.52.0",
+        "data-tx": "1.53.0",
         ref: containerRef,
         children: [
           hasLeftSwipeableArea ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__4c75fe68";
+const chipPanel = "chipPanel__d2dce282";
 const styles = {
   chipPanel
 };

package/components/Table/ChipPanelLinks.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__ea796175";
+const chipPanelLinks = "chipPanelLinks__65aea85f";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const filterPanel = "filterPanel__5ff3f662";
+const filterPanel = "filterPanel__99cdf4b4";
 const styles = {
   filterPanel
 };
@@ -11,7 +11,7 @@ const FilterPanel = React__default.forwardRef(
     {
       className: clsx(styles.filterPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.52.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/Table/MasterTable.js

@@ -15,7 +15,7 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const masterTable = "masterTable__8887e375";
+const masterTable = "masterTable__d5e13b8d";
 const styles = {
   masterTable
 };
@@ -31,7 +31,7 @@ const MasterTable = Object.assign(
       {
         className: clsx(styles.masterTable, className),
         ...htmlDivAttributes,
-        "data-tx": "1.52.0",
+        "data-tx": "1.53.0",
         ref,
         children
       }

package/components/Table/NoColumns.js

@@ -3,8 +3,8 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__e2c65254";
-const content = "content__afb8ca81";
+const noColumns = "noColumns__02265bdc";
+const content = "content__856e55e6";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const paginationPanel = "paginationPanel__6ef7bec4";
+const paginationPanel = "paginationPanel__0c170f1c";
 const styles = {
   paginationPanel
 };
@@ -11,7 +11,7 @@ const PaginationPanel = React__default.forwardRef(
     {
       className: clsx(styles.paginationPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "1.52.0",
+      "data-tx": "1.53.0",
       ref,
       children
     }

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-CUIykw0y.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-DfaitlVx.js";
+import { s as styles } from "../../../chunks/utils-CovzG_zb.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TableBasicRow } from "./TableBasicRow.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/utils-DfaitlVx.js";
+import { s as styles } from "../../../../chunks/utils-CovzG_zb.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -4,7 +4,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { ECellType, EHorizontalAlign, EOrderDirection } from "../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-DfaitlVx.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-CovzG_zb.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const getNextOrderDirection = (currentDirection) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId } from "../../../../consts/DataTestId.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-DfaitlVx.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-CovzG_zb.js";
 import { ECellType, EVerticalAlign } from "../enums.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -7,8 +7,8 @@ import { ColumnSettings } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader } from "./components/TableBasicSettingsHeader.js";
 import { Link } from "../../Link/Link.js";
-const tableSettingsLink = "tableSettingsLink__d5aaee81";
-const tableSettingsDropdown = "tableSettingsDropdown__c65dcb73";
+const tableSettingsLink = "tableSettingsLink__c4e8e0dc";
+const tableSettingsDropdown = "tableSettingsDropdown__fa4aa91d";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,8 +3,8 @@ import React__default from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__741b1847";
-const dragging = "dragging__9de0907c";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__00e7d394";
+const dragging = "dragging__eb155975";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__5bfbb5ee";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__5ecc0e27";
 const styles = {
   columnSettingsStaticListItem
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-const tableBasicSettingsBody = "tableBasicSettingsBody__3e6df47c";
+const tableBasicSettingsBody = "tableBasicSettingsBody__1f8faf1b";
 const styles = {
   tableBasicSettingsBody
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-const tableBasicSettingsFooter = "tableBasicSettingsFooter__f4565cd4";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__93390de8";
 const styles = {
   tableBasicSettingsFooter
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__5263c3c4";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__cb3558e1";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/TableFooter.module-BUwVEilh.js";
+import { s as styles } from "../../../chunks/TableFooter.module-By2P2Hca.js";
 import { FooterDescription } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary } from "./components/TableFooterSummary.js";

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription } from "../../../Footer/components/FooterDescription.
 import { TableFooterSummaryAmount } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton } from "./TableFooterSummarySelectAllButton.js";
-import { s as styles } from "../../../../chunks/TableFooter.module-BUwVEilh.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-By2P2Hca.js";
 const TableFooterSummary = Object.assign(
   ({ children, ...htmlDivAttributes }) => {
     return /* @__PURE__ */ jsx(FooterDescription.Content, { ...htmlDivAttributes, children: /* @__PURE__ */ jsx("div", { className: styles.tableFooterSummary, children }) });

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BUwVEilh.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-By2P2Hca.js";
 import { Amount } from "../../../Amount/Amount.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BUwVEilh.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-By2P2Hca.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Link } from "../../../Link/Link.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-BUwVEilh.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-By2P2Hca.js";
 const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
 TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b, m, a } from "../../chunks/utils-DfaitlVx.js";
+import { b, m, a } from "../../chunks/utils-CovzG_zb.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -17,14 +17,14 @@ import { ETabsExtendedType } from "../TabsExtended/enums.js";
 import { TabsExtendedContext } from "../TabsExtended/TabsExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-const tabsContent = "tabsContent__03b885fd";
-const tabButtonDropdown = "tabButtonDropdown__c1262d45";
-const sm = "sm__e85213f8";
-const md = "md__ca0ba223";
-const lg = "lg__1fb18d49";
-const selected = "selected__30db2133";
-const type1 = "type1__ad5cae6d";
-const type2 = "type2__7c8c6116";
+const tabsContent = "tabsContent__d6c63130";
+const tabButtonDropdown = "tabButtonDropdown__2f2519fc";
+const sm = "sm__bd0120c6";
+const md = "md__6e0c1863";
+const lg = "lg__a9f6327c";
+const selected = "selected__60e3800f";
+const type1 = "type1__f62f79b0";
+const type2 = "type2__8f655819";
 const styles = {
   tabsContent,
   tabButtonDropdown,

package/components/TabsExtended/TabsExtended.js

@@ -4,8 +4,8 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-B7-CS58J.js";
-import { s as styles } from "../../chunks/TabsExtended.module-DFVoru97.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-Bl_vtom7.js";
+import { s as styles } from "../../chunks/TabsExtended.module-D-1mlFAQ.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -7,7 +7,7 @@ import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DFVoru97.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-D-1mlFAQ.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsExtendedContent = Object.assign(

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DFVoru97.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-D-1mlFAQ.js";
 const TabsExtendedDropdownWrapper = React__default.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => {
     const { dropdownItemsIds, onSelectTab, dropdownRef } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DFVoru97.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-D-1mlFAQ.js";
 const TabsExtendedTab = React__default.forwardRef(
   ({ children, id, className, onClick, ...htmlSpanAttributes }, ref) => {
     const { dropdownItemsIds, inlineItemsIds, selectedId, onSelectTab } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-B7-CS58J.js";
+import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-Bl_vtom7.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -3,7 +3,7 @@ import React__default, { useContext, useState, useRef, useCallback, useLayoutEff
 import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DFVoru97.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-D-1mlFAQ.js";
 const TAB_ITEM_ID_ATTRIBUTE = "data-tab-item-id";
 const TABS_CONTAINER_RIGHT_OFFSET = 4;
 const RESIZE_REFRESH_RATE_MS = 150;

package/components/TabsExtended/utils.js

@@ -1,7 +1,7 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
 import "../Typography/enums.js";
-import { a, T } from "../../chunks/utils-B7-CS58J.js";
+import { a, T } from "../../chunks/utils-Bl_vtom7.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
   T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP

package/components/TabsLine/TabsLine.js

@@ -5,7 +5,7 @@ import { MobileView } from "../MobileView/MobileView.js";
 import "../MobileView/useMobileView.js";
 import { TabsLineDesktop } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile } from "./components/TabsLineMobile.js";
-import { s as styles } from "../../chunks/TabsLine.module-qil8v0MJ.js";
+import { s as styles } from "../../chunks/TabsLine.module-Cxdx98bJ.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const TabsLine = React__default.forwardRef(

package/components/TabsLine/components/TabsLineDesktop.js

@@ -5,7 +5,7 @@ import { isKey } from "../../../utils/keyboard.js";
 import { splitTabsByMaxVisible } from "../utils.js";
 import { TabsLineDropdown } from "./TabsLineDropdown.js";
 import { TabsLineItem } from "./TabsLineItem.js";
-import { s as styles } from "../../../chunks/TabsLine.module-qil8v0MJ.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Cxdx98bJ.js";
 const TabsLineDesktop = React__default.forwardRef(
   ({
     className,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -8,19 +8,8 @@ import { isKey } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DkX7SolI.js";
+import "../../../chunks/DropdownListItem-BeusEvEd.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
@@ -28,7 +17,7 @@ import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
-import { s as styles } from "../../../chunks/TabsLine.module-qil8v0MJ.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Cxdx98bJ.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TabsLineDropdown = React__default.forwardRef((props, ref) => {
   const {

package/components/TabsLine/components/TabsLineDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsLineDropdown.js","sources":["../../../../src/components/TabsLine/components/TabsLineDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { Dropdown, DropdownList, DropdownListContext, EDropdownWidth } from \"../../Dropdown\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport { ITabsLineItemProps } from \"./TabsLineItem\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLineDropdown. */\ninterface ITabsLineDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы дропдауна. */\n    tabs: ITabsLineItemProps[];\n    /** Выбранный таб находится в дропдауне. */\n    active: boolean;\n    /** Текст таргет кнопки дропдауна. */\n    label: string;\n    /** Коллбэк выбора таба. */\n    onClickTab: (tab: ITabsLineItemProps) => void;\n    /** Выбранный таб. */\n    selected?: ITabsLineItemProps;\n    /** Размер таба кнопки дропдауна. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Атрибуты кнопки дропдауна. */\n    targetHtmlAttributes?: React.HTMLAttributes<HTMLButtonElement> & TestProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Таб-кнопка TabsLine, раскрывающая выпадающий список с не поместившимися табами. */\nexport const TabsLineDropdown = React.forwardRef<HTMLDivElement, ITabsLineDropdownProps>((props, ref) => {\n    const {\n        className,\n        tabs,\n        active,\n        label,\n        onClickTab,\n        selected,\n        size = EComponentSize.MD,\n        targetHtmlAttributes,\n        ...htmlDivAttributes\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const [opened, setOpened] = useState(false);\n    const [focused, setFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const instanceId = useRef(uniqueId());\n\n    /** Корневой элемент нужен и снаружи (forwarded ref), и внутри — по нему позиционируется Dropdown. */\n    const setRootRef = useCallback(\n        (node: HTMLDivElement | null) => {\n            targetRef.current = node;\n\n            if (typeof ref === \"function\") {\n                ref(node);\n            } else if (ref) {\n                ref.current = node;\n            }\n        },\n        [ref],\n    );\n\n    useEffect(() => {\n        if (!opened) {\n            return;\n        }\n\n        const handleClickOutside = (event: Event) => {\n            if (\n                !targetRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setOpened(false);\n            }\n        };\n\n        document.addEventListener(\"mouseup\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"mouseup\", handleClickOutside);\n        };\n    }, [opened]);\n\n    const handleTargetClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setOpened((prevOpened) => !prevOpened);\n        targetHtmlAttributes?.onClick?.(event);\n    };\n\n    const handleTargetKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (!opened) {\n            // Enter и Space раскрывают список нативной активацией кнопки, ArrowUp/ArrowDown обрабатываются здесь.\n            if (isKey(event.code, \"ARROW_UP\") || isKey(event.code, \"ARROW_DOWN\")) {\n                event.preventDefault();\n                setOpened(true);\n            }\n        } else {\n            // При нажатии Tab или Esc закрывается выпадающий список.\n            if (isKey(event.code, \"TAB\") || isKey(event.code, \"ESCAPE\")) {\n                setOpened(false);\n            }\n        }\n\n        targetHtmlAttributes?.onKeyDown?.(event);\n    };\n\n    const handleClickTab = (tab: ITabsLineItemProps) => {\n        onClickTab(tab);\n        setOpened(false);\n    };\n\n    const handleTargetFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(true);\n        targetHtmlAttributes?.onFocus?.(event);\n    };\n\n    const handleTargetBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(false);\n        targetHtmlAttributes?.onBlur?.(event);\n    };\n\n    const handleTargetMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(true);\n        targetHtmlAttributes?.onMouseEnter?.(event);\n    };\n\n    const handleTargetMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(false);\n        targetHtmlAttributes?.onMouseLeave?.(event);\n    };\n\n    const renderTarget = () => {\n        // className и обработчики выделяем, чтобы не потерять переданные потребителем:\n        // ниже идут одноимённые внутренние props, и спред их бы не пережил.\n        // onClick и onKeyDown деструктурируются только ради исключения из спреда —\n        // вызываются они внутри handleTargetClick / handleTargetKeyDown.\n        const {\n            className: targetClassName,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            onKeyDown,\n            ...restTargetHtmlAttributes\n        } = targetHtmlAttributes || {};\n\n        return (\n            <button\n                {...restTargetHtmlAttributes}\n                onFocus={handleTargetFocus}\n                onBlur={handleTargetBlur}\n                onMouseEnter={handleTargetMouseEnter}\n                onMouseLeave={handleTargetMouseLeave}\n                className={clsx(\n                    styles.tab,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    styles.dropdownTarget,\n                    {\n                        [styles.active]: active,\n                    },\n                    targetClassName,\n                )}\n                onClick={handleTargetClick}\n                onKeyDown={handleTargetKeyDown}\n                type=\"button\"\n                role=\"tab\"\n                aria-haspopup=\"menu\"\n                aria-expanded={opened}\n                aria-controls={instanceId.current}\n                aria-activedescendant={activeDescendant}\n            >\n                <span className={styles.dropdownTargetInner}>\n                    <Text\n                        size={tabsLineSizeToTextSizeMap[size]}\n                        type={active || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                    >\n                        {label}\n                    </Text>\n                    <CaretdownStrokeSrvIcon16\n                        className={clsx(styles.dropdownTargetCaret, { [styles.opened]: opened })}\n                        paletteIndex={5}\n                    />\n                </span>\n            </button>\n        );\n    };\n\n    const renderDropdown = () => (\n        <Dropdown\n            className={styles.dropdown}\n            opened={opened}\n            setOpened={setOpened}\n            size={size}\n            width={EDropdownWidth.MIN_TARGET}\n            targetRef={targetRef}\n            ref={dropdownRef}\n        >\n            <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                    {tabs.map((tab, index) => {\n                        const { id, label: tabLabel, showNotificationIcon, ...htmlButtonAttributes } = tab;\n\n                        return (\n                            <DropdownList.Item\n                                // Свойства таба типизированы под <button>, а пункт списка рендерит <div>.\n                                // Набор атрибутов совпадает, расходятся только дженерики обработчиков событий.\n                                {...(htmlButtonAttributes as React.HTMLAttributes<HTMLDivElement>)}\n                                // DOM id выводим из instanceId, а не из tab.id: два TabsLine с одинаковыми\n                                // tab.id иначе дают дублирующиеся id, и aria-activedescendant адресует\n                                // пункт чужого экземпляра. Исходный tab.id уходит в onClickTab.\n                                id={`${instanceId.current}-item-${index}`}\n                                key={id}\n                                onSelect={() => {\n                                    handleClickTab(tab);\n                                }}\n                                selected={tab === selected}\n                                showNotificationIcon={showNotificationIcon}\n                            >\n                                {tabLabel}\n                            </DropdownList.Item>\n                        );\n                    })}\n                </DropdownList>\n            </DropdownListContext.Provider>\n        </Dropdown>\n    );\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.tabsLineDropdown, className)} ref={setRootRef}>\n            {renderTarget()}\n            {renderDropdown()}\n        </div>\n    );\n});\n\nTabsLineDropdown.displayName = \"TabsLineDropdown\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TabsLineDropdown.js","sources":["../../../../src/components/TabsLine/components/TabsLineDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { Dropdown, DropdownList, DropdownListContext, EDropdownWidth } from \"../../Dropdown\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport { ITabsLineItemProps } from \"./TabsLineItem\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLineDropdown. */\ninterface ITabsLineDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы дропдауна. */\n    tabs: ITabsLineItemProps[];\n    /** Выбранный таб находится в дропдауне. */\n    active: boolean;\n    /** Текст таргет кнопки дропдауна. */\n    label: string;\n    /** Коллбэк выбора таба. */\n    onClickTab: (tab: ITabsLineItemProps) => void;\n    /** Выбранный таб. */\n    selected?: ITabsLineItemProps;\n    /** Размер таба кнопки дропдауна. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Атрибуты кнопки дропдауна. */\n    targetHtmlAttributes?: React.HTMLAttributes<HTMLButtonElement> & TestProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Таб-кнопка TabsLine, раскрывающая выпадающий список с не поместившимися табами. */\nexport const TabsLineDropdown = React.forwardRef<HTMLDivElement, ITabsLineDropdownProps>((props, ref) => {\n    const {\n        className,\n        tabs,\n        active,\n        label,\n        onClickTab,\n        selected,\n        size = EComponentSize.MD,\n        targetHtmlAttributes,\n        ...htmlDivAttributes\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const [opened, setOpened] = useState(false);\n    const [focused, setFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const instanceId = useRef(uniqueId());\n\n    /** Корневой элемент нужен и снаружи (forwarded ref), и внутри — по нему позиционируется Dropdown. */\n    const setRootRef = useCallback(\n        (node: HTMLDivElement | null) => {\n            targetRef.current = node;\n\n            if (typeof ref === \"function\") {\n                ref(node);\n            } else if (ref) {\n                ref.current = node;\n            }\n        },\n        [ref],\n    );\n\n    useEffect(() => {\n        if (!opened) {\n            return;\n        }\n\n        const handleClickOutside = (event: Event) => {\n            if (\n                !targetRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setOpened(false);\n            }\n        };\n\n        document.addEventListener(\"mouseup\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"mouseup\", handleClickOutside);\n        };\n    }, [opened]);\n\n    const handleTargetClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setOpened((prevOpened) => !prevOpened);\n        targetHtmlAttributes?.onClick?.(event);\n    };\n\n    const handleTargetKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (!opened) {\n            // Enter и Space раскрывают список нативной активацией кнопки, ArrowUp/ArrowDown обрабатываются здесь.\n            if (isKey(event.code, \"ARROW_UP\") || isKey(event.code, \"ARROW_DOWN\")) {\n                event.preventDefault();\n                setOpened(true);\n            }\n        } else {\n            // При нажатии Tab или Esc закрывается выпадающий список.\n            if (isKey(event.code, \"TAB\") || isKey(event.code, \"ESCAPE\")) {\n                setOpened(false);\n            }\n        }\n\n        targetHtmlAttributes?.onKeyDown?.(event);\n    };\n\n    const handleClickTab = (tab: ITabsLineItemProps) => {\n        onClickTab(tab);\n        setOpened(false);\n    };\n\n    const handleTargetFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(true);\n        targetHtmlAttributes?.onFocus?.(event);\n    };\n\n    const handleTargetBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(false);\n        targetHtmlAttributes?.onBlur?.(event);\n    };\n\n    const handleTargetMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(true);\n        targetHtmlAttributes?.onMouseEnter?.(event);\n    };\n\n    const handleTargetMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(false);\n        targetHtmlAttributes?.onMouseLeave?.(event);\n    };\n\n    const renderTarget = () => {\n        // className и обработчики выделяем, чтобы не потерять переданные потребителем:\n        // ниже идут одноимённые внутренние props, и спред их бы не пережил.\n        // onClick и onKeyDown деструктурируются только ради исключения из спреда —\n        // вызываются они внутри handleTargetClick / handleTargetKeyDown.\n        const {\n            className: targetClassName,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            onKeyDown,\n            ...restTargetHtmlAttributes\n        } = targetHtmlAttributes || {};\n\n        return (\n            <button\n                {...restTargetHtmlAttributes}\n                onFocus={handleTargetFocus}\n                onBlur={handleTargetBlur}\n                onMouseEnter={handleTargetMouseEnter}\n                onMouseLeave={handleTargetMouseLeave}\n                className={clsx(\n                    styles.tab,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    styles.dropdownTarget,\n                    {\n                        [styles.active]: active,\n                    },\n                    targetClassName,\n                )}\n                onClick={handleTargetClick}\n                onKeyDown={handleTargetKeyDown}\n                type=\"button\"\n                role=\"tab\"\n                aria-haspopup=\"menu\"\n                aria-expanded={opened}\n                aria-controls={instanceId.current}\n                aria-activedescendant={activeDescendant}\n            >\n                <span className={styles.dropdownTargetInner}>\n                    <Text\n                        size={tabsLineSizeToTextSizeMap[size]}\n                        type={active || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                    >\n                        {label}\n                    </Text>\n                    <CaretdownStrokeSrvIcon16\n                        className={clsx(styles.dropdownTargetCaret, { [styles.opened]: opened })}\n                        paletteIndex={5}\n                    />\n                </span>\n            </button>\n        );\n    };\n\n    const renderDropdown = () => (\n        <Dropdown\n            className={styles.dropdown}\n            opened={opened}\n            setOpened={setOpened}\n            size={size}\n            width={EDropdownWidth.MIN_TARGET}\n            targetRef={targetRef}\n            ref={dropdownRef}\n        >\n            <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                    {tabs.map((tab, index) => {\n                        const { id, label: tabLabel, showNotificationIcon, ...htmlButtonAttributes } = tab;\n\n                        return (\n                            <DropdownList.Item\n                                // Свойства таба типизированы под <button>, а пункт списка рендерит <div>.\n                                // Набор атрибутов совпадает, расходятся только дженерики обработчиков событий.\n                                {...(htmlButtonAttributes as React.HTMLAttributes<HTMLDivElement>)}\n                                // DOM id выводим из instanceId, а не из tab.id: два TabsLine с одинаковыми\n                                // tab.id иначе дают дублирующиеся id, и aria-activedescendant адресует\n                                // пункт чужого экземпляра. Исходный tab.id уходит в onClickTab.\n                                id={`${instanceId.current}-item-${index}`}\n                                key={id}\n                                onSelect={() => {\n                                    handleClickTab(tab);\n                                }}\n                                selected={tab === selected}\n                                showNotificationIcon={showNotificationIcon}\n                            >\n                                {tabLabel}\n                            </DropdownList.Item>\n                        );\n                    })}\n                </DropdownList>\n            </DropdownListContext.Provider>\n        </Dropdown>\n    );\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.tabsLineDropdown, className)} ref={setRootRef}>\n            {renderTarget()}\n            {renderDropdown()}\n        </div>\n    );\n});\n\nTabsLineDropdown.displayName = \"TabsLineDropdown\";\n"],"names":["React"],"mappings":"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"}

package/components/TabsLine/components/TabsLineItem.js

@@ -7,7 +7,7 @@ import { Badge } from "../../Badge/Badge.js";
 import { Text } from "../../Typography/Text.js";
 import { EFontType } from "../../Typography/enums.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
-import { s as styles } from "../../../chunks/TabsLine.module-qil8v0MJ.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Cxdx98bJ.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TabsLineItem = React__default.forwardRef(
   ({

package/components/TabsLine/components/TabsLineMobile.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__c3d4c352";
-const tabsLineMobile = "tabsLineMobile__234a2c1d";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__2269fef6";
+const tabsLineMobile = "tabsLineMobile__b2e0866c";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -7,11 +7,11 @@ import { ETextSize, EFontType } from "../Typography/enums.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const tag = "tag__58a32d77";
-const sm = "sm__7e25745f";
-const md = "md__640573de";
-const lg = "lg__30e00d07";
-const content = "content__ee6aafe0";
+const tag = "tag__eb89ac17";
+const sm = "sm__b0d9d6ca";
+const md = "md__e20ae919";
+const lg = "lg__b7dd7a1d";
+const content = "content__42876ba1";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -3,21 +3,21 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__aec7b8ce";
-const sm = "sm__163342cc";
-const md = "md__8cbb4d91";
-const lg = "lg__1c0f5955";
-const success = "success__13d36e8b";
-const info = "info__ac960074";
-const warning = "warning__bfc76d37";
-const error = "error__39bffe33";
-const content = "content__c453286d";
+const tagColor = "tagColor__01d9f03e";
+const sm = "sm__e909386e";
+const md = "md__42b8e872";
+const lg = "lg__44f72083";
+const success = "success__6d93ccd3";
+const info = "info__eeb66727";
+const warning = "warning__ef8f05d3";
+const error = "error__99f89d88";
+const content = "content__f294da78";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__d5eb2de2",
+  "default": "default__bba7dbfb",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__6a593590";
-const sm = "sm__82639cfa";
-const md = "md__23d6f1a3";
-const lg = "lg__27b17b17";
+const tagGroup = "tagGroup__d3a62398";
+const sm = "sm__228f900f";
+const md = "md__4d910301";
+const lg = "lg__2b389bad";
 const styles = {
   tagGroup,
   sm,

package/components/Tooltip/components/common/TooltipBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { Text } from "../../../Typography/Text.js";
 import { ELineType, ETextSize } from "../../../Typography/enums.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-P0sKj6LV.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-BlvN8N2B.js";
 const TooltipBody = React__default.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });