@ozen-ui/kit 0.70.0 → 0.71.0

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemControlRadio = exports.cnListCardItemControlRadio = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var RadioNext_1 = require("../../../RadioNext");
+var hooks_1 = require("../../hooks");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemControlItem_1 = require("../ListCardItemControlItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemControlRadio = (0, classname_1.cn)('ListCardItemControlRadio');
+exports.ListCardItemControlRadio = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemControlRadio',
+    });
+    var children = props.children, className = props.className, caption = props.caption, disabled = props.disabled, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["children", "className", "caption", "disabled", 'data-testid']);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var radioRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useListCardItemAsInteractiveModule)(radioRef, !disabled);
+    return (react_1.default.createElement(ListCardItemControlItem_1.ListCardItemControlItem, { ref: ref, className: (0, exports.cnListCardItemControlRadio)('', [className]), caption: caption, "data-testid": dataTestid },
+        react_1.default.createElement(RadioNext_1.Radio, tslib_1.__assign({}, other, { ref: radioRef, size: constants_1.LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE[size], disabled: disabled }), children)));
+});
+exports.ListCardItemControlRadio.displayName = 'ListCardItemControlRadio';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemControlRadio/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_CONTROL_RADIO_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemControlRadio"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemControlToggle = exports.cnListCardItemControlToggle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var ToggleNext_1 = require("../../../ToggleNext");
+var hooks_1 = require("../../hooks");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemControlItem_1 = require("../ListCardItemControlItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemControlToggle = (0, classname_1.cn)('ListCardItemControlToggle');
+exports.ListCardItemControlToggle = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemControlToggle',
+    });
+    var children = props.children, className = props.className, caption = props.caption, disabled = props.disabled, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["children", "className", "caption", "disabled", 'data-testid']);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var toggleRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useListCardItemAsInteractiveModule)(toggleRef, !disabled);
+    return (react_1.default.createElement(ListCardItemControlItem_1.ListCardItemControlItem, { ref: ref, className: (0, exports.cnListCardItemControlToggle)('', [className]), caption: caption, "data-testid": dataTestid },
+        react_1.default.createElement(ToggleNext_1.Toggle, tslib_1.__assign({}, other, { ref: toggleRef, size: constants_1.LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE[size], disabled: disabled }), children)));
+});
+exports.ListCardItemControlToggle.displayName = 'ListCardItemControlToggle';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemControlToggle/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_CONTROL_TOGGLE_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemControlToggle"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemLeadingAvatar = exports.cnListCardItemLeadingAvatar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var Avatar_1 = require("../../../Avatar");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemLeadingItem_1 = require("../ListCardItemLeadingItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemLeadingAvatar = (0, classname_1.cn)('ListCardItemLeadingAvatar');
+exports.ListCardItemLeadingAvatar = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemLeadingAvatar',
+    });
+    var classNameProp = props.className, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["className", 'data-testid']);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var avatarSize = constants_1.LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE[size];
+    return (react_1.default.createElement(ListCardItemLeadingItem_1.ListCardItemLeadingItem, { ref: ref, className: (0, exports.cnListCardItemLeadingAvatar)('', [classNameProp]), "data-testid": dataTestid },
+        react_1.default.createElement(Avatar_1.Avatar, tslib_1.__assign({}, other, { ref: ref, size: avatarSize }))));
+});
+exports.ListCardItemLeadingAvatar.displayName = 'ListCardItemLeadingAvatar';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemLeadingAvatar/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE = {
+    xs: '3xs',
+    s: '2xs',
+    m: 'xs',
+    l: 's',
+};

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingAvatar"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemLeadingCheckbox = exports.cnListCardItemLeadingCheckbox = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var CheckboxNext_1 = require("../../../CheckboxNext");
+var hooks_1 = require("../../hooks");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemLeadingItem_1 = require("../ListCardItemLeadingItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemLeadingCheckbox = (0, classname_1.cn)('ListCardItemLeadingCheckbox');
+exports.ListCardItemLeadingCheckbox = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemLeadingCheckbox',
+    });
+    var className = props.className, dataTestid = props["data-testid"], disabled = props.disabled, other = tslib_1.__rest(props, ["className", 'data-testid', "disabled"]);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var checkboxSize = constants_1.LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE[size];
+    var checkboxRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useListCardItemAsInteractiveModule)(checkboxRef, !disabled);
+    return (react_1.default.createElement(ListCardItemLeadingItem_1.ListCardItemLeadingItem, { ref: ref, className: (0, exports.cnListCardItemLeadingCheckbox)('', [className]), "data-testid": dataTestid },
+        react_1.default.createElement(CheckboxNext_1.Checkbox, tslib_1.__assign({}, other, { ref: checkboxRef, size: checkboxSize, disabled: disabled }))));
+});
+exports.ListCardItemLeadingCheckbox.displayName = 'ListCardItemLeadingCheckbox';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemLeadingCheckbox/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_CHECKBOX_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemLeadingCheckbox"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemLeadingIcon = exports.cnListCardItemLeadingIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var renderContent_1 = require("../../../../utils/renderContent");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemLeadingItem_1 = require("../ListCardItemLeadingItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemLeadingIcon = (0, classname_1.cn)('ListCardItemLeadingIcon');
+exports.ListCardItemLeadingIcon = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemLeadingIcon',
+    });
+    var icon = props.icon, className = props.className, other = tslib_1.__rest(props, ["icon", "className"]);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var renderedIcon = (0, renderContent_1.renderContent)({
+        content: icon,
+        props: { size: constants_1.LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE[size] },
+    });
+    return (react_1.default.createElement(ListCardItemLeadingItem_1.ListCardItemLeadingItem, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnListCardItemLeadingIcon)('', [className]) }), renderedIcon));
+});
+exports.ListCardItemLeadingIcon.displayName = 'ListCardItemLeadingIcon';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemLeadingIcon/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_ICON_SIZE = {
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemLeadingIcon"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemLeadingItem = exports.cnListCardItemLeadingItem = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var components_1 = require("../../components");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+exports.cnListCardItemLeadingItem = (0, classname_1.cn)('ListCardItemLeadingItem');
+exports.ListCardItemLeadingItem = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemLeadingItem',
+    });
+    var children = props.children, className = props.className, contentProps = props.contentProps, other = tslib_1.__rest(props, ["children", "className", "contentProps"]);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    return (react_1.default.createElement(components_1.ListCardItemItemCarcass, tslib_1.__assign({}, other, { className: (0, exports.cnListCardItemLeadingItem)({ size: size }, [className]), contentProps: tslib_1.__assign(tslib_1.__assign({}, contentProps), { className: (0, exports.cnListCardItemLeadingItem)('Content', [
+                contentProps === null || contentProps === void 0 ? void 0 : contentProps.className,
+            ]) }), ref: ref }), children));
+});
+exports.ListCardItemLeadingItem.displayName = 'ListCardItemLeadingItem';

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemLeadingItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemLeadingRadio = exports.cnListCardItemLeadingRadio = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var RadioNext_1 = require("../../../RadioNext");
+var hooks_1 = require("../../hooks");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemLeadingItem_1 = require("../ListCardItemLeadingItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemLeadingRadio = (0, classname_1.cn)('ListCardItemLeadingRadio');
+exports.ListCardItemLeadingRadio = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemLeadingRadio',
+    });
+    var className = props.className, disabled = props.disabled, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["className", "disabled", 'data-testid']);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    var radioSize = constants_1.LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE[size];
+    var radioRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useListCardItemAsInteractiveModule)(radioRef, !disabled);
+    return (react_1.default.createElement(ListCardItemLeadingItem_1.ListCardItemLeadingItem, { ref: ref, className: (0, exports.cnListCardItemLeadingRadio)('', [className]), "data-testid": dataTestid },
+        react_1.default.createElement(RadioNext_1.Radio, tslib_1.__assign({}, other, { ref: radioRef, size: radioSize, disabled: disabled }))));
+});
+exports.ListCardItemLeadingRadio.displayName = 'ListCardItemLeadingRadio';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemLeadingRadio/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_LEADING_RADIO_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemLeadingRadio"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardItemTrailingBadge = exports.cnListCardItemTrailingBadge = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var Badge_1 = require("../../../Badge");
+var ListCardItemContext_1 = require("../../ListCardItemContext");
+var ListCardItemTrailingItem_1 = require("../ListCardItemTrailingItem");
+var constants_1 = require("./constants");
+exports.cnListCardItemTrailingBadge = (0, classname_1.cn)('ListCardItemTrailingBadge');
+exports.ListCardItemTrailingBadge = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'ListCardItemTrailingBadge',
+    });
+    var children = props.children, className = props.className, caption = props.caption, dataTestid = props["data-testid"], other = tslib_1.__rest(props, ["children", "className", "caption", 'data-testid']);
+    var size = (0, ListCardItemContext_1.useListCardItemContext)().size;
+    return (react_1.default.createElement(ListCardItemTrailingItem_1.ListCardItemTrailingItem, { ref: ref, className: (0, exports.cnListCardItemTrailingBadge)('', [className]), caption: caption, "data-testid": dataTestid },
+        react_1.default.createElement(Badge_1.Badge, tslib_1.__assign({}, other, { size: constants_1.LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE[size] }), children)));
+});
+exports.ListCardItemTrailingBadge.displayName = 'ListCardItemTrailingBadge';

package/__inner__/cjs/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__/cjs/components/ListCardItem/modules/ListCardItemTrailingBadge/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_TRAILING_BADGE_SIZE = {
+    xs: 'xs',
+    s: 'xs',
+    m: 's',
+    l: 's',
+};

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemTrailingBadge"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

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

package/__inner__/cjs/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>>;