@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/esm/components/Skeleton/{SkeletonTypography → components/SkeletonTypography}/SkeletonTypography.js

@@ -1,13 +1,13 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
-import { cnTypography } from '../../Typography';
+import { cn } from '../../../../utils/classname';
+import { cnTypography } from '../../../Typography';
 import { SkeletonRectangular } from '../SkeletonRectangular';
 import './SkeletonTypography.css';
 export var cnSkeletonTypography = cn('SkeletonTypography');
 export var SkeletonTypography = forwardRef(function (_a, ref) {
     var className = _a.className, typographyVariant = _a.typographyVariant, width = _a.width, style = _a.style, rows = _a.rows, other = __rest(_a, ["className", "typographyVariant", "width", "style", "rows"]);
-    return (React.createElement("span", __assign({ className: cnSkeletonTypography('', [className]), style: { width: width } }, other, { ref: ref }), new Array(rows).fill(null).map(function (_, index) { return (React.createElement("span", { className: cnSkeletonTypography('Row', [
+    return (React.createElement("span", __assign({ className: cnSkeletonTypography('', [className]), style: { width: width } }, other, { ref: ref }), new Array(rows).fill(0).map(function (_, index) { return (React.createElement("span", { className: cnSkeletonTypography('Row', [
             cnTypography({ variant: typographyVariant }),
         ]), key: index },
         React.createElement(SkeletonRectangular, { style: __assign({ width: rows && rows > 1 && index === rows - 1 ? '50%' : '100%' }, style) }))); })));

package/__inner__/{cjs/components/Skeleton → esm/components/Skeleton/components}/SkeletonTypography/index.d.ts

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

package/__inner__/esm/components/Skeleton/{SkeletonTypography → components/SkeletonTypography}/index.js

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

package/__inner__/esm/components/Skeleton/components/SkeletonTypography/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentRef, CSSProperties } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { TypographyProps } from '../../../Typography';
+export type SkeletonTypographyRef = ComponentRef<'span'>;
+export type SkeletonTypographyProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое компонента */
+    children?: never;
+    /** Вариант шрифта типографики */
+    typographyVariant?: TypographyProps['variant'];
+    /** Количество строк */
+    rows?: number;
+    /** Ширина строки */
+    width?: CSSProperties['width'];
+}, 'span'>;

package/__inner__/esm/components/Skeleton/components/SkeletonTypography/types.js

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

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

@@ -0,0 +1,3 @@
+export * from './SkeletonRectangular';
+export * from './SkeletonCircular';
+export * from './SkeletonTypography';

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

@@ -0,0 +1,3 @@
+export * from './SkeletonRectangular';
+export * from './SkeletonCircular';
+export * from './SkeletonTypography';

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

@@ -1,4 +1,3 @@
 export * from './Skeleton';
-export { cnSkeletonCircular } from './SkeletonCircular';
-export { cnSkeleton } from './SkeletonRectangular';
-export { cnSkeletonTypography } from './SkeletonTypography';
+export * from './components';
+export * from './types';

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

@@ -1,4 +1,3 @@
 export * from './Skeleton';
-export { cnSkeletonCircular } from './SkeletonCircular';
-export { cnSkeleton } from './SkeletonRectangular';
-export { cnSkeletonTypography } from './SkeletonTypography';
+export * from './components';
+export * from './types';

package/__inner__/esm/components/Skeleton/types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { SkeletonCircularProps, SkeletonRectangularProps, SkeletonTypographyProps } from './index';
+export type SkeletonProps = (({
+    variant: 'rectangular';
+} & SkeletonRectangularProps) | ({
+    variant: 'circular';
+} & SkeletonCircularProps) | ({
+    variant: 'typography';
+} & SkeletonTypographyProps)) & {
+    /** Цвет волны */
+    waveColor?: string;
+    /** Цвет фона */
+    bgColor?: string;
+};
+export type SkeletonComponent = (props: SkeletonProps) => ReactNode;

package/__inner__/esm/components/Skeleton/types.js

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

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.js

@@ -1,6 +1,6 @@
 import { __assign, __read } from "tslib";
 import './SnackbarItem.css';
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { useBoolean } from '../../../../hooks/useBoolean';
 import { useEventListener } from '../../../../hooks/useEventListener';
@@ -13,6 +13,7 @@ export var cnSnackbarItem = cn('SnackbarItem');
 export var SnackbarItem = forwardRef(function (_a, ref) {
     var title = _a.title, status = _a.status, description = _a.description, rootProps = _a.rootProps, messageId = _a.messageId, renderContentProp = _a.renderContent, open = _a.open, opening = _a.opening, disableWindowBlurListener = _a.disableWindowBlurListener, lifetime = _a.lifetime, anchorOrigin = _a.anchorOrigin, onClose = _a.onClose, onExited = _a.onExited, onEntered = _a.onEntered, onEnter = _a.onEnter, onExit = _a.onExit, _b = _a.collapseTransitionTimeout, collapseTransitionTimeout = _b === void 0 ? SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT : _b, _c = _a.contentTransitionTimeout, contentTransitionTimeout = _c === void 0 ? SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT : _c;
     var _d = __read(useBoolean(true), 2), expanded = _d[0], collapseItem = _d[1].off;
+    var itemRef = useRef(null);
     var horizontal = anchorOrigin.horizontal, vertical = anchorOrigin.vertical;
     var handleClose = function () {
         onClose === null || onClose === void 0 ? void 0 : onClose(messageId);
@@ -70,22 +71,23 @@ export var SnackbarItem = forwardRef(function (_a, ref) {
         handler: pauseTimer,
         active: !disableWindowBlurListener && open,
     });
+    var style = {
+        '--snackbar-item-transform-transition': "".concat(collapseTransitionTimeout, "ms"),
+        '--snackbar-item-opacity-transition': "".concat(contentTransitionTimeout, "ms"),
+    };
     return (React.createElement(Collapse, __assign({ ref: ref }, rootProps, { className: cnSnackbarItem('Collapse', [rootProps === null || rootProps === void 0 ? void 0 : rootProps.className]), timeout: collapseTransitionTimeout, expanded: expanded, onExited: handleCollapseExited, onEntered: 
         // У кого дольше анимация тот и вызывает
         collapseTransitionTimeout > contentTransitionTimeout
             ? handleEntered
             : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, appear: true }),
-        React.createElement(CSSTransition, { in: open, classNames: cnSnackbarItem({ animation: true }), timeout: contentTransitionTimeout, onEnter: function () { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(messageId); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(messageId); }, onExited: collapseItem, onEntered: 
+        React.createElement(CSSTransition, { in: open, nodeRef: itemRef, classNames: cnSnackbarItem({ animation: true }), timeout: contentTransitionTimeout, onEnter: function () { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(messageId); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(messageId); }, onExited: collapseItem, onEntered: 
             // У кого дольше анимация тот и вызывает
             collapseTransitionTimeout <= contentTransitionTimeout
                 ? handleEntered
                 : undefined, appear: true },
-            React.createElement("div", { style: {
-                    '--snackbar-item-transform-transition': "".concat(collapseTransitionTimeout, "ms"),
-                    '--snackbar-item-opacity-transition': "".concat(contentTransitionTimeout, "ms"),
-                }, className: cnSnackbarItem({
+            React.createElement("div", { style: style, className: cnSnackbarItem({
                     anchorHorizontal: horizontal,
                     anchorVertical: vertical,
-                }) }, renderContent() || (React.createElement(Alert, { title: title, status: status, onClose: handleClose, inverse: true }, description))))));
+                }), ref: itemRef }, renderContent() || (React.createElement(Alert, { title: title, status: status, onClose: handleClose, inverse: true }, description))))));
 });
 SnackbarItem.displayName = 'SnackbarItem';

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

@@ -1,29 +1,5 @@
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
 import './Table.css';
+import type { TableProps } from './index';
 export declare const cnTable: import("@bem-react/classname").ClassNameFormatter;
-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 TableProps = {
-    /** Устанавливает размер типографики и отступов в таблице */
-    size?: TableSizeVariant;
-    /** Признак, по которому таблица растет по всей ширине своего контейнера */
-    fullWidth?: boolean;
-    /** Тип разделителей в таблице */
-    divider?: TableDividerVariant;
-    /** Признак фиксированного заголовка в таблице */
-    stickyHeader?: boolean;
-    /** Признак сжатой таблицы */
-    compressed?: boolean;
-    /** Признак таблицы с зеброй */
-    striped?: boolean;
-    /** Содержимое таблицы */
-    children?: ReactNode;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-} & ComponentPropsWithRef<'table'>;
 export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;

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

@@ -5,8 +5,6 @@ import { cn } from '../../utils/classname';
 import './Table.css';
 import { TABLE_DEFAULT_COMPRESSED, TABLE_DEFAULT_DIVIDER, TABLE_DEFAULT_FULL_WIDTH, TABLE_DEFAULT_SIZE, TABLE_DEFAULT_STICKY_HEADER, TABLE_DEFAULT_STRIPED, } from './constants';
 export var cnTable = cn('Table');
-export var tableSizeVariant = ['xs', 's', 'm', 'l'];
-export var tableDividerVariant = ['row', 'column', 'all'];
 export var Table = forwardRef(function (inProps, ref) {
     var _a = useThemeProps({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? TABLE_DEFAULT_STRIPED : _g, children = _a.children, className = _a.className, other = __rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "children", "className"]);
     return (React.createElement("table", __assign({ className: cnTable({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped }, [className]) }, other, { ref: ref }), children));

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

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

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

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

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

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

package/__inner__/esm/components/Table/components/TableBody/types.d.ts

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

package/__inner__/esm/components/Table/components/TableBody/types.js

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

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

@@ -1,17 +1,5 @@
 import './TableCaption.css';
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef } from 'react';
+import type { TableCaptionProps } from './index';
 export declare const cnTableCaption: import("@bem-react/classname").ClassNameFormatter;
-export declare const tableCaptionSideVariant: readonly ["top", "bottom"];
-export type TableCaptionSideVariant = (typeof tableCaptionSideVariant)[number];
-export type TableCaptionProps = {
-    /** Содержимое подписи таблицы */
-    children?: ReactNode;
-    /** Кастомный класс */
-    className?: string;
-    /** Сторона, с которой отображается подпись таблицы */
-    side?: TableCaptionSideVariant;
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-} & ComponentPropsWithRef<'caption'>;
 export declare const TableCaption: React.ForwardRefExoticComponent<Omit<TableCaptionProps, "ref"> & React.RefAttributes<HTMLElement>>;

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

@@ -5,7 +5,6 @@ import { useThemeProps } from '../../../../hooks/useThemeProps';
 import { cn } from '../../../../utils/classname';
 import { TABLE_CAPTION_DEFAULT_SIDE } from './constants';
 export var cnTableCaption = cn('TableCaption');
-export var tableCaptionSideVariant = ['top', 'bottom'];
 export var TableCaption = forwardRef(function (inProps, ref) {
     var _a = useThemeProps({ name: 'TableCaption', props: inProps }), _b = _a.side, side = _b === void 0 ? TABLE_CAPTION_DEFAULT_SIDE : _b, children = _a.children, className = _a.className, other = __rest(_a, ["side", "children", "className"]);
     return (React.createElement("caption", __assign({ className: cnTableCaption({ side: side }, [className]) }, other, { ref: ref }), children));

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

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

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

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

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

@@ -0,0 +1 @@
+export var tableCaptionSideVariant = ['top', 'bottom'];

package/__inner__/esm/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__/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';