@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/cjs/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__/cjs/components/Card/Card.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = exports.cardBackgroundColorVariant = exports.cardBorderColorVariant = exports.cardBorderVariant = exports.cardBorderWidthVariant = exports.cardSizeVariant = exports.cnCard = void 0;
+exports.Card = exports.cnCard = void 0;
 var tslib_1 = require("tslib");
 require("./Card.css");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -8,27 +8,14 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var Paper_1 = require("../Paper");
+var utils_1 = require("./utils");
 exports.cnCard = (0, classname_1.cn)('Card');
-exports.cardSizeVariant = ['s', 'm', 'l'];
-exports.cardBorderWidthVariant = ['none', 's', 'm'];
-exports.cardBorderVariant = ['solid', 'dashed'];
-exports.cardBorderColorVariant = ['standard', 'selected'];
-exports.cardBackgroundColorVariant = ['standard', 'selected'];
-var matchBorderRadiusPaperToCard = {
-    s: 'l',
-    m: 'xl',
-    l: '2xl',
-};
-var matchBackgroundColorPaperToCard = {
-    selected: 'action-light',
-    standard: 'main',
-};
 exports.Card = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.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 = tslib_1.__rest(props, ["size", "disabled", "interactive", "borderWidth", "borderVariant", "borderColor", "backgroundColor", "as", "className", "children"]);
     var shouldBeInteractive = !disabled && interactive;
     var shouldShowBorder = borderWidth !== 'none';
