@ozen-ui/kit 0.0.1

package/__inner__/esm/components/Table/Table.css

@@ -0,0 +1,100 @@
+.Table {
+  border-spacing: 0;
+  background-color: var(--color-background-main);
+}
+
+  .Table_fullWidth {
+    inline-size: 100%;
+  }
+
+  .Table_size_xs {
+      --table-header-cell-text: var(--typography-text-3xs-font);
+      --table-header-cell-padding: 16px 12px 8px;
+      --table-cell-text: var(--typography-text-xs-font);
+      --table-cell-padding: 12px;
+      --table-caption-text: var(--typography-text-xs-font);
+      --table-caption-padding: 24px 12px;
+    }
+
+  .Table_size_s {
+      --table-header-cell-text: var(--typography-text-3xs-font);
+      --table-header-cell-padding: 24px 16px 8px;
+      --table-cell-text: var(--typography-text-s-font);
+      --table-cell-padding: 14px 16px;
+      --table-caption-text: var(--typography-text-s-font);
+      --table-caption-padding: 24px 16px;
+    }
+
+  .Table_size_m {
+      --table-header-cell-padding: 28px 20px 12px;
+      --table-cell-padding: 16px 20px;
+      --table-header-cell-text: var(--typography-text-2xs-font);
+      --table-cell-text: var(--typography-text-m-font);
+      --table-caption-text: var(--typography-text-m-font);
+      --table-caption-padding: 32px 20px;
+    }
+
+  .Table_size_l {
+      --table-header-cell-text: var(--typography-text-xs-font);
+      --table-header-cell-padding: 32px 24px 16px;
+      --table-cell-text: var(--typography-text-l-font);
+      --table-cell-padding: 18px 24px;
+      --table-caption-text: var(--typography-text-l-font);
+      --table-caption-padding: 32px 24px;
+    }
+
+  .Table_compressed.Table_size_xs {
+      --table-header-cell-text: var(--typography-text-3xs-font);
+      --table-cell-padding: 4px 12px;
+    }
+
+  .Table_compressed.Table_size_s {
+      --table-header-cell-text: var(--typography-text-3xs-font);
+      --table-cell-padding: 6px 16px;
+    }
+
+  .Table_compressed.Table_size_m {
+      --table-header-cell-text: var(--typography-text-2xs-font);
+      --table-cell-padding: 8px 20px;
+    }
+
+  .Table_compressed.Table_size_l {
+      --table-header-cell-text: var(--typography-text-xs-font);
+      --table-cell-padding: 10px 24px;
+    }
+
+  .Table_divider_row .TableCell, .Table_divider_all .TableCell {
+        border-block-end: var(--border-width-s) solid var(--color-border-main);
+      }
+
+  .Table_divider_column .TableCell:not(:last-child), .Table_divider_all .TableCell:not(:last-child) {
+        border-inline-end: var(--border-width-s) solid var(--color-border-main);
+      }
+
+  .Table .TableBody .TableRow:last-child .TableCell {
+    border-block-end: 0 solid;
+  }
+
+  .Table_striped .TableBody .TableRow:nth-child(odd) {
+      background-color: var(--color-background-primary);
+    }
+
+  .Table_striped .TableBody .TableRow:nth-child(odd) .TableCell:first-child {
+        border-start-start-radius: var(--border-radius-xs);
+        border-end-start-radius: var(--border-radius-xs);
+      }
+
+  .Table_striped .TableBody .TableRow:nth-child(odd) .TableCell:last-child {
+        border-start-end-radius: var(--border-radius-xs);
+        border-end-end-radius: var(--border-radius-xs);
+      }
+
+  .Table_striped .TableCell {
+      border: none;
+    }
+
+  .Table_stickyHeader .TableHead {
+      background-color: var(--color-background-main);
+      position: sticky;
+      inset-block-start: 0;
+    }

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+import './Table.css';
+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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../hooks/useThemeProps';
+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));
+});
+Table.displayName = 'Table';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const TableContext: import("react").Context<{
+    variant: string;
+}>;

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

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var TableContext = createContext({ variant: '' });

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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/TableBody.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { TableContext } from '../../TableContext';
+export var cnTableBody = cn('TableBody');
+export var TableBody = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    return (React.createElement(TableContext.Provider, { value: { variant: 'body' } },
+        React.createElement("tbody", __assign({ className: cnTableBody('', [className]) }, other, { ref: ref }), children)));
+});
+TableBody.displayName = 'TableBody';

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

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

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

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

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

