@ozen-ui/kit 0.54.0 → 0.56.0

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

@@ -6,16 +6,6 @@ import { cn } from '../../../../utils/classname';
 import { TableContext } from '../../TableContext';
 import { TABLE_CELL_VERTICAL_ALIGN } from './constants';
 export var cnTableCell = cn('TableCell');
-export var tableCellVariant = ['body', 'foot', 'head'];
-export var tableCellAlignVariant = ['left', 'right', 'center'];
-export var tableCellVerticalAlignVariant = [
-    'baseline',
-    'top',
-    'middle',
-    'bottom',
-    'sub',
-    'text-top',
-];
 export var TableCell = forwardRef(function (inProps, ref) {
     var _a = useThemeProps({ name: 'TableCell', props: inProps }), _b = _a.verticalAlign, verticalAlign = _b === void 0 ? TABLE_CELL_VERTICAL_ALIGN : _b, children = _a.children, variant = _a.variant, align = _a.align, width = _a.width, className = _a.className, other = __rest(_a, ["verticalAlign", "children", "variant", "align", "width", "className"]);
     var table = useContext(TableContext);

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

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

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

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

package/__inner__/esm/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__/esm/components/Table/components/TableCell/types.js

@@ -0,0 +1,10 @@
+export var tableCellVariant = ['body', 'foot', 'head'];
+export var tableCellAlignVariant = ['left', 'right', 'center'];
+export var tableCellVerticalAlignVariant = [
+    'baseline',
+    'top',
+    'middle',
+    'bottom',
+    'sub',
+    'text-top',
+];

package/__inner__/esm/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__/esm/components/Table/components/TableContainer/TableContainer.js

@@ -3,7 +3,7 @@ import './TableContainer.css';
 import React from 'react';
 import { useThemeProps } from '../../../../hooks/useThemeProps';
 import { cn } from '../../../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
 import { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
 export var cnTableContainer = cn('TableContainer');
 export var TableContainer = polymorphicComponentWithRef(function (inProps, ref) {

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

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

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

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

package/__inner__/esm/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__/esm/components/Table/components/TableContainer/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/components/Table/components/TableFoot/index.d.ts

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

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

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

package/__inner__/esm/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__/esm/components/Table/components/TableFoot/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/components/Table/components/TableHead/index.d.ts

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

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

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

package/__inner__/esm/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__/esm/components/Table/components/TableHead/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/components/Table/components/TableRow/index.d.ts

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

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

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

package/__inner__/esm/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__/esm/components/Table/components/TableRow/types.js

@@ -0,0 +1 @@
+export {};

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

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

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

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

package/__inner__/esm/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__/esm/components/Table/types.js

@@ -0,0 +1,2 @@
+export var tableSizeVariant = ['xs', 's', 'm', 'l'];
+export var tableDividerVariant = ['row', 'column', 'all'];

package/__inner__/esm/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__/esm/components/Tabs/Tabs.js

@@ -1,15 +1,15 @@
 import { __assign, __read, __rest } from "tslib";
 import './Tabs.css';
-import React, { useState, useCallback, useMemo, useEffect, useRef, } from 'react';
+import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { animateProperty } from '../../utils/animateProperty';
 import { cn } from '../../utils/classname';
-import { TabsIndicator, ScrollButton, Tab } from './components';
+import { TabsIndicator, TabsScrollButton, Tab, } from './components';
 import { TabsContext } from './TabsContext';
 import { ControlKeys } from './types';
 export var cnTabs = cn('Tabs');
-export var Tabs = React.forwardRef(function (_a, ref) {
+export var Tabs = 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 = __rest(_a, ["children", "value", "onChange", "size", "className", "variant", "disableScrollButtons"]);
     var tabsListRef = useRef(null);
@@ -235,12 +235,12 @@ export var Tabs = React.forwardRef(function (_a, ref) {
         element: scrollBoxRef,
     });
     return (React.createElement("div", __assign({ className: cnTabs({}, [className]), ref: ref }, other),
-        isScrollButtonsActive && (React.createElement(ScrollButton, { size: size, className: cnTabs('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
+        isScrollButtonsActive && (React.createElement(TabsScrollButton, { size: size, className: cnTabs('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
         React.createElement("div", { ref: scrollBoxRef, onScroll: updateScrollButtonsActivity, className: cnTabs('ScrollBox') },
             React.createElement("div", { className: cnTabs('IndicatorContainer') },
                 React.createElement("div", { className: cnTabs('List'), role: "tablist", ref: tabsListRef },
                     React.createElement(TabsContext.Provider, { value: context }, onlyTabsChildren)),
                 isMounted && (React.createElement(TabsIndicator, { ref: indicatorRef, indicatorStyles: indicatorStyles, className: cnTabs('Indicator') })))),
-        isScrollButtonsActive && (React.createElement(ScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: cnTabs('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
+        isScrollButtonsActive && (React.createElement(TabsScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: cnTabs('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
 });
 Tabs.displayName = 'Tabs';

package/__inner__/esm/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__/esm/components/Tabs/components/Tab/Tab.js

@@ -3,11 +3,12 @@ import './Tab.css';
 import React, { useContext } from 'react';
 import { cn } from '../../../../utils/classname';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
 import { TabsContext } from '../../TabsContext';
 export var cnTab = cn('Tab');
-export var TabComponent = React.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 = __rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "href", "onClick"]);
-    var _b = useContext(TabsContext), _c = _b.size, size = _c === void 0 ? 'm' : _c, currentValue = _b.currentValue, onChange = _b.onChange;
+export var TabComponent = 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 = __rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
+    var _c = useContext(TabsContext), _d = _c.size, size = _d === void 0 ? 'm' : _d, currentValue = _c.currentValue, onChange = _c.onChange;
     var iconSize = getIconSizeToFormElement(size);
     var isActive = value === currentValue;
     var isValidValue = !!value || value === 0;
@@ -32,13 +33,7 @@ export var TabComponent = React.forwardRef(function (_a, ref) {
         'aria-selected': isActive,
         onClick: handleClick,
     };
-    if (href) {
-        return (React.createElement("a", __assign({}, commonProps, other, { href: href, ref: ref }),
-            IconLeft && React.createElement(IconLeft, { size: iconSize }),
-            !!label && React.createElement("span", { className: cnTab('Label', { size: size }) }, label),
-            IconRight && React.createElement(IconRight, { size: iconSize })));
-    }
-    return (React.createElement("button", __assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
+    return (React.createElement(Tag, __assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
         IconLeft && React.createElement(IconLeft, { size: iconSize }),
         !!label && React.createElement("span", { className: cnTab('Label', { size: size }) }, label),
         IconRight && React.createElement(IconRight, { size: iconSize })));

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

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

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

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

package/__inner__/esm/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__/esm/components/Tabs/components/Tab/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/components/Tabs/components/TabsIndicator/index.d.ts

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

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

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

package/__inner__/esm/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__/esm/components/Tabs/components/TabsIndicator/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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;
+  }

package/__inner__/esm/components/Tabs/components/TabsScrollButton/TabsScrollButton.d.ts

@@ -0,0 +1,13 @@
+import './TabsScrollButton.css';
+import React from 'react';
+import type { TabsScrollButtonProps } from './index';
+export declare const cnScrollButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const iconByDirection: {
+    left: React.ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    right: React.ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export declare const ariaLabelByDirection: {
+    left: string;
+    right: string;
+};
+export declare const TabsScrollButton: React.ForwardRefExoticComponent<Omit<TabsScrollButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/__inner__/esm/components/Tabs/components/{ScrollButton/ScrollButton.js → TabsScrollButton/TabsScrollButton.js}

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import './ScrollButton.css';
-import React, { useMemo } from 'react';
+import './TabsScrollButton.css';
+import React, { useMemo, forwardRef } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@ozen-ui/icons';
 import { cn } from '../../../../utils/classname';
 import { IconButton } from '../../../IconButtonNext';
-export var scrollButtonDirectionVariant = ['left', 'right'];
-export var cnScrollButton = cn('ScrollButton');
+export var cnScrollButton = cn('TabsScrollButton');
 export var iconByDirection = {
     left: ChevronLeftIcon,
     right: ChevronRightIcon,
@@ -14,11 +13,11 @@ export var ariaLabelByDirection = {
     left: 'Прокрутить вкладки влево',
     right: 'Прокрутить вкладки вправо',
 };
-export var ScrollButton = React.forwardRef(function (_a, ref) {
+export var TabsScrollButton = forwardRef(function (_a, ref) {
     var direction = _a.direction, invisible = _a.invisible, className = _a.className, _b = _a.size, size = _b === void 0 ? 'm' : _b, other = __rest(_a, ["direction", "invisible", "className", "size"]);
     var ariaLabel = useMemo(function () { return ariaLabelByDirection[direction]; }, [direction]);
     var Icon = useMemo(function () { return iconByDirection[direction]; }, [direction]);
     var tabIndex = invisible ? -1 : 0;
     return (React.createElement(IconButton, __assign({ variant: "floating", size: size, icon: React.createElement(Icon, { size: "s" }), className: cnScrollButton({ invisible: invisible, direction: direction }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, compressed: true, ref: ref }, other)));
 });
-ScrollButton.displayName = 'ScrollButton';
+TabsScrollButton.displayName = 'TabsScrollButton';

package/__inner__/esm/components/Tabs/components/TabsScrollButton/index.d.ts

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

package/__inner__/esm/components/Tabs/components/TabsScrollButton/index.js

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

package/__inner__/esm/components/Tabs/components/TabsScrollButton/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { IconButtonProps } from '../../../IconButtonNext';
+import type { TabsSizeVariant } from '../../index';
+export declare const tabScrollButtonDirectionVariant: readonly ["left", "right"];
+export type TabsScrollButtonDirectionVariant = (typeof tabScrollButtonDirectionVariant)[number];
+export type TabsScrollButtonRef = ComponentRef<'button'>;
+export type TabsScrollButtonProps = ExtendableComponentPropsWithRef<Partial<IconButtonProps> & {
+    direction: TabsScrollButtonDirectionVariant;
+    invisible: boolean;
+    children?: never;
+    size?: TabsSizeVariant;
+    ref?: Ref<HTMLButtonElement>;
+}, 'button'>;

package/__inner__/esm/components/Tabs/components/TabsScrollButton/types.js

@@ -0,0 +1 @@
+export var tabScrollButtonDirectionVariant = ['left', 'right'];

package/__inner__/esm/components/Tabs/components/index.d.ts

@@ -1,3 +1,3 @@
 export * from './TabsIndicator';
-export * from './ScrollButton';
+export * from './TabsScrollButton';
 export * from './Tab';

package/__inner__/esm/components/Tabs/components/index.js

@@ -1,3 +1,3 @@
 export * from './TabsIndicator';
-export * from './ScrollButton';
+export * from './TabsScrollButton';
 export * from './Tab';