@ozen-ui/kit 0.53.0 → 0.55.0

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

@@ -1,30 +1,32 @@
-import type { ElementType, MouseEvent, ReactElement } from 'react';
+import type { ComponentPropsWithRef, MouseEvent, ReactElement, ReactNode } from 'react';
 import type { DPExcludeConfig, DPDayInteger } from '@rehookify/datepicker';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { CalendarSwitcherProps } from './components';
-import type { CALENDAR_DEFAULT_AS } from './constants';
+import type { CALENDAR_DEFAULT_MODE } from './constants';
 export declare const calendarStepVariant: readonly ["days", "months", "years"];
 export declare const calendarSizeVariant: readonly ["s", "m", "l"];
+export declare const calendarModeVariant: readonly ["single", "range"];
 export type CalendarStepVariant = (typeof calendarStepVariant)[number];
-export type CalendarOnChange = (date: Date | null) => void;
+export type CalendarModeVariant = (typeof calendarModeVariant)[number];
+export type CalendarValue<MODE extends CalendarModeVariant> = (MODE extends 'range' ? Date[] : Date) | null;
+export type CalendarOnChange<MODE extends CalendarModeVariant> = (date: CalendarValue<MODE>) => void;
 export type CalendarOnOffsetDateChange = (date: Date) => void;
 export type CalendarSizeVariant = (typeof calendarSizeVariant)[number];
 export type CalendarExclude = DPExcludeConfig;
 export type CalendarStartDay = DPDayInteger;
