@ozen-ui/kit 0.54.0 → 0.56.0

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

@@ -0,0 +1,34 @@
+import type { ChangeEventHandler, ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+export declare const segmentVariant: readonly ["primary", "secondary"];
+export declare const segmentSelectedVariant: readonly ["main", "action"];
+export type SegmentSizeVariant = FormElementSizeVariant;
+export type SegmentVariant = (typeof segmentVariant)[number];
+export type SegmentSelectedVariant = (typeof segmentSelectedVariant)[number];
+export type SegmentValueProp = string | number;
+export type SegmentRef = ComponentRef<'fieldset'>;
+export type SegmentProps = ExtendableComponentPropsWithRef<{
+    /** Свойство отвечающее за размер отступов и типографики компонента */
+    size?: FormElementSizeVariant;
+    /** Свойство отвечающее за отображение приоритетности компонента */
+    variant?: SegmentVariant;
+    /** Свойство определяющее цвет выбранной опции */
+    selectedColor?: SegmentSelectedVariant;
+    /** Имя компонента */
+    name?: string;
+    /** Если {true} отключает взаимодействие с компонентом */
+    disabled?: boolean;
+    /** Если {true} растягивает компонент на всю ширину родительского контейнера */
+    fullWidth?: boolean;
+    /** Значение компонента */
+    value?: SegmentValueProp;
+    /** Значение компонента по умолчанию (неконтролируемое состояние) */
+    defaultValue?: SegmentValueProp;
+    /** Функция обратного вызова, которая вызывается при изменении значения компонента */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Содержимое компонента */
+    children: ReactNode;
+}, 'fieldset'>;

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

@@ -0,0 +1,2 @@
+export var segmentVariant = ['primary', 'secondary'];
+export var segmentSelectedVariant = ['main', 'action'];

package/__inner__/esm/components/Select/Select.js

@@ -145,7 +145,7 @@ var SelectRender = function (inProps, ref) {
     useEffect(function () {
         var _a;
         /** Устанавливает фокус на элементе контроля
-         * если компонент по умолчанию открыт – defaultOpen={true}
+         * если компонент по умолчанию открыт — defaultOpen={true}
          * и является неконтролируемым */
         if (defaultOpen && !isOpenControlled) {
             (_a = bodyInnerRef.current) === null || _a === void 0 ? void 0 : _a.focus();

package/__inner__/esm/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__/esm/components/Select/types.d.ts

@@ -1,7 +1,8 @@
-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';
+import type { SelectInputProps, SelectInputRef } from './components';
 export type SelectSizeVariant = FormElementSizeVariant;
 export type SelectLabel = string | number | undefined;
 export type SelectPropLabel<MULTIPLE extends boolean> = (MULTIPLE extends true ? SelectLabel[] : SelectLabel) | undefined;
@@ -46,7 +47,8 @@ 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 SelectRef = SelectInputRef;
+export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если {true} устанавливает автофокус */
     autoFocus?: boolean;
     /** Размер компонента */
@@ -65,6 +67,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__/esm/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__/esm/components/Skeleton/Skeleton.js

@@ -1,9 +1,8 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import './Skeleton.css';
-import { SkeletonCircular, } from './SkeletonCircular';
-import { SkeletonRectangular, } from './SkeletonRectangular';
-import { SkeletonTypography, } from './SkeletonTypography';
+import { SkeletonCircular, SkeletonRectangular, SkeletonTypography, } from './components';
+// eslint-disable-next-line react/display-name
 export var Skeleton = forwardRef(function (props, ref) {
     var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = __rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
     var style = __assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
@@ -16,4 +15,3 @@ export var Skeleton = forwardRef(function (props, ref) {
     }
     return React.createElement(SkeletonRectangular, __assign({}, commonProps), children);
 });
-Skeleton.displayName = 'Skeleton';

package/__inner__/esm/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__/esm/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/SkeletonCircular.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
+import { cn } from '../../../../utils/classname';
 import { SkeletonRectangular } from '../SkeletonRectangular';
 import './SkeletonCircular.css';
 export var cnSkeletonCircular = cn('SkeletonCircular');

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

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

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

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

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

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

package/__inner__/esm/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__/esm/components/Skeleton/{SkeletonRectangular → components/SkeletonRectangular}/SkeletonRectangular.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
-import '../Skeleton.css';
+import { cn } from '../../../../utils/classname';
+import '../../Skeleton.css';
 export var cnSkeleton = cn('Skeleton');
 export var SkeletonRectangular = 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 = __rest(_a, ["children", "width", "height", "style", "className"]);

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

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

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

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

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

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

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

@@ -1,8 +1,5 @@
 import React, { useContext } from 'react';
-export var SnackbarContext = React.createContext({
-    pushMessage: function () { return ''; },
-    closeMessage: function () { return undefined; },
-});
+export var SnackbarContext = React.createContext({});
 export var useSnackbar = function () { return useContext(SnackbarContext); };
 // Именованный провайдер
 if (process.env.NODE_ENV !== 'production') {

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