@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/Page/components/HeaderPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Header } from "../../Header/Header.js";
 import { EHeaderPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-CyuFcFEq.js";
+import { s as styles } from "../../../chunks/Page.module-Cew9zu6t.js";
 const HeaderPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
-const paginationExtended = "paginationExtended__8f031cbc";
+const paginationExtended = "paginationExtended__74d9e713";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.39.0",
+        "data-tx": "0.41.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigation.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { PaginationNavigationButton } from "./PaginationNavigationButton.js";
-import { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from "../utils/paginationUtils.js";
+import { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from "../utils.js";
 import { PaginationPageEllipsis } from "./PaginationPageEllipsis.js";
 import { PaginationPageButton } from "./PaginationPageButton.js";
 import { PaginationNavigationExtended } from "./PaginationNavigationExtended.js";

package/components/Pagination/components/PaginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils/paginationUtils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages,\n        });\n\n        const isFirstPage = currentPage === 1;\n        const isLastPage = currentPage === totalPages;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAc,gBAAgB;AACpC,UAAM,aAAa,gBAAgB;AAEnC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}
+{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages,\n        });\n\n        const isFirstPage = currentPage === 1;\n        const isLastPage = currentPage === totalPages;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAc,gBAAgB;AACpC,UAAM,aAAa,gBAAgB;AAEnC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,8 +4,8 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-const paginationNavigationButton = "paginationNavigationButton__0a695184";
-const directionIconNext = "directionIconNext__f36fad86";
+const paginationNavigationButton = "paginationNavigationButton__40fa703c";
+const directionIconNext = "directionIconNext__4f7f8da0";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

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

package/components/Pagination/components/PaginationPageButton.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
-const paginationPageButton = "paginationPageButton__710d9edf";
-const currentPage = "currentPage__799ec605";
+const paginationPageButton = "paginationPageButton__d344f816";
+const currentPage = "currentPage__daafef52";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__bd9fdfda";
+const paginationPageEllipsis = "paginationPageEllipsis__6b0038ba";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField } from "../../SelectField/SelectField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__bc6a5053";
-const paginationSelectControl = "paginationSelectControl__936feffe";
+const paginationSelect = "paginationSelect__190b8d34";
+const paginationSelectControl = "paginationSelectControl__a7b337d4";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Pagination/{utils/paginationUtils.js → utils.js}

