@sberbusiness/triplex-next 1.50.0 → 1.52.0

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
+import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
+import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
+import { s as styles } from "../../chunks/Overlay.module-CtiKw8Dq.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-CIIKtXO3.js";
+import { s as styles } from "../../chunks/Page.module-DyUBYgo-.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__6efcc11f";
-const marginTopLarge = "marginTopLarge__258619c4";
-const marginTopSmall = "marginTopSmall__7a7aa46e";
-const marginTopNone = "marginTopNone__22bd4126";
-const marginBottomLarge = "marginBottomLarge__0b3f309a";
-const marginBottomSmall = "marginBottomSmall__6c34ba39";
-const marginBottomNone = "marginBottomNone__646f21cc";
+const bodyPage = "bodyPage__0ec56924";
+const marginTopLarge = "marginTopLarge__6209bc9c";
+const marginTopSmall = "marginTopSmall__407a5cd7";
+const marginTopNone = "marginTopNone__6d46495d";
+const marginBottomLarge = "marginBottomLarge__2b9009ee";
+const marginBottomSmall = "marginBottomSmall__6f53a18c";
+const marginBottomNone = "marginBottomNone__8fd797de";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.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-CIIKtXO3.js";
+import { s as styles } from "../../../chunks/Page.module-DyUBYgo-.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...restProps }, ref) => {

package/components/Page/components/HeaderPage.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-CIIKtXO3.js";
+import { s as styles } from "../../../chunks/Page.module-DyUBYgo-.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/PageIndicators/PageIndicators.js

