@ozen-ui/kit 0.69.0 → 0.71.0

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlIcon/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlIcon/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlIcon/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlIcon/types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../../utils/renderContent';
+import type { ListCardItemControlItemRef } from '../ListCardItemControlItem';
+export type ListCardItemControlIconRef = ListCardItemControlItemRef;
+export type ListCardItemControlIconIcon = RenderContentType<IconProps>['content'];
+export type ListCardItemControlIconProps = Omit<IconProps, 'size'> & {
+    /** Иконка */
+    icon: ListCardItemControlIconIcon;
+    /** Caption */
+    caption?: ReactNode;
+};

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlIcon/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/ListCardItemControlItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const cnListCardItemControlItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemControlItem: React.ForwardRefExoticComponent<Omit<import("../../components").ListCardItemItemCarcassProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/ListCardItemControlItem.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { ListCardItemItemCarcass } from '../../components';
+import { useListCardItemContext } from '../../ListCardItemContext';
+export var cnListCardItemControlItem = cn('ListCardItemControlItem');
+export var ListCardItemControlItem = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemControlItem',
+    });
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    var size = useListCardItemContext().size;
+    return (React.createElement(ListCardItemItemCarcass, __assign({}, other, { ref: ref, className: cnListCardItemControlItem({
+            size: size,
+        }, [className]) }), children));
+});
+ListCardItemControlItem.displayName = 'ListCardItemControlItem';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/types.d.ts

@@ -0,0 +1,3 @@
+import type { ListCardItemItemCarcassProps, ListCardItemItemCarcassRef } from '../../components';
+export type ListCardItemControlItemRef = ListCardItemItemCarcassRef;
+export type ListCardItemControlItemProps = ListCardItemItemCarcassProps;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlItem/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/ListCardItemControlRadio.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemControlRadioProps } from './types';
+export declare const cnListCardItemControlRadio: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemControlRadio: React.ForwardRefExoticComponent<Omit<ListCardItemControlRadioProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/ListCardItemControlRadio.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Radio } from '../../../RadioNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemControlItem } from '../ListCardItemControlItem';
+import { LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE } from './constants';
+export var cnListCardItemControlRadio = cn('ListCardItemControlRadio');
+export var ListCardItemControlRadio = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemControlRadio',
+    });
+    var children = props.children, className = props.className, caption = props.caption, disabled = props.disabled, dataTestid = props["data-testid"], other = __rest(props, ["children", "className", "caption", "disabled", 'data-testid']);
+    var size = useListCardItemContext().size;
+    var radioRef = useRef(null);
+    useListCardItemAsInteractiveModule(radioRef, !disabled);
+    return (React.createElement(ListCardItemControlItem, { ref: ref, className: cnListCardItemControlRadio('', [className]), caption: caption, "data-testid": dataTestid },
+        React.createElement(Radio, __assign({}, other, { ref: radioRef, size: LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE[size], disabled: disabled }), children)));
+});
+ListCardItemControlRadio.displayName = 'ListCardItemControlRadio';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/constants.d.ts

@@ -0,0 +1,3 @@
+import type { RadioSizeVariant } from '../../../RadioNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE: Readonly<Record<ListCardItemSizeVariant, RadioSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/types.d.ts

@@ -0,0 +1,4 @@
+import type { RadioProps } from '../../../RadioNext';
+import type { ListCardItemControlItemProps, ListCardItemControlItemRef } from '../ListCardItemControlItem';
+export type ListCardItemControlRadioRef = ListCardItemControlItemRef;
+export type ListCardItemControlRadioProps = Omit<RadioProps, 'size' | 'as'> & Pick<ListCardItemControlItemProps, 'caption' | 'data-testid'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlRadio/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/ListCardItemControlToggle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemControlToggleProps } from './types';
+export declare const cnListCardItemControlToggle: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemControlToggle: React.ForwardRefExoticComponent<Omit<ListCardItemControlToggleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/ListCardItemControlToggle.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Toggle } from '../../../ToggleNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemControlItem } from '../ListCardItemControlItem';
+import { LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE } from './constants';
+export var cnListCardItemControlToggle = cn('ListCardItemControlToggle');
+export var ListCardItemControlToggle = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemControlToggle',
+    });
+    var children = props.children, className = props.className, caption = props.caption, disabled = props.disabled, dataTestid = props["data-testid"], other = __rest(props, ["children", "className", "caption", "disabled", 'data-testid']);
+    var size = useListCardItemContext().size;
+    var toggleRef = useRef(null);
+    useListCardItemAsInteractiveModule(toggleRef, !disabled);
+    return (React.createElement(ListCardItemControlItem, { ref: ref, className: cnListCardItemControlToggle('', [className]), caption: caption, "data-testid": dataTestid },
+        React.createElement(Toggle, __assign({}, other, { ref: toggleRef, size: LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE[size], disabled: disabled }), children)));
+});
+ListCardItemControlToggle.displayName = 'ListCardItemControlToggle';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/constants.d.ts

