@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Typography/Typography.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.cnTypography = exports.typographyColorVariant = exports.typographyAlignVariant = exports.typographyDisplayVariant = exports.typographyVariant = void 0;
+exports.Typography = exports.cnTypography = void 0;
 var tslib_1 = require("tslib");
 require("./Typography.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,81 +9,6 @@ var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
 var utils_1 = require("./utils");
-exports.typographyVariant = [
-    'heading-4xl',
-    'heading-3xl',
-    'heading-2xl',
-    'heading-xl',
-    'heading-l',
-    'text-4xl',
-    'text-4xl_1',
-    'text-3xl',
-    'text-3xl_1',
-    'text-2xl',
-    'text-2xl_1',
-    'text-xl',
-    'text-xl_1',
-    'text-l',
-    'text-l_1',
-    'text-m',
-    'text-m_1',
-    'text-s',
-    'text-s_1',
-    'text-xs',
-    'text-xs_1',
-    'text-2xs',
-    'text-2xs_1',
-    'text-3xs',
-    'text-3xs_1',
-    'caption-3xs',
-    'caption-3xs_1',
-    'inherit',
-];
-exports.typographyDisplayVariant = [
-    'block',
-    'inline',
-    'inlineBlock',
-];
-exports.typographyAlignVariant = [
-    'left',
-    'center',
-    'right',
-    'initial',
-    'inherit',
-];
-exports.typographyColorVariant = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'disabled',
-    'ghostDisabled',
-    'action',
-    'actionPressed',
-    'actionHover',
-    'actionDark',
-    'actionOn',
-    'error',
-    'errorHover',
-    'errorPressed',
-    'errorDark',
-    'warning',
-    'warningHover',
-    'warningPressed',
-    'warningDark',
-    'success',
-    'successHover',
-    'successDark',
-    'successPressed',
-    'info',
-    'infoHover',
-    'infoPressed',
-    'infoDark',
-    'primaryInverse',
-    'accentPrimary',
-    'accentSecondary',
-    'accentDisabled',
-    'inherit',
-];
 exports.cnTypography = (0, classname_1.cn)('Typography');
 exports.Typography = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({

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

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

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

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

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

@@ -0,0 +1,31 @@
+import type { ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+export declare const typographyVariant: readonly ["heading-4xl", "heading-3xl", "heading-2xl", "heading-xl", "heading-l", "text-4xl", "text-4xl_1", "text-3xl", "text-3xl_1", "text-2xl", "text-2xl_1", "text-xl", "text-xl_1", "text-l", "text-l_1", "text-m", "text-m_1", "text-s", "text-s_1", "text-xs", "text-xs_1", "text-2xs", "text-2xs_1", "text-3xs", "text-3xs_1", "caption-3xs", "caption-3xs_1", "inherit"];
+export type TypographyVariant = (typeof typographyVariant)[number];
+export declare const typographyDisplayVariant: readonly ["block", "inline", "inlineBlock"];
+export type TypographyDisplayVariant = (typeof typographyDisplayVariant)[number];
+export declare const typographyAlignVariant: readonly ["left", "center", "right", "initial", "inherit"];
+export type TypographyAlignVariant = (typeof typographyAlignVariant)[number];
+export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionPressed", "actionHover", "actionDark", "actionOn", "error", "errorHover", "errorPressed", "errorDark", "warning", "warningHover", "warningPressed", "warningDark", "success", "successHover", "successDark", "successPressed", "info", "infoHover", "infoPressed", "infoDark", "primaryInverse", "accentPrimary", "accentSecondary", "accentDisabled", "inherit"];
+export type TypographyColorVariant = (typeof typographyColorVariant)[number];
+export type TypographyBaseProps = {
+    /** Вариант типографики */
+    variant?: TypographyVariant;
+    /** Цвет текста */
+    color?: TypographyColorVariant;
+    /** Если {true} добавляет отступы */
+    defaultMargin?: boolean;
+    /** Выравнивание */
+    align?: TypographyAlignVariant;
+    /** Если {true} сокращает длинный текст */
+    noWrap?: boolean;
+    /** Задает поведение контейнера с типографикой в документе */
+    display?: TypographyDisplayVariant;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные СSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type TypographyProps<As extends ElementType = 'p'> = PolymorphicComponentPropsWithoutRef<TypographyBaseProps, As>;

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyColorVariant = exports.typographyAlignVariant = exports.typographyDisplayVariant = exports.typographyVariant = void 0;
+exports.typographyVariant = [
+    'heading-4xl',
+    'heading-3xl',
+    'heading-2xl',
+    'heading-xl',
+    'heading-l',
+    'text-4xl',
+    'text-4xl_1',
+    'text-3xl',
+    'text-3xl_1',
+    'text-2xl',
+    'text-2xl_1',
+    'text-xl',
+    'text-xl_1',
+    'text-l',
+    'text-l_1',
+    'text-m',
+    'text-m_1',
+    'text-s',
+    'text-s_1',
+    'text-xs',
+    'text-xs_1',
+    'text-2xs',
+    'text-2xs_1',
+    'text-3xs',
+    'text-3xs_1',
+    'caption-3xs',
+    'caption-3xs_1',
+    'inherit',
+];
+exports.typographyDisplayVariant = [
+    'block',
+    'inline',
+    'inlineBlock',
+];
+exports.typographyAlignVariant = [
+    'left',
+    'center',
+    'right',
+    'initial',
+    'inherit',
+];
+exports.typographyColorVariant = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'disabled',
+    'ghostDisabled',
+    'action',
+    'actionPressed',
+    'actionHover',
+    'actionDark',
+    'actionOn',
+    'error',
+    'errorHover',
+    'errorPressed',
+    'errorDark',
+    'warning',
+    'warningHover',
+    'warningPressed',
+    'warningDark',
+    'success',
+    'successHover',
+    'successDark',
+    'successPressed',
+    'info',
+    'infoHover',
+    'infoPressed',
+    'infoDark',
+    'primaryInverse',
+    'accentPrimary',
+    'accentSecondary',
+    'accentDisabled',
+    'inherit',
+];

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

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

package/__inner__/cjs/hooks/useControlled/useControlled.js

@@ -38,6 +38,6 @@ var useControlled = function (_a) {
             setValue(newValue);
         }
     }, []);
-    return [value, setValueIfUncontrolled, valueProp !== undefined];
+    return [value, setValueIfUncontrolled, isControlled];
 };
 exports.useControlled = useControlled;

