@cloud-ru/ds-uikit-product-header 1.0.1-preview-7665e9c3.0

package/dist/cjs/components/PathBreadcrumbs/PathBreadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbsProps } from '@cloud-ru/ds-breadcrumbs';
+type PathBreadcrumbsProps = {
+    items: BreadcrumbsProps['items'];
+    isMobile?: boolean;
+};
+export declare function PathBreadcrumbs({ isMobile, items }: PathBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/PathBreadcrumbs/PathBreadcrumbs.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PathBreadcrumbs = PathBreadcrumbs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const breadcrumbs_1 = require("@cloud-ru/ds-breadcrumbs");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PathBreadcrumbs({ isMobile, items }) {
+    return ((0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { items: items, className: styles_module_scss_1.default.breadcrumbs, inactiveLastItem: items.length > 1, separator: '/', size: isMobile ? 'xs' : 's', "data-test-id": 'header__breadcrumbs' }));
+}

package/dist/cjs/components/PathBreadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export * from './PathBreadcrumbs';

package/dist/cjs/components/PathBreadcrumbs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PathBreadcrumbs"), exports);

package/dist/cjs/components/PathBreadcrumbs/styles.module.css

@@ -0,0 +1,4 @@
+.breadcrumbs{
+  min-width:0;
+  padding:0 var(--sn-primitive-dimension-8, 8px) !important;
+}

package/dist/cjs/components/PlatformLogo/Container.d.ts

@@ -0,0 +1,12 @@
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { JSXElementConstructor, PropsWithChildren } from 'react';
+export type ContainerProps = PropsWithChildren<WithSupportProps<{
+    className?: string;
+}>>;
+export declare function Container({ children, ...otherProps }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export type IconComponentProps = {
+    className?: string;
+};
+export declare const getPlatformIconComponent: (Icon: JSXElementConstructor<{
+    size: number;
+}>) => (props: IconComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PlatformLogo/Container.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlatformIconComponent = void 0;
+exports.Container = Container;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Container({ children, ...otherProps }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.container, ...otherProps, children: children }));
+}
+const getPlatformIconComponent = (Icon) => function IconComponent(props) {
+    return ((0, jsx_runtime_1.jsx)(Container, { ...props, children: (0, jsx_runtime_1.jsx)(Icon, { size: 24 }) }));
+};
+exports.getPlatformIconComponent = getPlatformIconComponent;

package/dist/cjs/components/PlatformLogo/index.d.ts

@@ -0,0 +1,6 @@
+export declare const AdvancedPlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnterprisePlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EvolutionPlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MLSpacePlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PartnerPlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarketplacePlatformLogo: (props: import("./Container").IconComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PlatformLogo/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarketplacePlatformLogo = exports.PartnerPlatformLogo = exports.MLSpacePlatformLogo = exports.EvolutionPlatformLogo = exports.EnterprisePlatformLogo = exports.AdvancedPlatformLogo = void 0;
+const services_1 = require("@cloud-ru/ds-icons/services");
+const Container_1 = require("./Container");
+exports.AdvancedPlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.AdvancedSVG);
+exports.EnterprisePlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.VmwareSVG);
+exports.EvolutionPlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.EvolutionSVG);
+exports.MLSpacePlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.MlSpaceSVG);
+exports.PartnerPlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.PartnerAccountSVG);
+exports.MarketplacePlatformLogo = (0, Container_1.getPlatformIconComponent)(services_1.MarketplaceSVG);

package/dist/cjs/components/PlatformLogo/styles.module.css

@@ -0,0 +1,9 @@
+.container{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:var(--sn-primitive-dimension-24, 24px);
+  height:var(--sn-primitive-dimension-24, 24px);
+  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
+  background:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-primitive-color-gray-80, #e3e5ed)));
+}

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