@@ -0,0 +1,3 @@
+import type { ToggleSizeVariant } from '../../../ToggleNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE: Readonly<Record<ListCardItemSizeVariant, ToggleSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/types.d.ts

@@ -0,0 +1,4 @@
+import type { ToggleProps } from '../../../ToggleNext';
+import type { ListCardItemControlItemProps, ListCardItemControlItemRef } from '../ListCardItemControlItem';
+export type ListCardItemControlToggleRef = ListCardItemControlItemRef;
+export type ListCardItemControlToggleProps = Omit<ToggleProps, 'size' | 'as'> & Pick<ListCardItemControlItemProps, 'caption' | 'data-testid'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlToggle/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/ListCardItemLeadingAvatar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemLeadingAvatarProps } from './types';
+export declare const cnListCardItemLeadingAvatar: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemLeadingAvatar: React.ForwardRefExoticComponent<Omit<ListCardItemLeadingAvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/ListCardItemLeadingAvatar.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Avatar } from '../../../Avatar';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemLeadingItem } from '../ListCardItemLeadingItem';
+import { LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE } from './constants';
+export var cnListCardItemLeadingAvatar = cn('ListCardItemLeadingAvatar');
+export var ListCardItemLeadingAvatar = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemLeadingAvatar',
+    });
+    var classNameProp = props.className, dataTestid = props["data-testid"], other = __rest(props, ["className", 'data-testid']);
+    var size = useListCardItemContext().size;
+    var avatarSize = LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE[size];
+    return (React.createElement(ListCardItemLeadingItem, { ref: ref, className: cnListCardItemLeadingAvatar('', [classNameProp]), "data-testid": dataTestid },
+        React.createElement(Avatar, __assign({}, other, { ref: ref, size: avatarSize }))));
+});
+ListCardItemLeadingAvatar.displayName = 'ListCardItemLeadingAvatar';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/constants.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarSizeVariant } from '../../../Avatar';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE: Readonly<Record<ListCardItemSizeVariant, AvatarSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/constants.js

@@ -0,0 +1,6 @@
+export var LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE = {
+    xs: '3xs',
+    s: '2xs',
+    m: 'xs',
+    l: 's',
+};

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './ListCardItemLeadingAvatar';
+export * from './types';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './ListCardItemLeadingAvatar';
+export * from './types';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/types.d.ts

@@ -0,0 +1,4 @@
+import type { AvatarProps } from '../../../Avatar';
+import type { ListCardItemLeadingItemRef } from '../ListCardItemLeadingItem';
+export type ListCardItemLeadingAvatarRef = ListCardItemLeadingItemRef;
+export type ListCardItemLeadingAvatarProps = Omit<AvatarProps, 'size'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingAvatar/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/ListCardItemLeadingCheckbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemLeadingCheckboxProps } from './types';
+export declare const cnListCardItemLeadingCheckbox: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemLeadingCheckbox: React.ForwardRefExoticComponent<Omit<ListCardItemLeadingCheckboxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/ListCardItemLeadingCheckbox.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Checkbox } from '../../../CheckboxNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemLeadingItem } from '../ListCardItemLeadingItem';
+import { LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE } from './constants';
+export var cnListCardItemLeadingCheckbox = cn('ListCardItemLeadingCheckbox');
+export var ListCardItemLeadingCheckbox = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemLeadingCheckbox',
+    });
+    var className = props.className, dataTestid = props["data-testid"], disabled = props.disabled, other = __rest(props, ["className", 'data-testid', "disabled"]);
+    var size = useListCardItemContext().size;
+    var checkboxSize = LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE[size];
+    var checkboxRef = useRef(null);
+    useListCardItemAsInteractiveModule(checkboxRef, !disabled);
+    return (React.createElement(ListCardItemLeadingItem, { ref: ref, className: cnListCardItemLeadingCheckbox('', [className]), "data-testid": dataTestid },
+        React.createElement(Checkbox, __assign({}, other, { ref: checkboxRef, size: checkboxSize, disabled: disabled }))));
+});
+ListCardItemLeadingCheckbox.displayName = 'ListCardItemLeadingCheckbox';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/constants.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxSizeVariant } from '../../../CheckboxNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE: Readonly<Record<ListCardItemSizeVariant, CheckboxSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/types.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxProps } from '../../../CheckboxNext';
+import type { ListCardItemLeadingItemProps, ListCardItemLeadingItemRef } from '../ListCardItemLeadingItem';
+export type ListCardItemLeadingCheckboxRef = ListCardItemLeadingItemRef;
+export type ListCardItemLeadingCheckboxProps = Omit<CheckboxProps, 'size'> & Pick<ListCardItemLeadingItemProps, 'data-testid'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingCheckbox/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/ListCardItemLeadingIcon.css

