@cloud-ru/uikit-product-site-header 0.4.8 → 0.4.10

package/dist/cjs/helperComponents/ButtonBurger/ButtonBurger.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.ButtonBurger = ButtonBurger;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ButtonBurger({ mobileMenuOpen, onClick }) {
+    return ((0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.buttonBurger, onClick: onClick, children: mobileMenuOpen ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CloseSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.BurgerSVG, {}) }));
+}

package/dist/cjs/helperComponents/ButtonBurger/index.d.ts

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

package/dist/cjs/helperComponents/ButtonBurger/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("./ButtonBurger"), exports);

package/dist/cjs/helperComponents/ButtonBurger/styles.module.css

@@ -0,0 +1,17 @@
+.buttonBurger{
+  background-color:transparent;
+  cursor:pointer;
+  box-shadow:none;
+  padding:0;
+  height:32px;
+  width:32px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+  border:2px solid var(--sys-graphite-decor-default, #ececec);
+  color:var(--sys-graphite-accent-default, #222222);
+}
+.buttonBurger:active, .buttonBurger:focus{
+  outline:none;
+}

package/dist/cjs/helperComponents/LinkItemHeader/LinkItemHeader.d.ts

@@ -0,0 +1,10 @@
+type LinkItemHeaderProps = {
+    href?: string;
+    target?: string;
+    label: string;
+    withoutHover?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+};
+export declare function LinkItemHeader({ href, label, onClick, withoutHover, target, active }: LinkItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/LinkItemHeader/LinkItemHeader.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkItemHeader = LinkItemHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function LinkItemHeader({ href, label, onClick, withoutHover, target, active }) {
+    if (href) {
+        return ((0, jsx_runtime_1.jsx)("a", { href: href, target: target, onClick: onClick, className: styles_module_scss_1.default.item, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleS, { children: label }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: (0, classnames_1.default)(styles_module_scss_1.default.item, styles_module_scss_1.default.button, {
+            [styles_module_scss_1.default.active]: active,
+            [styles_module_scss_1.default.hovered]: !withoutHover && !active,
+        }), children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleS, { children: label }) }));
+}

package/dist/cjs/helperComponents/LinkItemHeader/index.d.ts

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

package/dist/cjs/helperComponents/LinkItemHeader/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("./LinkItemHeader"), exports);

package/dist/cjs/helperComponents/LinkItemHeader/styles.module.css

@@ -0,0 +1,46 @@
+.button{
+  background-color:transparent;
+  border:none;
+  box-shadow:none;
+  padding:0;
+}
+.button:active, .button:focus{
+  outline:none;
+}
+
+.item{
+  position:relative;
+  text-decoration:none;
+  color:var(--sys-graphite-accent-default, #222222);
+  transition:color 0.3s ease-in-out;
+  cursor:pointer;
+}
+.item:hover{
+  color:var(--sys-graphite-accent-hovered, #383838);
+}
+
+.hovered::after{
+  content:"";
+  position:absolute;
+  bottom:-20px;
+  left:0;
+  width:100%;
+  height:2px;
+  opacity:0;
+  background:var(--sys-primary-accent-default, #26d07c);
+  transition:opacity 0.3s ease-in-out;
+}
+.hovered:hover::after{
+  opacity:1;
+}
+
+.active::after{
+  content:"";
+  position:absolute;
+  bottom:-20px;
+  left:0;
+  width:100%;
+  height:2px;
+  opacity:1;
+  background:var(--sys-primary-accent-default, #26d07c);
+}

package/dist/cjs/helperComponents/LogoContent/LogoContent.d.ts

@@ -0,0 +1,7 @@
+import { AdditionalLogoText, Logo } from '../../components/SiteHeaderBasic/SiteHeaderBasic';
+export type LogoContentProps = {
+    additionalLogoText?: AdditionalLogoText;
+    logo: Logo;
+    isMobile?: boolean;
+};
+export declare function LogoContent({ additionalLogoText, isMobile, logo }: LogoContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/LogoContent/LogoContent.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoContent = LogoContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function LogoContent({ additionalLogoText, isMobile, logo }) {
+    const heightIconSizeProp = isMobile ? 102 : 130;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.logoContentContainer, children: [(0, jsx_runtime_1.jsx)("a", { href: logo.logoLink, onClick: logo.onClick, className: styles_module_scss_1.default.logoLink, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CloudFullLogoSVG, { size: heightIconSizeProp, width: '60px' }) }), additionalLogoText && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.subLogo, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { className: styles_module_scss_1.default.slash, size: 'm', purpose: 'title', family: 'sans', children: "/" }), (0, jsx_runtime_1.jsx)("a", { href: additionalLogoText.link, onClick: additionalLogoText.onClick, className: styles_module_scss_1.default.link, children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { size: 'm', purpose: 'title', family: 'sans', children: additionalLogoText.text }) })] }))] }));
+}

package/dist/cjs/helperComponents/LogoContent/index.d.ts

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

package/dist/cjs/helperComponents/LogoContent/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("./LogoContent"), exports);