-    return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ as: Tag, radius: matchBorderRadiusPaperToCard[size], background: matchBackgroundColorPaperToCard[backgroundColor] }, (shouldBeInteractive && { tabIndex: 0 }), { "aria-disabled": disabled }, other, { ref: ref, className: (0, exports.cnCard)(tslib_1.__assign({ size: size, disabled: disabled, interactive: shouldBeInteractive, backgroundColor: backgroundColor, borderWidth: borderWidth }, (shouldShowBorder && {
+    return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ as: Tag, radius: utils_1.matchBorderRadiusPaperToCard[size], background: utils_1.matchBackgroundColorPaperToCard[backgroundColor] }, (shouldBeInteractive && { tabIndex: 0 }), { "aria-disabled": disabled }, other, { ref: ref, className: (0, exports.cnCard)(tslib_1.__assign({ size: size, disabled: disabled, interactive: shouldBeInteractive, backgroundColor: backgroundColor, borderWidth: borderWidth }, (shouldShowBorder && {
             borderVariant: borderVariant,
             borderColor: borderColor,
         })), [className]) }), children));

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardBackgroundColorVariant = exports.cardBorderColorVariant = exports.cardBorderVariant = exports.cardBorderWidthVariant = exports.cardSizeVariant = void 0;
+exports.cardSizeVariant = ['s', 'm', 'l'];
+exports.cardBorderWidthVariant = ['none', 's', 'm'];
+exports.cardBorderVariant = ['solid', 'dashed'];
+exports.cardBorderColorVariant = ['standard', 'selected'];
+exports.cardBackgroundColorVariant = ['standard', 'selected'];

package/__inner__/cjs/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__/cjs/components/Card/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchBackgroundColorPaperToCard = exports.matchBorderRadiusPaperToCard = void 0;
+exports.matchBorderRadiusPaperToCard = {
+    s: 'l',
+    m: 'xl',
+    l: '2xl',
+};
+exports.matchBackgroundColorPaperToCard = {
+    selected: 'action-light',
+    standard: 'main',
+};

package/__inner__/cjs/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__/cjs/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = exports.cnCheckbox = exports.checkboxSizeVariant = void 0;
+exports.Checkbox = exports.cnCheckbox = void 0;
 var tslib_1 = require("tslib");
 require("./Checkbox.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -10,7 +10,6 @@ var CheckboxGroupContext_1 = require("../CheckboxGroup/CheckboxGroupContext");
 var FormControlLabel_1 = require("../FormControlLabel");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
-exports.checkboxSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];
 exports.cnCheckbox = (0, classname_1.cn)('Checkbox');
 exports.Checkbox = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({

package/__inner__/cjs/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__/cjs/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__/cjs/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__/cjs/components/Checkbox/index.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxSizeVariant = void 0;
+var FormElementSizeVariant_1 = require("../../types/FormElementSizeVariant");
+exports.checkboxSizeVariant = FormElementSizeVariant_1.formElementSizeVariant;

package/__inner__/cjs/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__/cjs/components/CheckboxGroup/index.d.ts

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

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

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

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

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/ChipNext/Chip.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chip = exports.chipColorVariant = exports.chipSizeVariant = exports.cnChip = void 0;
+exports.Chip = exports.cnChip = void 0;
 var tslib_1 = require("tslib");
 require("./Chip.css");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -12,8 +12,6 @@ var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWit
 var renderContent_1 = require("../../utils/renderContent");
 var constants_1 = require("./constants");
 exports.cnChip = (0, classname_1.cn)('ChipNext');
-exports.chipSizeVariant = ['xs', 's', 'm', 'l'];
-exports.chipColorVariant = ['primary', 'secondary'];
 exports.Chip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'ChipNext', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.CHIP_DEFAULT_SIZE : _b, _c = _a.color, color = _c === void 0 ? constants_1.CHIP_DEFAULT_VARIANT : _c, _d = _a.disabled, disabled = _d === void 0 ? constants_1.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 ? constants_1.CHIP_DEFAULT_TAG : _e, dataTestId = _a["data-testid"], other = tslib_1.__rest(_a, ["size", "color", "disabled", "iconLeft", "iconRight", "multiline", "className", "children", "onClick", "checked", "as", 'data-testid']);
     var _f = tslib_1.__read((0, useControlled_1.useControlled)({

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chipColorVariant = exports.chipSizeVariant = void 0;
+exports.chipSizeVariant = ['xs', 's', 'm', 'l'];
+exports.chipColorVariant = ['primary', 'secondary'];

package/__inner__/cjs/components/Collapse/Collapse.d.ts

@@ -1,88 +1,5 @@
-import React from 'react';
-import type { ReactNode, HTMLAttributes } from 'react';
 import './Collapse.css';
+import React from 'react';
+import type { CollapseProps } from './index';
 export declare const cnCollapse: import("@bem-react/classname").ClassNameFormatter;
-export type CollapseProps = {
-    /** Содержимое */
-    children: ReactNode;
-    /** Если {true} раскрыт */
-    expanded?: boolean;
-    /** Если {true} размонтирует контент при закрытии */
-    unmountOnClosed?: boolean;
-    /**
-     * Время анимации
-     *
-     * @default 120
-     * */
-    timeout?: number;
-    /**
-     * Размер в полностью закрытом состоянии
-     * При передаче числа размерность будет в пикселях
-     * Например: '10px', 0, '1vh'.
-     *
-     * @default 0
-     */
-    collapsedSize?: number | string;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** Анимирует состояние expanded при первом рендере */
-    appear?: boolean;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
-    onEntering?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: (node: HTMLElement, isAppeared: boolean) => void;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: (node: HTMLElement) => void;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExiting?: (node: HTMLElement) => void;
-    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
-    onExited?: (node: HTMLElement) => void;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Collapse: React.ForwardRefExoticComponent<{
-    /** Содержимое */
-    children: ReactNode;
-    /** Если {true} раскрыт */
-    expanded?: boolean | undefined;
-    /** Если {true} размонтирует контент при закрытии */
-    unmountOnClosed?: boolean | undefined;
-    /**
-     * Время анимации
-     *
-     * @default 120
-     * */
-    timeout?: number | undefined;
-    /**
-     * Размер в полностью закрытом состоянии
-     * При передаче числа размерность будет в пикселях
-     * Например: '10px', 0, '1vh'.
-     *
-     * @default 0
-     */
-    collapsedSize?: string | number | undefined;
-    /** Дополнительные CSS-классы */
-    className?: string | undefined;
-    /** Анимирует состояние expanded при первом рендере */
-    appear?: boolean | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
-    onEntering?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: ((node: HTMLElement, isAppeared: boolean) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: ((node: HTMLElement) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExiting?: ((node: HTMLElement) => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
-    onExited?: ((node: HTMLElement) => void) | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Collapse: React.ForwardRefExoticComponent<Omit<CollapseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;