@ozen-ui/kit 0.53.0 → 0.55.0

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

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

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

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

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

@@ -17,7 +17,7 @@ var SelectRender = function (inProps, ref) {
         props: inProps,
         name: 'Select',
     });
-    var _a = props.size, size = _a === void 0 ? SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? SELECT_DEFAULT_DEFAULT_OPEN : _g, id = props.id, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, error = props.error, onChange = props.onChange, label = props.label, placeholder = props.placeholder, renderValueProp = props.renderValue, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, hintProps = props.hintProps, bodeRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = __rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "id", "name", "value", "defaultValue", "error", "onChange", "label", "placeholder", "renderValue", "renderLeft", "renderRight", "hint", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "hintProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
+    var _a = props.size, size = _a === void 0 ? SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, renderValueProp = props.renderValue, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, bodeRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = __rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "onChange", "renderValue", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
     var bodyInnerRef = useRef(null);
     /** @deprecated props */
     var bodyRef = (bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref) || bodeRefProp;
@@ -42,7 +42,7 @@ var SelectRender = function (inProps, ref) {
     Children.forEach(resolvedChildren, function (child) {
         var _a, _b;
         if (!isNotSelectOption(child)) {
-            var label_1 = typeof child.props.children === 'string'
+            var label = typeof child.props.children === 'string'
                 ? (_a = child.props.label) !== null && _a !== void 0 ? _a : child.props.children
                 : child.props.label;
             var params = {
@@ -54,14 +54,14 @@ var SelectRender = function (inProps, ref) {
                 var selected = (_b = params.value) === null || _b === void 0 ? void 0 : _b.includes(child.props.value);
                 if (selected) {
                     currentLabel = __spreadArray(__spreadArray([], __read((params.label || [])), false), [
-                        label_1,
+                        label,
                     ], false);
                 }
             }
             if (isNotMultipleParams(params)) {
                 var selected = params.value === child.props.value;
                 if (selected) {
-                    currentLabel = label_1;
+                    currentLabel = label;
                 }
             }
         }
@@ -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();
@@ -159,10 +159,10 @@ var SelectRender = function (inProps, ref) {
         }
     }, [autoFocus]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(SelectInput, __assign({ id: id, name: name, label: label, placeholder: placeholder, size: size, disabled: disabled, required: required, multiline: multiline, error: error, hint: hint, fullWidth: fullWidth, renderLeft: renderLeft, renderRight: renderRight }, other, { open: open, value: inputValue() || '', onKeyDown: handleKeyDown, onClick: handleClick, bodyProps: __assign(__assign({}, bodyProps), { ref: useMultiRef([bodyRef, bodyInnerRef]) }), hintProps: hintProps, ref: ref, renderedValue: renderValue({
+        React.createElement(SelectInput, __assign({ size: size, disabled: disabled, required: required, multiline: multiline, fullWidth: fullWidth }, other, { open: open, onClick: handleClick, onKeyDown: handleKeyDown, value: inputValue(), renderedValue: renderValue({
                 label: currentLabel,
                 value: valueState,
-            }) })),
+            }), bodyProps: __assign(__assign({}, bodyProps), { ref: useMultiRef([bodyRef, bodyInnerRef]) }), ref: ref })),
         React.createElement(DataList, __assign({ equalAnchorWidth: true }, dataListProps, { listProps: __assign({ size: size, role: 'listbox' }, dataListProps === null || dataListProps === void 0 ? void 0 : dataListProps.listProps), open: open, multiple: multiple, selected: (valueState || ''), onSelect: handleChange, anchorRef: bodyInnerRef, onClose: handleClose }), children)));
 };
 export var Select = forwardRef(SelectRender);

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 */
@@ -60,6 +62,8 @@ export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'def
     disabled?: boolean;
     /** Если {true} делает элемент обязательным к заполнению */
     required?: boolean;
+    /** Если {true} отключает обводку */
+    disableStroke?: boolean;
     /** Если {true} предотвращает сокращение текста в значении и
      * задает гибкую высоту контейнера компонента */
     multiline?: boolean;
@@ -89,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,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' | '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__/{cjs/components/Skeleton → esm/components/Skeleton/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__/esm/components/Skeleton/{SkeletonTypography → components/SkeletonTypography}/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export declare const tableCaptionSideVariant: readonly ["top", "bottom"];
+export type TableCaptionSideVariant = (typeof tableCaptionSideVariant)[number];
+export type TableCaptionRef = ComponentRef<'caption'>;
+export type TableCaptionProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое подписи таблицы */
+    children?: ReactNode;
+    /** Кастомный класс */
+    className?: string;
+    /** Сторона, с которой отображается подпись таблицы */
+    side?: TableCaptionSideVariant;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'caption'>;

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

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