@@ -1,4 +1,4 @@
-import { j as range } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { j as range } from "../../chunks/vendor-BtZO8a0z.js";
 const PAGINATION_ELLIPSIS_VALUE = -1;
 const PaginationUtils = {
   /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */
@@ -57,4 +57,4 @@ export {
   PAGINATION_ELLIPSIS_VALUE,
   PaginationUtils
 };
-//# sourceMappingURL=paginationUtils.js.map
+//# sourceMappingURL=utils.js.map

package/components/Pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Pagination/utils.tsx"],"sourcesContent":["import range from \"lodash-es/range\";\n\n/** Параметры для построения итогового массива страниц пагинации. */\nexport interface IGeneratePageNumbersProps {\n    /** Текущая страница. */\n    currentPage: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount: number;\n    /** Общее количество страниц. */\n    totalPages: number;\n}\n\n/** Служебное значение в массиве страниц, обозначающее место отрисовки многоточия. */\nexport const PAGINATION_ELLIPSIS_VALUE = -1;\n\n/** Набор утилит для вычисления массива отображаемых номеров страниц пагинации. */\nexport const PaginationUtils = {\n    /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */\n    generateRange: (from: number, to: number, step = 1): number[] => {\n        if (from > to) {\n            return [];\n        }\n\n        return range(from, to + 1, step);\n    },\n\n    /** Вычисление диапазонов страниц в начале, конце и вокруг текущей, а также границ для расстановки многоточий. */\n    generatePageRanges: (currentPage: number, siblingCount: number, boundaryCount: number, totalPages: number) => {\n        // Удвоение числа соседей текущей страницы, чтобы учесть их как слева, так и справа.\n        const doubleSiblings = 2;\n\n        // Отделение страниц boundaryCount (в начале и в конце) от последующих или предыдущих страниц для добавления многоточия.\n        const boundaryDivider = 2;\n\n        // Массив страниц в начале, от 1 - до boundaryCount либо до конца (в зависимости от количества страниц).\n        const startPages = PaginationUtils.generateRange(1, Math.min(boundaryCount, totalPages));\n\n        // Массив страниц в конце, от boundaryCount слева либо от boundaryCount справа (в зависимости от количества страниц) - до конца.\n        const endPages = PaginationUtils.generateRange(\n            Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),\n            totalPages,\n        );\n\n        // Первая из отображаемых слева страниц-соседей, если текущая страница находится ближе к концу.\n        const lowerBoundaryWhenCurrentPageHigh = totalPages - boundaryCount - 1 - siblingCount * doubleSiblings;\n\n        // Первая из отображаемых слева страниц-соседей текущей вне зависимости от того, где текущая находится.\n        const siblingsStart = Math.max(\n            Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n            boundaryCount + boundaryDivider,\n        );\n\n        // Последняя из отображаемых справа страниц-соседей, если текущая страница находится ближе к началу.\n        const upperBoundaryWhenCurrentPageLow = boundaryCount + boundaryDivider + siblingCount * doubleSiblings;\n\n        // Последняя из отображаемых справа страниц-соседей текущей вне зависимости от того, где текущая находится.\n        const siblingsEnd = Math.min(\n            Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n            totalPages - boundaryCount - 1,\n        );\n\n        return { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages };\n    },\n\n    /** Создание итогового массива номеров страниц для отображения. Места многоточий помечаются значением PAGINATION_ELLIPSIS_VALUE. */\n    createPagesArray: ({\n        currentPage,\n        siblingCount,\n        boundaryCount,\n        totalPages,\n    }: IGeneratePageNumbersProps): number[] => {\n        const { boundaryDivider, endPages, siblingsEnd, siblingsStart, startPages } =\n            PaginationUtils.generatePageRanges(currentPage, siblingCount, boundaryCount, totalPages);\n        // Инициализация массива страниц с добавлением начальных.\n        const pages: number[] = startPages;\n\n        /* Если левые соседи текущей страницы не идут сразу за левой областью boundaryCount (с учетом boundaryDivider), между ними необходимо добавить многоточие.\n        Иначе - добавить видимую страницу. */\n        if (siblingsStart > boundaryCount + boundaryDivider) {\n            pages.push(PAGINATION_ELLIPSIS_VALUE);\n        } else if (boundaryCount + 1 < totalPages - boundaryCount) {\n            pages.push(boundaryCount + 1);\n        }\n\n        // Добавление в массив страниц промежутка от первого слева до последнего справа соседа текущей страницы.\n        pages.push(...PaginationUtils.generateRange(siblingsStart, siblingsEnd));\n\n        /* Если за правыми соседями текущей страницы не начинается сразу правая область boundaryCount, между ними необходимо добавить многоточие.\n        Иначе - добавить видимую страницу. */\n        if (siblingsEnd < totalPages - boundaryCount - 1) {\n            pages.push(PAGINATION_ELLIPSIS_VALUE);\n        } else if (totalPages - boundaryCount > boundaryCount) {\n            pages.push(totalPages - boundaryCount);\n        }\n\n        // Добавление в массив конечных страниц.\n        pages.push(...endPages);\n\n        return pages;\n    },\n};\n"],"names":[],"mappings":";AAeO,MAAM,4BAA4B;AAGlC,MAAM,kBAAkB;AAAA;AAAA,EAE3B,eAAe,CAAC,MAAc,IAAY,OAAO,MAAgB;AAC7D,QAAI,OAAO,IAAI;AACX,aAAO,CAAA;AAAA,IACX;AAEA,WAAO,MAAM,MAAM,KAAK,GAAG,IAAI;AAAA,EACnC;AAAA;AAAA,EAGA,oBAAoB,CAAC,aAAqB,cAAsB,eAAuB,eAAuB;AAE1G,UAAM,iBAAiB;AAGvB,UAAM,kBAAkB;AAGxB,UAAM,aAAa,gBAAgB,cAAc,GAAG,KAAK,IAAI,eAAe,UAAU,CAAC;AAGvF,UAAM,WAAW,gBAAgB;AAAA,MAC7B,KAAK,IAAI,aAAa,gBAAgB,GAAG,gBAAgB,CAAC;AAAA,MAC1D;AAAA,IAAA;AAIJ,UAAM,mCAAmC,aAAa,gBAAgB,IAAI,eAAe;AAGzF,UAAM,gBAAgB,KAAK;AAAA,MACvB,KAAK,IAAI,cAAc,cAAc,gCAAgC;AAAA,MACrE,gBAAgB;AAAA,IAAA;AAIpB,UAAM,kCAAkC,gBAAgB,kBAAkB,eAAe;AAGzF,UAAM,cAAc,KAAK;AAAA,MACrB,KAAK,IAAI,cAAc,cAAc,+BAA+B;AAAA,MACpE,aAAa,gBAAgB;AAAA,IAAA;AAGjC,WAAO,EAAE,iBAAiB,UAAU,aAAa,eAAe,WAAA;AAAA,EACpE;AAAA;AAAA,EAGA,kBAAkB,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,MACuC;AACvC,UAAM,EAAE,iBAAiB,UAAU,aAAa,eAAe,WAAA,IAC3D,gBAAgB,mBAAmB,aAAa,cAAc,eAAe,UAAU;AAE3F,UAAM,QAAkB;AAIxB,QAAI,gBAAgB,gBAAgB,iBAAiB;AACjD,YAAM,KAAK,yBAAyB;AAAA,IACxC,WAAW,gBAAgB,IAAI,aAAa,eAAe;AACvD,YAAM,KAAK,gBAAgB,CAAC;AAAA,IAChC;AAGA,UAAM,KAAK,GAAG,gBAAgB,cAAc,eAAe,WAAW,CAAC;AAIvE,QAAI,cAAc,aAAa,gBAAgB,GAAG;AAC9C,YAAM,KAAK,yBAAyB;AAAA,IACxC,WAAW,aAAa,gBAAgB,eAAe;AACnD,YAAM,KAAK,aAAa,aAAa;AAAA,IACzC;AAGA,UAAM,KAAK,GAAG,QAAQ;AAEtB,WAAO;AAAA,EACX;AACJ;"}