package/__inner__/cjs/hooks/useTimer/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const USE_TIMER_ERROR_EQ_TIME = "[\u00D6zen-UI] useInterval: `startTime` \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0440\u0430\u0432\u0435\u043D `endTime`.";
-export declare const USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME = "[\u00D6zen-UI] useInterval: `interval` \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u044B\u043C `startTime`.";
-export declare const USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME = "[\u00D6zen-UI] useInterval: `interval` \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u044B\u043C `endTime`.";
+export declare const USE_TIMER_ERROR_EQ_TIME = "useInterval: `startTime` \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0440\u0430\u0432\u0435\u043D `endTime`.";
+export declare const USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME = "useInterval: `interval` \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u044B\u043C `startTime`.";
+export declare const USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME = "useInterval: `interval` \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u044B\u043C `endTime`.";

package/__inner__/cjs/hooks/useTimer/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME = exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME = exports.USE_TIMER_ERROR_EQ_TIME = void 0;
-exports.USE_TIMER_ERROR_EQ_TIME = '[Özen-UI] useInterval: `startTime` не должен быть равен `endTime`.';
-exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME = '[Özen-UI] useInterval: `interval` должен быть кратным `startTime`.';
-exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME = '[Özen-UI] useInterval: `interval` должен быть кратным `endTime`.';
+exports.USE_TIMER_ERROR_EQ_TIME = 'useInterval: `startTime` не должен быть равен `endTime`.';
+exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME = 'useInterval: `interval` должен быть кратным `startTime`.';
+exports.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME = 'useInterval: `interval` должен быть кратным `endTime`.';

package/__inner__/cjs/hooks/useTimer/useTimer.d.ts

@@ -17,7 +17,7 @@ export type TimerValues = {
     startTimer: () => void;
     /** Остановить таймер */
     pauseTimer: () => void;
-    /** Сбросить таймер – сбрасывает count в исходное состояние и останавливает таймер */
+    /** Сбросить таймер — сбрасывает count в исходное состояние и останавливает таймер */
     resetTimer: () => void;
 };
 export declare function useTimer({ startTime, endTime, interval, onTimerEnd, }: TimerOptions): TimerValues;

