@ozen-ui/kit 0.54.0 → 0.55.0

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': 'Закрыть',
@@ -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)

package/__inner__/esm/components/Autocomplete/helper.d.ts

@@ -44,38 +44,8 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     fullWidth?: boolean | undefined;
     disableStroke?: boolean | undefined;
     hint?: string | null | undefined;
-    renderLeft?: string | number | import("react").FC<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | import("react").FC<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
     inputProps?: (Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
     } & {
@@ -145,38 +115,8 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     fullWidth?: boolean | undefined;
     disableStroke?: boolean | undefined;
     hint?: string | null | undefined;
-    renderLeft?: string | number | import("react").FC<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | import("react").FC<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("react").SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: import("react").Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
     inputProps?: (Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
     } & {

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

@@ -1,31 +1,5 @@
 import './Avatar.css';
 import React from 'react';
-import type { ComponentPropsWithRef, ComponentRef, ReactNode } from 'react';
-import type { IndicatorProps } from '../Indicator';
-export declare const avatarSizeVariant: readonly ["4xs", "3xs", "2xs", "xs", "s", "m", "l", "xl"];
-export declare const avatarHueVariant: number[];
-export type AvatarSizeVariant = (typeof avatarSizeVariant)[number];
-export type AvatarHueVariant = (typeof avatarHueVariant)[number];
-declare const avatarEl = "div";
-export type AvatarRef = ComponentRef<typeof avatarEl>;
-export type AvatarProps = {
-    /** Размер */
-    size?: AvatarSizeVariant;
-    /** Если {true} отобразит индикатор онлайна */
-    online?: boolean;
-    /** url изображения */
-    src?: string;
-    /** Имя пользователя */
-    name?: string;
-    /** Цветовой оттенок аватарки (при использовании без src) */
-    hue?: AvatarHueVariant;
-    /** Дополнительные СSS-классы */
-    className?: string;
-    /** Свойства компонента Indicator */
-    indicatorProps?: IndicatorProps;
-    /** Содержимое компонента – иконка */
-    children?: ReactNode;
-} & ComponentPropsWithRef<typeof avatarEl>;
+import type { AvatarProps } from './index';
 export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
 export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/__inner__/esm/components/Avatar/Avatar.js

@@ -7,18 +7,6 @@ import { Indicator } from '../Indicator';
 import { AVATAR_DEFAULT_HUE, AVATAR_DEFAULT_ONLINE, AVATAR_DEFAULT_SIZE, } from './constants';
 import { getHashNumber } from './get-hash-number';
 import { matchSizeIndicatorToAvatar, getInitials } from './utils';
-export var avatarSizeVariant = [
-    '4xs',
-    '3xs',
-    '2xs',
-    'xs',
-    's',
-    'm',
-    'l',
-    'xl',
-];
-export var avatarHueVariant = [1, 2, 3];
-var avatarEl = 'div';
 export var cnAvatar = cn('Avatar');
 export var Avatar = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Avatar' });

package/__inner__/esm/components/Avatar/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const AVATAR_DEFAULT_TAG = "div";
 export declare const AVATAR_DEFAULT_SIZE = "m";
 export declare const AVATAR_DEFAULT_ONLINE = false;
 export declare const AVATAR_DEFAULT_HUE = 1;

package/__inner__/esm/components/Avatar/constants.js

@@ -1,3 +1,4 @@
+export var AVATAR_DEFAULT_TAG = 'div';
 export var AVATAR_DEFAULT_SIZE = 'm';
 export var AVATAR_DEFAULT_ONLINE = false;
 export var AVATAR_DEFAULT_HUE = 1;

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

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

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

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