@ozen-ui/kit 0.53.0 → 0.55.0

package/__inner__/cjs/components/Table/components/TableCaption/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export declare const tableCaptionSideVariant: readonly ["top", "bottom"];
+export type TableCaptionSideVariant = (typeof tableCaptionSideVariant)[number];
+export type TableCaptionRef = ComponentRef<'caption'>;
+export type TableCaptionProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое подписи таблицы */
+    children?: ReactNode;
+    /** Кастомный класс */
+    className?: string;
+    /** Сторона, с которой отображается подпись таблицы */
+    side?: TableCaptionSideVariant;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'caption'>;

package/__inner__/cjs/components/Table/components/TableCaption/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableCaptionSideVariant = void 0;
+exports.tableCaptionSideVariant = ['top', 'bottom'];

package/__inner__/cjs/components/Table/components/TableCell/TableCell.d.ts

@@ -1,61 +1,5 @@
 import './TableCell.css';
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
+import type { TableCellRef, TableCellProps } from './types';
 export declare const cnTableCell: import("@bem-react/classname").ClassNameFormatter;
-export declare const tableCellVariant: readonly ["body", "foot", "head"];
-export declare const tableCellAlignVariant: readonly ["left", "right", "center"];
-export declare const tableCellVerticalAlignVariant: readonly ["baseline", "top", "middle", "bottom", "sub", "text-top"];
-export type TableCellVariant = (typeof tableCellVariant)[number];
-export type TableCellAlignVariant = (typeof tableCellAlignVariant)[number];
-export type TableCellVerticalAlignVariant = (typeof tableCellVerticalAlignVariant)[number];
-export type TableCellProps = {
-    /** Содержимое ячейки */
-    children?: ReactNode;
-    /** Вариант ячейки */
-    variant?: TableCellVariant;
-    /** Выравнивание содержимого ячейки по горизонтали */
-    align?: TableCellAlignVariant;
-    /** Выравнивание содержимого ячейки по вертикали */
-    verticalAlign?: TableCellVerticalAlignVariant;
-    /** Ширина ячейки */
-    width?: string;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-} & ComponentPropsWithRef<'td' | 'th'>;
-export declare const TableCell: React.ForwardRefExoticComponent<(Omit<{
-    /** Содержимое ячейки */
-    children?: ReactNode;
-    /** Вариант ячейки */
-    variant?: "body" | "head" | "foot" | undefined;
-    /** Выравнивание содержимого ячейки по горизонтали */
-    align?: "center" | "left" | "right" | undefined;
-    /** Выравнивание содержимого ячейки по вертикали */
-    verticalAlign?: "sub" | "baseline" | "middle" | "bottom" | "top" | "text-top" | undefined;
-    /** Ширина ячейки */
-    width?: string | undefined;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string | undefined;
-} & Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
-    ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
-}, "ref"> | Omit<{
-    /** Содержимое ячейки */
-    children?: ReactNode;
-    /** Вариант ячейки */
-    variant?: "body" | "head" | "foot" | undefined;
-    /** Выравнивание содержимого ячейки по горизонтали */
-    align?: "center" | "left" | "right" | undefined;
-    /** Выравнивание содержимого ячейки по вертикали */
-    verticalAlign?: "sub" | "baseline" | "middle" | "bottom" | "top" | "text-top" | undefined;
-    /** Ширина ячейки */
-    width?: string | undefined;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string | undefined;
-} & Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
-    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | React.RefObject<HTMLTableHeaderCellElement> | null | undefined;
-}, "ref">) & React.RefAttributes<React.ComponentRef<"td" | "th">>>;
+export declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<TableCellRef>>;

