@ozen-ui/kit 0.70.0 → 0.71.1

package/__inner__/esm/components/ListCardItem/components/ListCardItemInfoCarcass/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './constants';
+export * from './ListCardItemInfoCarcass';
+export * from './types';

package/__inner__/esm/components/ListCardItem/components/ListCardItemInfoCarcass/index.js

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './constants';
+export * from './ListCardItemInfoCarcass';
+export * from './types';

package/__inner__/esm/components/ListCardItem/components/ListCardItemInfoCarcass/types.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { StackProps, StackRef } from '../../../Stack';
+import type { ListCardItemInfoCarcassTextOverflow } from './entities';
+export type ListCardItemInfoCarcassRef = StackRef;
+export type ListCardItemInfoCarcassProps = {
+    children: ReactNode;
+    label?: ReactNode;
+    hint?: ReactNode;
+    hintBefore?: ReactNode;
+    caption?: ReactNode;
+    bottom?: ReactNode;
+    textOverflow?: ListCardItemInfoCarcassTextOverflow;
+} & Omit<StackProps, 'as' | 'ref' | 'children'>;

package/__inner__/esm/components/ListCardItem/components/ListCardItemInfoCarcass/types.js

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

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/ListCardItemItemCarcass.css

@@ -0,0 +1,28 @@
+.ListCardItemItemCarcass {
+  overflow: hidden;
+}
+
+  .ListCardItemItemCarcass_size_xs, .ListCardItemItemCarcass_size_s {
+    --list-card-item-item-carcass-block-size: 44px;
+  }
+
+  .ListCardItemItemCarcass_size_m {
+    --list-card-item-item-carcass-block-size: 48px;
+  }
+
+  .ListCardItemItemCarcass_size_l {
+    --list-card-item-item-carcass-block-size: 52px;
+  }
+
+  .ListCardItemItemCarcass-Content {
+    block-size: var(--list-card-item-item-carcass-block-size);
+    overflow: hidden;
+    padding-inline: 2px;
+  }
+
+  .ListCardItemItemCarcass-Caption {
+    text-align: end;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/ListCardItemItemCarcass.d.ts

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

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/ListCardItemItemCarcass.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { Stack } from '../../../Stack';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemCaption } from '../ListCardItemCaption';
+export var cnListCardItemItemCarcass = cn('ListCardItemItemCarcass');
+export var ListCardItemItemCarcass = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, caption = _a.caption, contentProps = _a.contentProps, captionProps = _a.captionProps, other = __rest(_a, ["children", "className", "caption", "contentProps", "captionProps"]);
+    var size = useListCardItemContext().size;
+    return (React.createElement(Stack, __assign({}, other, { ref: ref, className: cnListCardItemItemCarcass({
+            size: size,
+        }, [className]), direction: "column" }),
+        React.createElement(Stack, __assign({ justify: "center", align: "center" }, contentProps, { className: cnListCardItemItemCarcass('Content', [
+                contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
+            ]) }), children),
+        caption && (React.createElement(ListCardItemCaption, __assign({}, captionProps, { className: cnListCardItemItemCarcass('Caption', [
+                captionProps === null || captionProps === void 0 ? void 0 : captionProps.className,
+            ]) }), caption))));
+});
+ListCardItemItemCarcass.displayName = 'ListCardItemItemCarcass';

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/index.d.ts

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

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/index.js

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

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/types.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { StackProps, StackRef } from '../../../Stack';
+import type { STACK_DEFAULT_TAG } from '../../../Stack/constants';
+import type { ListCardItemCaptionProps, ListCardItemCaptionRef } from '../ListCardItemCaption';
+export type ListCardItemItemCarcassContentProps = Omit<StackProps, 'children'>;
+export type ListCardItemItemCarcassContentRef = StackRef;
+export type ListCardItemItemCarcassCaptionProps = Omit<ListCardItemCaptionProps, 'children'>;
+export type ListCardItemItemCarcassCaptionRef = ListCardItemCaptionRef;
+export type ListCardItemItemCarcassRef = StackRef;
+export type ListCardItemItemCarcassProps = ExtendableComponentPropsWithRef<{
+    /** Caption */
+    caption?: ReactNode;
+    /** Props для контента */
+    contentProps?: ListCardItemItemCarcassContentProps;
+    /** Props для caption */
+    captionProps?: ListCardItemItemCarcassCaptionProps;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, typeof STACK_DEFAULT_TAG>;

package/__inner__/esm/components/ListCardItem/components/ListCardItemItemCarcass/types.js

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

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

@@ -0,0 +1,3 @@
+export * from './ListCardItemCaption';
+export * from './ListCardItemInfoCarcass';
+export * from './ListCardItemItemCarcass';

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

@@ -0,0 +1,3 @@
+export * from './ListCardItemCaption';
+export * from './ListCardItemInfoCarcass';
+export * from './ListCardItemItemCarcass';

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

@@ -0,0 +1,17 @@
+import type { PaperRadiusVariant } from '../Paper';
+import type { ListCardItemSizeVariant } from './entities';
+export declare const LIST_CARD_ITEM_DEFAULT_TAG = "div";
+export declare const LIST_CARD_ITEM_DEFAULT_BACKGROUND_COLOR_SCHEME: {
+    base: "background-main";
+    hover: "background-main-hover";
+    pressed: "background-main-pressed";
+};
+export declare const LIST_CARD_ITEM_DEFAULT_SIZE = "m";
+export declare const LIST_CARD_ITEM_DEFAULT_VARIANT = "onPage";
+export declare const LIST_CARD_ITEM_DEFAULT_CONTENT_TRAILING_RATIO = 0.85;
+export declare const LIST_CARD_ITEM_DEFAULT_INTERACTIVE = true;
+export declare const LIST_CARD_ITEM_SIZE_TO_PAPER_RADIUS: Readonly<Record<ListCardItemSizeVariant, PaperRadiusVariant>>;
+export declare const LIST_CARD_ITEM_CSS_VARIABLES: {
+    readonly CENTER_GROW: "list-card-item-center-grow";
+    readonly TRAILING_GROW: "list-card-item-trailing-grow";
+};

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

@@ -0,0 +1,17 @@
+import { LIST_CARD_ITEM_BACKGROUND_COLOR_SCHEME } from './presets';
+export var LIST_CARD_ITEM_DEFAULT_TAG = 'div';
+export var LIST_CARD_ITEM_DEFAULT_BACKGROUND_COLOR_SCHEME = LIST_CARD_ITEM_BACKGROUND_COLOR_SCHEME.MAIN;
+export var LIST_CARD_ITEM_DEFAULT_SIZE = 'm';
+export var LIST_CARD_ITEM_DEFAULT_VARIANT = 'onPage';
+export var LIST_CARD_ITEM_DEFAULT_CONTENT_TRAILING_RATIO = 0.85;
+export var LIST_CARD_ITEM_DEFAULT_INTERACTIVE = true;
+export var LIST_CARD_ITEM_SIZE_TO_PAPER_RADIUS = {
+    xs: 'xs',
+    s: 'xs',
+    m: 's',
+    l: 's',
+};
+export var LIST_CARD_ITEM_CSS_VARIABLES = {
+    CENTER_GROW: 'list-card-item-center-grow',
+    TRAILING_GROW: 'list-card-item-trailing-grow',
+};

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/background.d.ts

@@ -0,0 +1,2 @@
+import type { ListCardItemColorScheme } from './base';
+export type ListCardItemBackgroundColorScheme = ListCardItemColorScheme;

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/background.js

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

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/base.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeColorTokenVariable } from '../../../OzenProvider';
+export type ListCardItemColorScheme = {
+    base: ThemeColorTokenVariable;
+    hover: ThemeColorTokenVariable;
+    pressed: ThemeColorTokenVariable;
+};

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/base.js

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

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/border.d.ts

