@sberbusiness/triplex-next 1.49.0 → 1.51.0

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__0bb10df3";
+const horizontal = "horizontal__24472d99";
+const vertical = "vertical__40a846cc";
+const indicator = "indicator__d55fd2d7";
+const active = "active__834427c7";
+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__b28ad1a2";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const paginationExtended = "paginationExtended__65e72d5b";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.49.0",
+        "data-tx": "1.51.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__9ce5d564";
-const directionIconNext = "directionIconNext__162e4275";
+const paginationNavigationButton = "paginationNavigationButton__eddbd755";
+const directionIconNext = "directionIconNext__fd57d2cf";
 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__ae542a44";
+const paginationNavigationExtended = "paginationNavigationExtended__f1545345";
 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__286940c4";
-const currentPage = "currentPage__22f922d9";
+const paginationPageButton = "paginationPageButton__0c97f602";
+const currentPage = "currentPage__07777b72";
 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__908c0660";
+const paginationPageEllipsis = "paginationPageEllipsis__52125324";
 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__60c2a870";
-const paginationSelectControl = "paginationSelectControl__06ddd1a7";
+const paginationSelect = "paginationSelect__052f815d";
+const paginationSelectControl = "paginationSelectControl__34e6d864";
 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__39f664c3";
-const sm = "sm__4e491b9c";
-const nonempty = "nonempty__42f65c05";
-const md = "md__c2fc0574";
-const lg = "lg__21d38184";
-const disabled = "disabled__8b81531f";
-const radio = "radio__1b7d2b57";
-const radioIcon = "radioIcon__0f8cddb6";
+const label = "label__55fd625d";
+const sm = "sm__452158dc";
+const nonempty = "nonempty__eaed78d1";
+const md = "md__1dfa547d";
+const lg = "lg__2bc9c364";
+const disabled = "disabled__01f17556";
+const radio = "radio__151f4c40";
+const radioIcon = "radioIcon__88285791";
 const styles = {
   label,
   sm,
@@ -26,25 +26,25 @@ const styles = {
   radio,
   radioIcon
 };
-const sizeToTextSizeMap = {
+const SIZE_TO_TEXT_SIZE_MAP = {
   [EComponentSize.LG]: ETextSize.B2,
   [EComponentSize.MD]: ETextSize.B3,
   [EComponentSize.SM]: ETextSize.B4
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const Radio = React__default.forwardRef((props, ref) => {
   const { children, className, disabled: disabled2, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;
-  const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);
-  const classNamesLabel = clsx(
+  const inputClassName = clsx(styles.radio, className, SIZE_TO_CLASS_NAME_MAP[size]);
+  const labelClassName = clsx(
     styles.label,
     styles[size],
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.49.0", children: [
-    /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.51.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", className: inputClassName, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
-    children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })
+    children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })
   ] });
 });
 Radio.displayName = "Radio";

