@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Paper/Paper.js

@@ -1,25 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paper = exports.cnPaper = exports.paperShadowVariant = exports.paperBackgroundVariant = exports.paperRadiusVariant = exports.PAPER_DEFAULT_TAG = void 0;
+exports.Paper = exports.cnPaper = void 0;
 var tslib_1 = require("tslib");
 require("./Paper.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
-exports.PAPER_DEFAULT_TAG = 'div';
-exports.paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
-exports.paperBackgroundVariant = [
-    'main',
-    'main-inverse',
-    'action-light',
-    'accent',
-];
-exports.paperShadowVariant = ['m', 'l'];
+var constants_1 = require("./constants");
 exports.cnPaper = (0, classname_1.cn)('Paper');
 exports.Paper = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Paper' });
-    var _a = props.as, Tag = _a === void 0 ? exports.PAPER_DEFAULT_TAG : _a, children = props.children, radius = props.radius, background = props.background, shadow = props.shadow, className = props.className, other = tslib_1.__rest(props, ["as", "children", "radius", "background", "shadow", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.PAPER_DEFAULT_TAG : _a, children = props.children, radius = props.radius, background = props.background, shadow = props.shadow, className = props.className, other = tslib_1.__rest(props, ["as", "children", "radius", "background", "shadow", "className"]);
     return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { className: (0, exports.cnPaper)({ radius: radius, background: background, shadow: shadow }, [className]), ref: ref }), children));
 });
 exports.Paper.displayName = 'Paper';

package/__inner__/cjs/components/Paper/constants.d.ts

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

package/__inner__/cjs/components/Paper/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAPER_DEFAULT_TAG = void 0;
+exports.PAPER_DEFAULT_TAG = 'div';

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

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

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

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

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

@@ -0,0 +1,19 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { PAPER_DEFAULT_TAG } from './constants';
+export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl", "2xl"];
+export type PaperRadiusVariant = (typeof paperRadiusVariant)[number];
+export declare const paperBackgroundVariant: readonly ["main", "main-inverse", "action-light", "accent"];
+export type PaperBackgroundVariant = (typeof paperBackgroundVariant)[number];
+export declare const paperShadowVariant: readonly ["m", "l"];
+export type PaperShadowVariant = (typeof paperShadowVariant)[number];
+export type PaperBaseProps = {
+    /** Радиус скругления границы */
+    radius?: PaperRadiusVariant;
+    /** Фон */
+    background?: PaperBackgroundVariant;
+    /** Тень */
+    shadow?: PaperShadowVariant;
+};
+export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
+export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;

package/__inner__/cjs/components/Paper/types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paperShadowVariant = exports.paperBackgroundVariant = exports.paperRadiusVariant = void 0;
+exports.paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
+exports.paperBackgroundVariant = [
+    'main',
+    'main-inverse',
+    'action-light',
+    'accent',
+];
+exports.paperShadowVariant = ['m', 'l'];

package/__inner__/cjs/components/Popover/Popover.js

@@ -32,13 +32,14 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
         active: !disableEnforceFocus && isTop,
         focusinTrap: false,
     });
+    var _o = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _o[0], setPopperElement = _o[1];
+    var portalRef = (0, useMultiRef_1.useMultiRef)([ref, popoverRef, trapRef, setPopperElement]);
     // Нажатие клавиши {ESC}
     (0, useEventListener_1.useEventListener)({
         eventName: 'keydown',
         handler: function (event) {
-            if (!(0, isKey_1.isKey)(event, 'Escape')) {
+            if (!(0, isKey_1.isKey)(event, 'Escape'))
                 return;
-            }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
         active: isTop,
@@ -47,9 +48,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([
             popoverRef
         ], tslib_1.__read(refsClickOutside), false), tslib_1.__read((anchorRef ? [anchorRef] : [])), false), tslib_1.__read((ignoreClickOutsideRefs || [])), false),
-        handler: function () {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        },
+        handler: onClose,
         active: openState && !disableClickOutside,
     });
     var onExited = (0, react_1.useCallback)(function () {
@@ -126,7 +125,6 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _o = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _o[0], setPopperElement = _o[1];
     var _p = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: strategy,
@@ -146,9 +144,8 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
         }
         setOpenState(open);
     }, [open]);
