@ozen-ui/kit 0.53.0 → 0.55.0

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

@@ -1,6 +1,7 @@
 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 gridColsVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 export type GridColsVariant = (typeof gridColsVariant)[number];
 export declare const gridGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
@@ -10,7 +11,7 @@ export declare const gridJustifyVariant: readonly ["start", "end", "center"];
 export type GridAlignVariant = (typeof gridAlignVariant)[number];
 export type GridJustifyVariant = (typeof gridJustifyVariant)[number];
 export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export type GridProps = {
+export type GridBaseProps = {
     /** Количество колонок в сетке */
     cols?: ResponsiveValue<GridColsVariant>;
     /** Отступы между элементами */
@@ -28,4 +29,5 @@ export type GridProps = {
     /** Дополнительные СSS-классы */
     className?: string;
 };
-export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridProps, "div">;
+export type GridProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridBaseProps, As>;
+export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridBaseProps, "div">;

package/__inner__/esm/components/Grid/Grid.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { classnames } from '@bem-react/classnames';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
 import { GRID_DEFAULT_COLS, GRID_DEFAULT_GAP, GRID_DEFAULT_TAG, } from './constants';
 import { useGenerateGridModsCn } from './useGrid';
 export var gridColsVariant = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

package/__inner__/esm/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__/esm/components/Grid/GridItem.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { classnames } from '@bem-react/classnames';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
 import { useGenerateGridModsCn } from './useGrid';
 export var gridItemColVariant = [
     1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,

package/__inner__/esm/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__/esm/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__/esm/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__/esm/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__/esm/components/IconButtonNext/IconButton.js

@@ -9,27 +9,8 @@ import { renderContent } from '../../utils/renderContent';
 import { ButtonBase } from '../ButtonBase';
 import { Loader } from '../Loader';
 import { ICON_BUTTON_DEFAULT_SIZE, ICON_BUTTON_DEFAULT_VARIANT, ICON_BUTTON_DEFAULT_COLOR, ICON_BUTTON_DEFAULT_TAG, } from './constants';
-export var iconButtonColorVariant = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'error',
-];
-export var iconButtonVariant = [
-    'contained',
-    'contained-additional',
-    'ghost',
-    'function',
-    'floating',
-];
+import { loaderSizeMapper } from './utils';
 export var cnIconButton = cn('IconButtonNext');
-var loaderSizeMapper = {
-    '2xs': 's',
-    xs: 's',
-    s: 's',
-    m: 'm',
-    l: 'l',
-};
 export var IconButton = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,

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

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

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

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

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

@@ -0,0 +1,13 @@
+export var iconButtonColorVariant = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'error',
+];
+export var iconButtonVariant = [
+    'contained',
+    'contained-additional',
+    'ghost',
+    'function',
+    'floating',
+];

package/__inner__/esm/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__/esm/components/{DatePicker/utils/matchCalendarSizeToFormElement/matchCalendarSizeToFormElement.js → IconButtonNext/utils.js}

@@ -1,4 +1,4 @@
-export var matchCalendarSizeToFormElement = {
+export var loaderSizeMapper = {
     '2xs': 's',
     xs: 's',
     s: 's',

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

@@ -4,14 +4,6 @@ import React, { forwardRef } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 export var cnIndicator = cn('Indicator');
-export var indicatorVariant = [
-    'success',
-    'info',
-    'warning',
-    'error',
-    'neutral',
-];
-export var indicatorSizeVariant = ['xs', 's', 'm'];
 export var Indicator = forwardRef(function (inProps, ref) {
     var props = 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 = __rest(props, ["variant", "border", "size", "className"]);

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

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

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

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

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

@@ -0,0 +1,8 @@
+export var indicatorVariant = [
+    'success',
+    'info',
+    'warning',
+    'error',
+    'neutral',
+];
+export var indicatorSizeVariant = ['xs', 's', 'm'];

package/__inner__/esm/components/Input/Input.js

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

package/__inner__/esm/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 */
@@ -46,6 +48,8 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
     disabled?: boolean;
     /** Если {true} делает элемент обязательным к заполнению */
     required?: boolean;
+    /** Если {true} отключает обводку */
+    disableStroke?: boolean;
     /** Минимальное количество символов разрешенных для ввода */
     minLength?: InputElement['minLength'];
     /** Максимальное количество символов разрешенных для ввода */
@@ -72,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__/esm/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__/esm/components/InputNumber/InputNumber.js

@@ -93,7 +93,7 @@ export var InputNumber = 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__/esm/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 */
@@ -38,6 +40,8 @@ export type InputNumberProps = {
     disabled?: boolean;
     /** Если {true} делает элемент обязательным к заполнению */
     required?: boolean;
+    /** Если {true} отключает обводку */
+    disableStroke?: boolean;
     /** Текст или иконка слева */
     renderLeft?: FieldIconProps['icon'];
     /** Текст или иконка справа */
@@ -68,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__/esm/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__/esm/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__/esm/components/List/components/ListItemText/ListItemText.js

@@ -4,14 +4,8 @@ import React, { forwardRef } from 'react';
 import { cn } from '../../../../utils/classname';
 import { Typography } from '../../../Typography';
 import { useListContext } from '../../ListContext';
+import { secondaryTextSizeMapper } from './utils';
 var cnListItemText = cn('ListItemText');
-var secondaryTextSizeMapper = {
-    l: 'text-xs',
-    m: 'text-2xs',
-    s: 'text-3xs',
-    xs: 'text-3xs',
-    '2xs': 'text-3xs',
-};
 export var ListItemText = forwardRef(function (_a, ref) {
     var className = _a.className, primary = _a.primary, secondary = _a.secondary, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, other = __rest(_a, ["className", "primary", "secondary", "primaryTypographyProps", "secondaryTypographyProps"]);
     var size = useListContext().size;

package/__inner__/esm/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__/esm/components/List/components/ListItemText/utils.js

@@ -0,0 +1,7 @@
+export var secondaryTextSizeMapper = {
+    l: 'text-xs',
+    m: 'text-2xs',
+    s: 'text-3xs',
+    xs: 'text-3xs',
+    '2xs': 'text-3xs',
+};

package/__inner__/esm/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__/esm/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>>;