@gravity-ui/page-constructor 6.0.0-alpha.5 → 6.0.0-beta.0

package/build/esm/navigation/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from '../../../models';
+import * as React from 'react';
+import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
 import './Navigation.css';
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -1,24 +1,20 @@
-import React, { useState } from 'react';
-import OutsideClick from '../../../components/OutsideClick/OutsideClick';
-import { Col, Grid, Row } from '../../../grid';
-import { block } from '../../../utils';
-import { useActiveNavItem, useShowBorder } from '../../hooks';
-import DesktopNavigation from '../DesktopNavigation/DesktopNavigation';
-import MobileNavigation from '../MobileNavigation/MobileNavigation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import OutsideClick from "../../../components/OutsideClick/OutsideClick.js";
+import { Col, Grid, Row } from "../../../grid/index.js";
+import { block } from "../../../utils/index.js";
+import { useActiveNavItem, useShowBorder } from "../../hooks/index.js";
+import DesktopNavigation from "../DesktopNavigation/DesktopNavigation.js";
+import MobileNavigation from "../MobileNavigation/MobileNavigation.js";
 import './Navigation.css';
 const b = block('navigation');
 export const Navigation = ({ data, logo, className }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
-    const [isSidebarOpened, setIsSidebarOpened] = useState(false);
+    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = useActiveNavItem(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return (React.createElement(Grid, { className: b({ 'with-border': showBorder }, className) },
-        React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement("nav", null,
-                    React.createElement(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                    React.createElement(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false) },
-                        React.createElement(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })))))));
+    return (_jsx(Grid, { className: b({ 'with-border': showBorder }, className), children: _jsx(Row, { children: _jsx(Col, { children: _jsxs("nav", { children: [_jsx(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), _jsx(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false), children: _jsx(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
 };
 export default Navigation;
+//# sourceMappingURL=Navigation.js.map

package/build/esm/navigation/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,YAAY,yDAAsD;AACzE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,+BAAsB;AAE7C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,6BAAoB;AAC5D,OAAO,iBAAiB,kDAA+C;AACvE,OAAO,gBAAgB,gDAA6C;AAEpE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;IACtF,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,KAAC,GAAG,cACA,KAAC,GAAG,cACA,0BACI,KAAC,iBAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,KAAC,YAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,KAAC,gBAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({data, logo, className}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/esm/navigation/components/NavigationItem/NavigationItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationItemProps } from '../../models';
+import * as React from 'react';
+import { NavigationItemProps } from "../../models.js";
 import './NavigationItem.css';
 export declare const NavigationItem: React.FC<NavigationItemProps>;
 export default NavigationItem;

package/build/esm/navigation/components/NavigationItem/NavigationItem.js

@@ -1,10 +1,11 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import omit from 'lodash/omit';
-import { BlockIdContext } from '../../../context/blockIdContext';
-import { NavigationItemType, NavigationItemTypes } from '../../../models';
-import { block } from '../../../utils';
-import { useNavigationItemMap } from './hooks/useNavigationItemMap';
+import { BlockIdContext } from "../../../context/blockIdContext/index.js";
+import { NavigationItemType, NavigationItemTypes } from "../../../models/index.js";
+import { block } from "../../../utils/index.js";
+import { useNavigationItemMap } from "./hooks/useNavigationItemMap.js";
 import './NavigationItem.css';
 const b = block('navigation-item');
 const ANALYTICS_ID = 'navigation';
@@ -14,7 +15,7 @@ export const NavigationItem = (_a) => {
     const { type = NavigationItemType.Link } = data;
     const navItemMap = useNavigationItemMap();
     const Component = navItemMap[type];
-    const componentProps = useMemo(() => {
+    const componentProps = React.useMemo(() => {
         const componentProperties = Object.assign(Object.assign({}, data), props);
         if (nonComplexNavigationItemTypes.includes(type)) {
             return omit(componentProperties, 'hidePopup', 'isActive');
@@ -23,8 +24,7 @@ export const NavigationItem = (_a) => {
             ? componentProperties
             : Object.assign(Object.assign({}, componentProperties), { menuLayout });
     }, [data, props, type, menuLayout]);
-    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID },
-        React.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
-            React.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));
+    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: _jsx("li", { className: b({ 'menu-layout': menuLayout }, className), children: _jsx(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
 };
 export default NavigationItem;
+//# sourceMappingURL=NavigationItem.js.map

package/build/esm/navigation/components/NavigationItem/NavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,iDAAwC;AAC/D,OAAO,EAAa,kBAAkB,EAAE,mBAAmB,EAAC,iCAAwB;AACpF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,EAAC,oBAAoB,EAAC,wCAAqC;AAElE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,mBAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAKxC,EAAE,EAAE;QALoC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,OAEQ,EADf,KAAK,cAJkD,mCAK7D,CADW;IAER,MAAM,EAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,mCAClB,IAAI,GACJ,KAAK,CACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,iCAAK,mBAAmB,KAAE,UAAU,GAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,aAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,KAAC,SAAS,oBAAK,cAAc,IAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,IAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n    (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n    data,\n    className,\n    menuLayout,\n    ...props\n}: NavigationItemProps) => {\n    const {type = NavigationItemType.Link} = data;\n    const navItemMap = useNavigationItemMap();\n    const Component = navItemMap[type] as CustomItem;\n    const componentProps = React.useMemo(() => {\n        const componentProperties = {\n            ...data,\n            ...props,\n        };\n\n        if (\n            nonComplexNavigationItemTypes.includes(\n                type as (typeof nonComplexNavigationItemTypes)[number],\n            )\n        ) {\n            return omit(componentProperties, 'hidePopup', 'isActive');\n        }\n\n        return NavigationItemTypes.includes(type)\n            ? componentProperties\n            : {...componentProperties, menuLayout};\n    }, [data, props, type, menuLayout]);\n\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            <li className={b({'menu-layout': menuLayout}, className)}>\n                <Component {...componentProps} className={b('content', {type})} />\n            </li>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport default NavigationItem;\n"]}

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ImageProps } from '../../../../../models';
+import * as React from 'react';
+import { ImageProps } from "../../../../../models/index.js";
 import './ContentWrapper.css';
 interface ContentWrapperProps {
     text: string;

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -1,11 +1,11 @@
-import React, { Fragment, useMemo } from 'react';
-import { Image } from '../../../../../components';
-import { block } from '../../../../../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Image } from "../../../../../components/index.js";
+import { block } from "../../../../../utils/index.js";
 import './ContentWrapper.css';
 const b = block('content-wrapper');
 export const ContentWrapper = ({ text, icon, iconSize }) => {
-    const iconSizeStyle = useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return (React.createElement(Fragment, null,
-        icon && typeof icon !== 'string' && (React.createElement(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))),
-        React.createElement("span", { className: b('text') }, text)));
+    const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
+    return (_jsxs(React.Fragment, { children: [icon && typeof icon !== 'string' && (_jsx(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), _jsx("span", { className: b('text'), children: text })] }));
 };
+//# sourceMappingURL=ContentWrapper.js.map

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,2CAAkC;AAEhD,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAQnC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,IAAI,IAAE,KAAK,EAAE,aAAa,IAAI,CAClE,EACD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n    const iconSizeStyle = React.useMemo(\n        () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n        [iconSize],\n    );\n\n    return (\n        <React.Fragment>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </React.Fragment>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.d.ts

@@ -1,6 +1,6 @@
-import { NavigationGithubButton } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import { NavigationGithubButton } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './GithubButton.css';
 type NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;
-export declare const GithubButton: ({ text, url, className, label, size, icon, urlTitle, }: NavigationGithubButtonProps) => JSX.Element;
+export declare const GithubButton: ({ text, url, className, label, size, icon, urlTitle, }: NavigationGithubButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -1,14 +1,15 @@
-import React, { useEffect, useRef } from 'react';
-import { NavigationGithubButtonIcon } from '../../../../../models';
-import { block } from '../../../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { NavigationGithubButtonIcon } from "../../../../../models/index.js";
+import { block } from "../../../../../utils/index.js";
 import './GithubButton.css';
 const b = block('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';
 /* More information about github-buttons in https://buttons.github.io/ */
 export const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
-    const containerRef = useRef(null);
-    const linkRef = useRef(null);
-    useEffect(() => {
+    const containerRef = React.useRef(null);
+    const linkRef = React.useRef(null);
+    React.useEffect(() => {
         const paint = () => {
             if (containerRef.current) {
                 const githubButton = containerRef.current.appendChild(document.createElement('span'));
@@ -37,7 +38,6 @@ export const GithubButton = ({ text, url, className, label, size, icon, urlTitle
             reset();
         };
     }, []);
-    return (React.createElement("div", { className: b(null, className) },
-        React.createElement("span", { ref: containerRef },
-            React.createElement("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size })), text))));
+    return (_jsx("div", { className: b(null, className), children: _jsx("span", { ref: containerRef, children: _jsx("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
 };
+//# sourceMappingURL=GithubButton.js.map

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAyB,0BAA0B,EAAC,uCAA8B;AACzF,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AACzE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;;YACf,IAAI,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,SAAS,KAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,eAAM,GAAG,EAAE,YAAY,YACnB,0BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,IAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,0BAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,EACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,cAEhC,IAAI,IACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ */\nexport const GithubButton = ({\n    text,\n    url,\n    className,\n    label,\n    size,\n    icon,\n    urlTitle,\n}: NavigationGithubButtonProps) => {\n    const containerRef = React.useRef<HTMLSpanElement>(null);\n    const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n    React.useEffect(() => {\n        const paint = () => {\n            if (containerRef.current) {\n                const githubButton = containerRef.current.appendChild(\n                    document.createElement('span'),\n                );\n                import(/* webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n                    if (linkRef.current !== null) {\n                        render(githubButton.appendChild(linkRef.current), (el) => {\n                            try {\n                                if (githubButton.parentNode) {\n                                    githubButton.parentNode.replaceChild(el, githubButton);\n                                }\n                            } catch (_) {}\n                        });\n                    }\n                });\n            }\n        };\n\n        const reset = () => {\n            if (containerRef?.current?.lastChild && linkRef.current) {\n                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n            }\n        };\n\n        paint();\n\n        return () => {\n            reset();\n        };\n    }, []);\n\n    return (\n        <div className={b(null, className)}>\n            <span ref={containerRef}>\n                <a\n                    href={url}\n                    ref={linkRef}\n                    title={urlTitle}\n                    data-show-count=\"true\"\n                    aria-label={label || DEFAULT_LABEL}\n                    {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n                    {...(size && {'data-size': size})}\n                >\n                    {text}\n                </a>\n            </span>\n        </div>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ButtonProps } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import * as React from 'react';
+import { ButtonProps } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './NavigationButton.css';
 type NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;
 export declare const NavigationButton: React.FC<NavigationButtonProps>;

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { Button, RouterLink } from '../../../../../components';
-import { BlockIdContext } from '../../../../../context/blockIdContext';
-import { block } from '../../../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, RouterLink } from "../../../../../components/index.js";
+import { BlockIdContext } from "../../../../../context/blockIdContext/index.js";
+import { block } from "../../../../../utils/index.js";
 import './NavigationButton.css';
 const b = block('navigation-button');
 const ANALYTICS_ID = 'navigation';
 export const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (React.createElement(Button, Object.assign({ className: classes }, props, { url: url }))) : (React.createElement(RouterLink, { href: url },
-        React.createElement(Button, Object.assign({}, props, { className: classes, url: url }))))));
+    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, Object.assign({ className: classes }, props, { url: url }))) : (_jsx(RouterLink, { href: url, children: _jsx(Button, Object.assign({}, props, { className: classes, url: url })) })) }));
 };
+//# sourceMappingURL=NavigationButton.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,2CAAkC;AAC7D,OAAO,EAAC,cAAc,EAAC,uDAA8C;AAErE,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAIlC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,kBAAC,SAAS,EAAE,OAAO,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n    const {url, target, className} = props;\n    const classes = b(null, className);\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            {target ? (\n                <Button className={classes} {...props} url={url} />\n            ) : (\n                <RouterLink href={url}>\n                    <Button {...props} className={classes} url={url} />\n                </RouterLink>\n            )}\n        </BlockIdContext.Provider>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.d.ts

@@ -1,6 +1,6 @@
-import { NavigationDropdownItem } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import { NavigationDropdownItem } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './NavigationDropdown.css';
 type NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;
-export declare const NavigationDropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: NavigationDropdownProps) => JSX.Element;
+export declare const NavigationDropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: NavigationDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -1,20 +1,18 @@
 import { __rest } from "tslib";
-import React, { Fragment, useRef } from 'react';
-import { ToggleArrow } from '../../../../../components';
-import { getMediaImage } from '../../../../../components/Media/Image/utils';
-import { block } from '../../../../../utils';
-import NavigationPopup from '../../../NavigationPopup/NavigationPopup';
-import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ToggleArrow } from "../../../../../components/index.js";
+import { getMediaImage } from "../../../../../components/Media/Image/utils.js";
+import { block } from "../../../../../utils/index.js";
+import NavigationPopup from "../../../NavigationPopup/NavigationPopup.js";
+import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
 import './NavigationDropdown.css';
 const b = block('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
 export const NavigationDropdown = (_a) => {
     var { text, icon, className, iconSize, hidePopup, items, isActive } = _a, props = __rest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
     const iconData = icon && getMediaImage(icon);
-    const anchorRef = useRef(null);
-    return (React.createElement(Fragment, null,
-        React.createElement("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive }),
-            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }),
-            React.createElement(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })),
-        React.createElement(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })));
+    const anchorRef = React.useRef(null);
+    return (_jsxs(React.Fragment, { children: [_jsxs("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive, children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), _jsx(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] })), _jsx(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
 };
+//# sourceMappingURL=NavigationDropdown.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,2CAAkC;AACtD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAE1E,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,eAAe,oDAAiD;AACvE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAI7B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,OAEc,EADnB,KAAK,cARuB,2EASlC,CADW;IAER,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,gCACI,GAAG,EAAE,SAAS,IACV,KAAK,IACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,KAAC,WAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,QAAQ,GAChB,KACG,EACT,KAAC,eAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ToggleArrow} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {NavigationDropdownItem} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport NavigationPopup from '../../../NavigationPopup/NavigationPopup';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\ntype NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown = ({\n    text,\n    icon,\n    className,\n    iconSize,\n    hidePopup,\n    items,\n    isActive,\n    ...props\n}: NavigationDropdownProps) => {\n    const iconData = icon && getMediaImage(icon);\n    const anchorRef = React.useRef<HTMLButtonElement>(null);\n    return (\n        <React.Fragment>\n            <button\n                ref={anchorRef}\n                {...props}\n                type=\"button\"\n                className={b(null, className)}\n                aria-expanded={isActive}\n            >\n                <ContentWrapper\n                    text={text}\n                    icon={iconData}\n                    iconSize={iconSize}\n                    aria-expanded={isActive}\n                />\n                <ToggleArrow\n                    className={b('arrow')}\n                    size={TOGGLE_ARROW_SIZE}\n                    type={'vertical'}\n                    iconType=\"navigation\"\n                    open={isActive}\n                />\n            </button>\n            <NavigationPopup\n                open={isActive}\n                onClose={hidePopup}\n                items={items}\n                anchorRef={anchorRef}\n            />\n        </React.Fragment>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { NavigationLinkItem } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import * as React from 'react';
+import { NavigationLinkItem } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './NavigationLink.css';
 type NavigationLinkProps = NavigationItemProps & NavigationLinkItem;
 export declare const NavigationLink: React.FC<NavigationLinkProps>;

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -1,27 +1,26 @@
 import { __rest } from "tslib";
-import React, { Fragment, useContext } from 'react';
-import { RouterLink } from '../../../../../components';
-import { getMediaImage } from '../../../../../components/Media/Image/utils';
-import { LocationContext } from '../../../../../context/locationContext';
-import { NavigationArrow } from '../../../../../icons';
-import { block, getLinkProps } from '../../../../../utils';
-import { ContentWrapper } from '../ContentWrapper/ContentWrapper';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { RouterLink } from "../../../../../components/index.js";
+import { getMediaImage } from "../../../../../components/Media/Image/utils.js";
+import { LocationContext } from "../../../../../context/locationContext/index.js";
+import { NavigationArrow } from "../../../../../icons/index.js";
+import { block, getLinkProps } from "../../../../../utils/index.js";
+import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
 import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {
-    const { hostname, Link } = useContext(LocationContext);
+    const { hostname, Link } = React.useContext(LocationContext);
     const { url, text, icon, arrow, target, className, iconSize, urlTitle } = props, rest = __rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize", "urlTitle"]);
     const linkExtraProps = getLinkProps(url, hostname, target);
     const iconData = icon && getMediaImage(icon);
     const classes = b(null, className);
-    const content = (React.createElement(Fragment, null,
-        React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
-        arrow && React.createElement(NavigationArrow, { className: b('arrow') })));
+    const content = (_jsxs(React.Fragment, { children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }), arrow && _jsx(NavigationArrow, { className: b('arrow') })] }));
     if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
-        return (React.createElement("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps), content));
+        return (_jsx("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps, { children: content })));
     }
     else {
-        return (React.createElement(RouterLink, { href: url, passHref: true },
-            React.createElement("a", Object.assign({ title: urlTitle || text }, rest, { className: classes }), content)));
+        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", Object.assign({ title: urlTitle || text }, rest, { className: classes, children: content })) }));
     }
 };
+//# sourceMappingURL=NavigationLink.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,2CAAkC;AACrD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAC1E,OAAO,EAAC,eAAe,EAAC,wDAA+C;AACvE,OAAO,EAAC,eAAe,EAAC,sCAA6B;AAErD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,sCAA6B;AAEzD,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAAhF,+EAAwE,CAAQ,CAAC;IACvF,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,0BACI,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IAAI,IAAI,EACvB,SAAS,EAAE,OAAO,IACd,IAAI,EACJ,cAAc,cAEjB,OAAO,IACR,CACP,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,0BAAG,KAAK,EAAE,QAAQ,IAAI,IAAI,IAAM,IAAI,IAAE,SAAS,EAAE,OAAO,YACnD,OAAO,IACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {RouterLink} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {LocationContext} from '../../../../../context/locationContext';\nimport {NavigationArrow} from '../../../../../icons';\nimport {NavigationLinkItem} from '../../../../../models';\nimport {block, getLinkProps} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationLink.scss';\n\nconst b = block('navigation-link');\n\ntype NavigationLinkProps = NavigationItemProps & NavigationLinkItem;\n\nexport const NavigationLink: React.FC<NavigationLinkProps> = (props) => {\n    const {hostname, Link} = React.useContext(LocationContext);\n    const {url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest} = props;\n    const linkExtraProps = getLinkProps(url, hostname, target);\n    const iconData = icon && getMediaImage(icon);\n\n    const classes = b(null, className);\n    const content = (\n        <React.Fragment>\n            <ContentWrapper text={text} icon={iconData} iconSize={iconSize} />\n            {arrow && <NavigationArrow className={b('arrow')} />}\n        </React.Fragment>\n    );\n\n    if (linkExtraProps?.target || !Link) {\n        return (\n            <a\n                href={url}\n                title={urlTitle || text}\n                className={classes}\n                {...rest}\n                {...linkExtraProps}\n            >\n                {content}\n            </a>\n        );\n    } else {\n        return (\n            <RouterLink href={url} passHref>\n                <a title={urlTitle || text} {...rest} className={classes}>\n                    {content}\n                </a>\n            </RouterLink>\n        );\n    }\n};\n"]}

package/build/esm/navigation/components/NavigationItem/hooks/useNavigationItemMap.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 export declare const useNavigationItemMap: () => {
-    button: import("react").FC<Pick<import("../../..").NavigationItemProps, "className"> & import("../../../..").ButtonProps>;
-    social: import("react").FC<import("../../..").NavigationSocialItemOwnProps>;
-    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("../../..").NavigationItemProps & import("../../../..").NavigationDropdownItem) => JSX.Element;
-    link: import("react").FC<import("../../..").NavigationItemProps & import("../../../..").NavigationLinkItem>;
-    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("../../..").NavigationItemProps & import("../../../..").NavigationGithubButton) => JSX.Element;
+    button: React.FC<Pick<import("../../../index.js").NavigationItemProps, "className"> & import("../../../../index.js").ButtonProps>;
+    social: React.FC<import("../../../index.js").NavigationSocialItemOwnProps>;
+    dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
+    link: React.FC<import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationLinkItem>;
+    "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("../../../index.js").NavigationItemProps & import("../../../../index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
 };

package/build/esm/navigation/components/NavigationItem/hooks/useNavigationItemMap.js

@@ -1,8 +1,9 @@
-import { useContext } from 'react';
+import * as React from 'react';
 import isEmpty from 'lodash/isEmpty';
-import { navItemMap as NavItemMapDefault } from '../../../../constructor-items';
-import { InnerContext } from '../../../../context/innerContext';
+import { navItemMap as NavItemMapDefault } from "../../../../constructor-items.js";
+import { InnerContext } from "../../../../context/innerContext/index.js";
 export const useNavigationItemMap = () => {
-    const { navItemMap } = useContext(InnerContext);
+    const { navItemMap } = React.useContext(InnerContext);
     return isEmpty(navItemMap) ? NavItemMapDefault : navItemMap;
 };
+//# sourceMappingURL=useNavigationItemMap.js.map

package/build/esm/navigation/components/NavigationItem/hooks/useNavigationItemMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationItemMap.js","sourceRoot":"../../../../../../src","sources":["navigation/components/NavigationItem/hooks/useNavigationItemMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAC,UAAU,IAAI,iBAAiB,EAAC,yCAAsC;AAC9E,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAC,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEpD,OAAO,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC;AAChE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport {navItemMap as NavItemMapDefault} from '../../../../constructor-items';\nimport {InnerContext} from '../../../../context/innerContext';\n\nexport const useNavigationItemMap = () => {\n    const {navItemMap} = React.useContext(InnerContext);\n\n    return isEmpty(navItemMap) ? NavItemMapDefault : navItemMap;\n};\n"]}

package/build/esm/navigation/components/NavigationItem/index.d.ts

@@ -1,6 +1,6 @@
-export { GithubButton } from './components/GithubButton/GithubButton';
-export { NavigationButton } from './components/NavigationButton/NavigationButton';
-export { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
-export { NavigationLink } from './components/NavigationLink/NavigationLink';
-import NavigationItem from './NavigationItem';
+export { GithubButton } from "./components/GithubButton/GithubButton.js";
+export { NavigationButton } from "./components/NavigationButton/NavigationButton.js";
+export { NavigationDropdown } from "./components/NavigationDropdown/NavigationDropdown.js";
+export { NavigationLink } from "./components/NavigationLink/NavigationLink.js";
+import NavigationItem from "./NavigationItem.js";
 export default NavigationItem;

package/build/esm/navigation/components/NavigationItem/index.js

@@ -1,6 +1,7 @@
-export { GithubButton } from './components/GithubButton/GithubButton';
-export { NavigationButton } from './components/NavigationButton/NavigationButton';
-export { NavigationDropdown } from './components/NavigationDropdown/NavigationDropdown';
-export { NavigationLink } from './components/NavigationLink/NavigationLink';
-import NavigationItem from './NavigationItem';
+export { GithubButton } from "./components/GithubButton/GithubButton.js";
+export { NavigationButton } from "./components/NavigationButton/NavigationButton.js";
+export { NavigationDropdown } from "./components/NavigationDropdown/NavigationDropdown.js";
+export { NavigationLink } from "./components/NavigationLink/NavigationLink.js";
+import NavigationItem from "./NavigationItem.js";
 export default NavigationItem;
+//# sourceMappingURL=index.js.map

package/build/esm/navigation/components/NavigationItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,kDAA+C;AACpE,OAAO,EAAC,gBAAgB,EAAC,0DAAuD;AAChF,OAAO,EAAC,kBAAkB,EAAC,8DAA2D;AACtF,OAAO,EAAC,cAAc,EAAC,sDAAmD;AAE1E,OAAO,cAAc,4BAAyB;AAE9C,eAAe,cAAc,CAAC","sourcesContent":["export {GithubButton} from './components/GithubButton/GithubButton';\nexport {NavigationButton} from './components/NavigationButton/NavigationButton';\nexport {NavigationDropdown} from './components/NavigationDropdown/NavigationDropdown';\nexport {NavigationLink} from './components/NavigationLink/NavigationLink';\n\nimport NavigationItem from './NavigationItem';\n\nexport default NavigationItem;\n"]}

package/build/esm/navigation/components/NavigationList/NavigationList.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { NavigationListProps } from '../../models';
+import * as React from 'react';
+import { NavigationListProps } from "../../models.js";
 export declare const NavigationList: React.FC<NavigationListProps>;

package/build/esm/navigation/components/NavigationList/NavigationList.js

@@ -1,7 +1,8 @@
 import { __rest } from "tslib";
-import React from 'react';
-import NavigationListItem from '../NavigationListItem/NavigationListItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+import NavigationListItem from "../NavigationListItem/NavigationListItem.js";
 export const NavigationList = (_a) => {
     var { className, itemClassName, items } = _a, props = __rest(_a, ["className", "itemClassName", "items"]);
-    return (React.createElement("ul", { className: className }, items.map((item, index) => (React.createElement(NavigationListItem, Object.assign({ key: index, index: index, data: item, className: itemClassName }, props))))));
+    return (_jsx("ul", { className: className, children: items.map((item, index) => (_jsx(NavigationListItem, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
 };
+//# sourceMappingURL=NavigationList.js.map

package/build/esm/navigation/components/NavigationList/NavigationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;AAGA,OAAO,kBAAkB,oDAAiD;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAK7D,EAAE,EAAE;QALyD,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,OAER,EADM,KAAK,cAJkD,uCAK7D,CADW;IACN,OAAA,CACF,aAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,kBAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,IACpB,KAAK,GAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAA;CAAA,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListProps} from '../../models';\nimport NavigationListItem from '../NavigationListItem/NavigationListItem';\n\nexport const NavigationList: React.FC<NavigationListProps> = ({\n    className,\n    itemClassName,\n    items,\n    ...props\n}) => (\n    <ul className={className}>\n        {items.map((item, index) => (\n            <NavigationListItem\n                key={index}\n                index={index}\n                data={item}\n                className={itemClassName}\n                {...props}\n            />\n        ))}\n    </ul>\n);\n"]}

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { NavigationListItemProps } from '../../models';
+import * as React from 'react';
+import { NavigationListItemProps } from "../../models.js";
 export declare const NavigationListItem: React.FC<NavigationListItemProps>;
 export default NavigationListItem;

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
-import React from 'react';
-import { getItemClickHandler } from '../../utils';
-import NavigationItem from '../NavigationItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getItemClickHandler } from "../../utils.js";
+import NavigationItem from "../NavigationItem/index.js";
 export const NavigationListItem = (_a) => {
     var { column, index, activeItemId, onActiveItemChange } = _a, props = __rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
     const id = `${column}-${index}`;
@@ -12,6 +12,7 @@ export const NavigationListItem = (_a) => {
         activeItemId,
         onActiveItemChange,
     });
-    return (React.createElement(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return (_jsx(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
 };
 export default NavigationListItem;
+//# sourceMappingURL=NavigationListItem.js.map

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAC,mBAAmB,EAAC,uBAAoB;AAChD,OAAO,cAAc,mCAA0B;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAM5C,EAAE,EAAE;QANwC,EAClE,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,OAEI,EADnB,KAAK,cAL0D,yDAMrE,CADW;IAER,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,KAAK,YAAY,CAAC;IACrC,MAAM,OAAO,GAAG,mBAAmB,CAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,cAAc,kBACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,IACzB,KAAK,EACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListItemProps} from '../../models';\nimport {getItemClickHandler} from '../../utils';\nimport NavigationItem from '../NavigationItem';\n\nexport const NavigationListItem: React.FC<NavigationListItemProps> = ({\n    column,\n    index,\n    activeItemId,\n    onActiveItemChange,\n    ...props\n}: NavigationListItemProps) => {\n    const id = `${column}-${index}`;\n    const isActive = id === activeItemId;\n    const onClick = getItemClickHandler({\n        column,\n        index,\n        activeItemId,\n        onActiveItemChange,\n    });\n\n    return (\n        <NavigationItem\n            isActive={isActive}\n            onClick={onClick}\n            hidePopup={onActiveItemChange}\n            {...props}\n        />\n    );\n};\n\nexport default NavigationListItem;\n"]}

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationPopupProps } from '../../models';
+import * as React from 'react';
+import { NavigationPopupProps } from "../../models.js";
 import './NavigationPopup.css';
 export declare const NavigationPopup: React.FC<NavigationPopupProps>;
 export default NavigationPopup;

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.js

@@ -1,15 +1,15 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Popup } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
-import { NavigationLayout } from '../../models';
-import NavigationItem from '../NavigationItem';
+import { block } from "../../../utils/index.js";
+import { NavigationLayout } from "../../models.js";
+import NavigationItem from "../NavigationItem/index.js";
 import './NavigationPopup.css';
 const b = block('navigation-popup');
-const OFFSET_RESET = [0, 0];
-export const NavigationPopup = ({ anchorRef, items, onClose, className, open, }) => (React.createElement(Popup
+const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
+export const NavigationPopup = ({ anchorRef, items, onClose, open, }) => (_jsx(Popup
 // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
 , { 
     // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-    anchorRef: open ? anchorRef : undefined, contentClassName: b(null, className), open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET },
-    React.createElement("ul", { className: b('list') }, items.map((item) => (React.createElement(NavigationItem, { key: item.text, className: b('link'), data: item, menuLayout: NavigationLayout.Dropdown }))))));
+    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: _jsx("ul", { className: b('list'), children: items.map((item) => (_jsx(NavigationItem, { className: b('link'), data: item, menuLayout: NavigationLayout.Dropdown }, item.text))) }) }));
 export default NavigationPopup;
+//# sourceMappingURL=NavigationPopup.js.map

package/build/esm/navigation/components/NavigationPopup/NavigationPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAuB,wBAAqB;AACpE,OAAO,cAAc,mCAA0B;AAE/C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE,CAAC,CACF,KAAC,KAAK;AACF,0HAA0H;;IAA1H,0HAA0H;IAC1H,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,OAAO,EACvB,WAAW,QACX,aAAa,QACb,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,aAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,cAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,gBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n    anchorRef,\n    items,\n    onClose,\n    open,\n}) => (\n    <Popup\n        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n        anchorRef={open ? anchorRef : undefined}\n        open={open}\n        onClose={onClose}\n        onOutsideClick={onClose}\n        keepMounted\n        disablePortal\n        strategy=\"fixed\"\n        placement=\"bottom-start\"\n        offset={OFFSET_RESET}\n    >\n        <ul className={b('list')}>\n            {items.map((item) => (\n                <NavigationItem\n                    key={item.text}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    </Popup>\n);\n\nexport default NavigationPopup;\n"]}

package/build/esm/navigation/components/SocialIcon/SocialIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationSocialItem } from '../../../models';
+import * as React from 'react';
+import { NavigationSocialItem } from "../../../models/index.js";
 import './SocialIcon.css';
 export interface NavigationSocialItemOwnProps extends NavigationSocialItem {
     className?: string;