@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, ReactNode, Ref } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, ReactNode, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../../../FieldHint';
 import type { FieldIconProps } from '../../../FieldIcon';
@@ -37,7 +38,8 @@ type SelectInputPropsDeprecated = {
      * */
     bodyRef?: Ref<HTMLDivElement>;
 };
-export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'defaultValue' | 'onChange'> & {
+export type SelectInputRef = ComponentRef<'div'>;
+export type SelectInputProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -91,5 +93,5 @@ export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'def
     'data-testid'?: string;
     /** Содержимое компонента */
     children?: never;
-} & SelectInputPropsDeprecated;
+} & SelectInputPropsDeprecated, 'div'>;
 export {};

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

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListBaseProps, DataListSelected } from '../DataList';
 import type { SelectInputProps } from './components';
@@ -46,7 +47,7 @@ type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
      * */
     menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
 };
-export type SelectProps<MULTIPLE extends boolean = false> = {
+export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если {true} устанавливает автофокус */
     autoFocus?: boolean;
     /** Размер компонента */
@@ -65,6 +66,6 @@ export type SelectProps<MULTIPLE extends boolean = false> = {
     multiple?: MULTIPLE;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
-} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps);
+} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps), 'div'>;
 export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
 export {};

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

@@ -1,18 +1,3 @@
-import React from 'react';
 import './Skeleton.css';
-import { type SkeletonCircularProps } from './SkeletonCircular';
-import { type SkeletonRectangularProps } from './SkeletonRectangular';
-import { type SkeletonTypographyProps } from './SkeletonTypography';
-export type SkeletonProps = (({
-    variant: 'rectangular';
-} & SkeletonRectangularProps) | ({
-    variant: 'circular';
-} & SkeletonCircularProps) | ({
-    variant: 'typography';
-} & SkeletonTypographyProps)) & {
-    /** Цвет волны */
-    waveColor?: string;
-    /** Цвет фона */
-    bgColor?: string;
-};
-export declare const Skeleton: React.FC<SkeletonProps>;
+import type { SkeletonComponent } from './index';
+export declare const Skeleton: SkeletonComponent;

package/__inner__/cjs/components/Skeleton/Skeleton.js

@@ -4,19 +4,17 @@ exports.Skeleton = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 require("./Skeleton.css");
-var SkeletonCircular_1 = require("./SkeletonCircular");
-var SkeletonRectangular_1 = require("./SkeletonRectangular");
-var SkeletonTypography_1 = require("./SkeletonTypography");
+var components_1 = require("./components");
+// eslint-disable-next-line react/display-name
 exports.Skeleton = (0, react_1.forwardRef)(function (props, ref) {
     var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = tslib_1.__rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
     var style = tslib_1.__assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
     var commonProps = tslib_1.__assign(tslib_1.__assign({}, other), { style: style, ref: ref });
     if (variant === 'circular') {
-        return react_1.default.createElement(SkeletonCircular_1.SkeletonCircular, tslib_1.__assign({}, commonProps), children);
+        return react_1.default.createElement(components_1.SkeletonCircular, tslib_1.__assign({}, commonProps), children);
     }
     if (variant === 'typography') {
-        return react_1.default.createElement(SkeletonTypography_1.SkeletonTypography, tslib_1.__assign({}, commonProps));
+        return react_1.default.createElement(components_1.SkeletonTypography, tslib_1.__assign({}, commonProps));
     }
-    return react_1.default.createElement(SkeletonRectangular_1.SkeletonRectangular, tslib_1.__assign({}, commonProps), children);
+    return react_1.default.createElement(components_1.SkeletonRectangular, tslib_1.__assign({}, commonProps), children);
 });
-exports.Skeleton.displayName = 'Skeleton';

package/__inner__/cjs/components/Skeleton/components/SkeletonCircular/SkeletonCircular.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './SkeletonCircular.css';
+import type { SkeletonCircularProps } from './index';
+export declare const cnSkeletonCircular: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonCircular: React.ForwardRefExoticComponent<Omit<SkeletonCircularProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/cjs/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/SkeletonCircular.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonCircular = exports.cnSkeletonCircular = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var classname_1 = require("../../../utils/classname");
+var classname_1 = require("../../../../utils/classname");
 var SkeletonRectangular_1 = require("../SkeletonRectangular");
 require("./SkeletonCircular.css");
 exports.cnSkeletonCircular = (0, classname_1.cn)('SkeletonCircular');

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

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

package/__inner__/cjs/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/index.js

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

package/__inner__/cjs/components/Skeleton/components/SkeletonCircular/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, CSSProperties, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type SkeletonCircularRef = ComponentRef<'span'>;
+export type SkeletonCircularProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Размер */
+    size?: CSSProperties['width'] & CSSProperties['height'];
+}, 'span'>;