package/__inner__/cjs/components/Table/components/TableCell/TableCell.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCell = exports.tableCellVerticalAlignVariant = exports.tableCellAlignVariant = exports.tableCellVariant = exports.cnTableCell = void 0;
+exports.TableCell = exports.cnTableCell = void 0;
 var tslib_1 = require("tslib");
 require("./TableCell.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,16 +9,6 @@ var classname_1 = require("../../../../utils/classname");
 var TableContext_1 = require("../../TableContext");
 var constants_1 = require("./constants");
 exports.cnTableCell = (0, classname_1.cn)('TableCell');
-exports.tableCellVariant = ['body', 'foot', 'head'];
-exports.tableCellAlignVariant = ['left', 'right', 'center'];
-exports.tableCellVerticalAlignVariant = [
-    'baseline',
-    'top',
-    'middle',
-    'bottom',
-    'sub',
-    'text-top',
-];
 exports.TableCell = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'TableCell', props: inProps }), _b = _a.verticalAlign, verticalAlign = _b === void 0 ? constants_1.TABLE_CELL_VERTICAL_ALIGN : _b, children = _a.children, variant = _a.variant, align = _a.align, width = _a.width, className = _a.className, other = tslib_1.__rest(_a, ["verticalAlign", "children", "variant", "align", "width", "className"]);
     var table = (0, react_1.useContext)(TableContext_1.TableContext);

package/__inner__/cjs/components/Table/components/TableCell/index.d.ts

@@ -1 +1,2 @@
 export * from './TableCell';
+export * from './types';

package/__inner__/cjs/components/Table/components/TableCell/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableCell"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/components/TableCell/types.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export declare const tableCellVariant: readonly ["body", "foot", "head"];
+export declare const tableCellAlignVariant: readonly ["left", "right", "center"];
+export declare const tableCellVerticalAlignVariant: readonly ["baseline", "top", "middle", "bottom", "sub", "text-top"];
+export type TableCellVariant = (typeof tableCellVariant)[number];
+export type TableCellAlignVariant = (typeof tableCellAlignVariant)[number];
+export type TableCellVerticalAlignVariant = (typeof tableCellVerticalAlignVariant)[number];
+export type TableCellRef = ComponentRef<'td' | 'th'>;
+export type TableCellProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое ячейки */
+    children?: ReactNode;
+    /** Вариант ячейки */
+    variant?: TableCellVariant;
+    /** Выравнивание содержимого ячейки по горизонтали */
+    align?: TableCellAlignVariant;
+    /** Выравнивание содержимого ячейки по вертикали */
+    verticalAlign?: TableCellVerticalAlignVariant;
+    /** Ширина ячейки */
+    width?: string;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'td' | 'th'>;

package/__inner__/cjs/components/Table/components/TableCell/types.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableCellVerticalAlignVariant = exports.tableCellAlignVariant = exports.tableCellVariant = void 0;
+exports.tableCellVariant = ['body', 'foot', 'head'];
+exports.tableCellAlignVariant = ['left', 'right', 'center'];
+exports.tableCellVerticalAlignVariant = [
+    'baseline',
+    'top',
+    'middle',
+    'bottom',
+    'sub',
+    'text-top',
+];

package/__inner__/cjs/components/Table/components/TableContainer/TableContainer.d.ts

@@ -1,21 +1,4 @@
 import './TableContainer.css';