@@ -0,0 +1,3 @@
+.ListCardItemLeadingIcon {
+  color: var(--color-content-primary)
+}

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/ListCardItemLeadingIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemLeadingIconProps } from './types';
+export declare const cnListCardItemLeadingIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemLeadingIcon: React.ForwardRefExoticComponent<Omit<ListCardItemLeadingIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/ListCardItemLeadingIcon.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { renderContent } from '../../../../utils/renderContent';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemLeadingItem } from '../ListCardItemLeadingItem';
+import { LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE } from './constants';
+export var cnListCardItemLeadingIcon = cn('ListCardItemLeadingIcon');
+export var ListCardItemLeadingIcon = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemLeadingIcon',
+    });
+    var icon = props.icon, className = props.className, other = __rest(props, ["icon", "className"]);
+    var size = useListCardItemContext().size;
+    var renderedIcon = renderContent({
+        content: icon,
+        props: { size: LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE[size] },
+    });
+    return (React.createElement(ListCardItemLeadingItem, __assign({}, other, { ref: ref, className: cnListCardItemLeadingIcon('', [className]) }), renderedIcon));
+});
+ListCardItemLeadingIcon.displayName = 'ListCardItemLeadingIcon';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/constants.d.ts

@@ -0,0 +1,3 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE: Readonly<Record<ListCardItemSizeVariant, IconSize>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/types.d.ts

@@ -0,0 +1,9 @@
+import type { IconProps } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../../utils/renderContent';
+import type { ListCardItemLeadingItemProps, ListCardItemLeadingItemRef } from '../ListCardItemLeadingItem';
+export type ListCardItemLeadingIconIcon = RenderContentType<IconProps>['content'];
+export type ListCardItemLeadingIconRef = ListCardItemLeadingItemRef;
+export type ListCardItemLeadingIconProps = {
+    /** Иконка */
+    icon: ListCardItemLeadingIconIcon;
+} & Omit<ListCardItemLeadingItemProps, 'children'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingIcon/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/ListCardItemLeadingItem.css

@@ -0,0 +1,15 @@
+.ListCardItemLeadingItem_size_xs {
+    --list-card-item-leading-item-inline-size: 24px;
+  }
+  .ListCardItemLeadingItem_size_s {
+    --list-card-item-leading-item-inline-size: 32px;
+  }
+  .ListCardItemLeadingItem_size_m {
+    --list-card-item-leading-item-inline-size: 40px;
+  }
+  .ListCardItemLeadingItem_size_l {
+    --list-card-item-leading-item-inline-size: 48px;
+  }
+  .ListCardItemLeadingItem-Content {
+    inline-size: var(--list-card-item-leading-item-inline-size);
+  }

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/ListCardItemLeadingItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemLeadingItemProps } from './types';
+export declare const cnListCardItemLeadingItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemLeadingItem: React.ForwardRefExoticComponent<Omit<ListCardItemLeadingItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/ListCardItemLeadingItem.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { ListCardItemItemCarcass } from '../../components';
+import { useListCardItemContext } from '../../ListCardItemContext';
+export var cnListCardItemLeadingItem = cn('ListCardItemLeadingItem');
+export var ListCardItemLeadingItem = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemLeadingItem',
+    });
+    var children = props.children, className = props.className, contentProps = props.contentProps, other = __rest(props, ["children", "className", "contentProps"]);
+    var size = useListCardItemContext().size;
+    return (React.createElement(ListCardItemItemCarcass, __assign({}, other, { className: cnListCardItemLeadingItem({ size: size }, [className]), contentProps: __assign(__assign({}, contentProps), { className: cnListCardItemLeadingItem('Content', [
+                contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
+            ]) }), ref: ref }), children));
+});
+ListCardItemLeadingItem.displayName = 'ListCardItemLeadingItem';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/types.d.ts