@@ -0,0 +1,2 @@
+import type { ListCardItemColorScheme } from './base';
+export type ListCardItemBorderColorScheme = ListCardItemColorScheme;

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/border.js

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

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/index.d.ts

@@ -0,0 +1,3 @@
+export * from './background';
+export * from './base';
+export * from './border';

package/__inner__/esm/components/ListCardItem/entities/colorSchemes/index.js

@@ -0,0 +1,3 @@
+export * from './background';
+export * from './base';
+export * from './border';

package/__inner__/esm/components/ListCardItem/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './colorSchemes';
+export * from './size';
+export * from './variant';

package/__inner__/esm/components/ListCardItem/entities/index.js

@@ -0,0 +1,3 @@
+export * from './colorSchemes';
+export * from './size';
+export * from './variant';

package/__inner__/esm/components/ListCardItem/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const listCardItemSizeVariant: readonly ["xs", "s", "m", "l"];
+export type ListCardItemSizeVariant = (typeof listCardItemSizeVariant)[number];

package/__inner__/esm/components/ListCardItem/entities/size.js

@@ -0,0 +1 @@
+export var listCardItemSizeVariant = ['xs', 's', 'm', 'l'];

package/__inner__/esm/components/ListCardItem/entities/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const listCardItemVariant: readonly ["onPage", "list"];
+export type ListCardItemVariant = (typeof listCardItemVariant)[number];

