@sberbusiness/triplex-next 1.38.0 → 1.39.0

package/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(styles.tabButtonDropdown, styles[size]),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(styles.tabButtonDropdown, styles[size]),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab"],"mappings":"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"}

package/components/TabsExtended/TabsExtended.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
-import { s as styles } from "../../chunks/TabsExtended.module-D9BiyvHA.js";
+import { s as styles } from "../../chunks/TabsExtended.module-BDMo7ooD.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-CbmIP4b4.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-DwYYOzEU.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
 import { TabsExtendedTabsWrapper } from "./TabsExtendedTabsWrapper.js";
 import { TabsExtendedTab } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-D9BiyvHA.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-BDMo7ooD.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-D9BiyvHA.js";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-BDMo7ooD.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 const TabsExtendedDropdownWrapper = ({
   children,

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-D9BiyvHA.js";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-BDMo7ooD.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
 const TabsExtendedTab = React__default.forwardRef(

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-Bco_z_Yi.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-CbmIP4b4.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.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-DwYYOzEU.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useState, useRef, useLayoutEffect, isValidElement } from "react";
-import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-1HxVLgKa.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-D9BiyvHA.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-BDMo7ooD.js";
 const TabsExtendedTabsWrapper = ({
   children,
   className,

package/components/TabsExtended/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a, T } from "../../chunks/utils-CbmIP4b4.js";
+import { a, T } from "../../chunks/utils-DwYYOzEU.js";
 import "../Typography/enums.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,

package/components/TabsLine/TabsLine.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 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-DcxnBOgb.js";
+import { s as styles } from "../../chunks/TabsLine.module-ikp14Q2B.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const TabsLine = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ import { useState, useRef, useEffect } from "react";
 import { TabsLineDropdown } from "./TabsLineDropdown.js";
 import { TabsLineItem } from "./TabsLineItem.js";
 import { isKey } from "../../../utils/keyboard.js";
-import { l as lodashExports } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DcxnBOgb.js";
+import { l as lodashExports } from "../../../chunks/vendor-1HxVLgKa.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ikp14Q2B.js";
 const TabsLineDesktop = ({
   tabs,
   dropdownTargetHtmlAttributes,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-R6GgcMur.js";
+import "../../../chunks/DropdownListItem-CCY0qbiT.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { isKey } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DcxnBOgb.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ikp14Q2B.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, createElement } from "react";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Text } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
 import { EFontType } from "../../Typography/enums.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DcxnBOgb.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ikp14Q2B.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsLineItem = React__default.forwardRef(
   ({

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__5a0ba01a";
-const tabsLineMobile = "tabsLineMobile__55059ba4";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__06a03a10";
+const tabsLineMobile = "tabsLineMobile__fd2f9258";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { EditStrokeSrvIcon24, EditStrokeSrvIcon20, EditStrokeSrvIcon16, CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { Text } from "../Typography/Text.js";
 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__e5c240e7";
-const sm = "sm__e7a77716";
-const md = "md__0fab30f6";
-const lg = "lg__a110547f";
-const content = "content__2664d230";
+const tag = "tag__7760241c";
+const sm = "sm__af8d7252";
+const md = "md__d4478543";
+const lg = "lg__088a4dd0";
+const content = "content__c09b2d66";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -1,23 +1,23 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__0516b057";
-const sm = "sm__d22e8be6";
-const md = "md__e9950a10";
-const lg = "lg__868c5042";
-const success = "success__bf45d4da";
-const info = "info__4f318675";
-const warning = "warning__80f893d2";
-const error = "error__0c39291c";
-const content = "content__adb2ef02";
+const tagColor = "tagColor__1e6c4b46";
+const sm = "sm__b4fdf2b8";
+const md = "md__974c0c92";
+const lg = "lg__0e0f25b6";
+const success = "success__e11bd050";
+const info = "info__fa5d0811";
+const warning = "warning__dd2a8475";
+const error = "error__a3db21b9";
+const content = "content__f9cfb7cb";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__a8e26f11",
+  "default": "default__ec46fe1b",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__80225999";
-const sm = "sm__5dd9dca8";
-const md = "md__4c8f7d09";
-const lg = "lg__d8ff6d17";
+const tagGroup = "tagGroup__90d6565c";
+const sm = "sm__0b378761";
+const md = "md__317563c4";
+const lg = "lg__975a59d7";
 const styles = {
   tagGroup,
   sm,

package/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldInput,\n    IFormFieldInputProps,\n} from \"@sberbusiness/triplex-next/components/FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/**\n * Компонент текстового ввода.\n * Является более компактным вариантом отображения инпутов, чем FormGroup.\n */\nexport const TextField = React.forwardRef<HTMLDivElement, ITextFieldProps>(\n    ({ inputProps, ...textFieldBaseProps }, ref) => (\n        <TextFieldBase {...textFieldBaseProps} ref={ref}>\n            <FormFieldInput {...inputProps} />\n        </TextFieldBase>\n    ),\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["React"],"mappings":";;;;AAiBO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,YAAY,GAAG,mBAAA,GAAsB,QACpC,oBAAC,eAAA,EAAe,GAAG,oBAAoB,KACnC,UAAA,oBAAC,gBAAA,EAAgB,GAAG,YAAY,EAAA,CACpC;AAER;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldInput, IFormFieldInputProps } from \"../FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/**\n * Компонент текстового ввода.\n * Является более компактным вариантом отображения инпутов, чем FormGroup.\n */\nexport const TextField = React.forwardRef<HTMLDivElement, ITextFieldProps>(\n    ({ inputProps, ...textFieldBaseProps }, ref) => (\n        <TextFieldBase {...textFieldBaseProps} ref={ref}>\n            <FormFieldInput {...inputProps} />\n        </TextFieldBase>\n    ),\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["React"],"mappings":";;;;AAcO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,YAAY,GAAG,mBAAA,GAAsB,QACpC,oBAAC,eAAA,EAAe,GAAG,oBAAoB,KACnC,UAAA,oBAAC,gBAAA,EAAgB,GAAG,YAAY,EAAA,CACpC;AAER;AAEA,UAAU,cAAc;"}

package/components/TextField/TextFieldBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Компонент текстового ввода, на основе которого реализуются TextField и MaskedInputField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Базовый компонент текстового ввода, на основе которого реализуются TextField и MaskedField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, useLayoutEffect } from "react";
-import { t as canUseDom, w as updateCSS, x as removeCSS } from "../../chunks/vendor-Bco_z_Yi.js";
+import { w as canUseDom, x as updateCSS, y as removeCSS } from "../../chunks/vendor-1HxVLgKa.js";
 import { DesignTokenUtils } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { m as defaultsDeep } from "../../../chunks/vendor-1HxVLgKa.js";
 const ThemeProviderView = ({
   children,
   scopeClassName,

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

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../../chunks/vendor-1HxVLgKa.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-BQpMEMtl.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-DsSC48Zv.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 }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../../chunks/vendor-1HxVLgKa.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__62f4f88e";
-const desktop = "desktop__95577efe";
-const mobile = "mobile__9528fe67";
+const tooltipLink = "tooltipLink__408d19cb";
+const desktop = "desktop__96305578";
+const mobile = "mobile__ce309f97";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.38.0",
+        "data-tx": "1.39.0",
         ref,
         children
       }
@@ -33,7 +33,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.38.0",
+        "data-tx": "1.39.0",
         ref,
         children
       }

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { TooltipContext } from "../../TootlipContext.js";
 import { ButtonIcon } from "../../../Button/ButtonIcon.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-DsSC48Zv.js";
 const TooltipXButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -3,13 +3,13 @@ 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 { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
+import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-1HxVLgKa.js";
 import { TooltipContext } from "../../../TootlipContext.js";
 import { Portal } from "../../../../Portal/Portal.js";
 import { ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipFlowTypes, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DsSC48Zv.js";
 const flowToTipTranslations = {
   column: "translateX",
   row: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
-import { c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
+import { c as clsx } from "../../../../../chunks/vendor-1HxVLgKa.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DsSC48Zv.js";
 const TooltipDesktopTip = React__default.forwardRef((props, ref) => {
   const { direction } = props;
   let directionClass;

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,11 +5,11 @@ import { Portal } from "../../../Portal/Portal.js";
 import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
-import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
-const tooltipMobile = "tooltipMobile__b06f1746";
-const tooltipMobileContent = "tooltipMobileContent__feab2eee";
-const headerless = "headerless__ae58df2a";
-const closeButton = "closeButton__f7ff45bb";
+import { c as clsx } from "../../../../chunks/vendor-1HxVLgKa.js";
+const tooltipMobile = "tooltipMobile__88d79212";
+const tooltipMobileContent = "tooltipMobileContent__9c1c6256";
+const headerless = "headerless__bc985c05";
+const closeButton = "closeButton__ef0ae26b";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__73c7dc3f";
-const topOverlayWrapper = "topOverlayWrapper__caf21011";
-const closing = "closing__17ebdf86";
-const opened = "opened__f55e3f02";
-const topOverlayPanel = "topOverlayPanel__360d7eac";
-const topOverlay = "topOverlay__bdc1aaf5";
+const topOverlayMask = "topOverlayMask__a81cd2cf";
+const topOverlayWrapper = "topOverlayWrapper__e8bca055";
+const closing = "closing__f9175ea2";
+const opened = "opened__ded7a987";
+const topOverlayPanel = "topOverlayPanel__c0ecde75";
+const topOverlay = "topOverlay__afc7de1d";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,

package/components/TreeView/TreeView.js

@@ -9,8 +9,8 @@ import { TreeViewContext } from "./TreeViewContext.js";
 import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
 import { TreeViewNode } from "./components/TreeViewNode.js";
 import { TreeViewGroup } from "./components/TreeViewGroup.js";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/TreeView.module-BW9vWJxu.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
+import { s as styles } from "../../chunks/TreeView.module-mM9v32zk.js";
 const rootNodeId = "rootNode";
 class TreeView extends React__default.Component {
   constructor(props) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/TreeView.module-BW9vWJxu.js";
+import { s as styles } from "../../../chunks/TreeView.module-mM9v32zk.js";
 const TreeViewGroup = ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { role: "group", className: styles.treeViewGroup, ...props, children });
 export {
   TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -6,8 +6,8 @@ import React__default from "react";
 import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/TreeView.module-BW9vWJxu.js";
+import { c as clsx } from "../../../chunks/vendor-1HxVLgKa.js";
+import { s as styles } from "../../../chunks/TreeView.module-mM9v32zk.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -1,14 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-6r0L2MTn.js";
-const caption = "caption__754cf020";
-const regular = "regular__9b385e56";
-const semibold = "semibold__e5df5473";
-const c1 = "c1__a31f81ad";
-const c2 = "c2__5631b810";
-const d1 = "d1__47eff19b";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cvk1NtW-.js";
+import { getTextDecorationClassName } from "./utils.js";
+const caption = "caption__8d4234a7";
+const regular = "regular__253359c7";
+const semibold = "semibold__8c44a2ab";
+const c1 = "c1__d4270c73";
+const c2 = "c2__e578249a";
+const d1 = "d1__25d497db";
 const styles = {
   caption,
   regular,
@@ -44,11 +45,7 @@ const Caption = forwardRef(
       SIZE_TO_CLASS_NAME_MAP[size],
       FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],
       FONT_TYPE_TO_CLASS_NAME_MAP[type],
-      {
-        [typographyStyles.strikethrough]: !!strikethrough && !underline,
-        [typographyStyles.underline]: !!underline && !strikethrough,
-        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
-      },
+      getTextDecorationClassName(typographyStyles, underline, strikethrough),
       className
     );
     const Tag = tag;

package/components/Typography/Caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontWeightCaption, ECaptionSize, EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport styles from \"./styles/Caption.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<ECaptionSize, string> = {\n    [ECaptionSize.C1]: styles.c1,\n    [ECaptionSize.C2]: styles.c2,\n    [ECaptionSize.D1]: styles.d1,\n};\n\n// Соответствие веса шрифта имени класса.\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightCaption, string> = {\n    [EFontWeightCaption.REGULAR]: styles.regular,\n    [EFontWeightCaption.SEMIBOLD]: styles.semibold,\n};\n\n/** Свойства компонента Caption. */\nexport type TCaptionProps<T extends keyof JSX.IntrinsicElements> = {\n    /** Размер текста. */\n    size: ECaptionSize;\n    /** Толщина шрифта. */\n    weight?: EFontWeightCaption;\n} & ITypographyProps &\n    JSX.IntrinsicElements[T];\n\n/** Подпись (типографика). */\nexport const Caption = forwardRef<HTMLElement, TCaptionProps<keyof JSX.IntrinsicElements>>(\n    <T extends keyof JSX.IntrinsicElements = \"span\">(\n        {\n            children,\n            className,\n            size,\n            weight = EFontWeightCaption.REGULAR,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            tag = \"span\" as T,\n            ...props\n        }: TCaptionProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): React.JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.caption,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag;\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCaption.displayName = \"Caption\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAM,yBAAuD;AAAA,EACzD,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAC9B;AAGA,MAAM,gCAAoE;AAAA,EACtE,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAYO,MAAM,UAAU;AAAA,EACnB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,mBAAmB;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEP,QACoB;AACpB,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM;AAEZ,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}
+{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontWeightCaption, ECaptionSize, EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { getTextDecorationClassName } from \"./utils\";\nimport styles from \"./styles/Caption.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP: Record<ECaptionSize, string> = {\n    [ECaptionSize.C1]: styles.c1,\n    [ECaptionSize.C2]: styles.c2,\n    [ECaptionSize.D1]: styles.d1,\n};\n\n/** Соответствие веса шрифта имени класса. */\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightCaption, string> = {\n    [EFontWeightCaption.REGULAR]: styles.regular,\n    [EFontWeightCaption.SEMIBOLD]: styles.semibold,\n};\n\n/** Свойства компонента Caption. */\nexport type TCaptionProps<T extends keyof JSX.IntrinsicElements> = {\n    /** Размер текста. */\n    size: ECaptionSize;\n    /** Толщина шрифта. */\n    weight?: EFontWeightCaption;\n} & ITypographyProps &\n    JSX.IntrinsicElements[T];\n\n/** Подпись (типографика). */\nexport const Caption = forwardRef<HTMLElement, TCaptionProps<keyof JSX.IntrinsicElements>>(\n    <T extends keyof JSX.IntrinsicElements = \"span\">(\n        {\n            children,\n            className,\n            size,\n            weight = EFontWeightCaption.REGULAR,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            tag = \"span\" as T,\n            ...props\n        }: TCaptionProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): React.JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.caption,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            getTextDecorationClassName(typographyStyles, underline, strikethrough),\n            className,\n        );\n\n        const Tag = tag;\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCaption.displayName = \"Caption\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,yBAAuD;AAAA,EACzD,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAC9B;AAGA,MAAM,gCAAoE;AAAA,EACtE,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAYO,MAAM,UAAU;AAAA,EACnB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,mBAAmB;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEP,QACoB;AACpB,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC,2BAA2B,kBAAkB,WAAW,aAAa;AAAA,MACrE;AAAA,IAAA;AAGJ,UAAM,MAAM;AAEZ,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}

package/components/Typography/CodeText.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-1HxVLgKa.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-6r0L2MTn.js";
-const codeText = "codeText__4260a3f7";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cvk1NtW-.js";
+import { getTextDecorationClassName } from "./utils.js";
+const codeText = "codeText__bbe21f47";
 const styles = {
   codeText
 };
@@ -21,11 +22,7 @@ const CodeText = forwardRef(
       typographyStyles.typography,
       styles.codeText,
       FONT_TYPE_TO_CLASS_NAME_MAP[type],
-      {
-        [typographyStyles.strikethrough]: !!strikethrough && !underline,
-        [typographyStyles.underline]: !!underline && !strikethrough,
-        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
-      },
+      getTextDecorationClassName(typographyStyles, underline, strikethrough),
       className
     );
     const Tag = tag;