package/dist/cjs/helperComponents/LogoContent/styles.module.css

@@ -0,0 +1,35 @@
+.logoContentContainer{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:10px;
+}
+
+.link{
+  text-decoration:none;
+  display:flex;
+  align-items:center;
+  color:var(--sys-graphite-accent-default, #222222);
+}
+.link:hover{
+  color:var(--sys-primary-accent-hovered, #12bf6a);
+}
+.link:active{
+  color:var(--sys-primary-accent-pressed, #0ea55b);
+}
+
+.slash{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+
+.logoLink{
+  display:flex;
+  align-items:center;
+}
+
+.subLogo{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:8px;
+}

package/dist/cjs/helperComponents/MobileMenu/MobileMenu.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type MobileMenuProps = {
+    mobileMenuOpen: boolean;
+    mobileMenuContent: ReactNode;
+    mobileConsultationButton?: ReactNode;
+    onClickForCloseMobileMenu: () => void;
+};
+export declare function MobileMenu({ mobileMenuOpen, onClickForCloseMobileMenu, mobileMenuContent, mobileConsultationButton, }: MobileMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/MobileMenu/MobileMenu.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.MobileMenu = MobileMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileMenu({ mobileMenuOpen, onClickForCloseMobileMenu, mobileMenuContent, mobileConsultationButton, }) {
+    return ((0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, { open: mobileMenuOpen, onClose: onClickForCloseMobileMenu, className: styles_module_scss_1.default.mobileMenu, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: '\u041C\u0435\u043D\u044E', align: 'center' }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { content: mobileMenuContent }), mobileConsultationButton && (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Footer, { actions: mobileConsultationButton })] }));
+}

package/dist/cjs/helperComponents/MobileMenu/index.d.ts

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

package/dist/cjs/helperComponents/MobileMenu/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("./MobileMenu"), exports);

package/dist/cjs/helperComponents/MobileMenu/styles.module.css

@@ -0,0 +1,7 @@
+.mobileMenu{
+  scrollbar-width:none;
+  -ms-overflow-style:none;
+}
+.mobileMenu::-webkit-scrollbar{
+  display:none;
+}

package/dist/cjs/helperComponents/MoreButton/MoreButton.d.ts

@@ -0,0 +1,7 @@
+import { LinkItem } from '../../components/HeaderItems/types';
+type MoreButtonProps = {
+    linkItemsArray: LinkItem[];
+    activeItemId?: string;
+};
+export declare function MoreButton({ linkItemsArray, activeItemId }: MoreButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/MoreButton/MoreButton.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreButton = MoreButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const dropdown_1 = require("@snack-uikit/dropdown");
+const LinkItemHeader_1 = require("../LinkItemHeader");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MoreButton({ linkItemsArray, activeItemId }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const onClickOpen = () => {
+        setOpen(prev => !prev);
+    };
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { placement: 'bottom-start', open: open, outsideClick: () => {
+            onClickOpen();
+            return false;
+        }, content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tagRowDropListScroll, children: linkItemsArray.map(item => ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.rowLinkMore, {
+                    [styles_module_scss_1.default.hovered]: !item.href,
+                    [styles_module_scss_1.default.active]: item.id === activeItemId && !item.href,
+                }), children: (0, jsx_runtime_1.jsx)(LinkItemHeader_1.LinkItemHeader, { label: item.label, onClick: () => {
+                        item.onClick && item.onClick();
+                        onClickOpen();
+                    }, href: item.href, withoutHover: true }) }, item.id))) }), children: (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.button, onClick: onClickOpen, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.MoreSVG, {}) }) }));
+}

package/dist/cjs/helperComponents/MoreButton/index.d.ts

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

package/dist/cjs/helperComponents/MoreButton/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("./MoreButton"), exports);

package/dist/cjs/helperComponents/MoreButton/styles.module.css

@@ -0,0 +1,33 @@
+.tagRowDropListScroll{
+  display:flex;
+  flex-direction:column;
+  align-items:start;
+  width:140px;
+}
+
+.rowLinkMore{
+  padding:8px 10px;
+  border-left:2px solid transparent;
+  transition:color 0.3s ease-in-out;
+}
+
+.hovered:hover{
+  border-left:2px solid var(--sys-primary-accent-default, #26d07c);
+}
+
+.button{
+  background-color:transparent;
+  border:none;
+  box-shadow:none;
+  padding:0;
+  display:flex;
+  align-items:center;
+  cursor:pointer;
+}
+.button:active, .button:focus{
+  outline:none;
+}
+
+.active{
+  border-left:2px solid var(--sys-primary-accent-default, #26d07c);
+}

package/dist/cjs/helperComponents/UserInfo/UserInfo.d.ts

@@ -0,0 +1,7 @@
+type UserInfoProps = {
+    userName: string;
+    lastName: string;
+    className?: string;
+};
+export declare function UserInfo({ userName, lastName, className }: UserInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/UserInfo/UserInfo.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserInfo = UserInfo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const avatar_1 = require("@snack-uikit/avatar");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function UserInfo({ userName, lastName, className }) {
+    const fullName = `${lastName} ${userName}`;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.root, className), children: [(0, jsx_runtime_1.jsx)(avatar_1.Avatar, { name: fullName, size: 'xs', showTwoSymbols: true, appearance: 'green' }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'div', size: 's', purpose: 'body', family: 'sans', className: styles_module_scss_1.default.text, children: fullName })] }));
+}