package/__inner__/esm/components/ListCardItem/entities/variant.js

@@ -0,0 +1 @@
+export var listCardItemVariant = ['onPage', 'list'];

package/__inner__/esm/components/ListCardItem/hooks/hover/index.d.ts

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

package/__inner__/esm/components/ListCardItem/hooks/hover/index.js

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

package/__inner__/esm/components/ListCardItem/hooks/hover/types.d.ts

@@ -0,0 +1,4 @@
+export type ListCardItemHoverControl = {
+    isHoverChildren: boolean;
+    setIsHoverChildren: (isHover: boolean) => void;
+};

package/__inner__/esm/components/ListCardItem/hooks/hover/types.js

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

package/__inner__/esm/components/ListCardItem/hooks/hover/useListCardItemHover.d.ts

@@ -0,0 +1,2 @@
+import type { ListCardItemHoverControl } from './types';
+export declare const useListCardItemHover: () => ListCardItemHoverControl;

package/__inner__/esm/components/ListCardItem/hooks/hover/useListCardItemHover.js

@@ -0,0 +1,9 @@
+import { __read } from "tslib";
+import { useState } from 'react';
+export var useListCardItemHover = function () {
+    var _a = __read(useState(false), 2), isHoverChildren = _a[0], setIsHoverChildren = _a[1];
+    return {
+        isHoverChildren: isHoverChildren,
+        setIsHoverChildren: setIsHoverChildren,
+    };
+};

package/__inner__/esm/components/ListCardItem/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hover';
+export * from './useListCardItemAsInteractiveModule';
+export * from './useListCardItemColorScheme';
+export * from './useListCardItemRatio';

package/__inner__/esm/components/ListCardItem/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './hover';
+export * from './useListCardItemAsInteractiveModule';
+export * from './useListCardItemColorScheme';
+export * from './useListCardItemRatio';

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemAsInteractiveModule.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const useListCardItemAsInteractiveModule: (ref: RefObject<HTMLElement>, isEnabled?: boolean) => void;

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemAsInteractiveModule.js

@@ -0,0 +1,15 @@
+import { useHover } from '../../../hooks/useHover';
+import { useListCardItemContext } from '../ListCardItemContext';
+export var useListCardItemAsInteractiveModule = function (ref, isEnabled) {
+    if (isEnabled === void 0) { isEnabled = true; }
+    var hoverControl = useListCardItemContext().hoverControl;
+    useHover(ref, {
+        onEnter: function () {
+            hoverControl.setIsHoverChildren(true);
+        },
+        onLeave: function () {
+            hoverControl.setIsHoverChildren(false);
+        },
+        active: isEnabled,
+    });
+};

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemColorScheme.d.ts

@@ -0,0 +1,2 @@
+import type { ListCardItemColorScheme } from '../entities';
+export declare const useListCardItemColorScheme: (colorScheme: ListCardItemColorScheme | null | undefined, group: string) => import("react").CSSProperties | null;

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemColorScheme.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { useThemeTokens } from '../../../hooks/useThemeTokens';
+import { generateCSSVariables } from '../../../utils/css';
+export var useListCardItemColorScheme = function (colorScheme, group) {
+    var tokens = useThemeTokens();
+    var colorSchemeVariables = useMemo(function () {
+        var _a;
+        if (!colorScheme) {
+            return null;
+        }
+        return generateCSSVariables((_a = {},
+            _a["list-card-item-".concat(group, "-color-base")] = "var(".concat(tokens.color.toCSSProperty(colorScheme.base), ")"),
+            _a["list-card-item-".concat(group, "-color-hover")] = "var(".concat(tokens.color.toCSSProperty(colorScheme.hover), ")"),
+            _a["list-card-item-".concat(group, "-color-pressed")] = "var(".concat(tokens.color.toCSSProperty(colorScheme.pressed), ")"),
+            _a));
+    }, [colorScheme]);
+    return colorSchemeVariables;
+};

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemRatio.d.ts