@@ -0,0 +1,13 @@
+.TableCaption {
+  font: var(--table-caption-text);
+  padding: var(--table-caption-padding);
+  background-color: inherit;
+}
+  
+  .TableCaption_side_top {
+      caption-side: block-start;
+    }
+  
+  .TableCaption_side_bottom {
+      caption-side: block-end;
+    }

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

@@ -0,0 +1,17 @@
+import './TableCaption.css';
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import './TableCaption.css';
+import React, { forwardRef } from 'react';
+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));
+});
+TableCaption.displayName = 'TableCaption';

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

@@ -0,0 +1 @@
+export declare const TABLE_CAPTION_DEFAULT_SIDE = "bottom";

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

@@ -0,0 +1 @@
+export var TABLE_CAPTION_DEFAULT_SIDE = 'bottom';

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

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

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

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

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

@@ -0,0 +1,32 @@
+/* stylelint-disable */
+.TableCell {
+  box-sizing: border-box;
+  padding: var(--table-cell-padding);
+  font: var(--table-cell-text);
+}
+.TableCell_verticalAlign_top {
+      vertical-align: top;
+    }
+.TableCell_verticalAlign_baseline {
+      vertical-align: baseline;
+    }
+.TableCell_verticalAlign_middle {
+      vertical-align: middle;
+    }
+.TableCell_verticalAlign_bottom {
+      vertical-align: bottom;
+    }
+.TableCell_verticalAlign_sub {
+      vertical-align: sub;
+    }
+.TableCell_verticalAlign_text-top {
+      vertical-align: text-top;
+    }
+.TableCell_variant_head,
+    .TableCell_variant_foot {
+      font: var(--table-header-cell-text);
+      color: var(--color-content-secondary);
+      padding: var(--table-header-cell-padding);
+      text-transform: uppercase;
+      white-space: nowrap;
+    }

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

@@ -0,0 +1,61 @@
+import './TableCell.css';
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;

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

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import './TableCell.css';
+import React, { forwardRef, useContext } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+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);
+    var variantCell = variant || (table === null || table === void 0 ? void 0 : table.variant);
+    var Tag = variantCell !== 'body' ? 'th' : 'td';
+    return (React.createElement(Tag, __assign({ align: align, width: width, className: cnTableCell({ variant: variantCell, verticalAlign: verticalAlign }, [
+            className,
+        ]) }, other, { ref: ref }), children));
+});
+TableCell.displayName = 'TableCell';

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

@@ -0,0 +1 @@
+export declare const TABLE_CELL_VERTICAL_ALIGN = "top";

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

@@ -0,0 +1 @@
+export var TABLE_CELL_VERTICAL_ALIGN = 'top';

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

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

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

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

package/__inner__/esm/components/Table/components/TableContainer/TableContainer.css

@@ -0,0 +1,13 @@
+.TableContainer {
+  --table-container-block-size: 100%;
+  --table-container-min-block-size: unset;
+  --table-container-max-block-size: unset;
+  overflow: auto;
+  block-size: var(--table-container-block-size);
+  min-block-size: var(--table-container-min-block-size);
+  max-block-size: var(--table-container-max-block-size);
+}
+
+  .TableContainer .Table {
+    inline-size: 100%;
+  }

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