package/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n/** Свойства компонента Portal. */\nexport interface IPortalProps {\n    children: React.ReactNode;\n    container: Element;\n}\n\n/** Компонент портал, для рендера элемента во внешний DOM узел. */\nexport const Portal: React.FC<IPortalProps> = ({ children, container }) => ReactDOM.createPortal(children, container);\n"],"names":[],"mappings":";AAUO,MAAM,SAAiC,CAAC,EAAE,UAAU,gBAAgB,SAAS,aAAa,UAAU,SAAS;"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n/** Свойства компонента Portal. */\nexport interface IPortalProps {\n    /** Содержимое, рендерящееся в container. */\n    children: React.ReactNode;\n    /** DOM-узел, в который рендерится содержимое. */\n    container: Element;\n}\n\n/** Портал для рендера содержимого во внешний DOM-узел (обёртка над ReactDOM.createPortal). */\nexport const Portal: React.FC<IPortalProps> = ({ children, container }) => ReactDOM.createPortal(children, container);\n"],"names":[],"mappings":";AAYO,MAAM,SAAiC,CAAC,EAAE,UAAU,gBAAgB,SAAS,aAAa,UAAU,SAAS;"}

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__516f13ca";
-const sm = "sm__91456084";
-const nonempty = "nonempty__8d1dc91a";
-const md = "md__bb5911cc";
-const lg = "lg__f21ffa90";
-const disabled = "disabled__80b1cd2d";
-const radio = "radio__a7ca02e8";
-const radioIcon = "radioIcon__d6b7cbf5";
+const label = "label__5f5f04ba";
+const sm = "sm__75d0f24b";
+const nonempty = "nonempty__865936a8";
+const md = "md__c52361d1";
+const lg = "lg__f12a49d4";
+const disabled = "disabled__67a54a22";
+const radio = "radio__2708cff0";
+const radioIcon = "radioIcon__f67e5cda";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.39.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.41.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const radioXGroup = "radioXGroup__d020275d";
-const label = "label__516f13ca";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const radioXGroup = "radioXGroup__e3afc7aa";
+const label = "label__5f5f04ba";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__f5c19986",
+  "indent-12": "indent-12__49040081",
   label,