@@ -0,0 +1,4 @@
+export declare const useListCardItemRatio: (contentTrailingRatio: number) => {
+    content: number;
+    trailing: number;
+};

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemRatio.js

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+import { logger } from '@ozen-ui/logger';
+import { isDev } from '../../../constants/environment';
+export var useListCardItemRatio = function (contentTrailingRatio) {
+    if (isDev) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(function () {
+            if (contentTrailingRatio < 0) {
+                logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть меньше 0');
+                return;
+            }
+            if (contentTrailingRatio > 1) {
+                logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть больше 1');
+            }
+        }, [contentTrailingRatio]);
+    }
+    var contentRatio = contentTrailingRatio * 100;
+    var trailingRatio = 100 - contentRatio;
+    return { content: contentRatio, trailing: trailingRatio };
+};

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

@@ -0,0 +1,7 @@
+export * from './entities';
+export * from './modules';
+export * from './classNames';
+export * from './ListCardItem';
+export * from './ListCardItemContext';
+export * from './presets';
+export * from './types';

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

@@ -0,0 +1,7 @@
+export * from './entities';
+export * from './modules';
+export * from './classNames';
+export * from './ListCardItem';
+export * from './ListCardItemContext';
+export * from './presets';
+export * from './types';

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

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

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

@@ -0,0 +1,3 @@
+import type { ListCardItemCenterButtonBaseProps } from './types';
+export declare const cnListCardItemCenterButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemCenterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListCardItemCenterButtonBaseProps, "button", "as">;

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

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { useRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Button } from '../../../ButtonNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_VARIANT, LIST_CARD_ITEM_SIZE_TO_CENTER_BUTTON_SIZE, } from './constants';
+export var cnListCardItemCenterButton = cn('ListCardItemCenterButton');
+export var ListCardItemCenterButton = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemCenterButton',
+    });
+    var children = props.children, className = props.className, as = props.as, _a = props.variant, variant = _a === void 0 ? LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_VARIANT : _a, disabled = props.disabled, other = __rest(props, ["children", "className", "as", "variant", "disabled"]);
+    var size = useListCardItemContext().size;
+    var innerRef = useRef(null);
+    useListCardItemAsInteractiveModule(innerRef, !disabled);
+    return (React.createElement(Button, __assign({}, other, { as: as, ref: useMultiRef([ref, innerRef]), className: cnListCardItemCenterButton('', [className]), size: LIST_CARD_ITEM_SIZE_TO_CENTER_BUTTON_SIZE[size], variant: variant, disabled: disabled }), children));
+});
+ListCardItemCenterButton.displayName = 'ListCardItemCenterButton';

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

@@ -0,0 +1,5 @@
+import type { ButtonSize } from '../../../ButtonNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_TAG = "button";
+export declare const LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_VARIANT = "function";
+export declare const LIST_CARD_ITEM_SIZE_TO_CENTER_BUTTON_SIZE: Readonly<Record<ListCardItemSizeVariant, ButtonSize>>;

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

@@ -0,0 +1,9 @@
+import { BUTTON_DEFAULT_TAG } from '../../../ButtonNext/constants';
+export var LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_TAG = BUTTON_DEFAULT_TAG;
+export var LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_VARIANT = 'function';
+export var LIST_CARD_ITEM_SIZE_TO_CENTER_BUTTON_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_TAG } from './constants';
+export type ListCardItemCenterButtonBaseProps = Omit<ButtonBaseProps, 'size'>;
+export type ListCardItemCenterButtonProps<As extends ElementType = typeof LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ListCardItemCenterButtonBaseProps, As>;
+export type ListCardItemCenterButtonRef = ComponentRef<typeof LIST_CARD_ITEM_CENTER_BUTTON_DEFAULT_TAG>;

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const cnListCardItemCenterInfo: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemCenterInfo: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    hintBefore?: React.ReactNode;
+    caption?: React.ReactNode;
+    bottom?: React.ReactNode;
+    textOverflow?: import("../../components").ListCardItemInfoCarcassTextOverflow;
+} & Omit<import("../../../Stack").StackProps, "children" | "ref" | "as"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type { ListCardItemInfoCarcassProps, ListCardItemInfoCarcassRef } from '../../components';
+export type ListCardItemCenterInfoRef = ListCardItemInfoCarcassRef;
+export type ListCardItemCenterInfoProps = ListCardItemInfoCarcassProps;

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

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

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