-    var portalRef = (0, useMultiRef_1.useMultiRef)([ref, popoverRef, trapRef, setPopperElement]);
     return (react_1.default.createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
-        react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
+        react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ nodeRef: popoverRef, classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
             react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ as: as, radius: "l", shadow: "l", background: "main" }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
                 arrow && (react_1.default.createElement(components_1.PopoverArrow, tslib_1.__assign({}, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));

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

@@ -1,10 +1,10 @@
-import type { HTMLAttributes, Ref } from 'react';
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
 export declare const popoverArrowSizeVariant: readonly ["xs", "s"];
 export type PopoverArrowSizeVariant = (typeof popoverArrowSizeVariant)[number];
-export type PopoverArrowProps = {
+export type PopoverArrowRef = ComponentRef<'div'>;
+export type PopoverArrowProps = ExtendableComponentPropsWithRef<{
     size?: PopoverArrowSizeVariant;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement> & {
     'data-testid'?: string;
-};
+}, 'div'>;

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

@@ -29,21 +29,21 @@ export type PopoverBaseProps = {
     /** Контент поповера */
     children?: ReactNode;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
-    onClose?: () => void;
+    onClose?(): void;
     /** Функция обратного вызова которая будет вызвана до начала
      * перехода компонента в состояние представлен */
     /** Функция обратного вызова которая будет вызвана до начала
      * перехода компонента в состояние представлен */
-    onEnter?: () => void;
+    onEnter?(): void;
     /** Функция обратного вызова которая будет вызвана после завершения
      * перехода компонента в состояние представлен */
-    onEntered?: () => void;
+    onEntered?(): void;
     /** Функция обратного вызова которая будет вызвана до начала
      * перехода компонента в состояние не представлен */
-    onExit?: () => void;
+    onExit?(): void;
     /** Функция обратного вызова которая будет вызвана после
      * завершения перехода в состояние не представлен */
-    onExited?: () => void;
+    onExited?(): void;
     /** Местоположение для разворачивания поповера */
     placement?: PopoverPlacementVariant;
     /** Установить ширину поповера равную элементу указанного в anchorRef */
@@ -70,7 +70,7 @@ export type PopoverBaseProps = {
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
-    setUpdate?: (update: PopperJS.Instance['update'] | null) => void;
+    setUpdate?(update: PopperJS.Instance['update'] | null): void;
     /** Контейнер для монтирования всплывающего окна */
     container?: PortalProps['container'];
     /** Стратегия позиционирования */

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

@@ -1,10 +1,2 @@
-import type { ComponentRef, ElementType } from 'react';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-export declare const PORTAL_DEFAULT_TAG = "div";
-export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
-export type PortalBaseProps = {
-    /** Контейнер для монтирования портала */
-    container?: Element | DocumentFragment | null;
-};
-export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;
+import type { PortalBaseProps } from './index';
 export declare const Portal: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseProps, "div">;

package/__inner__/cjs/components/Portal/Portal.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = exports.PORTAL_DEFAULT_TAG = void 0;
+exports.Portal = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_dom_1 = require("react-dom");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var ThemeProvider_1 = require("../ThemeProvider");
-exports.PORTAL_DEFAULT_TAG = 'div';
+var constants_1 = require("./constants");
 exports.Portal = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Portal',
-    }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? exports.PORTAL_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "container", "className", "as"]);
+    }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "container", "className", "as"]);
     var theme = (0, ThemeProvider_1.useTheme)();
     var portalContainer = container || window.document.body;
     return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, className: className, as: Tag }, other, { ref: ref }), children), portalContainer);

package/__inner__/cjs/components/Portal/constants.d.ts

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

package/__inner__/cjs/components/Portal/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PORTAL_DEFAULT_TAG = void 0;
+exports.PORTAL_DEFAULT_TAG = 'div';

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

@@ -1,2 +1,3 @@
 export * from './Portal';
 export * from './PortalManager';
+export * from './types';

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

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

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

@@ -0,0 +1,9 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PORTAL_DEFAULT_TAG } from './constants';
+export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
+export type PortalBaseProps = {
+    /** Контейнер для монтирования портала */
+    container?: Element | DocumentFragment | null;
+};
+export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;

package/__inner__/cjs/components/Portal/types.js

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

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

@@ -1,31 +1,5 @@
 import './Radio.css';
 import React from 'react';