-  "indent-16": "indent-16__ad763a9f",
-  "indent-20": "indent-20__2f6f4f83",
-  "indent-24": "indent-24__bc4932d9",
-  "indent-28": "indent-28__4785e1a2",
-  "indent-32": "indent-32__9e799a53"
+  "indent-16": "indent-16__4bff0ddc",
+  "indent-20": "indent-20__9a30ffe6",
+  "indent-24": "indent-24__2a04aa69",
+  "indent-28": "indent-28__aab7cae3",
+  "indent-32": "indent-32__c866e609"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const radioYGroup = "radioYGroup__cd23dfc9";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const radioYGroup = "radioYGroup__be787e8e";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__84d3e14e";
-const noPaddingBottom = "noPaddingBottom__e350835b";
-const SM = "SM__63ac0637";
-const MD = "MD__f34b5958";
+const row = "row__a5e9902c";
+const noPaddingBottom = "noPaddingBottom__6841eac3";
+const SM = "SM__b76a8715";
+const MD = "MD__dc4619f3";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { useState } from "react";
 import { SMSFieldContext } from "./SMSFieldContext.js";
 import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-By9uV96A.js";
+import { s as styles } from "../../chunks/SMSField.module-DF_16zDO.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -30,7 +30,7 @@ const SMSField = (props) => {
         sizeClassName: sizeToClassNameMap[size],
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.39.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.41.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/SMSField.module-DF_16zDO.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";

package/components/SMSField/components/SMSFieldInput.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import React, { useContext } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
+import { s as styles } from "../../../chunks/SMSField.module-DF_16zDO.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -8,7 +8,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
+import { s as styles } from "../../../chunks/SMSField.module-DF_16zDO.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
     const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldSubmit.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
@@ -8,7 +8,7 @@ import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
+import { s as styles } from "../../../chunks/SMSField.module-DF_16zDO.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const {
     code,