@@ -0,0 +1,21 @@
+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>;
+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

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import './TableContainer.css';
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef, } from '../../../../utils/polymorphicComponentWithRef';
+import { TABLE_CONTAINER_DEFAULT_TAG } from './constants';
+export var cnTableContainer = cn('TableContainer');
+export var TableContainer = polymorphicComponentWithRef(function (inProps, ref) {
+    var _a = useThemeProps({ name: 'TableContainer', props: inProps }), _b = _a.as, Tag = _b === void 0 ? TABLE_CONTAINER_DEFAULT_TAG : _b, children = _a.children, minHeight = _a.minHeight, maxHeight = _a.maxHeight, className = _a.className, height = _a.height, styleProp = _a.style, other = __rest(_a, ["as", "children", "minHeight", "maxHeight", "className", "height", "style"]);
+    return (React.createElement(Tag, __assign({ className: cnTableContainer('', [className]), ref: ref, style: __assign(__assign({}, styleProp), { '--table-container-block-size': height, '--table-container-min-block-size': minHeight, '--table-container-max-block-size': maxHeight }) }, other), children));
+});
+TableContainer.displayName = 'TableContainer';

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

@@ -0,0 +1 @@
+export declare const TABLE_CONTAINER_DEFAULT_TAG = "div";

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

@@ -0,0 +1 @@
+export var TABLE_CONTAINER_DEFAULT_TAG = 'div';

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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/TableFoot.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { TableContext } from '../../TableContext';
+export var cnTableFoot = cn('TableFoot');
+export var TableFoot = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    return (React.createElement(TableContext.Provider, { value: { variant: 'foot' } },
+        React.createElement("tfoot", __assign({ className: cnTableFoot({}, [className]) }, other, { ref: ref }), children)));
+});
+TableFoot.displayName = 'TableFoot';

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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/TableHead.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { TableContext } from '../../TableContext';
+export var cnTableHead = cn('TableHead');
+export var TableHead = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    return (React.createElement(TableContext.Provider, { value: { variant: 'head' } },
+        React.createElement("thead", __assign({ className: cnTableHead({}, [className]) }, other, { ref: ref }), children)));
+});
+TableHead.displayName = 'TableHead';

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

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

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

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

package/__inner__/esm/components/Table/components/TableRow/TableRow.css

@@ -0,0 +1,9 @@
+.TableRow_hover:hover {
+    outline: none;
+    background-color: var(--color-background-primary-hover);
+  }
+  .TableRow_hover:active,
+  .TableRow_selected {
+    outline: none;
+    background-color: var(--color-background-primary-pressed);
+  }

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

@@ -0,0 +1,17 @@
+import './TableRow.css';
+import React from 'react';
+import type { ReactNode, ComponentPropsWithRef } from 'react';
+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/TableRow.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import './TableRow.css';
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+export var cnTableRow = cn('TableRow');
+export var TableRow = forwardRef(function (_a, ref) {
+    var children = _a.children, hover = _a.hover, selected = _a.selected, className = _a.className, other = __rest(_a, ["children", "hover", "selected", "className"]);
+    return (React.createElement("tr", __assign({ className: cnTableRow({ hover: hover, selected: selected }, [className]) }, other, { ref: ref }), children));
+});
+TableRow.displayName = 'TableRow';

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

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

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

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

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

@@ -0,0 +1,7 @@
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableRow';
+export * from './TableCell';
+export * from './TableContainer';
+export * from './TableCaption';
+export * from './TableFoot';

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

@@ -0,0 +1,7 @@
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableRow';
+export * from './TableCell';
+export * from './TableContainer';
+export * from './TableCaption';
+export * from './TableFoot';

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

@@ -0,0 +1,6 @@
+export declare const TABLE_DEFAULT_SIZE = "m";
+export declare const TABLE_DEFAULT_DIVIDER = "row";
+export declare const TABLE_DEFAULT_FULL_WIDTH = false;
+export declare const TABLE_DEFAULT_STICKY_HEADER = false;
+export declare const TABLE_DEFAULT_COMPRESSED = false;
+export declare const TABLE_DEFAULT_STRIPED = false;

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

@@ -0,0 +1,6 @@
+export var TABLE_DEFAULT_SIZE = 'm';
+export var TABLE_DEFAULT_DIVIDER = 'row';
+export var TABLE_DEFAULT_FULL_WIDTH = false;
+export var TABLE_DEFAULT_STICKY_HEADER = false;
+export var TABLE_DEFAULT_COMPRESSED = false;
+export var TABLE_DEFAULT_STRIPED = false;

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

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

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

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