package/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../Typography\";\nimport styles from \"./styles/Radio.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\n/** Свойства компонента Radio. */\nexport interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Размер радио-кнопки. */\n    size?: EComponentSize;\n}\n\nconst sizeToTextSizeMap = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Радио-кнопка с описанием. */\nexport const Radio = React.forwardRef<HTMLInputElement, IRadioProps>((props, ref) => {\n    const { children, className, disabled, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;\n    const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        styles[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        labelAttributes?.className,\n    );\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"radio\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.radioIcon} />\n            {children && (\n                <Text size={sizeToTextSizeMap[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,oBAAoB;AAAA,EACtB,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,QAAQA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACjF,QAAM,EAAE,UAAU,WAAW,UAAAC,WAAU,iBAAiB,OAAO,eAAe,IAAI,GAAG,gBAAA,IAAoB;AACzG,QAAM,aAAa,KAAK,OAAO,OAAO,WAAW,mBAAmB,IAAI,CAAC;AACzE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD,mDAAiB;AAAA,EAAA;AAGrB,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,SAAQ,WAAW,YAAY,UAAAA,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAC7F,QAAA,EAAK,WAAW,OAAO,WAAW;AAAA,IAClC,gCACI,MAAA,EAAK,MAAM,kBAAkB,IAAI,GAAG,KAAI,OACpC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,MAAM,cAAc;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Radio.module.less\";\n\n/** Свойства компонента Radio. */\nexport interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Атрибуты корневого label. Его className объединяется с внутренними классами label. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Размер радио-кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Контент лейбла радио-кнопки. */\n    children?: React.ReactNode;\n}\n\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Радио-кнопка с описанием.\n * Корневой элемент — label, внутри него нативный input[type=\"radio\"], на который указывает ref.\n * className и остальные input-атрибуты применяются к input, labelAttributes — к label.\n */\nexport const Radio = React.forwardRef<HTMLInputElement, IRadioProps>((props, ref) => {\n    const { children, className, disabled, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;\n    const inputClassName = clsx(styles.radio, className, SIZE_TO_CLASS_NAME_MAP[size]);\n    const labelClassName = clsx(\n        styles.label,\n        styles[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        labelAttributes?.className,\n    );\n\n    return (\n        <label {...labelAttributes} className={labelClassName} data-tx={process.env.npm_package_version}>\n            <input type=\"radio\" className={inputClassName} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.radioIcon} />\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,QAAQA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACjF,QAAM,EAAE,UAAU,WAAW,UAAAC,WAAU,iBAAiB,OAAO,eAAe,IAAI,GAAG,gBAAA,IAAoB;AACzG,QAAM,iBAAiB,KAAK,OAAO,OAAO,WAAW,uBAAuB,IAAI,CAAC;AACjF,QAAM,iBAAiB;AAAA,IACnB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD,mDAAiB;AAAA,EAAA;AAGrB,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,gBAAgB,WAAS,UAC5D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,SAAQ,WAAW,gBAAgB,UAAAA,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBACjG,QAAA,EAAK,WAAW,OAAO,WAAW;AAAA,IAClC,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,MAAM,cAAc;"}

package/components/Radio/RadioXGroup.js

@@ -1,22 +1,23 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioXGroup = "radioXGroup__86e06175";
-const label = "label__39f664c3";
+const radioXGroup = "radioXGroup__15ce71c8";
+const label = "label__55fd625d";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__a75572a9",
+  "indent-12": "indent-12__e4ec30fa",
   label,
-  "indent-16": "indent-16__666a07b6",
-  "indent-20": "indent-20__ad1dc9c9",
-  "indent-24": "indent-24__ee5b3798",
-  "indent-28": "indent-28__a302f878",
-  "indent-32": "indent-32__859e49b0"
+  "indent-16": "indent-16__b1691257",
+  "indent-20": "indent-20__263a5c2c",
+  "indent-24": "indent-24__c3c15e12",
+  "indent-28": "indent-28__e79984fe",
+  "indent-32": "indent-32__524e2c74"
 };
-const RadioXGroup = (props) => {
+const RadioXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;
   const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);
-  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
-};
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, ref, children });
+});
 RadioXGroup.displayName = "RadioXGroup";
 export {
   RadioXGroup

package/components/Radio/RadioXGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup: React.FC<IRadioXGroupProps> = (props) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Радио-кнопки группы. */\n    children?: React.ReactNode;\n    /** Размер горизонтального отступа между радио-кнопками. По умолчанию 12. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup = React.forwardRef<HTMLDivElement, IRadioXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Radio/RadioYGroup.js

@@ -1,14 +1,15 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioYGroup = "radioYGroup__c82d69e2";
+const radioYGroup = "radioYGroup__124a1ce5";
 const styles = {
   radioYGroup
 };
-const RadioYGroup = (props) => {
+const RadioYGroup = React__default.forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
   const classNames = clsx(styles.radioYGroup, className);
-  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
-};
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, ref, children });
+});
 RadioYGroup.displayName = "RadioYGroup";
 export {
   RadioYGroup

package/components/Radio/RadioYGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/RadioYGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Группа радио-кнопок с направлением по оси Y. */\nexport const RadioYGroup: React.FC<IRadioYGroupProps> = (props) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/RadioYGroup.module.less\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое группы, обычно набор Radio с одинаковым name. */\n    children?: React.ReactNode;\n}\n\n/**\n * Группа радио-кнопок с направлением по оси Y.\n * Корневой div получает ref, className и остальные HTML-атрибуты.\n * По умолчанию имеет роль radiogroup, которую можно переопределить через role.\n */\nexport const RadioYGroup = React.forwardRef<HTMLDivElement, IRadioYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

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__446835a5";
-const noPaddingBottom = "noPaddingBottom__312c1dae";
-const SM = "SM__30b8842a";
-const MD = "MD__f3ce5557";
+const row = "row__b1870be2";
+const noPaddingBottom = "noPaddingBottom__70127236";
+const SM = "SM__c27aa94c";
+const MD = "MD__7dcc0e8d";
 const styles = {
   row,
   noPaddingBottom,