@@ -0,0 +1,223 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef, useCallback, useEffect } from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { EOrientation } from "../../enums/EOrientation.js";
+import { mergeRefs, useLatestRef } from "../../utils/refs.js";
+import { ButtonBase } from "../Button/ButtonBase.js";
+const pageIndicators = "pageIndicators__3474ec35";
+const horizontal = "horizontal__332f9cff";
+const vertical = "vertical__14fcd593";
+const indicator = "indicator__fd476263";
+const active = "active__a8cece85";
+const styles = {
+  pageIndicators,
+  horizontal,
+  vertical,
+  indicator,
+  active
+};
+const ORIENTATION_TO_NAVIGATION_KEYS = {
+  [EOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
+  [EOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]
+};
+const WINDOW_SIZE = 5;
+const GAP = 8;
+const SIZE_NORMAL = 16;
+const SIZE_ACTIVE = 24;
+const SIZE_EDGE = 8;
+const PageIndicators = React__default.forwardRef(
+  ({
+    count,
+    activeIndex: activeIndexProp,
+    onChange,
+    orientation = EOrientation.HORIZONTAL,
+    indicatorProps,
+    className,
+    onKeyDown,
+    ...restProps
+  }, ref) => {
+    const activeIndex = Math.min(Math.max(activeIndexProp, 0), Math.max(count - 1, 0));
+    const resolvedIndicatorsProps = Array.from(
+      { length: Math.max(count, 0) },
+      (_, index) => typeof indicatorProps === "function" ? indicatorProps({ index, page: index + 1, selected: activeIndex === index }) : indicatorProps
+    );
+    const isEnabled = (index) => {
+      var _a;
+      return !((_a = resolvedIndicatorsProps[index]) == null ? void 0 : _a.disabled);
+    };
+    const findEnabledIndex = (start, step, min = 0, max = count - 1) => {
+      for (let index = start; index >= min && index <= max; index += step) {
+        if (isEnabled(index)) return index;
+      }
+      return -1;
+    };
+    let startWindowIndex = 0;
+    if (count > WINDOW_SIZE) {
+      startWindowIndex = activeIndex - Math.floor(WINDOW_SIZE / 2);
+      startWindowIndex = Math.max(0, Math.min(startWindowIndex, count - WINDOW_SIZE));
+    }
+    const endWindowIndex = startWindowIndex + WINDOW_SIZE;
+    const lastVisibleIndex = Math.min(endWindowIndex, count) - 1;
+    const nextEnabledIndex = findEnabledIndex(activeIndex, 1, startWindowIndex, lastVisibleIndex);
+    const prevEnabledIndex = findEnabledIndex(activeIndex, -1, startWindowIndex, lastVisibleIndex);
+    const tabStopIndex = prevEnabledIndex === -1 || nextEnabledIndex !== -1 && nextEnabledIndex - activeIndex <= activeIndex - prevEnabledIndex ? nextEnabledIndex : prevEnabledIndex;
+    const containerRef = useRef(null);
+    const combinedRef = mergeRefs(ref, containerRef);
+    const buttonRefs = useRef(/* @__PURE__ */ new Map());
+    const indicatorRefsCache = useRef(/* @__PURE__ */ new Map());
+    const clickHandlersCache = useRef(/* @__PURE__ */ new Map());
+    const onChangeRef = useLatestRef(onChange);
+    const indicatorPropsRef = useLatestRef(indicatorProps);
+    const activeIndexRef = useLatestRef(activeIndex);
+    const tabStopIndexRef = useLatestRef(tabStopIndex);
+    const getIndicatorRef = useCallback((index) => {
+      if (!indicatorRefsCache.current.has(index)) {
+        indicatorRefsCache.current.set(index, (node) => {
+          if (node) {
+            buttonRefs.current.set(index, node);
+          } else {
+            buttonRefs.current.delete(index);
+          }
+        });
+      }
+      return indicatorRefsCache.current.get(index);
+    }, []);
+    const getIndicatorClickHandler = useCallback(
+      (index) => {
+        if (!clickHandlersCache.current.has(index)) {
+          clickHandlersCache.current.set(index, (event) => {
+            var _a;
+            onChangeRef.current(index);
+            const currentPropsInput = indicatorPropsRef.current;
+            if (!currentPropsInput) return;
+            const resolvedProps = typeof currentPropsInput === "function" ? currentPropsInput({
+              index,
+              page: index + 1,
+              selected: activeIndexRef.current === index
+            }) : currentPropsInput;
+            (_a = resolvedProps == null ? void 0 : resolvedProps.onClick) == null ? void 0 : _a.call(resolvedProps, event);
+          });
+        }
+        return clickHandlersCache.current.get(index);
+      },
+      // Рефы стабильны.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    );
+    const handleKeyDown = (event) => {
+      const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientation];
+      const nextKeyMatched = event.key === nextKey;
+      const prevKeyMatched = event.key === prevKey;
+      const homeKeyMatched = event.key === "Home";
+      const endKeyMatched = event.key === "End";
+      if ((nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) && count > 0) {
+        event.preventDefault();
+        let nextIndex = -1;
+        if (nextKeyMatched) {
+          nextIndex = findEnabledIndex(activeIndex + 1, 1);
+        } else if (prevKeyMatched) {
+          nextIndex = findEnabledIndex(activeIndex - 1, -1);
+        } else if (homeKeyMatched) {
+          nextIndex = findEnabledIndex(0, 1);
+        } else if (endKeyMatched) {
+          nextIndex = findEnabledIndex(count - 1, -1);
+        }
+        if (nextIndex !== -1 && nextIndex !== activeIndex) {
+          onChange(nextIndex);
+        }
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    };
+    useEffect(() => {
+      for (const key of indicatorRefsCache.current.keys()) {
+        if (key >= count) {
+          indicatorRefsCache.current.delete(key);
+          buttonRefs.current.delete(key);
+        }
+      }
+      for (const key of clickHandlersCache.current.keys()) {
+        if (key >= count) {
+          clickHandlersCache.current.delete(key);
+        }
+      }
+    }, [count]);
+    useEffect(() => {
+      const container = containerRef.current;
+      if (!(container == null ? void 0 : container.contains(document.activeElement))) return;
+      const rafId = requestAnimationFrame(() => {
+        var _a;
+        (_a = buttonRefs.current.get(tabStopIndexRef.current)) == null ? void 0 : _a.focus();
+      });
+      return () => cancelAnimationFrame(rafId);
+    }, [activeIndex]);
+    if (count < 1) {
+      return null;
+    }
+    const startWindowOffset = startWindowIndex * (SIZE_EDGE + GAP);
+    let currentOffset = 0;
+    const indicatorsData = Array.from({ length: count }, (_, index) => {
+      const hidden = index < startWindowIndex || index >= endWindowIndex;
+      const selected = activeIndex === index;
+      const startEdge = index === startWindowIndex && startWindowIndex > 0;
+      const endEdge = index === endWindowIndex - 1 && endWindowIndex < count;
+      let size = SIZE_NORMAL;
+      let scale = SIZE_NORMAL / SIZE_ACTIVE;
+      if (selected) {
+        size = SIZE_ACTIVE;
+        scale = 1;
+      } else if (startEdge || endEdge || hidden) {
+        size = SIZE_EDGE;
+        scale = SIZE_EDGE / SIZE_ACTIVE;
+      }
+      const rawOffset = currentOffset;
+      currentOffset += size + GAP;
+      return { index, selected, hidden, size, scale, translate: rawOffset - startWindowOffset };
+    });
+    const lastVisibleItem = indicatorsData[lastVisibleIndex];
+    const containerSize = lastVisibleItem.translate + lastVisibleItem.size;
+    const style = {
+      ...restProps.style,
+      "--triplex-next-runtime-PageIndicators-Root_Size": `${containerSize}px`
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...restProps,
+        className: clsx(styles.pageIndicators, styles[orientation], className),
+        role: "tablist",
+        "aria-orientation": orientation,
+        onKeyDown: handleKeyDown,
+        ref: combinedRef,
+        style,
+        children: indicatorsData.map(({ index, selected, hidden, scale, translate }) => {
+          const resolvedIndicatorProps = resolvedIndicatorsProps[index];
+          const indicatorStyle = {
+            ...resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.style,
+            "--triplex-next-runtime-PageIndicators-Indicator_Scale": scale,
+            "--triplex-next-runtime-PageIndicators-Indicator_Translate": `${translate}px`
+          };
+          const providedIndicatorProps = {
+            ...resolvedIndicatorProps,
+            className: clsx(
+              styles.indicator,
+              { [styles.active]: selected },
+              resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.className
+            ),
+            role: "tab",
+            tabIndex: index === tabStopIndex ? 0 : -1,
+            "aria-selected": selected,
+            "aria-hidden": hidden ? true : resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps["aria-hidden"],
+            onClick: getIndicatorClickHandler(index),
+            style: indicatorStyle
+          };
+          return /* @__PURE__ */ jsx(ButtonBase, { ...providedIndicatorProps, ref: getIndicatorRef(index) }, index);
+        })
+      }
+    );
+  }
+);
+PageIndicators.displayName = "PageIndicators";
+export {
+  PageIndicators
+};
+//# sourceMappingURL=PageIndicators.js.map

package/components/PageIndicators/PageIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageIndicators.js","sources":["../../../src/components/PageIndicators/PageIndicators.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { IPageIndicatorsProps, TPageIndicatorProps } from \"./types\";\nimport { EOrientation } from \"../../enums\";\nimport { mergeRefs, useLatestRef } from \"../../utils/refs\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport styles from \"./styles/PageIndicators.module.less\";\n\ninterface IPageIndicatorsStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-PageIndicators-Root_Size\": string;\n}\n\ninterface IPageIndicatorsIndicatorStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-PageIndicators-Indicator_Scale\": number;\n    \"--triplex-next-runtime-PageIndicators-Indicator_Translate\": string;\n}\n\nconst ORIENTATION_TO_NAVIGATION_KEYS = {\n    [EOrientation.HORIZONTAL]: [\"ArrowRight\", \"ArrowLeft\"],\n    [EOrientation.VERTICAL]: [\"ArrowDown\", \"ArrowUp\"],\n} as const;\n\n/** Количество одновременно видимых индикаторов. */\nconst WINDOW_SIZE = 5;\nconst GAP = 8;\nconst SIZE_NORMAL = 16;\nconst SIZE_ACTIVE = 24;\nconst SIZE_EDGE = 8;\n\n/**\n * Ряд индикаторов страниц (controlled). Показывает окно из 5 индикаторов,\n * крайние индикаторы окна уменьшаются, если за ними есть ещё страницы.\n * Реализует паттерн WAI-ARIA Tabs: стрелки, Home и End переключают страницу.\n */\nexport const PageIndicators = React.forwardRef<HTMLDivElement, IPageIndicatorsProps>(\n    (\n        {\n            count,\n            activeIndex: activeIndexProp,\n            onChange,\n            orientation = EOrientation.HORIZONTAL,\n            indicatorProps,\n            className,\n            onKeyDown,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Индекс вне диапазона (например, count уменьшился раньше activeIndex) приводится к ближайшей\n        // странице: иначе ни один индикатор не активен и ряд выпадает из Tab-последовательности.\n        const activeIndex = Math.min(Math.max(activeIndexProp, 0), Math.max(count - 1, 0));\n\n        const resolvedIndicatorsProps = Array.from({ length: Math.max(count, 0) }, (_, index) =>\n            typeof indicatorProps === \"function\"\n                ? indicatorProps({ index, page: index + 1, selected: activeIndex === index })\n                : indicatorProps,\n        );\n        const isEnabled = (index: number) => !resolvedIndicatorsProps[index]?.disabled;\n\n        /** Первый доступный индекс в `[min, max]`, начиная с `start` (включительно) с шагом `step`, или -1. */\n        const findEnabledIndex = (start: number, step: 1 | -1, min = 0, max = count - 1) => {\n            for (let index = start; index >= min && index <= max; index += step) {\n                if (isEnabled(index)) return index;\n            }\n            return -1;\n        };\n\n        let startWindowIndex = 0;\n        if (count > WINDOW_SIZE) {\n            startWindowIndex = activeIndex - Math.floor(WINDOW_SIZE / 2);\n            startWindowIndex = Math.max(0, Math.min(startWindowIndex, count - WINDOW_SIZE));\n        }\n        const endWindowIndex = startWindowIndex + WINDOW_SIZE;\n\n        // Tab-stop — активный индикатор, а если он отключён (не фокусируется), ближайший доступный\n        // в видимом окне: скрытые индикаторы недоступны и мыши.\n        const lastVisibleIndex = Math.min(endWindowIndex, count) - 1;\n        const nextEnabledIndex = findEnabledIndex(activeIndex, 1, startWindowIndex, lastVisibleIndex);\n        const prevEnabledIndex = findEnabledIndex(activeIndex, -1, startWindowIndex, lastVisibleIndex);\n        const tabStopIndex =\n            prevEnabledIndex === -1 ||\n            (nextEnabledIndex !== -1 && nextEnabledIndex - activeIndex <= activeIndex - prevEnabledIndex)\n                ? nextEnabledIndex\n                : prevEnabledIndex;\n\n        const containerRef = useRef<HTMLDivElement | null>(null);\n        const combinedRef = mergeRefs(ref, containerRef);\n\n        const buttonRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n        const indicatorRefsCache = useRef<Map<number, React.RefCallback<HTMLButtonElement>>>(new Map());\n        const clickHandlersCache = useRef<Map<number, React.MouseEventHandler<HTMLButtonElement>>>(new Map());\n\n        // Актуальные значения в рефах — кэшированные колбэки клика остаются стабильными между рендерами.\n        const onChangeRef = useLatestRef(onChange);\n        const indicatorPropsRef = useLatestRef(indicatorProps);\n        const activeIndexRef = useLatestRef(activeIndex);\n        const tabStopIndexRef = useLatestRef(tabStopIndex);\n\n        const getIndicatorRef = useCallback((index: number) => {\n            if (!indicatorRefsCache.current.has(index)) {\n                indicatorRefsCache.current.set(index, (node) => {\n                    if (node) {\n                        buttonRefs.current.set(index, node);\n                    } else {\n                        buttonRefs.current.delete(index);\n                    }\n                });\n            }\n            // Безопасно: запись выше гарантирует наличие ключа в кэше.\n            return indicatorRefsCache.current.get(index)!;\n        }, []);\n\n        const getIndicatorClickHandler = useCallback(\n            (index: number) => {\n                if (!clickHandlersCache.current.has(index)) {\n                    clickHandlersCache.current.set(index, (event) => {\n                        onChangeRef.current(index);\n\n                        const currentPropsInput = indicatorPropsRef.current;\n                        if (!currentPropsInput) return;\n\n                        const resolvedProps =\n                            typeof currentPropsInput === \"function\"\n                                ? currentPropsInput({\n                                      index,\n                                      page: index + 1,\n                                      selected: activeIndexRef.current === index,\n                                  })\n                                : currentPropsInput;\n\n                        resolvedProps?.onClick?.(event);\n                    });\n                }\n                // Безопасно: запись выше гарантирует наличие ключа в кэше.\n                return clickHandlersCache.current.get(index)!;\n            },\n            // Рефы стабильны.\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [],\n        );\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientation];\n            const nextKeyMatched = event.key === nextKey;\n            const prevKeyMatched = event.key === prevKey;\n            const homeKeyMatched = event.key === \"Home\";\n            const endKeyMatched = event.key === \"End\";\n\n            if ((nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) && count > 0) {\n                event.preventDefault();\n\n                // Отключённые индикаторы пропускаются — как и при клике, перейти на них нельзя.\n                let nextIndex = -1;\n                if (nextKeyMatched) {\n                    nextIndex = findEnabledIndex(activeIndex + 1, 1);\n                } else if (prevKeyMatched) {\n                    nextIndex = findEnabledIndex(activeIndex - 1, -1);\n                } else if (homeKeyMatched) {\n                    nextIndex = findEnabledIndex(0, 1);\n                } else if (endKeyMatched) {\n                    nextIndex = findEnabledIndex(count - 1, -1);\n                }\n\n                if (nextIndex !== -1 && nextIndex !== activeIndex) {\n                    onChange(nextIndex);\n                }\n            }\n\n            onKeyDown?.(event);\n        };\n\n        // Очистка кэшей от индикаторов, которых больше нет.\n        useEffect(() => {\n            for (const key of indicatorRefsCache.current.keys()) {\n                if (key >= count) {\n                    indicatorRefsCache.current.delete(key);\n                    buttonRefs.current.delete(key);\n                }\n            }\n            for (const key of clickHandlersCache.current.keys()) {\n                if (key >= count) {\n                    clickHandlersCache.current.delete(key);\n                }\n            }\n        }, [count]);\n\n        // Фокус следует за Tab-stop (активным индикатором), если фокус уже внутри ряда.\n        useEffect(() => {\n            const container = containerRef.current;\n            if (!container?.contains(document.activeElement)) return;\n\n            const rafId = requestAnimationFrame(() => {\n                buttonRefs.current.get(tabStopIndexRef.current)?.focus();\n            });\n\n            return () => cancelAnimationFrame(rafId);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [activeIndex]);\n\n        if (count < 1) {\n            return null;\n        }\n\n        const startWindowOffset = startWindowIndex * (SIZE_EDGE + GAP);\n\n        let currentOffset = 0;\n\n        const indicatorsData = Array.from({ length: count }, (_, index) => {\n            const hidden = index < startWindowIndex || index >= endWindowIndex;\n            const selected = activeIndex === index;\n\n            const startEdge = index === startWindowIndex && startWindowIndex > 0;\n            const endEdge = index === endWindowIndex - 1 && endWindowIndex < count;\n\n            let size = SIZE_NORMAL;\n            let scale = SIZE_NORMAL / SIZE_ACTIVE;\n\n            if (selected) {\n                size = SIZE_ACTIVE;\n                scale = 1;\n            } else if (startEdge || endEdge || hidden) {\n                size = SIZE_EDGE;\n                scale = SIZE_EDGE / SIZE_ACTIVE;\n            }\n\n            const rawOffset = currentOffset;\n            currentOffset += size + GAP;\n\n            return { index, selected, hidden, size, scale, translate: rawOffset - startWindowOffset };\n        });\n\n        const lastVisibleItem = indicatorsData[lastVisibleIndex];\n        const containerSize = lastVisibleItem.translate + lastVisibleItem.size;\n\n        const style: IPageIndicatorsStyle = {\n            ...restProps.style,\n            \"--triplex-next-runtime-PageIndicators-Root_Size\": `${containerSize}px`,\n        };\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.pageIndicators, styles[orientation], className)}\n                role=\"tablist\"\n                aria-orientation={orientation}\n                onKeyDown={handleKeyDown}\n                ref={combinedRef}\n                style={style}\n            >\n                {indicatorsData.map(({ index, selected, hidden, scale, translate }) => {\n                    const resolvedIndicatorProps = resolvedIndicatorsProps[index];\n\n                    const indicatorStyle: IPageIndicatorsIndicatorStyle = {\n                        ...resolvedIndicatorProps?.style,\n                        \"--triplex-next-runtime-PageIndicators-Indicator_Scale\": scale,\n                        \"--triplex-next-runtime-PageIndicators-Indicator_Translate\": `${translate}px`,\n                    };\n\n                    const providedIndicatorProps: TPageIndicatorProps = {\n                        ...resolvedIndicatorProps,\n                        className: clsx(\n                            styles.indicator,\n                            { [styles.active]: selected },\n                            resolvedIndicatorProps?.className,\n                        ),\n                        role: \"tab\",\n                        tabIndex: index === tabStopIndex ? 0 : -1,\n                        \"aria-selected\": selected,\n                        \"aria-hidden\": hidden ? true : resolvedIndicatorProps?.[\"aria-hidden\"],\n                        onClick: getIndicatorClickHandler(index),\n                        style: indicatorStyle,\n                    };\n\n                    return <ButtonBase key={index} {...providedIndicatorProps} ref={getIndicatorRef(index)} />;\n                })}\n            </div>\n        );\n    },\n);\n\nPageIndicators.displayName = \"PageIndicators\";\n"],"names":["React"],"mappings":"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"}