-export type CalendarRenderAdditionalControls = (props: {
-    date?: Date;
+export type CalendarRenderAdditionalControls<MODE extends CalendarModeVariant> = (props: {
+    date?: MODE extends 'range' ? Date[] : Date;
 }) => ReactElement;
-export type CalendarBaseProps = {
+export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE> = {
+    mode?: MODE;
     /** Выбранная дата */
-    value?: Date | null;
+    value?: CalendarValue<MODE>;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
-    defaultValue?: Date;
-    /** Смещение календаря – на какой странице показать календарь */
+    defaultValue?: CalendarValue<MODE>;
+    /** Смещение календаря — на какой странице показать календарь */
     offsetDate?: Date;
     /** Смещение календаря по умолчанию */
     defaultOffsetDate?: Date;
     /** Обработчик событий выбора даты */
-    onChange?: CalendarOnChange;
+    onChange?: CalendarOnChange<MODE>;
     /** Обработчик событий на смещение календаря */
     onOffsetDateChange?: CalendarOnOffsetDateChange;
     /** Локализация */
@@ -45,10 +47,11 @@ export type CalendarBaseProps = {
     onDayClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
     /** Обработчик нажатия на кнопку года */
     onYearClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
-    /** Дополнительные контролы – рендер функция */
-    renderAdditionalControls?: CalendarRenderAdditionalControls;
-    /** Cвойства компонента CalendarSwitcher */
-    calendarSwitcherProps?: CalendarSwitcherProps;
+    /** Дополнительные контролы — рендер функция */
+    renderAdditionalControls?: CalendarRenderAdditionalControls<MODE>;
+    /** Функция форматирования атрибута aria-label для кнопок переключения периодов */
+    getPeriodSwitchAriaLabel?: (step: CalendarStepVariant) => [string, string];
     children?: never;
-};
-export type CalendarProps<As extends ElementType = typeof CALENDAR_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<CalendarBaseProps, As>;
+} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'>;
+export type CalendarComponent = <MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE>(props: CalendarProps<MODE>) => ReactNode;
+export type CalendarTypeComponent<MODE extends CalendarModeVariant> = (props: Omit<CalendarProps<MODE>, 'mode'>) => ReactNode;

package/__inner__/esm/components/Calendar/types.js

@@ -1,2 +1,3 @@
 export var calendarStepVariant = ['days', 'months', 'years'];
 export var calendarSizeVariant = ['s', 'm', 'l'];
+export var calendarModeVariant = ['single', 'range'];

package/__inner__/esm/components/Calendar/utils.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarProps } from './index';
+export declare const cnCalendar: import("@bem-react/classname").ClassNameFormatter;
+export declare const getPeriodSwitchAriaLabel: CalendarProps['getPeriodSwitchAriaLabel'];

package/__inner__/esm/components/Calendar/{components/CalendarSwitcher/utils.js → utils.js}

@@ -1,3 +1,5 @@
+import { cn } from '../../utils/classname';
+export var cnCalendar = cn('Calendar');
 export var getPeriodSwitchAriaLabel = function (step) {
     if (step === 'days') {
         return ['Previous month', 'Next month'];

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

@@ -1,38 +1,4 @@
 import './Card.css';
-import type { ReactNode, ElementType } from 'react';
-import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { CardBaseProps } from './index';
 export declare const cnCard: import("@bem-react/classname").ClassNameFormatter;
-export declare const cardSizeVariant: readonly ["s", "m", "l"];
-export declare const cardBorderWidthVariant: readonly ["none", "s", "m"];
-export declare const cardBorderVariant: readonly ["solid", "dashed"];
-export declare const cardBorderColorVariant: readonly ["standard", "selected"];
-export declare const cardBackgroundColorVariant: readonly ["standard", "selected"];
-export type CardSizeVariant = (typeof cardSizeVariant)[number];
-export type CardBorderWidthVariant = (typeof cardBorderWidthVariant)[number];
-export type CardBorderVariant = (typeof cardBorderVariant)[number];
-export type CardBorderColorVariant = (typeof cardBorderColorVariant)[number];
-export type CardBackgroundColorVariant = (typeof cardBackgroundColorVariant)[number];
-export type CardBaseProps = {
-    /** Свойство контролирующее размер отступов и скруглений углов карточки */
-    size?: CardSizeVariant;
-    /** Свойство отвечающее за отображение и размер границы */
-    borderWidth?: CardBorderWidthVariant;
-    /** Свойство устанавливающее цвет границы карточки */
-    borderColor?: CardBorderColorVariant;
-    /** Свойство устанавливающее цвет фона карточки */
-    backgroundColor?: CardBackgroundColorVariant;
-    /** Свойство определяющее стиль отображения границы карточки */
-    borderVariant?: CardBorderVariant;
-    /** Если {true} отображает компонент заблокированным и отключает взаимодействие с компонентом */
-    disabled?: boolean;
-    /** Если {true} делает компонент интерактивным */
-    interactive?: boolean;
-    /** Содержимое карточки */
-    children: ReactNode;
-    /** Дополнительные СSS-классы */
-    className?: string;
-    /** Идентификатор компонента для тестов */
-    'data-testid'?: string;
-};
-export type CardProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<CardBaseProps, As>;
 export declare const Card: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CardBaseProps, "div">;

package/__inner__/esm/components/Card/Card.js

@@ -3,23 +3,10 @@ import './Card.css';
 import React from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
-import { Paper, } from '../Paper';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { Paper } from '../Paper';
+import { matchBackgroundColorPaperToCard, matchBorderRadiusPaperToCard, } from './utils';
 export var cnCard = cn('Card');
-export var cardSizeVariant = ['s', 'm', 'l'];
-export var cardBorderWidthVariant = ['none', 's', 'm'];
-export var cardBorderVariant = ['solid', 'dashed'];
-export var cardBorderColorVariant = ['standard', 'selected'];
-export var cardBackgroundColorVariant = ['standard', 'selected'];
-var matchBorderRadiusPaperToCard = {
-    s: 'l',
-    m: 'xl',
-    l: '2xl',
-};
-var matchBackgroundColorPaperToCard = {
-    selected: 'action-light',
-    standard: 'main',
-};
 export var Card = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Card' });
     var _a = props.size, size = _a === void 0 ? 'm' : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.interactive, interactive = _c === void 0 ? false : _c, _d = props.borderWidth, borderWidth = _d === void 0 ? 's' : _d, _e = props.borderVariant, borderVariant = _e === void 0 ? 'solid' : _e, _f = props.borderColor, borderColor = _f === void 0 ? 'standard' : _f, _g = props.backgroundColor, backgroundColor = _g === void 0 ? 'standard' : _g, _h = props.as, Tag = _h === void 0 ? 'div' : _h, className = props.className, children = props.children, other = __rest(props, ["size", "disabled", "interactive", "borderWidth", "borderVariant", "borderColor", "backgroundColor", "as", "className", "children"]);

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

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

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

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

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

@@ -0,0 +1,35 @@
+import type { ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+export declare const cardSizeVariant: readonly ["s", "m", "l"];
+export declare const cardBorderWidthVariant: readonly ["none", "s", "m"];
+export declare const cardBorderVariant: readonly ["solid", "dashed"];
+export declare const cardBorderColorVariant: readonly ["standard", "selected"];
+export declare const cardBackgroundColorVariant: readonly ["standard", "selected"];
+export type CardSizeVariant = (typeof cardSizeVariant)[number];
+export type CardBorderWidthVariant = (typeof cardBorderWidthVariant)[number];
+export type CardBorderVariant = (typeof cardBorderVariant)[number];
+export type CardBorderColorVariant = (typeof cardBorderColorVariant)[number];
+export type CardBackgroundColorVariant = (typeof cardBackgroundColorVariant)[number];
+export type CardBaseProps = {
+    /** Свойство контролирующее размер отступов и скруглений углов карточки */
+    size?: CardSizeVariant;
+    /** Свойство отвечающее за отображение и размер границы */
+    borderWidth?: CardBorderWidthVariant;
+    /** Свойство устанавливающее цвет границы карточки */
+    borderColor?: CardBorderColorVariant;
+    /** Свойство устанавливающее цвет фона карточки */
+    backgroundColor?: CardBackgroundColorVariant;
+    /** Свойство определяющее стиль отображения границы карточки */
+    borderVariant?: CardBorderVariant;
+    /** Если {true} отображает компонент заблокированным и отключает взаимодействие с компонентом */
+    disabled?: boolean;
+    /** Если {true} делает компонент интерактивным */
+    interactive?: boolean;
+    /** Содержимое карточки */
+    children: ReactNode;
+    /** Дополнительные СSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type CardProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<CardBaseProps, As>;

package/__inner__/esm/components/Card/types.js

@@ -0,0 +1,5 @@
+export var cardSizeVariant = ['s', 'm', 'l'];
+export var cardBorderWidthVariant = ['none', 's', 'm'];
+export var cardBorderVariant = ['solid', 'dashed'];
+export var cardBorderColorVariant = ['standard', 'selected'];
+export var cardBackgroundColorVariant = ['standard', 'selected'];

package/__inner__/esm/components/Card/utils.d.ts

@@ -0,0 +1,8 @@
+import type { PaperBackgroundVariant, PaperRadiusVariant } from '../Paper';
+import type { CardBackgroundColorVariant, CardSizeVariant } from './index';
+export declare const matchBorderRadiusPaperToCard: {
+    [key in CardSizeVariant]: PaperRadiusVariant;
+};
+export declare const matchBackgroundColorPaperToCard: {
+    [key in CardBackgroundColorVariant]: PaperBackgroundVariant;
+};

package/__inner__/esm/components/Card/utils.js

@@ -0,0 +1,9 @@
+export var matchBorderRadiusPaperToCard = {
+    s: 'l',
+    m: 'xl',
+    l: '2xl',
+};
+export var matchBackgroundColorPaperToCard = {
+    selected: 'action-light',
+    standard: 'main',
+};

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

@@ -1,33 +1,5 @@
 import './Checkbox.css';
 import React from 'react';
-import type { InputHTMLAttributes, Ref } from 'react';
-import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const checkboxSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type CheckboxSizeVariant = (typeof checkboxSizeVariant)[number];
-export type CheckboxProps = {
-    /** Размер */
-    size?: CheckboxSizeVariant;
-    /** Если {true} делает элемент неактивным */
-    disabled?: boolean;
-    /** Если {true} делает элемент выбранным */
-    checked?: boolean;
-    /** Если {true} отображает компонент как частично выбранный */
-    indeterminate?: boolean;
-    /** Расположение лейбла */
-    align?: FormControlLabelProps['align'];
-    /** Лейбл */
-    label?: React.ReactNode;
-    /** Позиция лейбла */
-    labelPlacement?: FormControlLabelProps['labelPlacement'];
-    /** Свойства лейбла */
-    labelProps?: FormControlLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLLabelElement>;
-    /** Ссылка на input-элемент в компоненте */
-    inputRef?: Ref<HTMLInputElement>;
-    /** Кастомный класс */
-    className?: string;
-    children?: never;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+import type { CheckboxProps } from './index';
 export declare const cnCheckbox: import("@bem-react/classname").ClassNameFormatter;
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/esm/components/Checkbox/Checkbox.js

@@ -4,10 +4,9 @@ import React, { forwardRef, useContext } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroupContext';
-import { FormControlLabel, } from '../FormControlLabel';
+import { FormControlLabel } from '../FormControlLabel';
 import { CheckboxIcon } from './components';
 import { CHECKBOX_DEFAULT_ALIGN, CHECKBOX_DEFAULT_LABEL_PLACEMENT, CHECKBOX_DEFAULT_SIZE, } from './constants';
-export var checkboxSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];
 export var cnCheckbox = cn('Checkbox');
 export var Checkbox = forwardRef(function (inProps, ref) {
     var props = useThemeProps({

package/__inner__/esm/components/Checkbox/components/CheckIcon.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { IconProps } from '@ozen-ui/icons';
-export declare const CheckIcon: React.FC<IconProps>;
+export declare const CheckIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/esm/components/Checkbox/components/CheckboxIcon.d.ts

@@ -1,7 +1,8 @@
+import type { ComponentRef } from 'react';
 import React from 'react';
-import type { IconProps } from '@ozen-ui/icons';
-interface CheckboxIconProps extends IconProps {
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type CheckboxIconRef = ComponentRef<'svg'>;
+export type CheckboxIconProps = ExtendableComponentPropsWithRef<{
     indeterminate?: boolean;
-}
-export declare const CheckboxIcon: React.FC<CheckboxIconProps>;
-export {};
+}, 'svg'>;
+export declare const CheckboxIcon: React.ForwardRefExoticComponent<Omit<CheckboxIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/esm/components/Checkbox/components/IndeterminateCheckIcon.d.ts

@@ -1,3 +1,3 @@
+import type { SVGProps } from 'react';
 import React from 'react';
-import type { IconProps } from '@ozen-ui/icons';
-export declare const IndeterminateCheckIcon: React.FC<IconProps>;
+export declare const IndeterminateCheckIcon: React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

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

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

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

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

@@ -0,0 +1,32 @@
+import type { ComponentRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export declare const checkboxSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type CheckboxSizeVariant = FormElementSizeVariant;
+export type CheckboxRef = ComponentRef<'label'>;
+export type CheckboxProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: CheckboxSizeVariant;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Если {true} отображает компонент как частично выбранный */
+    indeterminate?: boolean;
+    /** Расположение лейбла */
+    align?: FormControlLabelProps['align'];
+    /** Лейбл */
+    label?: React.ReactNode;
+    /** Позиция лейбла */
+    labelPlacement?: FormControlLabelProps['labelPlacement'];
+    /** Свойства лейбла */
+    labelProps?: FormControlLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Кастомный класс */
+    className?: string;
+    children?: never;
+}, 'input'>;

package/__inner__/esm/components/Checkbox/types.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../types/FormElementSizeVariant';
+export var checkboxSizeVariant = formElementSizeVariant;

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

@@ -1,26 +1,4 @@
 import './CheckboxGroup.css';
-import type { ElementType, ReactNode } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import { type FormGroupProps } from '../FormGroup';
-export type CheckboxGroupBaseProps = {
-    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
-    name: string;
-    /** Значение по умолчанию (неконтролируемое состояние) */
-    defaultValue?: (string | number)[];
-    /** Текущее значение */
-    value?: (string | number)[];
-    /** Заголовок группы */
-    title?: string;
-    /** Размер */
-    size?: FormElementSizeVariant;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Направление */
-    direction?: FormGroupProps['direction'];
-    /** Событие изменения состояния */
-    onChange?(value: (string | number)[]): void;
-};
-export type CheckboxGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<CheckboxGroupBaseProps, As>;
+import type { CheckboxGroupBaseProps } from './index';
 export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
 export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;

package/__inner__/esm/components/CheckboxGroup/CheckboxGroup.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useControlled } from '../../hooks/useControlled';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { FormGroup } from '../FormGroup';
 import { FormTitle } from '../FormTitle';
 import { CheckboxGroupContext } from './CheckboxGroupContext';

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

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

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

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

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

@@ -0,0 +1,23 @@
+import type { ElementType, ReactNode } from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FormGroupProps } from '../FormGroup';
+export type CheckboxGroupBaseProps = {
+    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
+    name: string;
+    /** Значение по умолчанию (неконтролируемое состояние) */
+    defaultValue?: (string | number)[];
+    /** Текущее значение */
+    value?: (string | number)[];
+    /** Заголовок группы */
+    title?: string;
+    /** Размер */
+    size?: FormElementSizeVariant;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Направление */
+    direction?: FormGroupProps['direction'];
+    /** Событие изменения состояния */
+    onChange?(value: (string | number)[]): void;
+};
+export type CheckboxGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<CheckboxGroupBaseProps, As>;

package/__inner__/esm/components/CheckboxGroup/types.js

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

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

@@ -1,16 +1,14 @@
 import './Chip.css';
 import React from 'react';
-import type { Ref, ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { Ref, FC, ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
 import type { ExtendableProps } from '../../types/ExtendableProps';
 export declare const cnChip: import("@bem-react/classname").ClassNameFormatter;
 export declare const chipSizeVariant: readonly ["xs", "s", "m", "l"];
 export declare const chipColorVariant: readonly ["primary", "secondary"];
 export type ChipSizeVariant = (typeof chipSizeVariant)[number];
 export type ChipColorVariant = (typeof chipColorVariant)[number];
-export type ChipIconComponent = React.FC<IconProps & {
-    size?: IconSize;
-}>;
+export type ChipIconComponent = FC<IconProps>;
 export type ChipBaseProps = {
     /** Размер компонента */
     size?: ChipSizeVariant;
@@ -32,7 +30,7 @@ export type ChipBaseProps = {
     children: ReactNode;
     'data-testid'?: string;
 };
-export type ChipProps = ExtendableProps<InputHTMLAttributes<HTMLInputElement>, ChipBaseProps>;
+export type ChipProps = ExtendableProps<ChipBaseProps, InputHTMLAttributes<HTMLInputElement>>;
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент ChipNext
  */

package/__inner__/esm/components/ChipNext/Chip.d.ts

@@ -1,42 +1,4 @@
 import './Chip.css';
-import type { ReactNode, MouseEvent, ElementType } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
-import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
-import type { RenderContentType } from '../../utils/renderContent';
-import { CHIP_DEFAULT_TAG } from './constants';
+import type { ChipBaseProps } from './index';
 export declare const cnChip: import("@bem-react/classname").ClassNameFormatter;
-export declare const chipSizeVariant: readonly ["xs", "s", "m", "l"];
-export declare const chipColorVariant: readonly ["primary", "secondary"];
-export type ChipSizeVariant = (typeof chipSizeVariant)[number];
-export type ChipColorVariant = (typeof chipColorVariant)[number];
-export type ChipIcon = RenderContentType<IconProps & {
-    size?: IconSize;
-}>['content'];
-export type ChipBaseProps = {
-    /** Размер компонента */
-    size?: ChipSizeVariant;
-    /** Вариант представления компонента */
-    color?: ChipColorVariant;
-    /** Если {true} компонент отображается как заблокированный */
-    disabled?: boolean;
-    /** Если {true} делает элемент выбранным */
-    checked?: boolean;
-    /** Обработчик нажатия */
-    onClick?: (e: MouseEvent<HTMLElement>, payload: {
-        checked: boolean;
-    }) => void;
-    /** Иконка слева */
-    iconLeft?: ChipIcon;
-    /** Иконка справа */
-    iconRight?: ChipIcon;
-    /** Если {true} разбивает длинный текст на несколько строк */
-    multiline?: boolean;
-    /** Дополнительные СSS-классы */
-    className?: string;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Идентификатор компонента для тестов */
-    'data-testid'?: string;
-};
-export type ChipProps<As extends ElementType = typeof CHIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<ChipBaseProps, As>;
 export declare const Chip: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipBaseProps, "button">;

package/__inner__/esm/components/ChipNext/Chip.js

@@ -9,8 +9,6 @@ import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWit
 import { renderContent } from '../../utils/renderContent';
 import { CHIP_DEFAULT_TAG, CHIP_DEFAULT_SIZE, CHIP_DEFAULT_VARIANT, CHIP_DEFAULT_DISABLED, } from './constants';
 export var cnChip = cn('ChipNext');
-export var chipSizeVariant = ['xs', 's', 'm', 'l'];
-export var chipColorVariant = ['primary', 'secondary'];
 export var Chip = polymorphicComponentWithRef(function (inProps, ref) {
     var _a = useThemeProps({ name: 'ChipNext', props: inProps }), _b = _a.size, size = _b === void 0 ? CHIP_DEFAULT_SIZE : _b, _c = _a.color, color = _c === void 0 ? CHIP_DEFAULT_VARIANT : _c, _d = _a.disabled, disabled = _d === void 0 ? CHIP_DEFAULT_DISABLED : _d, iconLeft = _a.iconLeft, iconRight = _a.iconRight, multiline = _a.multiline, className = _a.className, children = _a.children, onClick = _a.onClick, checkedProp = _a.checked, _e = _a.as, Tag = _e === void 0 ? CHIP_DEFAULT_TAG : _e, dataTestId = _a["data-testid"], other = __rest(_a, ["size", "color", "disabled", "iconLeft", "iconRight", "multiline", "className", "children", "onClick", "checked", "as", 'data-testid']);
     var _f = __read(useControlled({

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

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

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

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

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

@@ -0,0 +1,37 @@
+import type { ElementType, MouseEvent, ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { RenderContentType } from '../../utils/renderContent';
+import type { CHIP_DEFAULT_TAG } from './constants';
+export declare const chipSizeVariant: readonly ["xs", "s", "m", "l"];
+export declare const chipColorVariant: readonly ["primary", "secondary"];
+export type ChipSizeVariant = (typeof chipSizeVariant)[number];
+export type ChipColorVariant = (typeof chipColorVariant)[number];
+export type ChipIcon = RenderContentType<IconProps>['content'];
+export type ChipBaseProps = {
+    /** Размер компонента */
+    size?: ChipSizeVariant;
+    /** Вариант представления компонента */
+    color?: ChipColorVariant;
+    /** Если {true} компонент отображается как заблокированный */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Обработчик нажатия */
+    onClick?: (e: MouseEvent<HTMLElement>, payload: {
+        checked: boolean;
+    }) => void;
+    /** Иконка слева */
+    iconLeft?: ChipIcon;
+    /** Иконка справа */
+    iconRight?: ChipIcon;
+    /** Если {true} разбивает длинный текст на несколько строк */
+    multiline?: boolean;
+    /** Дополнительные СSS-классы */
+    className?: string;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type ChipProps<As extends ElementType = typeof CHIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<ChipBaseProps, As>;

package/__inner__/esm/components/ChipNext/types.js

@@ -0,0 +1,2 @@
+export var chipSizeVariant = ['xs', 's', 'm', 'l'];
+export var chipColorVariant = ['primary', 'secondary'];