@@ -0,0 +1,14 @@
+import { BaseItemProps, ListProps } from '@cloud-ru/ds-list';
+import { ThemeProps, UserProfileProps } from './types';
+export type UserMenuProps = {
+    profile?: UserProfileProps;
+    theme?: ThemeProps;
+    items?: ListProps['items'];
+    settingItems?: BaseItemProps[];
+    onLogout?(): void;
+    open?: boolean;
+    setOpen?(open: boolean): void;
+    triggerTooltip?: string;
+    onClick?(): void;
+};
+export declare function UserMenu({ profile, open: openProp, setOpen: setOpenProp, onLogout, items, settingItems, theme, onClick, triggerTooltip, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMenu = UserMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adaptive_1 = require("@cloud-ru/ds-adaptive");
+const avatar_1 = require("@cloud-ru/ds-avatar");
+const list_1 = require("@cloud-ru/ds-list");
+const utils_1 = require("@cloud-ru/ds-utils");
+const react_1 = require("react");
+const locale_1 = require("../../locale");
+const HeaderButton_1 = require("../HeaderButton");
+const useUserMenuItems_1 = require("./hooks/useUserMenuItems");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function UserMenu({ profile = {}, open: openProp, setOpen: setOpenProp, onLogout, items, settingItems, theme, onClick, triggerTooltip, }) {
+    const { t } = locale_1.headerLocale.useTranslations();
+    const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
+    const isMobile = (0, adaptive_1.isMobileLayout)(layoutType);
+    const [open = false, setOpen] = (0, utils_1.useValueControl)({ value: openProp, onChange: setOpenProp });
+    const { fullName = '', inviteCount } = profile;
+    const userMenuItems = (0, useUserMenuItems_1.useUserMenuItems)({
+        isMobile,
+        profile,
+        theme,
+        items,
+        settingItems,
+        onClose: () => {
+            setOpen(false);
+        },
+        onLogout,
+    });
+    const trigger = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(HeaderButton_1.HeaderButton, { tooltip: { tip: triggerTooltip }, isMobile: isMobile, onClick: () => {
+            setOpen?.(true);
+            onClick?.();
+        }, counter: Number(inviteCount)
+            ? {
+                value: Number(inviteCount),
+            }
+            : undefined, "data-test-id": 'header__user-menu__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: 'm', items: userMenuItems, selection: {
+            mode: 'single',
+            value: 'null',
+        }, trigger: 'click', placement: 'bottom-end', className: styles_module_scss_1.default.userMenuDroplist, closeOnPopstate: true, "data-test-id": 'header__user-menu', label: t('user'), children: trigger }));
+}

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

@@ -0,0 +1,4 @@
+import { ListProps } from '@cloud-ru/ds-list';
+export declare function useLogoutItem({ onLogout }: {
+    onLogout?(): void;
+}): ListProps['items'];

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogoutItem = useLogoutItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const product_1 = require("@cloud-ru/ds-icons/interface/product");
+const react_1 = require("react");
+const locale_1 = require("../../../locale");
+function useLogoutItem({ onLogout }) {
+    const { t } = locale_1.headerLocale.useTranslations();
+    return (0, react_1.useMemo)(() => [
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(product_1.ExitSVG, {}),
+            content: {
+                label: t('logout'),
+            },
+            onClick: onLogout,
+            'data-test-id': 'header__user-menu__logout',
+        },
+    ], [onLogout, t]);
+}

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProfileItem = useProfileItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const avatar_1 = require("@cloud-ru/ds-avatar");
+const system_1 = require("@cloud-ru/ds-icons/interface/system");
+const react_1 = require("react");
+function useProfileItem({ fullName = '', email = '', itemWrapRender, onClick, }) {
+    return (0, react_1.useMemo)(() => ({
+        content: {
+            label: fullName,
+            description: email,
+            truncate: {
+                description: 1,
+            },
+        },
+        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, {}),
+        itemWrapRender,
+        id: 'header__user-menu__button',
+        'data-test-id': 'header__user-menu__manage-profile',
+    }), [email, fullName, itemWrapRender, onClick]);
+}

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

