@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Grid/GridItem.d.ts

@@ -1,12 +1,13 @@
 import './Grid.css';
-import type { ReactNode } from 'react';
+import type { ReactNode, ElementType } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
+import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const gridItemColVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 export type GridItemColVariant = (typeof gridItemColVariant)[number];
 export declare const gridItemRowVariant: readonly [1, 2, 3, 4, 5, 6];
 export type GridItemRowVariant = (typeof gridItemRowVariant)[number];
 export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export type GridItemProps = {
+export type GridItemBaseProps = {
     /** Количество колонок которое будет занимать элемент в сетке */
     col?: ResponsiveValue<GridItemColVariant>;
     /** С какой колонки начинать позиционировать элемент */
@@ -20,4 +21,5 @@ export type GridItemProps = {
     /** Дополнительные СSS-классы */
     className?: string;
 };
-export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemProps, "div">;
+export type GridItemProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridItemBaseProps, As>;
+export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemBaseProps, "div">;

package/__inner__/cjs/components/IconButton/IconButton.css

@@ -215,7 +215,7 @@
   .IconButton:focus {
     outline: 0;
 
-    /* the bug in outline property before chrome version 94 – doesn't repeat radius of an element */
+    /* the bug in outline property before chrome version 94 — doesn't repeat radius of an element */
     box-shadow: var(--shadow-outline-focused);
   }
 

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

@@ -1,6 +1,6 @@
 import './IconButton.css';
 import type { ElementType } from 'react';
-import type { IconSize, IconProps } from '@ozen-ui/icons';
+import type { IconProps } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { RenderContentType } from '../../utils/renderContent';
@@ -9,9 +9,7 @@ export declare const iconButtonColorVariant: readonly ["primary", "secondary"];
 export declare const iconButtonVariant: readonly ["contained", "outlined", "ghost", "function", "floating"];
 export type IconButtonVariant = (typeof iconButtonVariant)[number];
 export type IconButtonColorVariant = (typeof iconButtonColorVariant)[number];
-export type IconButtonIcon = RenderContentType<IconProps & {
-    size?: IconSize;
-}>['content'];
+export type IconButtonIcon = RenderContentType<IconProps>['content'];
 type IconButtonBaseProps = {
     /** Иконка */
     icon: IconButtonIcon;

package/__inner__/cjs/components/IconButtonNext/IconButton.css

@@ -338,7 +338,7 @@
   .IconButtonNext:focus {
     outline: 0;
 
-    /* the bug in outline property before chrome version 94 – doesn't repeat radius of an element */
+    /* the bug in outline property before chrome version 94 — doesn't repeat radius of an element */
     box-shadow: var(--shadow-outline-focused);
     color: var(--icon-button-font-color-focus);
     background-color: var(--icon-button-bg-color-focus);

package/__inner__/cjs/components/IconButtonNext/IconButton.d.ts

@@ -1,40 +1,4 @@
 import './IconButton.css';
-import type { ElementType } from 'react';
-import type { IconSize, IconProps } from '@ozen-ui/icons';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { RenderContentType } from '../../utils/renderContent';
-import { ICON_BUTTON_DEFAULT_TAG } from './constants';
-export declare const iconButtonColorVariant: readonly ["primary", "secondary", "tertiary", "error"];
-export declare const iconButtonVariant: readonly ["contained", "contained-additional", "ghost", "function", "floating"];
-export type IconButtonVariant = (typeof iconButtonVariant)[number];
-export type IconButtonColorVariant = (typeof iconButtonColorVariant)[number];
-export type IconButtonIcon = RenderContentType<IconProps & {
-    size?: IconSize;
-}>['content'];
-export type IconButtonBaseProps = {
-    /** Иконка */
-    icon: IconButtonIcon;
-    /** Вариант представления компонента */
-    variant?: IconButtonVariant;
-    /** Размер */
-    size?: FormElementSizeVariant;
-    /** Основной цвет компонента */
-    color?: IconButtonColorVariant;
-    /** Цвет иконки кнопки */
-    iconColor?: string;
-    /** Если {true} уменьшает размер компонента */
-    compressed?: boolean;
-    /** Если {true} делает компонент заблокированным */
-    disabled?: boolean;
-    /** Если {true} переводит компонент в состояние загрузки  */
-    loading?: boolean;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** Если {true} делает компонент круглым  */
-    rounded?: boolean;
-    children?: never;
-};
-export type IconButtonProps<As extends ElementType = typeof ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<IconButtonBaseProps, As>;
+import type { IconButtonBaseProps } from './index';
 export declare const cnIconButton: import("@bem-react/classname").ClassNameFormatter;
 export declare const IconButton: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<IconButtonBaseProps, "button">;

package/__inner__/cjs/components/IconButtonNext/IconButton.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButton = exports.cnIconButton = exports.iconButtonVariant = exports.iconButtonColorVariant = void 0;
+exports.IconButton = exports.cnIconButton = void 0;
 var tslib_1 = require("tslib");
 require("./IconButton.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -12,27 +12,8 @@ var renderContent_1 = require("../../utils/renderContent");
 var ButtonBase_1 = require("../ButtonBase");
 var Loader_1 = require("../Loader");
 var constants_1 = require("./constants");
-exports.iconButtonColorVariant = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'error',
-];
-exports.iconButtonVariant = [
-    'contained',
-    'contained-additional',
-    'ghost',
-    'function',
-    'floating',
-];
+var utils_1 = require("./utils");
 exports.cnIconButton = (0, classname_1.cn)('IconButtonNext');
-var loaderSizeMapper = {
-    '2xs': 's',
-    xs: 's',
-    s: 's',
-    m: 'm',
-    l: 'l',
-};
 exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -50,7 +31,7 @@ exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
     };
     var resolvedChildren = (0, react_1.useMemo)(function () {
         if (loading) {
-            return (react_1.default.createElement(Loader_1.Loader, { className: (0, exports.cnIconButton)('Loader'), color: "var(--color-content-disabled)", size: loaderSizeMapper[size] }));
+            return (react_1.default.createElement(Loader_1.Loader, { className: (0, exports.cnIconButton)('Loader'), color: "var(--color-content-disabled)", size: utils_1.loaderSizeMapper[size] }));
         }
         if (icon) {
             return renderIcon(icon);

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

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

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

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

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

@@ -0,0 +1,35 @@
+import type { ElementType } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ICON_BUTTON_DEFAULT_TAG } from '../../components/IconButtonNext/constants';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { RenderContentType } from '../../utils/renderContent';
+export declare const iconButtonColorVariant: readonly ["primary", "secondary", "tertiary", "error"];
+export declare const iconButtonVariant: readonly ["contained", "contained-additional", "ghost", "function", "floating"];
+export type IconButtonVariant = (typeof iconButtonVariant)[number];
+export type IconButtonColorVariant = (typeof iconButtonColorVariant)[number];
+export type IconButtonIcon = RenderContentType<IconProps>['content'];
+export type IconButtonBaseProps = {
+    /** Иконка */
+    icon: IconButtonIcon;
+    /** Вариант представления компонента */
+    variant?: IconButtonVariant;
+    /** Размер */
+    size?: FormElementSizeVariant;
+    /** Основной цвет компонента */
+    color?: IconButtonColorVariant;
+    /** Цвет иконки кнопки */
+    iconColor?: string;
+    /** Если {true} уменьшает размер компонента */
+    compressed?: boolean;
+    /** Если {true} делает компонент заблокированным */
+    disabled?: boolean;
+    /** Если {true} переводит компонент в состояние загрузки  */
+    loading?: boolean;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Если {true} делает компонент круглым  */
+    rounded?: boolean;
+    children?: never;
+};
+export type IconButtonProps<As extends ElementType = typeof ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<IconButtonBaseProps, As>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconButtonVariant = exports.iconButtonColorVariant = void 0;
+exports.iconButtonColorVariant = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'error',
+];
+exports.iconButtonVariant = [
+    'contained',
+    'contained-additional',
+    'ghost',
+    'function',
+    'floating',
+];

package/__inner__/cjs/components/IconButtonNext/utils.d.ts

@@ -0,0 +1,5 @@
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { LoaderSizeVariant } from '../Loader';
+export declare const loaderSizeMapper: {
+    [key in FormElementSizeVariant]: LoaderSizeVariant;
+};

package/__inner__/cjs/components/IconButtonNext/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loaderSizeMapper = void 0;
+exports.loaderSizeMapper = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

@@ -1,35 +1,5 @@
 import './Indicator.css';
-import React, { type HTMLAttributes } from 'react';
+import React from 'react';
+import type { IndicatorProps } from './index';
 export declare const cnIndicator: import("@bem-react/classname").ClassNameFormatter;
-export declare const indicatorVariant: readonly ["success", "info", "warning", "error", "neutral"];
-export type IndicatorVariant = (typeof indicatorVariant)[number];
-export declare const indicatorSizeVariant: readonly ["xs", "s", "m"];
-export type IndicatorSizeVariant = (typeof indicatorSizeVariant)[number];
-export type IndicatorProps = {
-    /** Цветовой вариант индикатор
-     * @default success
-     * */
-    variant?: IndicatorVariant;
-    /** Размер
-     * @default m
-     * */
-    size?: IndicatorSizeVariant;
-    /** Если {true} устанавливает вокруг индикатора рамку
-     * @default false
-     * */
-    border?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Indicator: React.ForwardRefExoticComponent<{
-    /** Цветовой вариант индикатор
-     * @default success
-     * */
-    variant?: "error" | "info" | "success" | "warning" | "neutral" | undefined;
-    /** Размер
-     * @default m
-     * */
-    size?: "s" | "m" | "xs" | undefined;
-    /** Если {true} устанавливает вокруг индикатора рамку
-     * @default false
-     * */
-    border?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Indicator/Indicator.js

@@ -1,20 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Indicator = exports.indicatorSizeVariant = exports.indicatorVariant = exports.cnIndicator = void 0;
+exports.Indicator = exports.cnIndicator = void 0;
 var tslib_1 = require("tslib");
 require("./Indicator.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 exports.cnIndicator = (0, classname_1.cn)('Indicator');
-exports.indicatorVariant = [
-    'success',
-    'info',
-    'warning',
-    'error',
-    'neutral',
-];
-exports.indicatorSizeVariant = ['xs', 's', 'm'];
 exports.Indicator = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Indicator' });
     var _a = props.variant, variant = _a === void 0 ? 'success' : _a, _b = props.border, border = _b === void 0 ? false : _b, _c = props.size, size = _c === void 0 ? 'm' : _c, className = props.className, other = tslib_1.__rest(props, ["variant", "border", "size", "className"]);

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

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

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

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

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

@@ -0,0 +1,21 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export declare const indicatorVariant: readonly ["success", "info", "warning", "error", "neutral"];
+export type IndicatorVariant = (typeof indicatorVariant)[number];
+export declare const indicatorSizeVariant: readonly ["xs", "s", "m"];
+export type IndicatorSizeVariant = (typeof indicatorSizeVariant)[number];
+export type IndicatorRef = ComponentRef<'div'>;
+export type IndicatorProps = ExtendableComponentPropsWithRef<{
+    /** Цветовой вариант индикатор
+     * @default success
+     * */
+    variant?: IndicatorVariant;
+    /** Размер
+     * @default m
+     * */
+    size?: IndicatorSizeVariant;
+    /** Если {true} устанавливает вокруг индикатора рамку
+     * @default false
+     * */
+    border?: boolean;
+}, 'div'>;

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

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

package/__inner__/cjs/components/Input/Input.js

@@ -25,7 +25,7 @@ exports.Input = (0, react_1.forwardRef)(function (inProps, ref) {
     var bodyInnerRef = (0, react_1.useRef)(null);
     var fieldInnerRef = (0, react_1.useRef)(null);
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
-     * внутри HTML-элемента label – фокус не переходил на body или на цель нажатия кнопки мыши.
+     * внутри HTML-элемента label — фокус не переходил на body или на цель нажатия кнопки мыши.
      * Если же нажатие кнопки происходит на самом HTML-элементе input, то мы ничего не делаем,
      * так как в противном случае мы сломаем возможность выделять текст для копирования.
      */

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

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, Ref } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldHintProps } from '../FieldHint';
@@ -21,7 +22,8 @@ type InputPropsDeprecated = {
 };
 type InputElement = ComponentPropsWithRef<'input'>;
 export type InputOnChange = InputElement['onChange'];
-export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
+export type InputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type InputProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -74,5 +76,5 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
     hintProps?: Omit<FieldHintProps, 'children'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
-} & InputPropsDeprecated;
+} & InputPropsDeprecated, typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

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

@@ -1,5 +1,5 @@
 import './InputNumber.css';
 import React from 'react';
-import type { InputNumberProps } from './types';
+import type { InputNumberProps } from './index';
 export declare const cnInputNumber: import("@bem-react/classname").ClassNameFormatter;
 export declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/InputNumber/InputNumber.js

@@ -96,7 +96,7 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
         (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
     };
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
-     * внутри HTML-элемента label – фокус не переходил на body или на цель нажатия кнопки мыши.
+     * внутри HTML-элемента label — фокус не переходил на body или на цель нажатия кнопки мыши.
      * Если же нажатие кнопки происходит на самом HTML-элементе input, то мы ничего не делаем,
      * так как в противном случае мы сломаем возможность выделять текст для копирования.
      */

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

@@ -1,4 +1,5 @@
-import type { ChangeEvent, ComponentPropsWithRef, HTMLAttributes, MouseEvent, Ref } from 'react';
+import type { ChangeEvent, ComponentPropsWithRef, ComponentRef, MouseEvent } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
@@ -15,7 +16,8 @@ export type InputElement = ComponentPropsWithRef<'input'>;
 export type InputNumberEmptyValue = '';
 export type InputNumberValue = number | InputNumberEmptyValue;
 export type InputNumberCountDirection = 'increment' | 'decrement';
-export type InputNumberProps = {
+export type InputNumberRef = ComponentRef<'div'>;
+export type InputNumberProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -70,13 +72,11 @@ export type InputNumberProps = {
     min?: number;
     /** Максимально допустимое значение */
     max?: number;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLDivElement>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
     /** Текст для кнопки увеличения числового значения */
     incrementButtonText?: string;
     /** Текст для кнопки уменьшения числового значения */
     decrementButtonText?: string;
-} & InputNumberPropsDeprecated & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>;
+} & InputNumberPropsDeprecated, 'div'>;
 export {};

package/__inner__/cjs/components/List/components/ListItemIcon/ListItemIcon.d.ts

@@ -1,16 +1,13 @@
 import './ListItemIcon.css';
 import React from 'react';
-import type { HTMLAttributes } from 'react';
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export declare const cnListItemIcon: import("@bem-react/classname").ClassNameFormatter;
-export type ListItemIconProps = {
+export type ListItemIconRef = ComponentRef<'div'>;
+export type ListItemIconProps = ExtendableComponentPropsWithRef<{
     /** Содержимое компонента */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Если {true} убирает внешние отступы вокруг корневого элемента */
     disableMargin?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ListItemIcon: React.ForwardRefExoticComponent<{
-    /** Содержимое компонента */
-    children?: React.ReactNode;
-    /** Если {true} убирает внешние отступы вокруг корневого элемента */
-    disableMargin?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const ListItemIcon: React.ForwardRefExoticComponent<Omit<ListItemIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/List/components/ListItemText/ListItemText.d.ts

@@ -1,8 +1,10 @@
 import './ListItemText.css';
+import type { ComponentRef } from 'react';
 import React from 'react';
-import type { HTMLAttributes } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { TypographyProps, TypographyBaseProps } from '../../../Typography';
-export type ListItemTextProps = {
+export type ListItemTextRef = ComponentRef<'div'>;
+export type ListItemTextProps = ExtendableComponentPropsWithRef<{
     children?: never;
     /** Основной текст */
     primary: TypographyBaseProps['children'];
@@ -12,15 +14,5 @@ export type ListItemTextProps = {
     secondary?: TypographyBaseProps['children'];
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<'span'>;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ListItemText: React.ForwardRefExoticComponent<{
-    children?: undefined;
-    /** Основной текст */
-    primary: TypographyBaseProps['children'];
-    /** Свойства компонента Typography для текста primary */
-    primaryTypographyProps?: TypographyProps<"span"> | undefined;
-    /** Второстепенный текст */
-    secondary?: TypographyBaseProps['children'];
-    /** Свойства компонента Typography для текста secondary */
-    secondaryTypographyProps?: TypographyProps<"span"> | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const ListItemText: React.ForwardRefExoticComponent<Omit<ListItemTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/List/components/ListItemText/ListItemText.js

@@ -7,19 +7,13 @@ var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var Typography_1 = require("../../../Typography");
 var ListContext_1 = require("../../ListContext");
+var utils_1 = require("./utils");
 var cnListItemText = (0, classname_1.cn)('ListItemText');
-var secondaryTextSizeMapper = {
-    l: 'text-xs',
-    m: 'text-2xs',
-    s: 'text-3xs',
-    xs: 'text-3xs',
-    '2xs': 'text-3xs',
-};
 exports.ListItemText = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, primary = _a.primary, secondary = _a.secondary, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, other = tslib_1.__rest(_a, ["className", "primary", "secondary", "primaryTypographyProps", "secondaryTypographyProps"]);
     var size = (0, ListContext_1.useListContext)().size;
     return (react_1.default.createElement("div", tslib_1.__assign({ className: cnListItemText({}, [className]) }, other, { ref: ref }),
         react_1.default.createElement(Typography_1.Typography, tslib_1.__assign({ className: cnListItemText('TextPrimary'), color: "primary", variant: "text-".concat(size), as: "span" }, primaryTypographyProps), primary),
-        !!secondary && (react_1.default.createElement(Typography_1.Typography, tslib_1.__assign({ className: cnListItemText('TextSecondary'), color: "secondary", variant: secondaryTextSizeMapper[size], as: "span" }, secondaryTypographyProps), secondary))));
+        !!secondary && (react_1.default.createElement(Typography_1.Typography, tslib_1.__assign({ className: cnListItemText('TextSecondary'), color: "secondary", variant: utils_1.secondaryTextSizeMapper[size], as: "span" }, secondaryTypographyProps), secondary))));
 });
 exports.ListItemText.displayName = 'ListItemText';

package/__inner__/cjs/components/List/components/ListItemText/utils.d.ts

@@ -0,0 +1,5 @@
+import type { TypographyVariant } from '../../../Typography';
+import type { ListSizeVariant } from '../../index';
+export declare const secondaryTextSizeMapper: {
+    [key in ListSizeVariant]: TypographyVariant;
+};

package/__inner__/cjs/components/List/components/ListItemText/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secondaryTextSizeMapper = void 0;
+exports.secondaryTextSizeMapper = {
+    l: 'text-xs',
+    m: 'text-2xs',
+    s: 'text-3xs',
+    xs: 'text-3xs',
+    '2xs': 'text-3xs',
+};

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

@@ -1,21 +1,16 @@
 import './Loader.css';
 import React from 'react';
-import type { CSSProperties, HTMLAttributes } from 'react';
+import type { CSSProperties, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const loaderSizeVariant: readonly ["s", "m", "l", "xl"];
 export type LoaderSizeVariant = (typeof loaderSizeVariant)[number];
-export type LoaderProps = {
+export type LoaderPropsRef = ComponentRef<'div'>;
+export type LoaderProps = ExtendableComponentPropsWithRef<{
     /** Цвет */
     color?: CSSProperties['color'];
     /** Размер */
     size?: LoaderSizeVariant;
     /** Дополнительные СSS-классы */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Loader: React.ForwardRefExoticComponent<{
-    /** Цвет */
-    color?: CSSProperties['color'];
-    /** Размер */
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    /** Дополнительные СSS-классы */
-    className?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const Loader: React.ForwardRefExoticComponent<Omit<LoaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +1,5 @@
 import './Menu.css';
 import React from 'react';
-import type { RefObject, ComponentPropsWithRef } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PopoverBaseProps } from '../Popover';
-import type { PORTAL_DEFAULT_TAG } from '../Portal';
-import { type MenuListProps } from './components';
+import type { MenuProps } from './index';
 export declare const cnMenu: import("@bem-react/classname").ClassNameFormatter;
-export type MenuProps = {
-    /** Свойства компонента MenuList */
-    menuListProps?: Omit<MenuListProps, 'children'>;
-    /**
-     * Ссылка на компонент MenuList
-     * @deprecated Используйте menuListProps.ref
-     * */
-    menuListRef?: RefObject<HTMLDivElement>;
-    /** Размер компонента */
-    size?: FormElementSizeVariant;
-} & Omit<PopoverBaseProps, 'disableEnforceFocus'> & ComponentPropsWithRef<typeof PORTAL_DEFAULT_TAG>;
 export declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Menu/Menu.js

@@ -5,32 +5,13 @@ var tslib_1 = require("tslib");
 require("./Menu.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var logger_1 = require("@ozen-ui/logger");
-var useEventListener_1 = require("../../hooks/useEventListener");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var getPaperSizeToFormElement_1 = require("../../utils/getPaperSizeToFormElement");
-var isKey_1 = require("../../utils/isKey");
 var Popover_1 = require("../Popover");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
 exports.cnMenu = (0, classname_1.cn)('Menu');
-var MenuContextConsumer = function (_a) {
-    var children = _a.children, onClose = _a.onClose, menuListProps = _a.menuListProps;
-    var isTop = (0, Popover_1.usePopover)().isTop;
-    var docRef = (0, react_1.useRef)(document);
-    (0, useEventListener_1.useEventListener)({
-        eventName: 'keydown',
-        handler: function (event) {
-            if ((0, isKey_1.isKey)(event, 'Tab')) {
-                event.preventDefault();
-                onClose === null || onClose === void 0 ? void 0 : onClose();
-            }
-        },
-        element: docRef,
-        active: isTop,
-    });
-    return (react_1.default.createElement(components_1.MenuList, tslib_1.__assign({}, menuListProps, { autoFocus: true }), children));
-};
 exports.Menu = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Menu' });
     var _a = props.size, size = _a === void 0 ? constants_1.MENU_DEFAULT_SIZE : _a, open = props.open, menuListProps = props.menuListProps, menuListRef = props.menuListRef, onClose = props.onClose, children = props.children, className = props.className, other = tslib_1.__rest(props, ["size", "open", "menuListProps", "menuListRef", "onClose", "children", "className"]);
@@ -39,6 +20,6 @@ exports.Menu = (0, react_1.forwardRef)(function (inProps, ref) {
         (0, logger_1.deprecate)('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
     }
     return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: (0, exports.cnMenu)('', [className]), disableEnforceFocus: true, ref: ref }),
-        react_1.default.createElement(MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: tslib_1.__assign(tslib_1.__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
+        react_1.default.createElement(components_1.MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: tslib_1.__assign(tslib_1.__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
 });
 exports.Menu.displayName = 'Menu';