package/components/PageIndicators/index.js

@@ -0,0 +1,5 @@
+import { PageIndicators } from "./PageIndicators.js";
+export {
+  PageIndicators
+};
+//# sourceMappingURL=index.js.map

package/components/PageIndicators/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/PageIndicators/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/PageIndicators/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__ebe9893e";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const paginationExtended = "paginationExtended__9833b5ee";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.50.0",
+        "data-tx": "1.52.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationExtended.js","sources":["../../../../src/components/Pagination/components/PaginationExtended.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport styles from \"../styles/Pagination.module.less\";\n\n/** Свойства компонента PaginationExtended. */\nexport interface IPaginationExtendedProps extends React.HTMLAttributes<HTMLElement> {}\n\n/** Контейнер для компоновки кастомной пагинации. */\nexport const PaginationExtended = React.forwardRef<HTMLElement, IPaginationExtendedProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <nav\n                className={clsx(styles.paginationExtended, className)}\n                data-tx={process.env.npm_package_version}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </nav>\n        );\n    },\n);\n\nPaginationExtended.displayName = \"PaginationExtended\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,oBAAoB,SAAS;AAAA,QACpD,WAAS;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"PaginationExtended.js","sources":["../../../../src/components/Pagination/components/PaginationExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Pagination.module.less\";\n\n/** Свойства компонента PaginationExtended. */\nexport interface IPaginationExtendedProps extends React.HTMLAttributes<HTMLElement> {}\n\n/** Контейнер для компоновки кастомной пагинации. */\nexport const PaginationExtended = React.forwardRef<HTMLElement, IPaginationExtendedProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <nav\n                className={clsx(styles.paginationExtended, className)}\n                data-tx={process.env.npm_package_version}\n                {...rest}\n                ref={ref}\n            >\n                {children}\n            </nav>\n        );\n    },\n);\n\nPaginationExtended.displayName = \"PaginationExtended\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,oBAAoB,SAAS;AAAA,QACpD,WAAS;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,mBAAmB,cAAc;"}

