@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Segment/components/{SegmentItem.js → SegmentItem/SegmentItem.js}

@@ -4,8 +4,8 @@ exports.SegmentItem = exports.cnSegmentItem = void 0;
 var tslib_1 = require("tslib");
 require("./SegmentItem.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var classname_1 = require("../../../utils/classname");
-var SegmentContext_1 = require("../SegmentContext");
+var classname_1 = require("../../../../utils/classname");
+var SegmentContext_1 = require("../../SegmentContext");
 exports.cnSegmentItem = (0, classname_1.cn)('SegmentItem');
 exports.SegmentItem = (0, react_1.forwardRef)(function (_a, ref) {
     var Icon = _a.icon, dataTestId = _a["data-testid"], iconRef = _a.iconRef, inputRef = _a.inputRef, children = _a.children, className = _a.className, value = _a.value, labelProps = _a.labelProps, inputTestId = _a.inputTestId, nameProp = _a.name, onChangeProp = _a.onChange, other = tslib_1.__rest(_a, ["icon", 'data-testid', "iconRef", "inputRef", "children", "className", "value", "labelProps", "inputTestId", "name", "onChange"]);
@@ -18,7 +18,7 @@ exports.SegmentItem = (0, react_1.forwardRef)(function (_a, ref) {
     return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)('', tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
         Icon && (react_1.default.createElement(Icon, { className: (0, exports.cnSegmentItem)('Icon'), ref: iconRef, size: iconSize })),
         children,
-        react_1.default.createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, ref: inputRef, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other)),
+        react_1.default.createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other, { ref: inputRef })),
         react_1.default.createElement("span", { className: (0, exports.cnSegmentItem)('Box') })));
 });
 exports.SegmentItem.displayName = 'SegmentItem';

package/__inner__/cjs/components/Segment/components/SegmentItem/index.d.ts

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

package/__inner__/cjs/components/Segment/components/SegmentItem/index.js

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

package/__inner__/cjs/components/Segment/components/SegmentItem/types.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentRef, FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { SegmentValueProp } from '../../index';
+export type SegmentItemRef = ComponentRef<'label'>;
+export type SegmentItemProps = ExtendableComponentPropsWithRef<{
+    /** Значение элемента */
+    value?: SegmentValueProp;
+    /** Компонент иконки */
+    icon?: FC<IconProps>;
+    /** Имя элемента */
+    name?: string;
+    /** Если {true} отображает компонент как выбранный */
+    selected?: boolean;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Ссылка на элемент SVG-иконки в компоненте */
+    iconRef?: Ref<SVGSVGElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** HTML-аттрибуты label-элемента в компоненте */
+    labelProps?: HTMLAttributes<HTMLLabelElement>;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    inputTestId?: string;
+    'data-testid'?: string;
+}, 'input'>;

package/__inner__/cjs/components/Segment/components/SegmentItem/types.js

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.segmentSelectedVariant = exports.segmentVariant = void 0;
+exports.segmentVariant = ['primary', 'secondary'];
+exports.segmentSelectedVariant = ['main', 'action'];

package/__inner__/cjs/components/Select/Select.js

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

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,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__/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/SnackbarContext.js

@@ -3,10 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSnackbar = exports.SnackbarContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-exports.SnackbarContext = react_1.default.createContext({
-    pushMessage: function () { return ''; },
-    closeMessage: function () { return undefined; },
-});
+exports.SnackbarContext = react_1.default.createContext({});
 var useSnackbar = function () { return (0, react_1.useContext)(exports.SnackbarContext); };
 exports.useSnackbar = useSnackbar;
 // Именованный провайдер

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