package/__inner__/cjs/components/Skeleton/components/SkeletonCircular/types.js

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

package/__inner__/cjs/components/Skeleton/components/SkeletonRectangular/SkeletonRectangular.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '../../Skeleton.css';
+import type { SkeletonRectangularProps } from './index';
+export declare const cnSkeleton: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonRectangular: React.ForwardRefExoticComponent<Omit<SkeletonRectangularProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/cjs/components/Skeleton/{SkeletonRectangular → components/SkeletonRectangular}/SkeletonRectangular.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonRectangular = exports.cnSkeleton = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var classname_1 = require("../../../utils/classname");
-require("../Skeleton.css");
+var classname_1 = require("../../../../utils/classname");
+require("../../Skeleton.css");
 exports.cnSkeleton = (0, classname_1.cn)('Skeleton');
 exports.SkeletonRectangular = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, _b = _a.width, width = _b === void 0 ? '100%' : _b, height = _a.height, style = _a.style, className = _a.className, other = tslib_1.__rest(_a, ["children", "width", "height", "style", "className"]);

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

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

package/__inner__/cjs/components/Skeleton/{SkeletonRectangular → components/SkeletonRectangular}/index.js

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

package/__inner__/cjs/components/Skeleton/components/SkeletonRectangular/types.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentRef, CSSProperties, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type SkeletonRectangularRef = ComponentRef<'span'>;
+export type SkeletonRectangularProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Ширина */
+    width?: CSSProperties['width'];
+    /** Высота */
+    height?: CSSProperties['height'];
+}, 'span'>;

package/__inner__/cjs/components/Skeleton/components/SkeletonRectangular/types.js

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

package/__inner__/cjs/components/Skeleton/components/SkeletonTypography/SkeletonTypography.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './SkeletonTypography.css';
+import type { SkeletonTypographyProps } from './index';
+export declare const cnSkeletonTypography: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonTypography: React.ForwardRefExoticComponent<Omit<SkeletonTypographyProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonTypography = exports.cnSkeletonTypography = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var classname_1 = require("../../../utils/classname");
-var Typography_1 = require("../../Typography");
+var classname_1 = require("../../../../utils/classname");
+var Typography_1 = require("../../../Typography");
 var SkeletonRectangular_1 = require("../SkeletonRectangular");
 require("./SkeletonTypography.css");
 exports.cnSkeletonTypography = (0, classname_1.cn)('SkeletonTypography');
 exports.SkeletonTypography = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, typographyVariant = _a.typographyVariant, width = _a.width, style = _a.style, rows = _a.rows, other = tslib_1.__rest(_a, ["className", "typographyVariant", "width", "style", "rows"]);