@@ -0,0 +1,6 @@
+import { DroplistProps } from '@cloud-ru/ds-list';
+import { ThemeProps } from '../types';
+export declare function useThemeItem({ value: themeMode, onChange, isMobile, onClose, }: ThemeProps & {
+    isMobile?: boolean;
+    onClose?(): void;
+}): DroplistProps['items'][0];

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeItem = useThemeItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const system_1 = require("@cloud-ru/ds-icons/interface/system");
+const react_1 = require("react");
+const locale_1 = require("../../../locale");
+const types_1 = require("../types");
+function useThemeItem({ value: themeMode, onChange, isMobile, onClose, }) {
+    const { t } = locale_1.headerLocale.useTranslations();
+    const handleClick = (0, react_1.useCallback)((themeMode) => () => {
+        onChange?.(themeMode);
+        !isMobile && onClose?.();
+    }, [isMobile, onChange, onClose]);
+    const themeModeOptions = (0, react_1.useMemo)(() => [
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(system_1.DaySVG, {}),
+            content: {
+                label: t('themeModeLight'),
+            },
+            onClick: handleClick(types_1.THEME_MODE.Light),
+            checked: themeMode === types_1.THEME_MODE.Light,
+            'data-test-id': 'header__user-menu__theme-mode__light-option',
+        },
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(system_1.NightSVG, {}),
+            content: {
+                label: t('themeModeDark'),
+            },
+            checked: themeMode === types_1.THEME_MODE.Dark,
+            onClick: handleClick(types_1.THEME_MODE.Dark),
+            'data-test-id': 'header__user-menu__theme-mode__dark-option',
+        },
+        {
+            beforeContent: (0, jsx_runtime_1.jsx)(system_1.LaptopPhoneSVG, {}),
+            content: {
+                label: t('themeModeSystem'),
+            },
+            checked: themeMode === types_1.THEME_MODE.System,
+            onClick: handleClick(types_1.THEME_MODE.System),
+            'data-test-id': 'header__user-menu__theme-mode__system-option',
+        },
+    ], [handleClick, t, themeMode]);
+    return (0, react_1.useMemo)(() => ({
+        type: 'next-list',
+        content: {
+            label: t('themeModeLabel'),
+        },
+        placement: 'left-start',
+        beforeContent: (0, jsx_runtime_1.jsx)(system_1.ThemeContrastSVG, {}),
+        'data-test-id': 'header__user-menu__theme-mode',
+        items: themeModeOptions,
+    }), [t, themeModeOptions]);
+}

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

@@ -0,0 +1,87 @@
+import { BaseItemProps, ListProps } from '@cloud-ru/ds-list';
+import { MouseEvent } from 'react';
+import { ThemeProps, UserProfileProps } from '../types';
+type UseMenuItems = {
+    profile: UserProfileProps;
+    theme?: ThemeProps;
+    items?: ListProps['items'];
+    settingItems?: BaseItemProps[];
+    onLogout?(): void;
+    onClose?(): void;
+    isMobile?: boolean;
+};
+export declare function useUserMenuItems({ profile, theme, onLogout, items: itemsProp, isMobile, onClose, settingItems, }: UseMenuItems): (import("@cloud-ru/ds-list").AccordionItem | import("@cloud-ru/ds-list").NextListItem | import("@cloud-ru/ds-list").GroupItem | import("@cloud-ru/ds-list").GroupSelectItem | {
+    onClick: (e: MouseEvent<HTMLElement>) => void;
+    'data-test-id'?: string;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    beforeContent?: import("react").ReactNode;
+    afterContent?: import("react").ReactNode;
+    content?: import("@cloud-ru/ds-list").ItemContentProps | import("react").ReactNode;
+    onMouseDown?(e: MouseEvent<HTMLElement>): void;
+    onKeyDown?(e: import("react").KeyboardEvent<HTMLElement>): void;
+    onFocus?(e: import("react").FocusEvent<HTMLElement>): void;
+    onBlur?(e: import("react").FocusEvent<HTMLElement>): void;
+    id?: import("@cloud-ru/ds-list").ItemId;
+    disabled?: boolean;
+    hidden?: boolean;
+    itemRef?: import("react").RefObject<HTMLElement>;
+    className?: string;
+    inactive?: boolean;
+    switch?: boolean;
+    showSwitchIcon?: boolean;
+    itemWrapRender?(item: import("react").ReactNode): import("react").ReactNode;
+    checked?: boolean;
+})[];
+export {};

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserMenuItems = useUserMenuItems;
+const list_1 = require("@cloud-ru/ds-list");
+const react_1 = require("react");
+const shouldBeOpenedInNewTab_1 = require("../../../utils/shouldBeOpenedInNewTab");
+const useLogoutItem_1 = require("./useLogoutItem");
+const useProfileItem_1 = require("./useProfileItem");
+const useThemeItem_1 = require("./useThemeItem");
+const DIVIDER_ITEM = {
+    type: 'group',
+    divider: true,
+    items: [],
+};
+function useUserMenuItems({ profile, theme, onLogout, items: itemsProp = [], isMobile, onClose, settingItems = [], }) {
+    const profileItem = (0, useProfileItem_1.useProfileItem)(profile);
+    const themeItem = (0, useThemeItem_1.useThemeItem)({ ...(theme || {}), isMobile, onClose });
+    const logoutItem = (0, useLogoutItem_1.useLogoutItem)({ onLogout });
+    const items = (0, react_1.useMemo)(() => {
+        let items = [profileItem];
+        if (themeItem) {
+            items = items.concat([DIVIDER_ITEM, themeItem]);
+        }
+        items = items.concat(itemsProp);
+        items = items.concat(logoutItem);
+        if (isMobile && Boolean(settingItems?.length)) {
+            items = items.concat([DIVIDER_ITEM, ...settingItems]);
+        }
+        return items.map(item => {
+            if ((0, list_1.isBaseItemProps)(item)) {
+                return {
+                    ...item,
+                    onClick: (e) => {
+                        item.onClick?.(e);
+                        if (!(0, shouldBeOpenedInNewTab_1.shouldBeOpenedInNewTab)(e)) {
+                            onClose?.();
+                        }
+                    },
+                };
+            }
+            return item;
+        });
+    }, [isMobile, itemsProp, logoutItem, onClose, profileItem, settingItems, themeItem]);
+    return items;
+}