package/components/Pagination/components/PaginationNavigationButton.js

@@ -5,8 +5,8 @@ import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationNavigationButton = "paginationNavigationButton__860f1a53";
-const directionIconNext = "directionIconNext__21a083a5";
+const paginationNavigationButton = "paginationNavigationButton__d63c3f54";
+const directionIconNext = "directionIconNext__9519bc58";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

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

package/components/Pagination/components/PaginationNavigationExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigationExtended.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/PaginationNavigationExtended.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента PaginationNavigationExtended. */\nexport interface IPaginationNavigationExtendedProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** Контейнер-список для компоновки кастомной навигации пагинации. */\nexport const PaginationNavigationExtended = React.forwardRef<HTMLUListElement, IPaginationNavigationExtendedProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <ul className={clsx(styles.paginationNavigationExtended, className)} {...rest} ref={ref}>\n                {children}\n            </ul>\n        );\n    },\n);\n\nPaginationNavigationExtended.displayName = \"PaginationNavigationExtended\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,+BAA+BA,eAAM;AAAA,EAC9C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,MAAA,EAAG,WAAW,KAAK,OAAO,8BAA8B,SAAS,GAAI,GAAG,MAAM,KAC1E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,6BAA6B,cAAc;"}
+{"version":3,"file":"PaginationNavigationExtended.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationNavigationExtended.module.less\";\n\n/**\n * Свойства компонента PaginationNavigationExtended: стандартные HTML-атрибуты списка.\n * children задаёт элементы списка, className добавляется к классу корневого ul.\n */\nexport interface IPaginationNavigationExtendedProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** Контейнер-список для компоновки кастомной навигации пагинации. */\nexport const PaginationNavigationExtended = React.forwardRef<HTMLUListElement, IPaginationNavigationExtendedProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <ul className={clsx(styles.paginationNavigationExtended, className)} {...rest} ref={ref}>\n                {children}\n            </ul>\n        );\n    },\n);\n\nPaginationNavigationExtended.displayName = \"PaginationNavigationExtended\";\n"],"names":["React"],"mappings":";;;;;;;AAWO,MAAM,+BAA+BA,eAAM;AAAA,EAC9C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,MAAA,EAAG,WAAW,KAAK,OAAO,8BAA8B,SAAS,GAAI,GAAG,MAAM,KAC1E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,6BAA6B,cAAc;"}