-    return (react_1.default.createElement("span", tslib_1.__assign({ className: (0, exports.cnSkeletonTypography)('', [className]), style: { width: width } }, other, { ref: ref }), new Array(rows).fill(null).map(function (_, index) { return (react_1.default.createElement("span", { className: (0, exports.cnSkeletonTypography)('Row', [
+    return (react_1.default.createElement("span", tslib_1.__assign({ className: (0, exports.cnSkeletonTypography)('', [className]), style: { width: width } }, other, { ref: ref }), new Array(rows).fill(0).map(function (_, index) { return (react_1.default.createElement("span", { className: (0, exports.cnSkeletonTypography)('Row', [
             (0, Typography_1.cnTypography)({ variant: typographyVariant }),
         ]), key: index },
         react_1.default.createElement(SkeletonRectangular_1.SkeletonRectangular, { style: tslib_1.__assign({ width: rows && rows > 1 && index === rows - 1 ? '50%' : '100%' }, style) }))); })));

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

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

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

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

package/__inner__/cjs/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__/cjs/components/Skeleton/components/SkeletonTypography/types.js

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SkeletonRectangular"), exports);
+tslib_1.__exportStar(require("./SkeletonCircular"), exports);
+tslib_1.__exportStar(require("./SkeletonTypography"), exports);

package/__inner__/cjs/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__/cjs/components/Skeleton/index.js

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cnSkeletonTypography = exports.cnSkeleton = exports.cnSkeletonCircular = void 0;
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Skeleton"), exports);
-var SkeletonCircular_1 = require("./SkeletonCircular");
-Object.defineProperty(exports, "cnSkeletonCircular", { enumerable: true, get: function () { return SkeletonCircular_1.cnSkeletonCircular; } });
-var SkeletonRectangular_1 = require("./SkeletonRectangular");
-Object.defineProperty(exports, "cnSkeleton", { enumerable: true, get: function () { return SkeletonRectangular_1.cnSkeleton; } });
-var SkeletonTypography_1 = require("./SkeletonTypography");
-Object.defineProperty(exports, "cnSkeletonTypography", { enumerable: true, get: function () { return SkeletonTypography_1.cnSkeletonTypography; } });
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -16,6 +16,7 @@ exports.cnSnackbarItem = (0, classname_1.cn)('SnackbarItem');
 exports.SnackbarItem = (0, react_1.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 ? constants_1.SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT : _b, _c = _a.contentTransitionTimeout, contentTransitionTimeout = _c === void 0 ? constants_1.SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT : _c;
     var _d = tslib_1.__read((0, useBoolean_1.useBoolean)(true), 2), expanded = _d[0], collapseItem = _d[1].off;
+    var itemRef = (0, react_1.useRef)(null);
     var horizontal = anchorOrigin.horizontal, vertical = anchorOrigin.vertical;
     var handleClose = function () {
         onClose === null || onClose === void 0 ? void 0 : onClose(messageId);
@@ -73,22 +74,23 @@ exports.SnackbarItem = (0, react_1.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_1.default.createElement(Collapse_1.Collapse, tslib_1.__assign({ ref: ref }, rootProps, { className: (0, exports.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_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, classNames: (0, exports.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_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, nodeRef: itemRef, classNames: (0, exports.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_1.default.createElement("div", { style: {
-                    '--snackbar-item-transform-transition': "".concat(collapseTransitionTimeout, "ms"),
-                    '--snackbar-item-opacity-transition': "".concat(contentTransitionTimeout, "ms"),
-                }, className: (0, exports.cnSnackbarItem)({
+            react_1.default.createElement("div", { style: style, className: (0, exports.cnSnackbarItem)({
                     anchorHorizontal: horizontal,
                     anchorVertical: vertical,
-                }) }, renderContent() || (react_1.default.createElement(Alert_1.Alert, { title: title, status: status, onClose: handleClose, inverse: true }, description))))));
+                }), ref: itemRef }, renderContent() || (react_1.default.createElement(Alert_1.Alert, { title: title, status: status, onClose: handleClose, inverse: true }, description))))));
 });
 exports.SnackbarItem.displayName = 'SnackbarItem';

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = exports.tableDividerVariant = exports.tableSizeVariant = exports.cnTable = void 0;
+exports.Table = exports.cnTable = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
@@ -8,8 +8,6 @@ var classname_1 = require("../../utils/classname");
 require("./Table.css");
 var constants_1 = require("./constants");
 exports.cnTable = (0, classname_1.cn)('Table');
-exports.tableSizeVariant = ['xs', 's', 'm', 'l'];
-exports.tableDividerVariant = ['row', 'column', 'all'];
 exports.Table = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'Table', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.TABLE_DEFAULT_SIZE : _b, _c = _a.divider, divider = _c === void 0 ? constants_1.TABLE_DEFAULT_DIVIDER : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? constants_1.TABLE_DEFAULT_FULL_WIDTH : _d, _e = _a.stickyHeader, stickyHeader = _e === void 0 ? constants_1.TABLE_DEFAULT_STICKY_HEADER : _e, _f = _a.compressed, compressed = _f === void 0 ? constants_1.TABLE_DEFAULT_COMPRESSED : _f, _g = _a.striped, striped = _g === void 0 ? constants_1.TABLE_DEFAULT_STRIPED : _g, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "divider", "fullWidth", "stickyHeader", "compressed", "striped", "children", "className"]);
     return (react_1.default.createElement("table", tslib_1.__assign({ className: (0, exports.cnTable)({ compressed: compressed, size: size, stickyHeader: stickyHeader, fullWidth: fullWidth, divider: divider, striped: striped }, [className]) }, other, { ref: ref }), children));

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCaption = exports.tableCaptionSideVariant = exports.cnTableCaption = void 0;
+exports.TableCaption = exports.cnTableCaption = void 0;
 var tslib_1 = require("tslib");
 require("./TableCaption.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -8,7 +8,6 @@ var useThemeProps_1 = require("../../../../hooks/useThemeProps");
 var classname_1 = require("../../../../utils/classname");
 var constants_1 = require("./constants");
 exports.cnTableCaption = (0, classname_1.cn)('TableCaption');
-exports.tableCaptionSideVariant = ['top', 'bottom'];
 exports.TableCaption = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'TableCaption', props: inProps }), _b = _a.side, side = _b === void 0 ? constants_1.TABLE_CAPTION_DEFAULT_SIDE : _b, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["side", "children", "className"]);
     return (react_1.default.createElement("caption", tslib_1.__assign({ className: (0, exports.cnTableCaption)({ side: side }, [className]) }, other, { ref: ref }), children));

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

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

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

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

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);