@ozen-ui/kit 0.53.0 → 0.55.0

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/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': 'Закрыть',
@@ -56,16 +59,14 @@ exports.ruRU = {
         },
         Calendar: {
             locale: 'ru-RU',
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Предыдущий месяц', 'Следующий месяц'];
-                    }
-                    if (step === 'months') {
-                        return ['Предыдущий год', 'Следующий год'];
-                    }
-                    return ['Предыдущий период', 'Следующий период'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Предыдущий месяц', 'Следующий месяц'];
+                }
+                if (step === 'months') {
+                    return ['Предыдущий год', 'Следующий год'];
+                }
+                return ['Предыдущий период', 'Следующий период'];
             },
         },
         DatePicker: {
@@ -86,6 +87,9 @@ exports.kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        Breadcrumbs: {
+            'aria-label': 'Навигация',
+        },
         Dialog: {
             closeButtonProps: {
                 'aria-label': 'Жабу',
@@ -128,16 +132,14 @@ exports.kkKZ = {
         },
         Calendar: {
             locale: 'kk-KZ',
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Алдыңғы ай', 'Келесі ай'];
-                    }
-                    if (step === 'months') {
-                        return ['Өткен жыл', 'Келесі жыл'];
-                    }
-                    return ['Алдыңғы кезең', 'Келесі кезең'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Алдыңғы ай', 'Келесі ай'];
+                }
+                if (step === 'months') {
+                    return ['Өткен жыл', 'Келесі жыл'];
+                }
+                return ['Алдыңғы кезең', 'Келесі кезең'];
             },
         },
         DatePicker: {
@@ -158,6 +160,9 @@ exports.enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        Breadcrumbs: {
+            'aria-label': 'Navigation',
+        },
         Dialog: {
             closeButtonProps: {
                 'aria-label': 'Close',
@@ -201,16 +206,14 @@ exports.enUS = {
         Calendar: {
             locale: 'en-US',
             startDay: 0,
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Previous month', 'Next month'];
-                    }
-                    if (step === 'months') {
-                        return ['Previous year', 'Next year'];
-                    }
-                    return ['Previous period', 'Next period'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Previous month', 'Next month'];
+                }
+                if (step === 'months') {
+                    return ['Previous year', 'Next year'];
+                }
+                return ['Previous period', 'Next period'];
             },
         },
         DatePicker: {

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/date/index.d.ts

@@ -0,0 +1 @@
+export * from './monthDiff';

package/__inner__/cjs/utils/date/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./monthDiff"), exports);

package/__inner__/cjs/utils/date/monthDiff/index.d.ts

@@ -0,0 +1 @@
+export * from './monthDiff';

package/__inner__/cjs/utils/date/monthDiff/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./monthDiff"), exports);

package/__inner__/cjs/utils/date/monthDiff/monthDiff.d.ts

@@ -0,0 +1 @@
+export declare const monthDiff: (d1: Date, d2: Date) => number;

package/__inner__/cjs/utils/date/monthDiff/monthDiff.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.monthDiff = void 0;
+var monthDiff = function (d1, d2) {
+    var months;
+    months = (d2.getFullYear() - d1.getFullYear()) * 12;
+    months -= d1.getMonth();
+    months += d2.getMonth();
+    return months <= 0 ? 0 : months;
+};
+exports.monthDiff = monthDiff;

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

@@ -0,0 +1 @@
+export declare function getByMap<KEY extends string | number, VALUE>(map: Record<KEY, VALUE>, key: KEY): VALUE;

package/__inner__/cjs/utils/getByMap/getByMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getByMap = void 0;
+function getByMap(map, key) {
+    return map[key];
+}
+exports.getByMap = getByMap;

package/__inner__/cjs/utils/getByMap/index.d.ts

@@ -0,0 +1 @@
+export * from './getByMap';

package/__inner__/cjs/utils/getByMap/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./getByMap"), exports);

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__/cjs/utils/getIconSizeToFormElement.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIconSizeToFormElement = void 0;
-var matchIconSizeToFormElement = {
-    '2xs': 's',
-    xs: 's',
+var getByMap_1 = require("./getByMap");
+var typeMap = {
     s: 's',
     m: 'm',
     l: 'm',
+    xs: 's',
+    '2xs': 's',
+};
+var getIconSizeToFormElement = function (size) {
+    return (0, getByMap_1.getByMap)(typeMap, size);
 };
-var getIconSizeToFormElement = function (size) { return matchIconSizeToFormElement === null || matchIconSizeToFormElement === void 0 ? void 0 : matchIconSizeToFormElement[size]; };
 exports.getIconSizeToFormElement = getIconSizeToFormElement;

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

@@ -1,3 +1,2 @@
-import type { PaperProps } from '../components/Paper';
 import type { FormElementSizeVariant } from '../types/FormElementSizeVariant';
-export declare const getPaperSizeToFormElement: (size: FormElementSizeVariant) => PaperProps['radius'];
+export declare const getPaperSizeToFormElement: (size: FormElementSizeVariant) => "s" | "l" | "xl" | "xs" | "2xl";

package/__inner__/cjs/utils/getPaperSizeToFormElement.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPaperSizeToFormElement = void 0;
-var matchPaperSizeToFormElement = {
-    '2xs': 's',
-    xs: 's',
+var getByMap_1 = require("./getByMap");
+var typeMap = {
     s: 'l',
     m: 'l',
     l: 'l',
+    xs: 's',
+    '2xs': 's',
+};
+var getPaperSizeToFormElement = function (size) {
+    return (0, getByMap_1.getByMap)(typeMap, size);
 };
-var getPaperSizeToFormElement = function (size) { return matchPaperSizeToFormElement === null || matchPaperSizeToFormElement === void 0 ? void 0 : matchPaperSizeToFormElement[size]; };
 exports.getPaperSizeToFormElement = getPaperSizeToFormElement;

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>>;