package/components/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { ETooltipSize, ETooltipAlign } from "../../Tooltip/enums.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
-import { u as uniqueId } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId } from "../../../chunks/vendor-BtZO8a0z.js";
 const SMSFieldTooltip = ({
   children,
   id,

package/components/SegmentedControl/SegmentedControl.js

@@ -2,17 +2,17 @@ import { ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
 import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__dd32893d";
-const general1 = "general1__547e89a1";
-const secondary1 = "secondary1__b1324cbd";
-const general2 = "general2__4e070fbb";
-const secondary2 = "secondary2__ac3f8aaf";
-const sm = "sm__1ba78919";
-const md = "md__e584aa4c";
-const lg = "lg__756856fb";
+const segmentedControl = "segmentedControl__c31cf587";
+const general1 = "general1__9e38d04b";
+const secondary1 = "secondary1__4b670863";
+const general2 = "general2__31fd384e";
+const secondary2 = "secondary2__a72eb668";
+const sm = "sm__6500609a";
+const md = "md__b6abc7b5";
+const lg = "lg__fdce18d5";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.39.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "0.41.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__9c534945";
-const selected = "selected__322ebbe5";
-const content = "content__97a3f147";
+const segmentedControlSegment = "segmentedControlSegment__5da6ea9c";
+const selected = "selected__0026e3a2";
+const content = "content__4c1c117c";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -2,10 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect } from "react";
 import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
 import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import "../KeyDownListener/ComposedKeyDownListener.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__dd637dd9";
+const selectExtendedField = "selectExtendedField__5bb14256";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/SelectExtendedField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExtendedField.js","sources":["../../../src/components/SelectExtendedField/SelectExtendedField.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useCallback } from \"react\";\nimport { isKey, EVENT_KEY_CODES } from \"../../utils/keyboard\";\nimport { KeyDownListener } from \"../KeyDownListener\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SelectExtendedField.module.less\";\nimport { SelectExtendedFieldTarget } from \"./components/SelectExtendedFieldTarget\";\nimport { SelectExtendedFieldDropdown } from \"./components/SelectExtendedFieldDropdown\";\nimport { IDropdownListItemProps } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectExtendedFieldDefaultOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /* Значение опции. */\n    value: string;\n    /* Название опции. */\n    label: React.ReactNode;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера target - renderTarget. */\nexport interface ISelectExtendedFieldTargetProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера dropdown - children. */\nexport interface ISelectExtendedFieldDropdownProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n    targetRef: React.RefObject<HTMLDivElement>;\n    dropdownRef: React.RefObject<HTMLDivElement>;\n}\n\n/* Свойства компонента SelectExtendedField. */\nexport interface ISelectExtendedFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Рендер-функция поля выбора. */\n    renderTarget: (props: ISelectExtendedFieldTargetProvideProps) => React.ReactNode;\n    /** Рендер-функция выпадающего блока. */\n    children: (props: ISelectExtendedFieldDropdownProvideProps) => React.ReactNode;\n    /** Функция, срабатывающая при закрытии выпадающего блока. */\n    onClose?: () => void;\n    /** Функция, срабатывающая при открытии выпадающего блока. */\n    onOpen?: () => void;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/* Базовый компонент Select. На его основе могут строиться Selects с любыми value, options и target. */\nexport const SelectExtendedField = Object.assign(\n    React.forwardRef<HTMLDivElement, ISelectExtendedFieldProps>((props, ref) => {\n        const { className, onKeyDown, children, renderTarget, closeOnTab, onClose, onOpen, ...htmlDivAttributes } =\n            props;\n\n        const [opened, setOpened] = useState(false);\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        // Stable event handler pattern: колбэки хранятся в рефах, чтобы эффект\n        // не перезапускался при смене ссылок на функции между рендерами.\n        const onOpenRef = useRef(onOpen);\n        const onCloseRef = useRef(onClose);\n        // Флаг для пропуска первого срабатывания эффекта при маунте.\n        const isMountedRef = useRef(false);\n\n        // useLayoutEffect без зависимостей синхронизирует рефы после каждого коммита,\n        // гарантируя актуальность колбэков до запуска useEffect.\n        useLayoutEffect(() => {\n            onOpenRef.current = onOpen;\n            onCloseRef.current = onClose;\n        });\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleSetOpened = useCallback((newOpened: boolean) => {\n            setOpened(newOpened);\n        }, []);\n\n        const listenMouseDown = useCallback(\n            (event: Event) => {\n                if (opened) {\n                    if (\n                        !targetRef.current?.contains(event.target as Node) &&\n                        !dropdownRef.current?.contains(event.target as Node)\n                    ) {\n                        setOpened(false);\n                    }\n                }\n            },\n            [opened],\n        );\n\n        const closeDropdown = useCallback(() => {\n            if (opened) {\n                setOpened(false);\n            }\n        }, [opened]);\n\n        const handleKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const key = event.code || event.keyCode;\n\n                if (closeOnTab && isKey(key, \"TAB\")) {\n                    closeDropdown();\n                }\n\n                onKeyDown?.(event);\n            },\n            [closeOnTab, closeDropdown, onKeyDown],\n        );\n\n        useEffect(() => {\n            document.addEventListener(\"mousedown\", listenMouseDown);\n            return () => {\n                document.removeEventListener(\"mousedown\", listenMouseDown);\n            };\n        }, [listenMouseDown]);\n\n        // Вызываем onOpen/onClose только при реальных переходах opened,\n        // пропуская первое срабатывание при маунте (opened = false по умолчанию).\n        useEffect(() => {\n            if (!isMountedRef.current) {\n                isMountedRef.current = true;\n                return;\n            }\n\n            if (opened) {\n                onOpenRef.current?.();\n            } else {\n                onCloseRef.current?.();\n            }\n        }, [opened]);\n\n        return (\n            <KeyDownListener onMatch={closeDropdown} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                <div\n                    className={clsx(styles.selectExtendedField, className)}\n                    onKeyDown={handleKeyDown}\n                    ref={setRef}\n                    {...htmlDivAttributes}\n                >\n                    {renderTarget({ opened, setOpened: handleSetOpened })}\n                    {children({\n                        dropdownRef,\n                        opened,\n                        setOpened: handleSetOpened,\n                        targetRef,\n                    })}\n                </div>\n            </KeyDownListener>\n        );\n    }),\n    {\n        Target: SelectExtendedFieldTarget,\n        Dropdown: SelectExtendedFieldDropdown,\n    },\n);\n\nSelectExtendedField.displayName = \"SelectExtendedField\";\n"],"names":[],"mappings":";;;;;;;;;;;AAqDO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,CAAC,OAAO,QAAQ;AACxE,UAAM,EAAE,WAAW,WAAW,UAAU,cAAc,YAAY,SAAS,QAAQ,GAAG,kBAAA,IAClF;AAEJ,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,YAAY,OAA8B,IAAI;AACpD,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,YAAY,OAAO,MAAM;AAC/B,UAAM,aAAa,OAAO,OAAO;AAEjC,UAAM,eAAe,OAAO,KAAK;AAIjC,oBAAgB,MAAM;AAClB,gBAAU,UAAU;AACpB,iBAAW,UAAU;AAAA,IACzB,CAAC;AAED,UAAM,SAAS,CAAC,aAAoC;AAChD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,UAAM,kBAAkB,YAAY,CAAC,cAAuB;AACxD,gBAAU,SAAS;AAAA,IACvB,GAAG,CAAA,CAAE;AAEL,UAAM,kBAAkB;AAAA,MACpB,CAAC,UAAiB;;AACd,YAAI,QAAQ;AACR,cACI,GAAC,eAAU,YAAV,mBAAmB,SAAS,MAAM,YACnC,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,MAAM,UACvC;AACE,sBAAU,KAAK;AAAA,UACnB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGX,UAAM,gBAAgB,YAAY,MAAM;AACpC,UAAI,QAAQ;AACR,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,UAAM,gBAAgB;AAAA,MAClB,CAAC,UAA+C;AAC5C,cAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,YAAI,cAAc,MAAM,KAAK,KAAK,GAAG;AACjC,wBAAA;AAAA,QACJ;AAEA,+CAAY;AAAA,MAChB;AAAA,MACA,CAAC,YAAY,eAAe,SAAS;AAAA,IAAA;AAGzC,cAAU,MAAM;AACZ,eAAS,iBAAiB,aAAa,eAAe;AACtD,aAAO,MAAM;AACT,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC7D;AAAA,IACJ,GAAG,CAAC,eAAe,CAAC;AAIpB,cAAU,MAAM;;AACZ,UAAI,CAAC,aAAa,SAAS;AACvB,qBAAa,UAAU;AACvB;AAAA,MACJ;AAEA,UAAI,QAAQ;AACR,wBAAU,YAAV;AAAA,MACJ,OAAO;AACH,yBAAW,YAAX;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,+BACK,iBAAA,EAAgB,SAAS,eAAe,cAAc,gBAAgB,QACnE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,qBAAqB,SAAS;AAAA,QACrD,WAAW;AAAA,QACX,KAAK;AAAA,QACJ,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAa,EAAE,QAAQ,WAAW,gBAAA,CAAiB;AAAA,UACnD,SAAS;AAAA,YACN;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,UAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAElB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"SelectExtendedField.js","sources":["../../../src/components/SelectExtendedField/SelectExtendedField.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useCallback } from \"react\";\nimport { isKey, EVENT_KEY_CODES } from \"../../utils/keyboard\";\nimport { KeyDownListener } from \"../KeyDownListener\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SelectExtendedField.module.less\";\nimport { SelectExtendedFieldTarget } from \"./components/SelectExtendedFieldTarget\";\nimport { SelectExtendedFieldDropdown } from \"./components/SelectExtendedFieldDropdown\";\nimport { IDropdownListItemProps } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectExtendedFieldDefaultOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /* Значение опции. */\n    value: string;\n    /* Название опции. */\n    label: React.ReactNode;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера target - renderTarget. */\nexport interface ISelectExtendedFieldTargetProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера dropdown - children. */\nexport interface ISelectExtendedFieldDropdownProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n    targetRef: React.RefObject<HTMLDivElement>;\n    dropdownRef: React.RefObject<HTMLDivElement>;\n}\n\n/* Свойства компонента SelectExtendedField. */\nexport interface ISelectExtendedFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Рендер-функция поля выбора. */\n    renderTarget: (props: ISelectExtendedFieldTargetProvideProps) => React.ReactNode;\n    /** Рендер-функция выпадающего блока. */\n    children: (props: ISelectExtendedFieldDropdownProvideProps) => React.ReactNode;\n    /** Функция, срабатывающая при закрытии выпадающего блока. */\n    onClose?: () => void;\n    /** Функция, срабатывающая при открытии выпадающего блока. */\n    onOpen?: () => void;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/* Базовый компонент Select. На его основе могут строиться Selects с любыми value, options и target. */\nexport const SelectExtendedField = Object.assign(\n    React.forwardRef<HTMLDivElement, ISelectExtendedFieldProps>((props, ref) => {\n        const { className, onKeyDown, children, renderTarget, closeOnTab, onClose, onOpen, ...htmlDivAttributes } =\n            props;\n\n        const [opened, setOpened] = useState(false);\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        // Stable event handler pattern: колбэки хранятся в рефах, чтобы эффект\n        // не перезапускался при смене ссылок на функции между рендерами.\n        const onOpenRef = useRef(onOpen);\n        const onCloseRef = useRef(onClose);\n        // Флаг для пропуска первого срабатывания эффекта при маунте.\n        const isMountedRef = useRef(false);\n\n        // useLayoutEffect без зависимостей синхронизирует рефы после каждого коммита,\n        // гарантируя актуальность колбэков до запуска useEffect.\n        useLayoutEffect(() => {\n            onOpenRef.current = onOpen;\n            onCloseRef.current = onClose;\n        });\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleSetOpened = useCallback((newOpened: boolean) => {\n            setOpened(newOpened);\n        }, []);\n\n        const listenMouseDown = useCallback(\n            (event: Event) => {\n                if (opened) {\n                    if (\n                        !targetRef.current?.contains(event.target as Node) &&\n                        !dropdownRef.current?.contains(event.target as Node)\n                    ) {\n                        setOpened(false);\n                    }\n                }\n            },\n            [opened],\n        );\n\n        const closeDropdown = useCallback(() => {\n            if (opened) {\n                setOpened(false);\n            }\n        }, [opened]);\n\n        const handleKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const key = event.code || event.keyCode;\n\n                if (closeOnTab && isKey(key, \"TAB\")) {\n                    closeDropdown();\n                }\n\n                onKeyDown?.(event);\n            },\n            [closeOnTab, closeDropdown, onKeyDown],\n        );\n\n        useEffect(() => {\n            document.addEventListener(\"mousedown\", listenMouseDown);\n            return () => {\n                document.removeEventListener(\"mousedown\", listenMouseDown);\n            };\n        }, [listenMouseDown]);\n\n        // Вызываем onOpen/onClose только при реальных переходах opened,\n        // пропуская первое срабатывание при маунте (opened = false по умолчанию).\n        useEffect(() => {\n            if (!isMountedRef.current) {\n                isMountedRef.current = true;\n                return;\n            }\n\n            if (opened) {\n                onOpenRef.current?.();\n            } else {\n                onCloseRef.current?.();\n            }\n        }, [opened]);\n\n        return (\n            <KeyDownListener onMatch={closeDropdown} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                <div\n                    className={clsx(styles.selectExtendedField, className)}\n                    onKeyDown={handleKeyDown}\n                    ref={setRef}\n                    {...htmlDivAttributes}\n                >\n                    {renderTarget({ opened, setOpened: handleSetOpened })}\n                    {children({\n                        dropdownRef,\n                        opened,\n                        setOpened: handleSetOpened,\n                        targetRef,\n                    })}\n                </div>\n            </KeyDownListener>\n        );\n    }),\n    {\n        Target: SelectExtendedFieldTarget,\n        Dropdown: SelectExtendedFieldDropdown,\n    },\n);\n\nSelectExtendedField.displayName = \"SelectExtendedField\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAqDO,MAAM,sBAAsB,OAAO;AAAA,EACtC,MAAM,WAAsD,CAAC,OAAO,QAAQ;AACxE,UAAM,EAAE,WAAW,WAAW,UAAU,cAAc,YAAY,SAAS,QAAQ,GAAG,kBAAA,IAClF;AAEJ,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,YAAY,OAA8B,IAAI;AACpD,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,YAAY,OAAO,MAAM;AAC/B,UAAM,aAAa,OAAO,OAAO;AAEjC,UAAM,eAAe,OAAO,KAAK;AAIjC,oBAAgB,MAAM;AAClB,gBAAU,UAAU;AACpB,iBAAW,UAAU;AAAA,IACzB,CAAC;AAED,UAAM,SAAS,CAAC,aAAoC;AAChD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,UAAM,kBAAkB,YAAY,CAAC,cAAuB;AACxD,gBAAU,SAAS;AAAA,IACvB,GAAG,CAAA,CAAE;AAEL,UAAM,kBAAkB;AAAA,MACpB,CAAC,UAAiB;;AACd,YAAI,QAAQ;AACR,cACI,GAAC,eAAU,YAAV,mBAAmB,SAAS,MAAM,YACnC,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,MAAM,UACvC;AACE,sBAAU,KAAK;AAAA,UACnB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGX,UAAM,gBAAgB,YAAY,MAAM;AACpC,UAAI,QAAQ;AACR,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,UAAM,gBAAgB;AAAA,MAClB,CAAC,UAA+C;AAC5C,cAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,YAAI,cAAc,MAAM,KAAK,KAAK,GAAG;AACjC,wBAAA;AAAA,QACJ;AAEA,+CAAY;AAAA,MAChB;AAAA,MACA,CAAC,YAAY,eAAe,SAAS;AAAA,IAAA;AAGzC,cAAU,MAAM;AACZ,eAAS,iBAAiB,aAAa,eAAe;AACtD,aAAO,MAAM;AACT,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC7D;AAAA,IACJ,GAAG,CAAC,eAAe,CAAC;AAIpB,cAAU,MAAM;;AACZ,UAAI,CAAC,aAAa,SAAS;AACvB,qBAAa,UAAU;AACvB;AAAA,MACJ;AAEA,UAAI,QAAQ;AACR,wBAAU,YAAV;AAAA,MACJ,OAAO;AACH,yBAAW,YAAX;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,+BACK,iBAAA,EAAgB,SAAS,eAAe,cAAc,gBAAgB,QACnE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,qBAAqB,SAAS;AAAA,QACrD,WAAW;AAAA,QACX,KAAK;AAAA,QACJ,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAa,EAAE,QAAQ,WAAW,gBAAA,CAAiB;AAAA,UACnD,SAAS;AAAA,YACN;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,UAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAElB;AAEA,oBAAoB,cAAc;"}

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-COR0eOzM.js";
+import "../../../chunks/DropdownListItem-BVmaxhUL.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -4,7 +4,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-COR0eOzM.js";
+import "../../../chunks/DropdownListItem-BVmaxhUL.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -5,7 +5,7 @@ import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
@@ -20,12 +20,12 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__177a779e";
-const caretIcon = "caretIcon__f2f2305e";
-const selectOpened = "selectOpened__58303a67";
-const disabled = "disabled__2c8a902d";
-const target = "target__a79f97e4";
-const caretWrapper = "caretWrapper__92a6792d";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__89ec9dee";
+const caretIcon = "caretIcon__2eaa3d50";
+const selectOpened = "selectOpened__a67082a6";
+const disabled = "disabled__35a4a824";
+const target = "target__4e37702e";
+const caretWrapper = "caretWrapper__7862bb5f";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -118,7 +118,7 @@ const SelectExtendedFieldTarget = React.forwardRef(
         className: classNames,
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "0.39.0",
+        "data-tx": "0.41.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-COR0eOzM.js";
+import "../../chunks/DropdownListItem-BVmaxhUL.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId } from "../../chunks/vendor-BtZO8a0z.js";
 const SelectField = React.forwardRef((props, ref) => {
   const {
     children,