-import type { InputHTMLAttributes, Ref } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type FormControlLabelProps } from '../FormControlLabel';
-export type RadioSizeVariant = FormElementSizeVariant;
-export type RadioProps = {
-    /** Размер */
-    size?: RadioSizeVariant;
-    /** Если {true} делает элемент неактивным */
-    disabled?: boolean;
-    /** Если {true} делает элемент выбранным */
-    checked?: boolean;
-    /** Расположение лейбла */
-    align?: FormControlLabelProps['align'];
-    /** Лейбл */
-    label?: React.ReactNode;
-    /** Позиция лейбла */
-    labelPlacement?: FormControlLabelProps['labelPlacement'];
-    /** Свойства лейбла */
-    labelProps?: FormControlLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLLabelElement>;
-    /** Ссылка на input-элемент в компоненте */
-    inputRef?: Ref<HTMLInputElement>;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    children?: never;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+import type { RadioProps } from './index';
 export declare const cnRadio: import("@bem-react/classname").ClassNameFormatter;
 export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { ComponentRef, Ref, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export type RadioSizeVariant = FormElementSizeVariant;
+export type RadioRef = ComponentRef<'label'>;
+export type RadioProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: RadioSizeVariant;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Расположение лейбла */
+    align?: FormControlLabelProps['align'];
+    /** Лейбл */
+    label?: ReactNode;
+    /** Позиция лейбла */
+    labelPlacement?: FormControlLabelProps['labelPlacement'];
+    /** Свойства лейбла */
+    labelProps?: FormControlLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    children?: never;
+}, 'input'>;

package/__inner__/cjs/components/Radio/types.js

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

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

@@ -1,27 +1,4 @@
 import './RadioGroup.css';
-import React from 'react';
-import type { ElementType, ReactNode } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import { type FormGroupProps } from '../FormGroup';
-export type RadioGroupBaseProps = {
-    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
-    name: string;
-    /** Значение по умолчанию (неконтролируемое состояние) */
-    defaultValue?: string;
-    /** Текущее значение */
-    value?: string;
-    /** Заголовок группы */
-    title?: string;
-    /** Размер */
-    size?: FormElementSizeVariant;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Направление */
-    direction?: FormGroupProps['direction'];
-    /** Событие изменения состояния */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-export type RadioGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<RadioGroupBaseProps, As>;
+import type { RadioGroupBaseProps } from './index';
 export declare const cnRadioGroup: import("@bem-react/classname").ClassNameFormatter;
 export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div">;

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { ReactNode, ElementType } from 'react';
+import type React from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FormGroupProps } from '../FormGroup';
+export type RadioGroupBaseProps = {
+    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
+    name: string;
+    /** Значение по умолчанию (неконтролируемое состояние) */
+    defaultValue?: string;
+    /** Текущее значение */
+    value?: string;
+    /** Заголовок группы */
+    title?: string;
+    /** Размер */
+    size?: FormElementSizeVariant;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Направление */
+    direction?: FormGroupProps['direction'];
+    /** Событие изменения состояния */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export type RadioGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<RadioGroupBaseProps, As>;

package/__inner__/cjs/components/RadioGroup/types.js

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

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

@@ -1,37 +1,5 @@
 import './SectionMessage.css';
 import React from 'react';
-import type { HTMLAttributes, ReactElement } from 'react';
-import type { ButtonProps } from '../ButtonNext';
+import type { SectionMessageProps } from './index';
 export declare const cnSectionMessage: import("@bem-react/classname").ClassNameFormatter;
-export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral"];
-export type SectionMessageStatusVariant = (typeof sectionMessageStatusVariant)[number];
-export declare const sectionMessageSizeVariant: readonly ["xs", "s", "m", "l"];
-export type SectionMessageSizeVariant = (typeof sectionMessageSizeVariant)[number];
-type SectionMessageBaseProps = {
-    /**
-     * Статус сообщения
-     * @default info
-     */
-    status?: SectionMessageStatusVariant;
-    /**
-     * Если {true} отображает иконку со статусом
-     * @default true
-     */
-    showIcon?: boolean;
-    /**
-     * Размер
-     * @default m
-     */
-    size?: SectionMessageSizeVariant;
-    /** Заголовок сообщения */
-    title?: React.ReactNode;
-    /** Основное содержимое элемента */
-    children?: React.ReactNode;
-    /** Действие: кнопка или ссылка. Свойство принимает React-элемент или рендер-функцию */
-    action?: ReactElement<ButtonProps> | (({ size, variant, className, }: Pick<ButtonProps, 'size' | 'variant' | 'className'>) => ReactElement);
-    /** Дополнительные CSS-классы */
-    className?: string;
-};
-export type SectionMessageProps = SectionMessageBaseProps & Omit<HTMLAttributes<HTMLElement>, 'title'>;
-export declare const SectionMessage: React.ForwardRefExoticComponent<SectionMessageBaseProps & Omit<React.HTMLAttributes<HTMLElement>, "title"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const SectionMessage: React.ForwardRefExoticComponent<Omit<SectionMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/SectionMessage/SectionMessage.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionMessage = exports.sectionMessageSizeVariant = exports.sectionMessageStatusVariant = exports.cnSectionMessage = void 0;
+exports.SectionMessage = exports.cnSectionMessage = void 0;
 var tslib_1 = require("tslib");
 require("./SectionMessage.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,14 +9,6 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var constants_1 = require("./constants");
 exports.cnSectionMessage = (0, classname_1.cn)('SectionMessage');
-exports.sectionMessageStatusVariant = [
-    'success',
-    'error',
-    'warning',
-    'info',
-    'neutral',
-];
-exports.sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];
 var matchVariantToIcon = {
     neutral: {
         m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
@@ -64,7 +56,7 @@ exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
         showIcon && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Icon') }, matchVariantToIcon[status][iconSize])),
         react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Content') },
             title && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Title') }, title),
-            children && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children)),
+            children && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children),
             action && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Action') }, resolveAction(action))))));
 });
 exports.SectionMessage.displayName = 'SectionMessage';

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

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

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

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

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