-import type { ReactNode, ElementType, CSSProperties } from 'react';
-import { type PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
-import { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
-export type TableContainerBaseProps = {
-    /** Содержимое контейнера таблицы */
-    children?: ReactNode;
-    /** Высота контейнера таблицы */
-    height?: CSSProperties['height'];
-    /** Минимальная высота контейнера таблицы */
-    minHeight?: CSSProperties['minHeight'];
-    /** Максимальная высота контейнера таблицы */
-    maxHeight?: CSSProperties['maxHeight'];
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-};
-export type TableContainerProps<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TableContainerBaseProps, As>;
+import type { TableContainerBaseProps } from './index';
 export declare const cnTableContainer: import("@bem-react/classname").ClassNameFormatter;
 export declare const TableContainer: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TableContainerBaseProps, "div">;

package/__inner__/cjs/components/Table/components/TableContainer/index.d.ts

@@ -1 +1,2 @@
 export * from './TableContainer';
+export * from './types';

package/__inner__/cjs/components/Table/components/TableContainer/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableContainer"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/components/TableContainer/types.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
+export type TableContainerBaseProps = {
+    /** Содержимое контейнера таблицы */
+    children?: ReactNode;
+    /** Высота контейнера таблицы */
+    height?: CSSProperties['height'];
+    /** Минимальная высота контейнера таблицы */
+    minHeight?: CSSProperties['minHeight'];
+    /** Максимальная высота контейнера таблицы */
+    maxHeight?: CSSProperties['maxHeight'];
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type TableContainerProps<As extends ElementType = typeof TABLE_CONTAINER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TableContainerBaseProps, As>;

package/__inner__/cjs/components/Table/components/TableContainer/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Table/components/TableFoot/TableFoot.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
+import type { TableFootProps } from './index';
 export declare const cnTableFoot: import("@bem-react/classname").ClassNameFormatter;
-export type TableFootProps = {
-    /** Содержимое подвала таблицы */
-    children?: ReactNode;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-} & ComponentPropsWithRef<'tfoot'>;
 export declare const TableFoot: React.ForwardRefExoticComponent<Omit<TableFootProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/__inner__/cjs/components/Table/components/TableFoot/index.d.ts

@@ -1 +1,2 @@
 export * from './TableFoot';
+export * from './types';

package/__inner__/cjs/components/Table/components/TableFoot/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableFoot"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/components/TableFoot/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type TableFootRef = ComponentRef<'tfoot'>;
+export type TableFootProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое подвала таблицы */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'tfoot'>;

package/__inner__/cjs/components/Table/components/TableFoot/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Table/components/TableHead/TableHead.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
+import type { TableHeadProps } from './index';
 export declare const cnTableHead: import("@bem-react/classname").ClassNameFormatter;
-export type TableHeadProps = {
-    /** Содержимое заголовка таблицы */
-    children?: ReactNode;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-} & ComponentPropsWithRef<'thead'>;
 export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/__inner__/cjs/components/Table/components/TableHead/index.d.ts

@@ -1 +1,2 @@
 export * from './TableHead';
+export * from './types';

package/__inner__/cjs/components/Table/components/TableHead/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableHead"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/components/TableHead/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type TableHeadRef = ComponentRef<'thead'>;
+export type TableHeadProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое заголовка таблицы */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'thead'>;

package/__inner__/cjs/components/Table/components/TableHead/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Table/components/TableRow/TableRow.d.ts

@@ -1,17 +1,5 @@
 import './TableRow.css';
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
+import type { TableRowProps } from './index';
 export declare const cnTableRow: import("@bem-react/classname").ClassNameFormatter;
-export type TableRowProps = {
-    /** Содержимое ряда таблицы */
-    children?: ReactNode;
-    /** Если {true} выделяет строку при наведении */
-    hover?: boolean;
-    /** Если {true} выделяет строку как выбранную */
-    selected?: boolean;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-    /** Дополнительные CSS-классы */
-    className?: string;
-} & ComponentPropsWithRef<'tr'>;
 export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/__inner__/cjs/components/Table/components/TableRow/index.d.ts

@@ -1 +1,2 @@
 export * from './TableRow';
+export * from './types';

package/__inner__/cjs/components/Table/components/TableRow/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableRow"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/components/TableRow/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type TableRowRef = ComponentRef<'tr'>;
+export type TableRowProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое ряда таблицы */
+    children?: ReactNode;
+    /** Если {true} выделяет строку при наведении */
+    hover?: boolean;
+    /** Если {true} выделяет строку как выбранную */
+    selected?: boolean;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+    /** Дополнительные CSS-классы */
+    className?: string;
+}, 'tr'>;

package/__inner__/cjs/components/Table/components/TableRow/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Table/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Table';
 export * from './components';
+export * from './types';

package/__inner__/cjs/components/Table/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Table"), exports);
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Table/types.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export declare const tableSizeVariant: readonly ["xs", "s", "m", "l"];
+export declare const tableDividerVariant: readonly ["row", "column", "all"];
+export type TableSizeVariant = (typeof tableSizeVariant)[number];
+export type TableDividerVariant = (typeof tableDividerVariant)[number];
+export type TableRef = ComponentRef<'table'>;
+export type TableProps = ExtendableComponentPropsWithRef<{
+    /** Устанавливает размер типографики и отступов в таблице */
+    size?: TableSizeVariant;
+    /** Признак, по которому таблица растет по всей ширине своего контейнера */
+    fullWidth?: boolean;
+    /** Тип разделителей в таблице */
+    divider?: TableDividerVariant;
+    /** Признак фиксированного заголовка в таблице */
+    stickyHeader?: boolean;
+    /** Признак сжатой таблицы */
+    compressed?: boolean;
+    /** Признак таблицы с зеброй */
+    striped?: boolean;
+    /** Содержимое таблицы */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'table'>;

package/__inner__/cjs/components/Table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableDividerVariant = exports.tableSizeVariant = void 0;
+exports.tableSizeVariant = ['xs', 's', 'm', 'l'];
+exports.tableDividerVariant = ['row', 'column', 'all'];

package/__inner__/cjs/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import './Tabs.css';
 import React from 'react';
-import type { TabsProps } from './types';
+import type { TabsProps } from './index';
 export declare const cnTabs: import("@bem-react/classname").ClassNameFormatter;
-export declare const Tabs: React.FC<TabsProps>;
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Tabs/Tabs.js

@@ -12,7 +12,7 @@ var components_1 = require("./components");
 var TabsContext_1 = require("./TabsContext");
 var types_1 = require("./types");
 exports.cnTabs = (0, classname_1.cn)('Tabs');
-exports.Tabs = react_1.default.forwardRef(function (_a, ref) {
+exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
     var _b, _c;
     var children = _a.children, value = _a.value, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? 'm' : _d, className = _a.className, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, disableScrollButtons = _a.disableScrollButtons, other = tslib_1.__rest(_a, ["children", "value", "onChange", "size", "className", "variant", "disableScrollButtons"]);
     var tabsListRef = (0, react_1.useRef)(null);
@@ -238,12 +238,12 @@ exports.Tabs = react_1.default.forwardRef(function (_a, ref) {
         element: scrollBoxRef,
     });
     return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnTabs)({}, [className]), ref: ref }, other),
-        isScrollButtonsActive && (react_1.default.createElement(components_1.ScrollButton, { size: size, className: (0, exports.cnTabs)('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
+        isScrollButtonsActive && (react_1.default.createElement(components_1.TabsScrollButton, { size: size, className: (0, exports.cnTabs)('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
         react_1.default.createElement("div", { ref: scrollBoxRef, onScroll: updateScrollButtonsActivity, className: (0, exports.cnTabs)('ScrollBox') },
             react_1.default.createElement("div", { className: (0, exports.cnTabs)('IndicatorContainer') },
                 react_1.default.createElement("div", { className: (0, exports.cnTabs)('List'), role: "tablist", ref: tabsListRef },
                     react_1.default.createElement(TabsContext_1.TabsContext.Provider, { value: context }, onlyTabsChildren)),
                 isMounted && (react_1.default.createElement(components_1.TabsIndicator, { ref: indicatorRef, indicatorStyles: indicatorStyles, className: (0, exports.cnTabs)('Indicator') })))),
-        isScrollButtonsActive && (react_1.default.createElement(components_1.ScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: (0, exports.cnTabs)('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
+        isScrollButtonsActive && (react_1.default.createElement(components_1.TabsScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: (0, exports.cnTabs)('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
 });
 exports.Tabs.displayName = 'Tabs';

package/__inner__/cjs/components/Tabs/components/Tab/Tab.d.ts

@@ -1,37 +1,6 @@
 import './Tab.css';
 import React from 'react';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes, Ref } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
-export type TabIconComponent = React.FC<IconProps & {
-    size?: IconSize;
-}>;
-type TabBaseProps = {
-    children?: never;
-    /** Название таба, также является контентом */
-    label?: string;
-    /** Значение для переключения */
-    value?: string | number;
-    /** Многострочный лейбл */
-    multiline?: boolean;
-    /** Неактивный */
-    disabled?: boolean;
-    /** Иконка слева от лейбла */
-    iconLeft?: TabIconComponent;
-    /** Иконка справа от лейбла */
-    iconRight?: TabIconComponent;
-    /** Ссылка на HTML элемент */
-    ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
-};
-type LinkElProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonElProps = ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = {
-    href?: never;
-} & ButtonElProps;
-type LinkProps = {
-    href: string;
-} & LinkElProps;
-export type TabProps = TabBaseProps & (ButtonProps | LinkProps);
+import type { TabBaseProps } from './index';
 export declare const cnTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const TabComponent: React.FC<TabProps>;
-export declare const Tab: React.NamedExoticComponent<TabProps>;
-export {};
+export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">;
+export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">>;

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js

@@ -6,11 +6,12 @@ require("./Tab.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
 var TabsContext_1 = require("../../TabsContext");
 exports.cnTab = (0, classname_1.cn)('Tab');
-exports.TabComponent = react_1.default.forwardRef(function (_a, ref) {
-    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, href = _a.href, onClick = _a.onClick, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "href", "onClick"]);
-    var _b = (0, react_1.useContext)(TabsContext_1.TabsContext), _c = _b.size, size = _c === void 0 ? 'm' : _c, currentValue = _b.currentValue, onChange = _b.onChange;
+exports.TabComponent = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, onClick = _a.onClick, _b = _a.as, Tag = _b === void 0 ? 'button' : _b, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
+    var _c = (0, react_1.useContext)(TabsContext_1.TabsContext), _d = _c.size, size = _d === void 0 ? 'm' : _d, currentValue = _c.currentValue, onChange = _c.onChange;
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
     var isActive = value === currentValue;
     var isValidValue = !!value || value === 0;
@@ -35,13 +36,7 @@ exports.TabComponent = react_1.default.forwardRef(function (_a, ref) {
         'aria-selected': isActive,
         onClick: handleClick,
     };
-    if (href) {
-        return (react_1.default.createElement("a", tslib_1.__assign({}, commonProps, other, { href: href, ref: ref }),
-            IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
-            !!label && react_1.default.createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
-            IconRight && react_1.default.createElement(IconRight, { size: iconSize })));
-    }
-    return (react_1.default.createElement("button", tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
         IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
         !!label && react_1.default.createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
         IconRight && react_1.default.createElement(IconRight, { size: iconSize })));

package/__inner__/cjs/components/Tabs/components/Tab/index.d.ts

@@ -1 +1,2 @@
 export * from './Tab';
+export * from './types';

package/__inner__/cjs/components/Tabs/components/Tab/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Tab"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Tabs/components/Tab/types.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType, FC } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+export type TabIconComponent = FC<IconProps>;
+export type TabBaseProps = {
+    children?: never;
+    /** Название таба, также является контентом */
+    label?: string;
+    /** Значение для переключения */
+    value?: string | number;
+    /** Многострочный лейбл */
+    multiline?: boolean;
+    /** Неактивный */
+    disabled?: boolean;
+    /** Иконка слева от лейбла */
+    iconLeft?: TabIconComponent;
+    /** Иконка справа от лейбла */
+    iconRight?: TabIconComponent;
+};
+export type TabProps<As extends ElementType = 'button'> = PolymorphicComponentPropsWithRef<TabBaseProps, As>;

package/__inner__/cjs/components/Tabs/components/Tab/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Tabs/components/TabsIndicator/TabsIndicator.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import type { HTMLAttributes, Ref } from 'react';
-export interface TabsIndicatorProps extends HTMLAttributes<HTMLDivElement> {
-    indicatorStyles: {
-        translateX: number;
-        width: number;
-    };
-    ref?: Ref<HTMLDivElement>;
-}
+import type { TabsIndicatorProps } from './index';
 export declare const TabsIndicator: React.ForwardRefExoticComponent<Omit<TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.d.ts

@@ -1 +1,2 @@
 export * from './TabsIndicator';
+export * from './types';

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TabsIndicator"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Tabs/components/TabsIndicator/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type TabsIndicatorRef = ComponentRef<'div'>;
+export type TabsIndicatorProps = ExtendableComponentPropsWithRef<{
+    indicatorStyles: {
+        translateX: number;
+        width: number;
+    };
+}, 'div'>;

package/__inner__/cjs/components/Tabs/components/TabsIndicator/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/TabsScrollButton.css

@@ -0,0 +1,17 @@
+.IconButtonNext.TabsScrollButton {
+  position: absolute;
+  z-index: calc(var(--z-index-absolute) + 1);
+}
+
+  .IconButtonNext.TabsScrollButton_direction_left {
+    inset-inline-start: 0;
+  }
+
+  .IconButtonNext.TabsScrollButton_direction_right {
+    inset-inline-end: 0;
+  }
+
+  .IconButtonNext.TabsScrollButton_invisible {
+    pointer-events: none;
+    opacity: 0;
+  }