package/components/Pagination/components/PaginationPageButton.js

@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationPageButton = "paginationPageButton__c2dca25d";
-const currentPage = "currentPage__968b3819";
+const paginationPageButton = "paginationPageButton__3800af55";
+const currentPage = "currentPage__e4d785db";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__093ff9d5";
+const paginationPageEllipsis = "paginationPageEllipsis__fc90bbc8";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -10,8 +10,8 @@ import { SelectField } from "../../SelectField/SelectField.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__22836b83";
-const paginationSelectControl = "paginationSelectControl__8b9b55c2";
+const paginationSelect = "paginationSelect__01defd7b";
+const paginationSelectControl = "paginationSelectControl__024d2031";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Radio/Radio.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__5b3b0eca";
-const sm = "sm__c59208e5";
-const nonempty = "nonempty__ee413806";
-const md = "md__bc1db2a9";
-const lg = "lg__f7ddd6c9";
-const disabled = "disabled__6dca6cdd";
-const radio = "radio__496b8150";
-const radioIcon = "radioIcon__fb199bf6";
+const label = "label__7d655c3c";
+const sm = "sm__12640ce9";
+const nonempty = "nonempty__0c0d13b2";
+const md = "md__e9aaffb5";
+const lg = "lg__219b5c2a";
+const disabled = "disabled__ecc73953";
+const radio = "radio__54b192e5";
+const radioIcon = "radioIcon__c5d62b2b";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React__default.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.50.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.52.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: inputClassName, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioXGroup = "radioXGroup__293a52f2";
-const label = "label__5b3b0eca";
+const radioXGroup = "radioXGroup__4e2d4cad";
+const label = "label__7d655c3c";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__855d9da8",
+  "indent-12": "indent-12__7fb80507",
   label,
-  "indent-16": "indent-16__b403025b",
-  "indent-20": "indent-20__e9581801",
-  "indent-24": "indent-24__bcec32f5",
-  "indent-28": "indent-28__09885061",
-  "indent-32": "indent-32__38a14316"
+  "indent-16": "indent-16__82015a87",
+  "indent-20": "indent-20__b18c7c34",
+  "indent-24": "indent-24__530849db",
+  "indent-28": "indent-28__1b99c4ab",
+  "indent-32": "indent-32__e06b5315"
 };
 const RadioXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

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

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__7d0c79b0";
-const noPaddingBottom = "noPaddingBottom__8b435a7c";
-const SM = "SM__7b321cb6";
-const MD = "MD__d452c79f";
+const row = "row__6b6687c4";
+const noPaddingBottom = "noPaddingBottom__67ff97d4";
+const SM = "SM__b5985288";
+const MD = "MD__aeb5bbd4";
 const styles = {
   row,
   noPaddingBottom,