@@ -0,0 +1,33 @@
+import type { ComponentRef, ReactElement, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { ButtonProps } from '../ButtonNext';
+export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral"];
+export type SectionMessageStatusVariant = (typeof sectionMessageStatusVariant)[number];
+export declare const sectionMessageSizeVariant: readonly ["xs", "s", "m", "l"];
+export type SectionMessageSizeVariant = (typeof sectionMessageSizeVariant)[number];
+export type SectionMessageRef = ComponentRef<'div'>;
+export type SectionMessageProps = ExtendableComponentPropsWithRef<{
+    /**
+     * Статус сообщения
+     * @default info
+     */
+    status?: SectionMessageStatusVariant;
+    /**
+     * Если {true} отображает иконку со статусом
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Размер
+     * @default m
+     */
+    size?: SectionMessageSizeVariant;
+    /** Заголовок сообщения */
+    title?: ReactNode;
+    /** Основное содержимое элемента */
+    children?: ReactNode;
+    /** Действие: кнопка или ссылка. Свойство принимает React-элемент или рендер-функцию */
+    action?: ReactElement<ButtonProps> | (({ size, variant, className, }: Pick<ButtonProps, 'size' | 'variant' | 'className'>) => ReactElement);
+    /** Дополнительные CSS-классы */
+    className?: string;
+}, 'div'>;

package/__inner__/cjs/components/SectionMessage/types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sectionMessageSizeVariant = exports.sectionMessageStatusVariant = void 0;
+exports.sectionMessageStatusVariant = [
+    'success',
+    'error',
+    'warning',
+    'info',
+    'neutral',
+];
+exports.sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];

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

@@ -1,38 +1,5 @@
 import './Segment.css';
 import React from 'react';
-import type { ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
-import type { ExtendableProps } from '../../types/ExtendableProps';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { SegmentProps } from './index';
 export declare const cnSegment: import("@bem-react/classname").ClassNameFormatter;
-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 SegmentBaseProps = {
-    /** Свойство отвечающее за размер отступов и типографики компонента */
-    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;
-};
-export type SegmentProps = ExtendableProps<HTMLAttributes<HTMLFieldSetElement>, SegmentBaseProps>;
-export declare const Segment: React.ForwardRefExoticComponent<SegmentBaseProps & Omit<React.HTMLAttributes<HTMLFieldSetElement>, keyof SegmentBaseProps> & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const Segment: React.ForwardRefExoticComponent<Omit<SegmentProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Segment = exports.segmentSelectedVariant = exports.segmentVariant = exports.cnSegment = void 0;
+exports.Segment = exports.cnSegment = void 0;
 var tslib_1 = require("tslib");
 require("./Segment.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -11,8 +11,6 @@ var getIconSizeToFormElement_1 = require("../../utils/getIconSizeToFormElement")
 var constants_1 = require("./constants");
 var SegmentContext_1 = require("./SegmentContext");
 exports.cnSegment = (0, classname_1.cn)('Segment');
-exports.segmentVariant = ['primary', 'secondary'];
-exports.segmentSelectedVariant = ['main', 'action'];
 exports.Segment = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'Segment', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.SEGMENT_DEFAULT_SIZE : _b, _c = _a.variant, variant = _c === void 0 ? constants_1.SEGMENT_DEFAULT_VARIANT : _c, _d = _a.selectedColor, selectedColor = _d === void 0 ? constants_1.SEGMENT_DEFAULT_SELECTED_COLOR : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? constants_1.SEGMENT_DEFAULT_FULL_WIDTH : _e, _f = _a.disabled, disabled = _f === void 0 ? constants_1.SEGMENT_DEFAULT_DISABLED : _f, valueProp = _a.value, name = _a.name, defaultValue = _a.defaultValue, onChange = _a.onChange, className = _a.className, children = _a.children, other = tslib_1.__rest(_a, ["size", "variant", "selectedColor", "fullWidth", "disabled", "value", "name", "defaultValue", "onChange", "className", "children"]);
     var _g = tslib_1.__read((0, useControlled_1.useControlled)({

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

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from 'react';
 import type { IconSize } from '@ozen-ui/icons';
-import type { SegmentSelectedVariant, SegmentValueProp } from './Segment';
+import type { SegmentSelectedVariant, SegmentValueProp } from './index';
 export type SegmentContextState = {
     name?: string;
     iconSize?: IconSize;

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

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