@sberbusiness/triplex-next 0.37.0 → 0.39.0

package/components/Table/NoColumns.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__cbdf16dc";
-const content = "content__e80659dc";
+const noColumns = "noColumns__754d3d96";
+const content = "content__80dabbc8";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const paginationPanel = "paginationPanel__f149e446";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+const paginationPanel = "paginationPanel__064935ce";
 const styles = {
   paginationPanel
 };
@@ -9,7 +9,7 @@ const PaginationPanel = ({ children, className, ...htmlDivAttributes }) => /* @_
   {
     className: clsx(styles.paginationPanel, className),
     ...htmlDivAttributes,
-    "data-tx": "0.37.0",
+    "data-tx": "0.39.0",
     children
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
-import { i as isEqual } from "../../../chunks/vendor-BtZO8a0z.js";
+import { i as isEqual } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-Bd03Y65b.js";
+import { s as styles } from "../../../chunks/utils-Bv8Gz_QY.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-BtZO8a0z.js";
-import { s as styles } from "../../../../chunks/utils-Bd03Y65b.js";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../../chunks/utils-Bv8Gz_QY.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

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

@@ -4,8 +4,8 @@ import { isNullOrUndefined } from "../../../../utils/isNullOrUndefined.js";
 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-BtZO8a0z.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-Bd03Y65b.js";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-Bv8Gz_QY.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const TableBasicHeader = ({ columns, onOrderBy }) => {

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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 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-BtZO8a0z.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-Bd03Y65b.js";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-Bv8Gz_QY.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

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { TableBasicSettingsBody } from "./components/TableBasicSettingsBody.js";
 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__33258fa0";
-const tableSettingsDropdown = "tableSettingsDropdown__0ad43bf9";
+const tableSettingsLink = "tableSettingsLink__46b8fd30";
+const tableSettingsDropdown = "tableSettingsDropdown__b916cf12";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

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

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
-import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__fc89c02e";
-const dragging = "dragging__dafb7b00";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__effe126b";
+const dragging = "dragging__5f2fa78d";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__6bf19cd6";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__451ef35a";
 const styles = {
   columnSettingsStaticListItem
 };

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-const tableBasicSettingsBody = "tableBasicSettingsBody__24cb4e57";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+const tableBasicSettingsBody = "tableBasicSettingsBody__67fd6084";
 const styles = {
   tableBasicSettingsBody
 };

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-const tableBasicSettingsFooter = "tableBasicSettingsFooter__f163153f";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__40f80a38";
 const styles = {
   tableBasicSettingsFooter
 };

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__b4e8ca4d";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__32042fe8";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/TableFooter.module-DAKM09fI.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/TableFooter.module-DM5tgc_b.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-DAKM09fI.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DM5tgc_b.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-DAKM09fI.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DM5tgc_b.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-DAKM09fI.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DM5tgc_b.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-DAKM09fI.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-DM5tgc_b.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-Bd03Y65b.js";
+import { b, m, a } from "../../chunks/utils-Bv8Gz_QY.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -2,25 +2,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { TabsExtended } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import "../TabsExtended/TabsExtendedContext.js";
 import "../TabsExtended/components/TabsExtendedTab.js";
 import "../TabsExtended/components/TabsExtendedTabButton.js";
 import "../TabsExtended/components/TabsExtendedTabContext.js";
 import { ETabsExtendedType } from "../TabsExtended/enums.js";
 import "../Button/Button.js";
-import "../Button/ButtonBase.js";
 import "../Button/ButtonIcon.js";
 import { ButtonDropdown } from "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
 import { EButtonDotsTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-const tabsContent = "tabsContent__4c861d88";
-const tabButtonDropdown = "tabButtonDropdown__369180db";
-const sm = "sm__9654af8e";
-const md = "md__89fdbbd9";
-const lg = "lg__e42ecc75";
+const tabsContent = "tabsContent__7269e4cd";
+const tabButtonDropdown = "tabButtonDropdown__864e8a0b";
+const sm = "sm__8db0ed4d";
+const md = "md__2a04fb5d";
+const lg = "lg__d55779fa";
 const styles = {
   tabsContent,
   tabButtonDropdown,

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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
-import { s as styles } from "../../chunks/TabsExtended.module-B54esC9O.js";
+import { s as styles } from "../../chunks/TabsExtended.module-91rJFYMk.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-B02nhAst.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-B1pi9Ckc.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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-B54esC9O.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-91rJFYMk.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-B54esC9O.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-91rJFYMk.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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, { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-B54esC9O.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-91rJFYMk.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
 const TabsExtendedTab = React.forwardRef(

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-B02nhAst.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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-B1pi9Ckc.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, { useContext, useState, useRef, useLayoutEffect, isValidElement } from "react";
-import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-BtZO8a0z.js";
+import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-B54esC9O.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-91rJFYMk.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-B02nhAst.js";
+import { a, T } from "../../chunks/utils-B1pi9Ckc.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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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-B1cAOjYq.js";
+import { s as styles } from "../../chunks/TabsLine.module-DAe_P2wh.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/TabsLine.module-B1cAOjYq.js";
+import { l as lodashExports } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/TabsLine.module-DAe_P2wh.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-BtZO8a0z.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-XgkJENoJ.js";
+import "../../../chunks/DropdownListItem-COR0eOzM.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-B1cAOjYq.js";
+import { s as styles } from "../../../chunks/TabsLine.module-DAe_P2wh.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, { useState, createElement } from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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-B1cAOjYq.js";
+import { s as styles } from "../../../chunks/TabsLine.module-DAe_P2wh.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsLineItem = React.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__6b7d34f8";
-const tabsLineMobile = "tabsLineMobile__724f4f10";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__d276066a";
+const tabsLineMobile = "tabsLineMobile__bc91d23c";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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__9fc2c777";
-const sm = "sm__87c1e108";
-const md = "md__c5cc1277";
-const lg = "lg__07dcdbbf";
-const content = "content__70587d7a";
+const tag = "tag__e4955d62";
+const sm = "sm__6331953c";
+const md = "md__7ec9487d";
+const lg = "lg__1e6e4220";
+const content = "content__a35cdee4";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -1,23 +1,23 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__6fd5eeb5";
-const sm = "sm__9609c6f8";
-const md = "md__cd935b9c";
-const lg = "lg__7f359d84";
-const success = "success__c780f37e";
-const info = "info__8abf65da";
-const warning = "warning__a7e0738a";
-const error = "error__7d93355c";
-const content = "content__efbde625";
+const tagColor = "tagColor__6973139f";
+const sm = "sm__f62bb68b";
+const md = "md__b9e0cbf4";
+const lg = "lg__f7068ae9";
+const success = "success__350e4b4e";
+const info = "info__01cb3c2a";
+const warning = "warning__69bdc716";
+const error = "error__ff06f3f9";
+const content = "content__57a0a571";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__06456ad7",
+  "default": "default__2cd38b64",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__f1766503";
-const sm = "sm__5cb2c6c7";
-const md = "md__514db85d";
-const lg = "lg__4dcd6970";
+const tagGroup = "tagGroup__14217ab9";
+const sm = "sm__152f9d7f";
+const md = "md__36bcc230";
+const lg = "lg__f86a50b8";
 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":[],"mappings":";;;;AAiBO,MAAM,YAAY,MAAM;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":[],"mappings":";;;;AAcO,MAAM,YAAY,MAAM;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":[],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgB,MAAM;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":[],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgB,MAAM;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 { s as canUseDom, t as updateCSS, w as removeCSS } from "../../chunks/vendor-BtZO8a0z.js";
+import { t as canUseDom, w as updateCSS, x as removeCSS } from "../../chunks/vendor-DKrjZZwJ.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 { k as defaultsDeep } from "../../../chunks/vendor-BtZO8a0z.js";
+import { k as defaultsDeep } from "../../../chunks/vendor-DKrjZZwJ.js";
 const ThemeProviderView = ({
   children,
   scopeClassName,