@@ -0,0 +1,3 @@
+import type { ListCardItemCenterTagBaseProps } from './types';
+export declare const cnListCardItemCenterTag: import("@bem-react/classname").ClassNameFormatter;
+export declare const ListCardItemCenterTag: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ListCardItemCenterTagBaseProps, "div", "as">;

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

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { useRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Tag } from '../../../TagNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { LIST_CARD_ITEM_CENTER_TAG_DEFAULT_INTERACTIVE, LIST_CARD_ITEM_SIZE_TO_CENTER_TAG_SIZE, } from './constants';
+export var cnListCardItemCenterTag = cn('ListCardItemCenterTag');
+export var ListCardItemCenterTag = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemCenterTag',
+    });
+    var children = props.children, className = props.className, as = props.as, _a = props.interactive, interactive = _a === void 0 ? LIST_CARD_ITEM_CENTER_TAG_DEFAULT_INTERACTIVE : _a, other = __rest(props, ["children", "className", "as", "interactive"]);
+    var size = useListCardItemContext().size;
+    var innerRef = useRef(null);
+    useListCardItemAsInteractiveModule(innerRef, interactive);
+    return (React.createElement(Tag, __assign({}, other, { as: as, ref: useMultiRef([ref, innerRef]), className: cnListCardItemCenterTag('', [className]), size: LIST_CARD_ITEM_SIZE_TO_CENTER_TAG_SIZE[size], interactive: interactive }), children));
+});
+ListCardItemCenterTag.displayName = 'ListCardItemCenterTag';

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

@@ -0,0 +1,5 @@
+import type { TagSizeVariant } from '../../../TagNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_CENTER_TAG_DEFAULT_TAG = "div";
+export declare const LIST_CARD_ITEM_CENTER_TAG_DEFAULT_INTERACTIVE = false;
+export declare const LIST_CARD_ITEM_SIZE_TO_CENTER_TAG_SIZE: Readonly<Record<ListCardItemSizeVariant, TagSizeVariant>>;

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

@@ -0,0 +1,9 @@
+import { TAG_DEFAULT_TAG } from '../../../TagNext/constants';
+export var LIST_CARD_ITEM_CENTER_TAG_DEFAULT_TAG = TAG_DEFAULT_TAG;
+export var LIST_CARD_ITEM_CENTER_TAG_DEFAULT_INTERACTIVE = false;
+export var LIST_CARD_ITEM_SIZE_TO_CENTER_TAG_SIZE = {
+    xs: 'xs',
+    s: 'xs',
+    m: 's',
+    l: 's',
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TagBaseProps } from '../../../TagNext';
+import type { LIST_CARD_ITEM_CENTER_TAG_DEFAULT_TAG } from './constants';
+export type ListCardItemCenterTagBaseProps = Omit<TagBaseProps, 'size'>;
+export type ListCardItemCenterTagProps<As extends ElementType = typeof LIST_CARD_ITEM_CENTER_TAG_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ListCardItemCenterTagBaseProps, As>;
+export type ListCardItemCenterTagRef = ComponentRef<typeof LIST_CARD_ITEM_CENTER_TAG_DEFAULT_TAG>;

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

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

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

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

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlCheckbox/ListCardItemControlCheckbox.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 { Checkbox } from '../../../CheckboxNext';
+import { useListCardItemAsInteractiveModule } from '../../hooks';
+import { useListCardItemContext } from '../../ListCardItemContext';
+import { ListCardItemControlItem } from '../ListCardItemControlItem';
+import { LIST_CARD_ITEM_SIZE_TO_CONTROL_CHECKBOX_SIZE } from './constants';
+export var cnListCardItemControlCheckbox = cn('ListCardItemControlCheckbox');
+export var ListCardItemControlCheckbox = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'ListCardItemControlCheckbox',
+    });
+    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 checkboxRef = useRef(null);
+    useListCardItemAsInteractiveModule(checkboxRef, !disabled);
+    return (React.createElement(ListCardItemControlItem, { ref: ref, className: cnListCardItemControlCheckbox('', [className]), caption: caption, "data-testid": dataTestId },
+        React.createElement(Checkbox, __assign({}, other, { ref: checkboxRef, size: LIST_CARD_ITEM_SIZE_TO_CONTROL_CHECKBOX_SIZE[size], disabled: disabled }), children)));
+});
+ListCardItemControlCheckbox.displayName = 'ListCardItemControlCheckbox';

package/__inner__/esm/components/ListCardItem/modules/ListCardItemControlCheckbox/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_CONTROL_CHECKBOX_SIZE: Readonly<Record<ListCardItemSizeVariant, CheckboxSizeVariant>>;

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

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