@@ -0,0 +1,3 @@
+import type { ListCardItemItemCarcassProps, ListCardItemItemCarcassRef } from '../../components';
+export type ListCardItemLeadingItemRef = ListCardItemItemCarcassRef;
+export type ListCardItemLeadingItemProps = Omit<ListCardItemItemCarcassProps, 'captionProps' | 'caption'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingItem/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/ListCardItemLeadingRadio.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemLeadingRadioProps } from './types';
+export declare const cnListCardItemLeadingRadio: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemLeadingRadio: React.ForwardRefExoticComponent<Omit<ListCardItemLeadingRadioProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/ListCardItemLeadingRadio.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef, useRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Radio } from '../../../RadioNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemLeadingItem } from '../ListCardItemLeadingItem';
+import { LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE } from './constants';
+export var cnListCardItemLeadingRadio = cn('ListCardItemLeadingRadio');
+export var ListCardItemLeadingRadio = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemLeadingRadio',
+    });
+    var className = props.className, disabled = props.disabled, dataTestid = props["data-testid"], other = __rest(props, ["className", "disabled", 'data-testid']);
+    var size = useListCardItemContext().size;
+    var radioSize = LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE[size];
+    var radioRef = useRef(null);
+    useListCardItemAsInteractiveModule(radioRef, !disabled);
+    return (React.createElement(ListCardItemLeadingItem, { ref: ref, className: cnListCardItemLeadingRadio('', [className]), "data-testid": dataTestid },
+        React.createElement(Radio, __assign({}, other, { ref: radioRef, size: radioSize, disabled: disabled }))));
+});
+ListCardItemLeadingRadio.displayName = 'ListCardItemLeadingRadio';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/constants.d.ts

@@ -0,0 +1,3 @@
+import type { RadioSizeVariant } from '../../../RadioNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE: Readonly<Record<ListCardItemSizeVariant, RadioSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/types.d.ts

@@ -0,0 +1,4 @@
+import type { RadioProps } from '../../../RadioNext';
+import type { ListCardItemLeadingItemProps, ListCardItemLeadingItemRef } from '../ListCardItemLeadingItem';
+export type ListCardItemLeadingRadioRef = ListCardItemLeadingItemRef;
+export type ListCardItemLeadingRadioProps = Omit<RadioProps, 'size'> & Pick<ListCardItemLeadingItemProps, 'data-testid'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemLeadingRadio/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/ListCardItemTrailingBadge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListCardItemTrailingBadgeProps } from './types';
+export declare const cnListCardItemTrailingBadge: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemTrailingBadge: React.ForwardRefExoticComponent<Omit<ListCardItemTrailingBadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/ListCardItemTrailingBadge.js

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Badge } from '../../../Badge';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemTrailingItem } from '../ListCardItemTrailingItem';
+import { LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE } from './constants';
+export var cnListCardItemTrailingBadge = cn('ListCardItemTrailingBadge');
+export var ListCardItemTrailingBadge = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemTrailingBadge',
+    });
+    var children = props.children, className = props.className, caption = props.caption, dataTestid = props["data-testid"], other = __rest(props, ["children", "className", "caption", 'data-testid']);
+    var size = useListCardItemContext().size;
+    return (React.createElement(ListCardItemTrailingItem, { ref: ref, className: cnListCardItemTrailingBadge('', [className]), caption: caption, "data-testid": dataTestid },
+        React.createElement(Badge, __assign({}, other, { size: LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE[size] }), children)));
+});
+ListCardItemTrailingBadge.displayName = 'ListCardItemTrailingBadge';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/constants.d.ts

@@ -0,0 +1,3 @@
+import type { BadgeSizeVariant } from '../../../Badge';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE: Readonly<Record<ListCardItemSizeVariant, BadgeSizeVariant>>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/constants.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/index.d.ts

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/index.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/types.d.ts

@@ -0,0 +1,4 @@
+import type { BadgeProps } from '../../../Badge';
+import type { ListCardItemTrailingItemProps, ListCardItemTrailingItemRef } from '../ListCardItemTrailingItem';
+export type ListCardItemTrailingBadgeRef = ListCardItemTrailingItemRef;
+export type ListCardItemTrailingBadgeProps = Omit<BadgeProps, 'size'> & Pick<ListCardItemTrailingItemProps, 'caption' | 'data-testid'>;

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingBadge/types.js

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingButton/ListCardItemTrailingButton.css

@@ -0,0 +1,4 @@
+.ListCardItemTrailingButton-Button {
+    overflow: hidden;
+    inline-size: 100%;
+  }

package/__inner__/esm/components/ListCardItem/modules/ListCardItemTrailingButton/ListCardItemTrailingButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const cnListCardItemTrailingButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemTrailingButton: React.ForwardRefExoticComponent<Omit<import("../../../ButtonNext").ButtonProps, "size" | "as"> & Pick<import("../../components").ListCardItemItemCarcassProps, "caption" | "data-testid"> & React.RefAttributes<HTMLDivElement>>;