@cloud-ru/ds-uikit-product-header 2.1.8-preview-cb48d4cb.0 → 2.1.8-preview-448a8de1.0

package/dist/cjs/components/ListCustom/helperComponents/ContentWrapperCustom/ContentWrapperCustom.d.ts

@@ -1,33 +1,17 @@
-import { TruncateStringProps } from '@cloud-ru/ds-truncate-string';
+import { GroupItemRenderProps, ItemContentProps, ItemRenderProps } from '@cloud-ru/ds-list';
 import { ReactNode } from 'react';
-type TruncateProps = {
-    label?: number;
-    description?: number;
-    variant?: TruncateStringProps['variant'];
-};
-export type ContentWrapperCustomProps = {
-    /** Слот до текста */
-    beforeContent?: ReactNode;
-    /** Слот после текста */
-    afterContent?: ReactNode;
-    /** Заголовок строки / группы */
-    label?: string | number;
-    /** Аннотация справа от label */
-    caption?: string;
-    /** Описание под label */
-    description?: string;
-    /** Настройки усечения длинных строк */
-    truncate?: TruncateProps;
-    /** Готовый узел вместо структурного текста (результат `contentRender` и т.п.) */
-    contentNode?: ReactNode;
+/**
+ * Приватный слот before + текст + after.
+ * Текстовые поля и truncate — из `ItemContentProps`; слоты строки — из `ItemRenderProps`;
+ * `groupVariant` — из `GroupItemRenderProps`. Своё: `layout`, `selectButton`.
+ * `label` опционален: при `contentNode` структурный текст не собирается.
+ */
+export type ContentWrapperCustomProps = Partial<Pick<ItemContentProps, 'label'>> & Pick<ItemContentProps, 'caption' | 'description' | 'truncate' | 'disabled' | 'className'> & Pick<ItemRenderProps, 'beforeContent' | 'afterContent'> & Pick<GroupItemRenderProps, 'groupVariant'> & {
+    /** Готовый узел вместо структурного текста; у группы обычно не задаётся */
+    contentNode?: ItemRenderProps['contentNode'];
     /** Слот справа в групповом заголовке (bulk select) */
     selectButton?: ReactNode;
     /** Раскладка: строка списка или заголовок группы */
     layout?: 'item' | 'group';
-    /** Визуальный стиль подписи группы */
-    groupVariant?: 'subtitle' | 'subtitleTertiary';
-    disabled?: boolean;
-    className?: string;
 };
 export declare function ContentWrapperCustom({ beforeContent, afterContent, label, caption, description, truncate: truncateProp, contentNode, selectButton, layout, groupVariant, disabled, className, }: ContentWrapperCustomProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/ListCustom/helperComponents/ListItemCustom/ListItemCustom.js

@@ -9,7 +9,6 @@ const list_1 = require("@cloud-ru/ds-list");
 const toggles_1 = require("@cloud-ru/ds-toggles");
 const classnames_1 = __importDefault(require("classnames"));
 const ContentWrapperCustom_1 = require("../ContentWrapperCustom");
-const constants_1 = require("./constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function resolveStructuredContent(content, contentFromRender) {
     if (contentFromRender) {
@@ -27,10 +26,10 @@ function resolveStructuredContent(content, contentFromRender) {
  * Кастомная оболочка строки `List`/`Droplist` (Figma `listItemCustom`).
  * Маркер (single) и чекбокс (multiple) рисуются внутри по `selectionMode` / `checked` / `disabled`.
  */
-function ListItemCustom({ selectionMode = constants_1.SELECTION_MODE.None, checked = false, disabled = false, content, contentNode, contentFromRender, beforeContent, afterContent, dragHandle, switchControl, expandIcon, onExpandIconClick, inactive, open, isParentNode, level = 0, className, itemRef, tabIndex = -1, style, onClick, onMouseDown, onKeyDown, onFocus, 'data-test-id': dataTestId, }) {
+function ListItemCustom({ selectionMode = list_1.MODE.None, checked = false, disabled = false, content, contentNode, contentFromRender, beforeContent, afterContent, dragHandle, switchControl, expandIcon, onExpandIconClick, inactive, open, isParentNode, level = 0, className, itemRef, tabIndex = -1, style, onClick, onMouseDown, onKeyDown, onFocus, 'data-test-id': dataTestId, }) {
     const structuredContent = resolveStructuredContent(content, contentFromRender);
-    const isSingle = selectionMode === constants_1.SELECTION_MODE.Single;
-    const isMultiple = selectionMode === constants_1.SELECTION_MODE.Multiple;
+    const isSingle = selectionMode === list_1.MODE.Single;
+    const isMultiple = selectionMode === list_1.MODE.Multiple;
     // Figma: activated-подложка только у single + checked + !disabled; multiple всегда emptyNeutral.
     const stateLayerState = isSingle && checked && !disabled && !isParentNode && !switchControl
         ? 'activatedOnBackground'

package/dist/cjs/components/ListCustom/helperComponents/ListItemCustom/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ListItemCustom';
-export * from './constants';
 export * from './types';

package/dist/cjs/components/ListCustom/helperComponents/ListItemCustom/index.js

@@ -15,5 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ListItemCustom"), exports);
-__exportStar(require("./constants"), exports);
 __exportStar(require("./types"), exports);

package/dist/cjs/components/ListCustom/helperComponents/ListItemCustom/types.d.ts

@@ -1,5 +1,4 @@
 import { ItemRenderProps, Mode } from '@cloud-ru/ds-list';
-export type SelectionMode = Mode;
 /**
  * Пропы оболочки. Совместимы с `ItemRenderProps` списка (адаптер — spread).
  * Для Playground часть полей опциональна: `contentNode` / `selectionMode` / `size` / `tabIndex` / `level`.

package/dist/cjs/components/MainMenu/helperComponents/Favorites/Favorites.js

@@ -43,5 +43,5 @@ function Favorites({ favorite, servicesById, headerClassName, isMobile }) {
         favorite.onFavoriteServiceClick?.(service.id, event);
         service.onClick(event);
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.root, "data-test-id": constants_1.FAVORITES_TEST_IDS.root, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, headerClassName), "data-test-id": constants_1.FAVORITES_TEST_IDS.header, children: [(0, jsx_runtime_1.jsx)(segment_control_1.SegmentControl, { size: 'm', width: segment_control_1.WIDTH.Full, value: segment, onChange: setSegment, className: styles_module_scss_1.default.segmentControl, "data-test-id": constants_1.FAVORITES_TEST_IDS.segmentControl, items: segmentControlItems }), favorite.actions && ((0, jsx_runtime_1.jsx)(list_1.Droplist, { ...favorite.actions, size: 's', closeDroplistOnItemClick: true, itemRender: ListCustom_1.renderListItemCustom, groupItemRender: ListCustom_1.renderListItemGroupCustom, children: (0, jsx_runtime_1.jsx)(button_1.Button, { view: 'simple', size: 'm', appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(system_1.KebabSVG, { size: 24 }), "data-test-id": constants_1.FAVORITES_TEST_IDS.settingsButton, disabled: loading }) }))] }), loading ? ((0, jsx_runtime_1.jsx)(components_1.FavoritesItemsSkeleton, {})) : ((0, jsx_runtime_1.jsx)(components_1.Content, { isMobile: isMobile, favoriteIds: favorite.value, onFavoriteChange: favorite.onChange, favoriteItems: favoriteItems, recentItems: recentItems, segment: resolvedSegment, setSegment: setSegment, onFavoriteServiceClick: handleFavoriteServiceClick, onRecentServiceClick: handleRecentServiceClick }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.root, "data-test-id": constants_1.FAVORITES_TEST_IDS.root, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, headerClassName), "data-test-id": constants_1.FAVORITES_TEST_IDS.header, children: [(0, jsx_runtime_1.jsx)(segment_control_1.SegmentControl, { size: 'm', width: segment_control_1.WIDTH.Full, value: segment, onChange: setSegment, className: styles_module_scss_1.default.segmentControl, "data-test-id": constants_1.FAVORITES_TEST_IDS.segmentControl, items: segmentControlItems }), favorite.actions && ((0, jsx_runtime_1.jsx)(list_1.Droplist, { ...favorite.actions, size: isMobile ? 'm' : 's', closeDroplistOnItemClick: true, itemRender: isMobile ? undefined : ListCustom_1.renderListItemCustom, groupItemRender: isMobile ? undefined : ListCustom_1.renderListItemGroupCustom, children: (0, jsx_runtime_1.jsx)(button_1.Button, { view: 'simple', size: 'm', appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(system_1.KebabSVG, { size: 24 }), "data-test-id": constants_1.FAVORITES_TEST_IDS.settingsButton, disabled: loading }) }))] }), loading ? ((0, jsx_runtime_1.jsx)(components_1.FavoritesItemsSkeleton, {})) : ((0, jsx_runtime_1.jsx)(components_1.Content, { isMobile: isMobile, favoriteIds: favorite.value, onFavoriteChange: favorite.onChange, favoriteItems: favoriteItems, recentItems: recentItems, segment: resolvedSegment, setSegment: setSegment, onFavoriteServiceClick: handleFavoriteServiceClick, onRecentServiceClick: handleRecentServiceClick }))] }));
 }

package/dist/cjs/components/UserMenu/UserMenu.js

@@ -49,5 +49,5 @@ function UserMenu({ profile = {}, open: openProp, setOpen: setOpenProp, onLogout
                 appearance: 'primary',
             }
             : undefined, "data-test-id": constants_1.TEST_IDS.userMenu.button, icon: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { appearance: 'red', size: 's', name: fullName, showTwoSymbols: true }), "data-pressed": open })), [fullName, inviteCount, onClick, open, setOpen, isMobile, triggerTooltip]);
-    return ((0, jsx_runtime_1.jsx)(list_1.Droplist, { open: open, onOpenChange: setOpen, size: 's', selection: SELECTION_STUB, pinTop: pinTop, items: menuItems, pinBottom: pinBottom, scroll: !isMobile, trigger: 'click', placement: 'bottom-end', className: styles_module_scss_1.default.userMenuDroplist, closeOnPopstate: true, "data-test-id": constants_1.TEST_IDS.userMenu.root, label: t('user'), snapPoints: list_1.SNAP_POINTS_PRESET.full, withDividers: false, triggerClassName: styles_module_scss_1.default.userMenuDroplistTrigger, itemRender: ListCustom_1.renderListItemCustom, groupItemRender: ListCustom_1.renderListItemGroupCustom, children: trigger }));
+    return ((0, jsx_runtime_1.jsx)(list_1.Droplist, { open: open, onOpenChange: setOpen, size: isMobile ? 'm' : 's', selection: SELECTION_STUB, pinTop: pinTop, items: menuItems, pinBottom: pinBottom, scroll: !isMobile, trigger: 'click', placement: 'bottom-end', className: styles_module_scss_1.default.userMenuDroplist, closeOnPopstate: true, "data-test-id": constants_1.TEST_IDS.userMenu.root, label: t('user'), snapPoints: list_1.SNAP_POINTS_PRESET.full, withDividers: false, triggerClassName: styles_module_scss_1.default.userMenuDroplistTrigger, itemRender: isMobile ? undefined : ListCustom_1.renderListItemCustom, groupItemRender: isMobile ? undefined : ListCustom_1.renderListItemGroupCustom, children: trigger }));
 }

package/dist/cjs/components/UserMenu/hooks/useProfileItem.d.ts

@@ -1,3 +1,5 @@
 import { BaseItemProps } from '@cloud-ru/ds-list';
 import { UserProfileProps } from '../types';
-export declare function useProfileItem({ fullName, email, itemWrapRender, onClick, }: UserProfileProps): BaseItemProps;
+export declare function useProfileItem({ fullName, email, itemWrapRender, onClick, isMobile, }: UserProfileProps & {
+    isMobile?: boolean;
+}): BaseItemProps;

package/dist/cjs/components/UserMenu/hooks/useProfileItem.js

@@ -10,16 +10,23 @@ const system_1 = require("@cloud-ru/ds-icons/interface/system");
 const truncate_string_1 = require("@cloud-ru/ds-truncate-string");
 const react_1 = require("react");
 const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
-function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, }) {
+function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, isMobile, }) {
     return (0, react_1.useMemo)(() => ({
-        // ReactNode: иначе ContentWrapperCustom сам рисует label с `regular-body-s`,
-        // а `className` айтема на `.label` не действует.
-        content: ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.userItemContent, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.userItemHeadline, children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { className: styles_module_scss_1.default.userItemLabel, text: fullName, maxLines: 1 }) }), email ? (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { className: styles_module_scss_1.default.userItemDescription, text: email, maxLines: 1 }) : null] })),
+        // Desktop + ListCustom: ReactNode — иначе ContentWrapperCustom рисует label с
+        // `regular-body-s`, а `className` айтема на `.label` не действует.
+        // Mobile (size=m, без ListCustom): структурный content → дефолтный ItemContent.
+        content: isMobile ? ({
+            label: fullName,
+            description: email,
+            truncate: {
+                description: 1,
+            },
+        }) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.userItemContent, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.userItemHeadline, children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { className: styles_module_scss_1.default.userItemLabel, text: fullName, maxLines: 1 }) }), email ? (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { className: styles_module_scss_1.default.userItemDescription, text: email, maxLines: 1 }) : null] })),
         onClick,
         beforeContent: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { appearance: 'red', size: 's', name: fullName, showTwoSymbols: true }),
         afterContent: (0, jsx_runtime_1.jsx)(system_1.SettingsSVG, { className: styles_module_scss_1.default.profileSettingsIcon }),
         itemWrapRender,
         id: 'header__user-menu__button',
         'data-test-id': 'header__user-menu__manage-profile',
-    }), [email, fullName, itemWrapRender, onClick]);
+    }), [email, fullName, isMobile, itemWrapRender, onClick]);
 }

package/dist/cjs/components/UserMenu/hooks/useUserMenuItems.js

@@ -14,7 +14,7 @@ const DIVIDER_ITEM = {
     items: [],
 };
 function useUserMenuItems({ profile, theme, onLogout, topItems = emptyArray_1.EMPTY_ARRAY, organizationItems = emptyArray_1.EMPTY_ARRAY, bottomItems = emptyArray_1.EMPTY_ARRAY, isMobile, onClose, settingItems = emptyArray_1.EMPTY_ARRAY, }) {
-    const profileItem = (0, useProfileItem_1.useProfileItem)(profile);
+    const profileItem = (0, useProfileItem_1.useProfileItem)({ ...profile, isMobile });
     const themeItem = (0, useThemeItem_1.useThemeItem)({ ...(theme || {}), isMobile, onClose });
     const logoutItem = (0, useLogoutItem_1.useLogoutItem)({ onLogout });
     return (0, react_1.useMemo)(() => {

package/dist/esm/components/ListCustom/helperComponents/ContentWrapperCustom/ContentWrapperCustom.d.ts

@@ -1,33 +1,17 @@
-import { TruncateStringProps } from '@cloud-ru/ds-truncate-string';
+import { GroupItemRenderProps, ItemContentProps, ItemRenderProps } from '@cloud-ru/ds-list';
 import { ReactNode } from 'react';
-type TruncateProps = {
-    label?: number;
-    description?: number;
-    variant?: TruncateStringProps['variant'];
-};
-export type ContentWrapperCustomProps = {
-    /** Слот до текста */
-    beforeContent?: ReactNode;
-    /** Слот после текста */
-    afterContent?: ReactNode;
-    /** Заголовок строки / группы */
-    label?: string | number;
-    /** Аннотация справа от label */
-    caption?: string;
-    /** Описание под label */
-    description?: string;
-    /** Настройки усечения длинных строк */
-    truncate?: TruncateProps;
-    /** Готовый узел вместо структурного текста (результат `contentRender` и т.п.) */
-    contentNode?: ReactNode;
+/**
+ * Приватный слот before + текст + after.
+ * Текстовые поля и truncate — из `ItemContentProps`; слоты строки — из `ItemRenderProps`;
+ * `groupVariant` — из `GroupItemRenderProps`. Своё: `layout`, `selectButton`.
+ * `label` опционален: при `contentNode` структурный текст не собирается.
+ */
+export type ContentWrapperCustomProps = Partial<Pick<ItemContentProps, 'label'>> & Pick<ItemContentProps, 'caption' | 'description' | 'truncate' | 'disabled' | 'className'> & Pick<ItemRenderProps, 'beforeContent' | 'afterContent'> & Pick<GroupItemRenderProps, 'groupVariant'> & {
+    /** Готовый узел вместо структурного текста; у группы обычно не задаётся */
+    contentNode?: ItemRenderProps['contentNode'];
     /** Слот справа в групповом заголовке (bulk select) */
     selectButton?: ReactNode;
     /** Раскладка: строка списка или заголовок группы */
     layout?: 'item' | 'group';
-    /** Визуальный стиль подписи группы */
-    groupVariant?: 'subtitle' | 'subtitleTertiary';
-    disabled?: boolean;
-    className?: string;
 };
 export declare function ContentWrapperCustom({ beforeContent, afterContent, label, caption, description, truncate: truncateProp, contentNode, selectButton, layout, groupVariant, disabled, className, }: ContentWrapperCustomProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/ListCustom/helperComponents/ListItemCustom/ListItemCustom.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isContentItem, isPrimitiveContent, TEST_IDS } from '@cloud-ru/ds-list';
+import { isContentItem, isPrimitiveContent, MODE, TEST_IDS } from '@cloud-ru/ds-list';
 import { Checkbox } from '@cloud-ru/ds-toggles';
 import cn from 'classnames';
 import { ContentWrapperCustom } from '../ContentWrapperCustom/index.js';
-import { SELECTION_MODE } from './constants.js';
 import styles from './styles.module.css';
 function resolveStructuredContent(content, contentFromRender) {
     if (contentFromRender) {
@@ -21,10 +20,10 @@ function resolveStructuredContent(content, contentFromRender) {
  * Кастомная оболочка строки `List`/`Droplist` (Figma `listItemCustom`).
  * Маркер (single) и чекбокс (multiple) рисуются внутри по `selectionMode` / `checked` / `disabled`.
  */
-export function ListItemCustom({ selectionMode = SELECTION_MODE.None, checked = false, disabled = false, content, contentNode, contentFromRender, beforeContent, afterContent, dragHandle, switchControl, expandIcon, onExpandIconClick, inactive, open, isParentNode, level = 0, className, itemRef, tabIndex = -1, style, onClick, onMouseDown, onKeyDown, onFocus, 'data-test-id': dataTestId, }) {
+export function ListItemCustom({ selectionMode = MODE.None, checked = false, disabled = false, content, contentNode, contentFromRender, beforeContent, afterContent, dragHandle, switchControl, expandIcon, onExpandIconClick, inactive, open, isParentNode, level = 0, className, itemRef, tabIndex = -1, style, onClick, onMouseDown, onKeyDown, onFocus, 'data-test-id': dataTestId, }) {
     const structuredContent = resolveStructuredContent(content, contentFromRender);
-    const isSingle = selectionMode === SELECTION_MODE.Single;
-    const isMultiple = selectionMode === SELECTION_MODE.Multiple;
+    const isSingle = selectionMode === MODE.Single;
+    const isMultiple = selectionMode === MODE.Multiple;
     // Figma: activated-подложка только у single + checked + !disabled; multiple всегда emptyNeutral.
     const stateLayerState = isSingle && checked && !disabled && !isParentNode && !switchControl
         ? 'activatedOnBackground'

package/dist/esm/components/ListCustom/helperComponents/ListItemCustom/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ListItemCustom.js';
-export * from './constants.js';
 export * from './types.js';

package/dist/esm/components/ListCustom/helperComponents/ListItemCustom/index.js

@@ -1,3 +1,2 @@
 export * from './ListItemCustom.js';
-export * from './constants.js';
 export * from './types.js';

package/dist/esm/components/ListCustom/helperComponents/ListItemCustom/types.d.ts

@@ -1,5 +1,4 @@
 import { ItemRenderProps, Mode } from '@cloud-ru/ds-list';
-export type SelectionMode = Mode;
 /**
  * Пропы оболочки. Совместимы с `ItemRenderProps` списка (адаптер — spread).
  * Для Playground часть полей опциональна: `contentNode` / `selectionMode` / `size` / `tabIndex` / `level`.

package/dist/esm/components/MainMenu/helperComponents/Favorites/Favorites.js

@@ -37,5 +37,5 @@ export function Favorites({ favorite, servicesById, headerClassName, isMobile })
         favorite.onFavoriteServiceClick?.(service.id, event);
         service.onClick(event);
     });
-    return (_jsxs("div", { className: styles.root, "data-test-id": FAVORITES_TEST_IDS.root, children: [_jsxs("div", { className: cn(styles.header, headerClassName), "data-test-id": FAVORITES_TEST_IDS.header, children: [_jsx(SegmentControl, { size: 'm', width: WIDTH.Full, value: segment, onChange: setSegment, className: styles.segmentControl, "data-test-id": FAVORITES_TEST_IDS.segmentControl, items: segmentControlItems }), favorite.actions && (_jsx(Droplist, { ...favorite.actions, size: 's', closeDroplistOnItemClick: true, itemRender: renderListItemCustom, groupItemRender: renderListItemGroupCustom, children: _jsx(Button, { view: 'simple', size: 'm', appearance: 'neutral', icon: _jsx(KebabSVG, { size: 24 }), "data-test-id": FAVORITES_TEST_IDS.settingsButton, disabled: loading }) }))] }), loading ? (_jsx(FavoritesItemsSkeleton, {})) : (_jsx(Content, { isMobile: isMobile, favoriteIds: favorite.value, onFavoriteChange: favorite.onChange, favoriteItems: favoriteItems, recentItems: recentItems, segment: resolvedSegment, setSegment: setSegment, onFavoriteServiceClick: handleFavoriteServiceClick, onRecentServiceClick: handleRecentServiceClick }))] }));
+    return (_jsxs("div", { className: styles.root, "data-test-id": FAVORITES_TEST_IDS.root, children: [_jsxs("div", { className: cn(styles.header, headerClassName), "data-test-id": FAVORITES_TEST_IDS.header, children: [_jsx(SegmentControl, { size: 'm', width: WIDTH.Full, value: segment, onChange: setSegment, className: styles.segmentControl, "data-test-id": FAVORITES_TEST_IDS.segmentControl, items: segmentControlItems }), favorite.actions && (_jsx(Droplist, { ...favorite.actions, size: isMobile ? 'm' : 's', closeDroplistOnItemClick: true, itemRender: isMobile ? undefined : renderListItemCustom, groupItemRender: isMobile ? undefined : renderListItemGroupCustom, children: _jsx(Button, { view: 'simple', size: 'm', appearance: 'neutral', icon: _jsx(KebabSVG, { size: 24 }), "data-test-id": FAVORITES_TEST_IDS.settingsButton, disabled: loading }) }))] }), loading ? (_jsx(FavoritesItemsSkeleton, {})) : (_jsx(Content, { isMobile: isMobile, favoriteIds: favorite.value, onFavoriteChange: favorite.onChange, favoriteItems: favoriteItems, recentItems: recentItems, segment: resolvedSegment, setSegment: setSegment, onFavoriteServiceClick: handleFavoriteServiceClick, onRecentServiceClick: handleRecentServiceClick }))] }));
 }

package/dist/esm/components/UserMenu/UserMenu.js

@@ -43,5 +43,5 @@ export function UserMenu({ profile = {}, open: openProp, setOpen: setOpenProp, o
                 appearance: 'primary',
             }
             : undefined, "data-test-id": TEST_IDS.userMenu.button, icon: _jsx(Avatar, { appearance: 'red', size: 's', name: fullName, showTwoSymbols: true }), "data-pressed": open })), [fullName, inviteCount, onClick, open, setOpen, isMobile, triggerTooltip]);
-    return (_jsx(Droplist, { open: open, onOpenChange: setOpen, size: 's', selection: SELECTION_STUB, pinTop: pinTop, items: menuItems, pinBottom: pinBottom, scroll: !isMobile, trigger: 'click', placement: 'bottom-end', className: styles.userMenuDroplist, closeOnPopstate: true, "data-test-id": TEST_IDS.userMenu.root, label: t('user'), snapPoints: SNAP_POINTS_PRESET.full, withDividers: false, triggerClassName: styles.userMenuDroplistTrigger, itemRender: renderListItemCustom, groupItemRender: renderListItemGroupCustom, children: trigger }));
+    return (_jsx(Droplist, { open: open, onOpenChange: setOpen, size: isMobile ? 'm' : 's', selection: SELECTION_STUB, pinTop: pinTop, items: menuItems, pinBottom: pinBottom, scroll: !isMobile, trigger: 'click', placement: 'bottom-end', className: styles.userMenuDroplist, closeOnPopstate: true, "data-test-id": TEST_IDS.userMenu.root, label: t('user'), snapPoints: SNAP_POINTS_PRESET.full, withDividers: false, triggerClassName: styles.userMenuDroplistTrigger, itemRender: isMobile ? undefined : renderListItemCustom, groupItemRender: isMobile ? undefined : renderListItemGroupCustom, children: trigger }));
 }

package/dist/esm/components/UserMenu/hooks/useProfileItem.d.ts

@@ -1,3 +1,5 @@
 import { BaseItemProps } from '@cloud-ru/ds-list';
 import { UserProfileProps } from '../types.js';
-export declare function useProfileItem({ fullName, email, itemWrapRender, onClick, }: UserProfileProps): BaseItemProps;
+export declare function useProfileItem({ fullName, email, itemWrapRender, onClick, isMobile, }: UserProfileProps & {
+    isMobile?: boolean;
+}): BaseItemProps;

package/dist/esm/components/UserMenu/hooks/useProfileItem.js

@@ -4,16 +4,23 @@ import { SettingsSVG } from '@cloud-ru/ds-icons/interface/system';
 import { TruncateString } from '@cloud-ru/ds-truncate-string';
 import { useMemo } from 'react';
 import styles from '../styles.module.css';
-export function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, }) {
+export function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, isMobile, }) {
     return useMemo(() => ({
-        // ReactNode: иначе ContentWrapperCustom сам рисует label с `regular-body-s`,
-        // а `className` айтема на `.label` не действует.
-        content: (_jsxs("div", { className: styles.userItemContent, children: [_jsx("div", { className: styles.userItemHeadline, children: _jsx(TruncateString, { className: styles.userItemLabel, text: fullName, maxLines: 1 }) }), email ? _jsx(TruncateString, { className: styles.userItemDescription, text: email, maxLines: 1 }) : null] })),
+        // Desktop + ListCustom: ReactNode — иначе ContentWrapperCustom рисует label с
+        // `regular-body-s`, а `className` айтема на `.label` не действует.
+        // Mobile (size=m, без ListCustom): структурный content → дефолтный ItemContent.
+        content: isMobile ? ({
+            label: fullName,
+            description: email,
+            truncate: {
+                description: 1,
+            },
+        }) : (_jsxs("div", { className: styles.userItemContent, children: [_jsx("div", { className: styles.userItemHeadline, children: _jsx(TruncateString, { className: styles.userItemLabel, text: fullName, maxLines: 1 }) }), email ? _jsx(TruncateString, { className: styles.userItemDescription, text: email, maxLines: 1 }) : null] })),
         onClick,
         beforeContent: _jsx(Avatar, { appearance: 'red', size: 's', name: fullName, showTwoSymbols: true }),
         afterContent: _jsx(SettingsSVG, { className: styles.profileSettingsIcon }),
         itemWrapRender,
         id: 'header__user-menu__button',
         'data-test-id': 'header__user-menu__manage-profile',
-    }), [email, fullName, itemWrapRender, onClick]);
+    }), [email, fullName, isMobile, itemWrapRender, onClick]);
 }

package/dist/esm/components/UserMenu/hooks/useUserMenuItems.js

@@ -11,7 +11,7 @@ const DIVIDER_ITEM = {
     items: [],
 };
 export function useUserMenuItems({ profile, theme, onLogout, topItems = EMPTY_ARRAY, organizationItems = EMPTY_ARRAY, bottomItems = EMPTY_ARRAY, isMobile, onClose, settingItems = EMPTY_ARRAY, }) {
-    const profileItem = useProfileItem(profile);
+    const profileItem = useProfileItem({ ...profile, isMobile });
     const themeItem = useThemeItem({ ...(theme || {}), isMobile, onClose });
     const logoutItem = useLogoutItem({ onLogout });
     return useMemo(() => {