package/__inner__/cjs/hooks/useTimer/useTimer.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimer = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var logger_1 = require("@ozen-ui/logger");
 var useInterval_1 = require("../useInterval");
 var constants_1 = require("./constants");
 function useTimer(_a) {
@@ -40,7 +41,7 @@ function useTimer(_a) {
         setState(function (_a) {
             var count = _a.count;
             return ({
-                // Если счетчик завершился – сбрасываем счетчик
+                // Если счетчик завершился — сбрасываем счетчик
                 // Если не завершился продолжаем с текущего счетчика
                 count: count === endTime ? startTime : count,
                 isTimerRunning: startTime !== endTime,
@@ -53,13 +54,13 @@ function useTimer(_a) {
     (0, react_1.useEffect)(function () {
         if (process.env.NODE_ENV !== 'production') {
             if (startTime === endTime) {
-                console.error(constants_1.USE_TIMER_ERROR_EQ_TIME);
+                logger_1.logger.error(constants_1.USE_TIMER_ERROR_EQ_TIME);
             }
             if (startTime % interval) {
-                console.error(constants_1.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME);
+                logger_1.logger.error(constants_1.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_START_TIME);
             }
             if (endTime % interval) {
-                console.error(constants_1.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME);
+                logger_1.logger.error(constants_1.USE_TIMER_ERROR_MULTIPLICITY_INTERVAL_TO_END_TIME);
             }
         }
     }, [startTime, endTime, interval]);

package/__inner__/cjs/locale/locale.js

@@ -14,6 +14,9 @@ exports.ruRU = {
             clearText: 'Очистить',
             loadingText: 'Загрузка…',
         },
+        Breadcrumbs: {
+            'aria-label': 'Навигация',
+        },
         Dialog: {
             closeButtonProps: {
                 'aria-label': 'Закрыть',
@@ -84,6 +87,9 @@ exports.kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        Breadcrumbs: {
+            'aria-label': 'Навигация',
+        },
         Dialog: {
             closeButtonProps: {
                 'aria-label': 'Жабу',
@@ -154,6 +160,9 @@ exports.enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        Breadcrumbs: {
+            'aria-label': 'Navigation',
+        },
         Dialog: {
             closeButtonProps: {
                 'aria-label': 'Close',

package/__inner__/cjs/types/ExtendableComponentPropsWithRef.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { ExtendableProps } from './ExtendableProps';
+export type ExtendableComponentPropsWithRef<Props, Element extends ElementType> = ExtendableProps<Props, ComponentPropsWithRef<Element>>;

package/__inner__/cjs/types/ExtendableComponentPropsWithRef.js

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

package/__inner__/cjs/types/ExtendableProps.d.ts

@@ -1 +1 @@
-export type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type ExtendableProps<OverrideProps = Record<string, unknown>, ExtendedProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;

package/__inner__/cjs/types/ResponsiveValue.d.ts

@@ -1,4 +1,2 @@
 import type { BreakpointVariant } from './Breakpoints';
-export type ResponsiveValue<T> = T | {
-    [key in BreakpointVariant]?: T;
-};
+export type ResponsiveValue<T> = T | Partial<Record<BreakpointVariant, T>>;

package/__inner__/cjs/utils/getIconSizeToFormElement.d.ts

@@ -1,3 +1,2 @@
-import type { IconSize } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../types/FormElementSizeVariant';
-export declare const getIconSizeToFormElement: (size: FormElementSizeVariant) => IconSize;
+export declare const getIconSizeToFormElement: (size: FormElementSizeVariant) => "s" | "m";

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

@@ -1,12 +1,5 @@
 import React from 'react';
+import type { AccordionProps } from './types';
 import './Accordion.css';
 export declare const cnAccordion: import("@bem-react/classname").ClassNameFormatter;
-export declare const Accordion: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string | undefined;
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    variant?: "round" | "corner-primary" | "corner-secondary" | undefined;
-    defaultExpanded?: boolean | undefined;
-    compressed?: boolean | undefined;
-    onChange?: ((expanded: boolean, e: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & Pick<import("../Collapse").CollapseProps, "expanded" | "unmountOnClosed"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Accordion/components/AccordionDetails/AccordionDetails.d.ts

@@ -1,14 +1,4 @@
-import React, { type HTMLAttributes } from 'react';
-export type AccordionDetailsProps = {
-    /** Содержимое */
-    children?: React.ReactNode;
-    /** Дополнительные CSS-классы */
-    className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+import React from 'react';
+import type { AccordionDetailsProps } from './index';
 export declare const cnAccordionDetails: import("@bem-react/classname").ClassNameFormatter;
-export declare const AccordionDetails: React.ForwardRefExoticComponent<{
-    /** Содержимое */
-    children?: React.ReactNode;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionDetails: React.ForwardRefExoticComponent<Omit<AccordionDetailsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Accordion/components/AccordionDetails/index.d.ts

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

package/__inner__/esm/components/Accordion/components/AccordionDetails/index.js

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

package/__inner__/esm/components/Accordion/components/AccordionDetails/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type AccordionDetailsRef = ComponentRef<'div'>;
+export type AccordionDetailsProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+}, 'div'>;

package/__inner__/esm/components/Accordion/components/AccordionDetails/types.js

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

package/__inner__/esm/components/Accordion/components/AccordionSummary/AccordionSummary.d.ts

@@ -1,20 +1,4 @@
 import React from 'react';
-import type { ReactNode, HTMLAttributes } from 'react';
-import type { AccordionExpandIconPositionVariant } from '../../types';
-export type AccordionSummaryProps = {
-    /** Содержимое */
-    children?: ReactNode;
-    /** Позиция иконки */
-    expandIconPosition?: AccordionExpandIconPositionVariant;
-    /** Дополнительные CSS-классы */
-    className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+import type { AccordionSummaryProps } from './index';
 export declare const cnAccordionSummary: import("@bem-react/classname").ClassNameFormatter;
-export declare const AccordionSummary: React.ForwardRefExoticComponent<{
-    /** Содержимое */
-    children?: ReactNode;
-    /** Позиция иконки */
-    expandIconPosition?: "left" | "right" | undefined;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionSummary: React.ForwardRefExoticComponent<Omit<AccordionSummaryProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Accordion/components/AccordionSummary/AccordionSummary.js

@@ -6,12 +6,7 @@ import { cn } from '../../../../utils/classname';
 import { isKey } from '../../../../utils/isKey';
 import { useAccordionContext } from '../../AccordionContext';
 import { DEFAULT_ACCORDION_EXPAND_ICON_POSITION } from '../../constants';
-var iconSizeMapper = {
-    s: 's',
-    m: 's',
-    l: 'm',
-    xl: 'm',
-};
+import { iconSizeMapper } from './utils';
 export var cnAccordionSummary = cn('AccordionSummary');
 export var AccordionSummary = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'AccordionSummary' });

package/__inner__/esm/components/Accordion/components/AccordionSummary/index.d.ts

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

package/__inner__/esm/components/Accordion/components/AccordionSummary/index.js

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

package/__inner__/esm/components/Accordion/components/AccordionSummary/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { AccordionExpandIconPositionVariant } from '../../index';
+export type AccordionSummaryRef = ComponentRef<'div'>;
+export type AccordionSummaryProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children?: ReactNode;
+    /** Позиция иконки */
+    expandIconPosition?: AccordionExpandIconPositionVariant;
+    /** Дополнительные CSS-классы */
+    className?: string;
+}, 'div'>;

package/__inner__/esm/components/Accordion/components/AccordionSummary/types.js

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

package/__inner__/esm/components/Accordion/components/AccordionSummary/utils.d.ts

@@ -0,0 +1,5 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { AccordionSizeVariant } from '../../index';
+export declare const iconSizeMapper: {
+    [key in AccordionSizeVariant]: IconSize;
+};

package/__inner__/esm/components/Accordion/components/AccordionSummary/utils.js

@@ -0,0 +1,6 @@
+export var iconSizeMapper = {
+    s: 's',
+    m: 's',
+    l: 'm',
+    xl: 'm',
+};

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

@@ -1,4 +1,5 @@
-import type { MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode } from 'react';
+import type { MouseEvent, KeyboardEvent, ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { CollapseProps } from '../Collapse';
 export declare const accordionExpandIconPositionVariant: readonly ["left", "right"];
 export declare const accordionSizeVariant: readonly ["s", "m", "l", "xl"];
@@ -15,29 +16,22 @@ export type AccordionContextValue = {
      */
     size: AccordionSizeVariant;
     /** Callback для смены состояния аккордеона открыт/закрыт */
-    toggle: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    toggle(e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
 };
-export type AccordionProps = {
+export type AccordionRef = ComponentRef<'div'>;
+export type AccordionProps = ExtendableComponentPropsWithRef<{
     /** Содержимое */
     children: ReactNode;
     /** Дополнительные CSS-классы */
     className?: string;
-    /**
-     * Размер
-     * влияет на типографику, отступы, иконки
-     * @default m
-     * */
+    /** Размер влияет на типографику, отступы, иконки */
     size?: AccordionSizeVariant;
-    /**
-     * Вариант визуального отображения аккордеона
-     *
-     * @default corner-primary
-     * */
+    /** Вариант визуального отображения аккордеона */
     variant?: AccordionVariant;
     /** Если {true} аккордеон по умолчанию раскрыт (неконтролируемое поведение) */
     defaultExpanded?: boolean;
     /** Если {true} уменьшает отступы для компактного отображения */
     compressed?: boolean;
     /** Обработчик события открытия и закрытия аккордеона */
-    onChange?: (expanded: boolean, e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & Pick<CollapseProps, 'expanded' | 'unmountOnClosed'>;
+    onChange?(expanded: boolean, e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
+} & Pick<CollapseProps, 'expanded' | 'unmountOnClosed'>, 'div'>;

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

@@ -1,17 +1,5 @@
 import './Alert.css';
 import React from 'react';
-import type { ButtonProps } from '../ButtonNext';
+import type { AlertProps } from './types';
 export declare const cnAlert: import("@bem-react/classname").ClassNameFormatter;
-export declare const Alert: React.ForwardRefExoticComponent<{
-    title: React.ReactNode;
-    status?: "error" | "info" | "success" | "warning" | undefined;
-    inverse?: boolean | undefined;
-    showIcon?: boolean | undefined;
-    onClose?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-    children?: React.ReactNode;
-    action?: React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>> | (({ size, className, }: Pick<ButtonProps, "className" | "size">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
-    className?: string | undefined;
-    closeText?: string | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
-    color?: "dark" | "light" | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, MouseEvent, ReactElement, ReactNode } from 'react';
+import type { ComponentRef, MouseEvent, ReactElement, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { ButtonProps } from '../ButtonNext';
 export declare const alertStatusVariant: readonly ["success", "error", "warning", "info"];
 export declare const alertColorVariant: readonly ["light", "dark"];
@@ -42,5 +43,6 @@ type AlertBaseProps = {
     /** Текст для кнопки закрытия компонента */
     closeText?: string;
 };
-export type AlertProps = AlertBaseProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & AlertPropsDeprecated;
+export type AlertRef = ComponentRef<'div'>;
+export type AlertProps = ExtendableComponentPropsWithRef<AlertBaseProps & AlertPropsDeprecated, 'div'>;
 export {};

package/__inner__/esm/components/Autocomplete/Autocomplete.js

@@ -65,13 +65,13 @@ function AutocompleteRender(inProps, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
         changeInputValue(null, inputValue);
     };
-    /** Эффект – фильтрация списка при изменении опций */
+    /** Эффект — фильтрация списка при изменении опций */
     useEffect(function () {
         if (!open)
             return;
         setFilteredOptions(search ? search(options) : __spreadArray([], __read(options), false));
     }, [search, options, open, searchFunctionProp]);
-    /** Эффект – синхронизируем значение текстового поля со значением в списке */
+    /** Эффект — синхронизируем значение текстового поля со значением в списке */
     useEffect(function () {
         var _a;
         if (allowCustomValue)
@@ -83,7 +83,7 @@ function AutocompleteRender(inProps, ref) {
             changeInputValue(null, lastInputValue.current);
         }
     }, [valueState, allowCustomValue]);
-    /** Эффект – автофокусировка в текстовом поле */
+    /** Эффект — автофокусировка в текстовом поле */
     useEffect(function () {
         var _a;
         if (autoFocus)