package/dist/cjs/helperComponents/UserInfo/index.d.ts

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

package/dist/cjs/helperComponents/UserInfo/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("./UserInfo"), exports);

package/dist/cjs/helperComponents/UserInfo/styles.module.css

@@ -0,0 +1,13 @@
+.root{
+  display:grid;
+  grid-template-columns:24px 188px;
+  align-items:center;
+  gap:8px;
+}
+
+.text{
+  text-overflow:ellipsis;
+  overflow:hidden;
+  white-space:nowrap;
+  color:var(--sys-neutral-text-main, #41424e);
+}

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

@@ -0,0 +1,5 @@
+export * from './MoreButton';
+export * from './LinkItemHeader';
+export * from './ButtonBurger';
+export * from './LogoContent';
+export * from './MobileMenu';

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,21 @@
+"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("./MoreButton"), exports);
+__exportStar(require("./LinkItemHeader"), exports);
+__exportStar(require("./ButtonBurger"), exports);
+__exportStar(require("./LogoContent"), exports);
+__exportStar(require("./MobileMenu"), exports);

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

@@ -0,0 +1,2 @@
+export * from './useResizeObserver';
+export * from './useHeaderPosition';

package/dist/cjs/hooks/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("./useResizeObserver"), exports);
+__exportStar(require("./useHeaderPosition"), exports);

package/dist/cjs/hooks/useHeaderPosition.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare const useHeaderPosition: (isModalMenuOpen?: boolean, refHeader?: RefObject<HTMLDivElement>) => {
+    showHeader: boolean;
+    headerPosition: number;
+    headerHeight: number;
+};

package/dist/cjs/hooks/useHeaderPosition.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaderPosition = void 0;
+const react_1 = require("react");
+const useHeaderPosition = (isModalMenuOpen, refHeader) => {
+    const [showHeader, setShowHeader] = (0, react_1.useState)(true);
+    const [headerPosition, setHeaderPosition] = (0, react_1.useState)(0);
+    const [headerHeight, setHeaderHeight] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const targetScroll = () => {
+            const lastScrollPos = window.scrollY;
+            if (headerPosition !== 0) {
+                if (!isModalMenuOpen && lastScrollPos > headerPosition && showHeader && lastScrollPos > 150) {
+                    setShowHeader(false);
+                    setHeaderPosition(lastScrollPos);
+                }
+                else if (lastScrollPos < headerPosition && !showHeader) {
+                    setShowHeader(true);
+                }
+            }
+            setHeaderPosition(lastScrollPos);
+        };
+        const updateHeaderHeight = () => {
+            if (refHeader && refHeader.current) {
+                const height = refHeader.current.offsetHeight;
+                setHeaderHeight(Math.floor(height));
+            }
+        };
+        const handleResize = () => {
+            updateHeaderHeight();
+        };
+        updateHeaderHeight();
+        targetScroll();
+        window.addEventListener('scroll', targetScroll);
+        window.addEventListener('scroll', handleResize);
+        return () => {
+            window.removeEventListener('scroll', targetScroll);
+            window.removeEventListener('scroll', handleResize);
+        };
+    }, [showHeader, headerPosition, isModalMenuOpen, refHeader]);
+    return {
+        showHeader,
+        headerPosition,
+        headerHeight,
+    };
+};
+exports.useHeaderPosition = useHeaderPosition;

package/dist/cjs/hooks/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+export declare const useResizeObserver: (element: HTMLElement | null) => {
+    width: number;
+};

package/dist/cjs/hooks/useResizeObserver.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+const react_1 = require("react");
+const useResizeObserver = (element) => {
+    const [width, setWidth] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        if (!element) {
+            return;
+        }
+        const resizeObserver = new ResizeObserver(() => {
+            if (element.offsetWidth !== width) {
+                setWidth(element.offsetWidth);
+            }
+        });
+        resizeObserver.observe(element);
+        return () => resizeObserver.disconnect();
+    }, [element, width]);
+    return { width };
+};
+exports.useResizeObserver = useResizeObserver;

package/dist/cjs/index.d.ts

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

package/dist/cjs/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("./components"), exports);

package/dist/esm/components/HeaderItems/HeaderItem.d.ts

@@ -0,0 +1,10 @@
+import { LinkItem } from './types';
+export type HeaderItemProps = {
+    /** Список элементов для пунктов меню хэдера */
+    linkItems?: LinkItem[];
+    /** Флаг является ли сейчас мобильная версия */
+    isMobileTabletView?: boolean;
+    /** Id активного элемента списка меню */
+    activeLinkItemId?: string;
+};
+export declare function HeaderItems({ linkItems, isMobileTabletView, activeLinkItemId }: HeaderItemProps): import("react/jsx-runtime").JSX.Element | null;