package/dist/cjs/components/UserMenu/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UserMenu"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/components/UserMenu/styles.module.css

@@ -0,0 +1,7 @@
+.userMenuDroplist{
+  width:272px;
+}
+
+.userMenuTrigger{
+  display:block;
+}

package/dist/cjs/components/UserMenu/types.d.ts

@@ -0,0 +1,20 @@
+import { MouseEvent, ReactNode } from 'react';
+export type UserProfileProps = {
+    fullName?: string;
+    email?: string;
+    inviteCount?: number;
+    onClick?(e: MouseEvent<HTMLElement>): void;
+    itemWrapRender?(node: ReactNode): ReactNode;
+};
+type ValueOf<T> = T[keyof T];
+export declare const THEME_MODE: {
+    readonly Light: "light";
+    readonly Dark: "dark";
+    readonly System: "system";
+};
+export type ThemeMode = ValueOf<typeof THEME_MODE>;
+export type ThemeProps = {
+    value?: ThemeMode;
+    onChange?(themeMode: ThemeMode): void;
+};
+export {};

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEME_MODE = void 0;
+exports.THEME_MODE = {
+    Light: 'light',
+    Dark: 'dark',
+    System: 'system',
+};

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './HeaderButton';
+export * from './HeaderLayout';
+export * from './MainMenu';
+export * from './UserMenu';
+export * from './Logo';
+export * from './PathBreadcrumbs';
+export * from './PlatformLogo';

package/dist/cjs/components/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./HeaderButton"), exports);
+__exportStar(require("./HeaderLayout"), exports);
+__exportStar(require("./MainMenu"), exports);
+__exportStar(require("./UserMenu"), exports);
+__exportStar(require("./Logo"), exports);
+__exportStar(require("./PathBreadcrumbs"), exports);
+__exportStar(require("./PlatformLogo"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,20 @@
+export declare const TEST_IDS: {
+    readonly headerLayout: {
+        readonly root: "header-layout";
+    };
+    readonly mainMenu: {
+        readonly root: "header";
+        readonly drawerButton: "header__drawer-menu-button";
+        readonly drawer: "header__drawer-menu";
+        readonly drawerMobile: "header__drawer-menu-mobile";
+        readonly search: "header__drawer-menu__search";
+    };
+    readonly userMenu: {
+        readonly root: "header__user-menu";
+        readonly button: "header__user-menu__button";
+        readonly mobile: "header__user-menu-mobile";
+    };
+    readonly breadcrumbs: {
+        readonly root: "header__breadcrumbs";
+    };
+};

package/dist/cjs/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+    headerLayout: {
+        root: 'header-layout',
+    },
+    mainMenu: {
+        root: 'header',
+        drawerButton: 'header__drawer-menu-button',
+        drawer: 'header__drawer-menu',
+        drawerMobile: 'header__drawer-menu-mobile',
+        search: 'header__drawer-menu__search',
+    },
+    userMenu: {
+        root: 'header__user-menu',
+        button: 'header__user-menu__button',
+        mobile: 'header__user-menu-mobile',
+    },
+    breadcrumbs: {
+        root: 'header__breadcrumbs',
+    },
+};

package/dist/cjs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './constants';
+export * from './locale';
+export { useLocalStorage } from '@cloud-ru/ds-utils';

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalStorage = void 0;
+__exportStar(require("./components"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./locale"), exports);
+var utils_1 = require("@cloud-ru/ds-utils");
+Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return utils_1.useLocalStorage; } });