@diplodoc/components 5.16.2 → 5.17.2

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

@@ -1,5 +1,5 @@
 // src/components/navigation/CustomNavigation/CustomNavigation.tsx
-import React, { memo, useCallback, useEffect } from "react";
+import { memo, useCallback, useEffect } from "react";
 import {
   Col,
   DesktopNavigation,
@@ -15,6 +15,7 @@ import { useItemsWithCustomDropdowns } from "../hooks";
 import { CommonAnalyticsEvent, useAnalytics } from "../../../shared/libs/analytics";
 import "./CustomNavigation.css";
 import { useMainMenuOpenness, useSidebarOpenness } from "./hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CLASS_NAME = "pc-navigation";
 var PC_PARANT_CLASS_NAME = "pc-layout__navigation";
 var b = block(CLASS_NAME);
@@ -62,28 +63,31 @@ var CustomNavigation = memo((props) => {
       analytics.track(CommonAnalyticsEvent.DOCS_HEADER_SANDWICH_MENU_CLICK);
     }
   }, [analytics, isSidebarOpened]);
-  return /* @__PURE__ */ React.createElement(Grid, { className: b({ "with-border": showBorder }, PC_PARANT_CLASS_NAME) }, /* @__PURE__ */ React.createElement(Row, null, /* @__PURE__ */ React.createElement(Col, null, /* @__PURE__ */ React.createElement("nav", { onClickCapture: handleLogoClick }, /* @__PURE__ */ React.createElement(
-    DesktopNavigation,
-    {
-      logo,
-      activeItemId,
-      onActiveItemChange,
-      leftItemsWithIconSize: leftItemsWithCustomDropdowns,
-      rightItemsWithIconSize,
-      customMobileHeaderItems,
-      isSidebarOpened,
-      onSidebarOpenedChange
-    }
-  ), /* @__PURE__ */ React.createElement(Sidebar, { isOpened: isSidebarOpened }, /* @__PURE__ */ React.createElement(
-    SidebarContent,
-    {
-      mainMenuOpenessData,
-      pcNavigationData,
-      navigationTocData,
-      mobileControlsData,
-      className: b()
-    }
-  ))))));
+  return /* @__PURE__ */ jsx(Grid, { className: b({ "with-border": showBorder }, PC_PARANT_CLASS_NAME), children: /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsxs("nav", { onClickCapture: handleLogoClick, children: [
+    /* @__PURE__ */ jsx(
+      DesktopNavigation,
+      {
+        logo,
+        activeItemId,
+        onActiveItemChange,
+        leftItemsWithIconSize: leftItemsWithCustomDropdowns,
+        rightItemsWithIconSize,
+        customMobileHeaderItems,
+        isSidebarOpened,
+        onSidebarOpenedChange
+      }
+    ),
+    /* @__PURE__ */ jsx(Sidebar, { isOpened: isSidebarOpened, children: /* @__PURE__ */ jsx(
+      SidebarContent,
+      {
+        mainMenuOpenessData,
+        pcNavigationData,
+        navigationTocData,
+        mobileControlsData,
+        className: b()
+      }
+    ) })
+  ] }) }) }) });
 });
 CustomNavigation.displayName = "CustomNavigation";
 var CustomNavigation_default = CustomNavigation;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.tsx"],
   "sourcesContent": ["import type {MouseEvent} from 'react';\nimport type {NavigationComponentProps} from '@gravity-ui/page-constructor';\nimport type {MobileControlsProps} from '../../MobileControls/MobileControls';\nimport type {NavigationTocProps} from '../SidebarContent/SidebarContent';\n\nimport React, {memo, useCallback, useEffect} from 'react';\nimport {\n    Col,\n    DesktopNavigation,\n    Grid,\n    Row,\n    useActiveNavItem,\n    useShowBorder,\n} from '@gravity-ui/page-constructor';\nimport block from 'bem-cn-lite';\n\nimport Sidebar from '../Sidebar/Sidebar';\nimport SidebarContent from '../SidebarContent/SidebarContent';\nimport {useItemsWithCustomDropdowns} from '../hooks';\nimport {CommonAnalyticsEvent, useAnalytics} from '../../../shared/libs/analytics';\n\nimport './CustomNavigation.scss';\nimport {useMainMenuOpenness, useSidebarOpenness} from './hooks';\n\nconst CLASS_NAME = 'pc-navigation';\nconst PC_PARANT_CLASS_NAME = 'pc-layout__navigation';\n\nconst b = block(CLASS_NAME);\n\nexport interface CustomNavigationProps extends NavigationComponentProps {\n    mobileControlsData?: MobileControlsProps;\n    navigationTocData: NavigationTocProps;\n}\n\nexport const CustomNavigation: React.FC<CustomNavigationProps> = memo((props) => {\n    const {logo, data, mobileControlsData, navigationTocData} = props;\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const analytics = useAnalytics();\n    const [isMainMenuOpened, closeMainMenu, mainMenuOpenessData] = useMainMenuOpenness();\n    const [isSidebarOpened, onSidebarOpenedChange] = useSidebarOpenness(\n        isMainMenuOpened,\n        closeMainMenu,\n        navigationTocData,\n    );\n\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n    const [leftItemsWithCustomDropdowns, rightItemsWithCustomDropdowns] =\n        useItemsWithCustomDropdowns(leftItemsWithIconSize, rightItemsWithIconSize);\n\n    const pcNavigationData = {\n        leftItemsWithIconSize: leftItemsWithCustomDropdowns,\n        rightItemsWithIconSize: rightItemsWithCustomDropdowns,\n        onActiveItemChange,\n    };\n\n    const handleLogoClick = useCallback(\n        (event: MouseEvent<HTMLElement>) => {\n            if (!logo.url) {\n                return;\n            }\n\n            const link = (event.target as HTMLElement).closest(\n                `a[href='${logo.url}'][class~='pc-logo']`,\n            );\n\n            if (link) {\n                analytics.track(CommonAnalyticsEvent.DOCS_HEADER_LOGO_CLICK);\n            }\n        },\n        [analytics, logo.url],\n    );\n\n    useEffect(() => {\n        if (isSidebarOpened) {\n            analytics.track(CommonAnalyticsEvent.DOCS_HEADER_SANDWICH_MENU_CLICK);\n        }\n    }, [analytics, isSidebarOpened]);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, PC_PARANT_CLASS_NAME)}>\n            <Row>\n                <Col>\n                    <nav onClickCapture={handleLogoClick}>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithCustomDropdowns}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <Sidebar isOpened={isSidebarOpened}>\n                            <SidebarContent\n                                mainMenuOpenessData={mainMenuOpenessData}\n                                pcNavigationData={pcNavigationData}\n                                navigationTocData={navigationTocData}\n                                mobileControlsData={mobileControlsData}\n                                className={b()}\n                            />\n                        </Sidebar>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n});\n\nCustomNavigation.displayName = 'CustomNavigation';\n\nexport default CustomNavigation;\n"],
-  "mappings": ";AAKA,OAAO,SAAQ,MAAM,aAAa,iBAAgB;AAClD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,WAAW;AAElB,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,SAAQ,mCAAkC;AAC1C,SAAQ,sBAAsB,oBAAmB;AAEjD,OAAO;AACP,SAAQ,qBAAqB,0BAAyB;AAEtD,IAAM,aAAa;AACnB,IAAM,uBAAuB;AAE7B,IAAM,IAAI,MAAM,UAAU;AAOnB,IAAM,mBAAoD,KAAK,CAAC,UAAU;AAC7E,QAAM,EAAC,MAAM,MAAM,oBAAoB,kBAAiB,IAAI;AAC5D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,EACzB,IAAI;AAEJ,QAAM,YAAY,aAAa;AAC/B,QAAM,CAAC,kBAAkB,eAAe,mBAAmB,IAAI,oBAAoB;AACnF,QAAM,CAAC,iBAAiB,qBAAqB,IAAI;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,CAAC,UAAU,IAAI,cAAc,YAAY,kBAAkB;AAEjE,QAAM,EAAC,cAAc,uBAAuB,wBAAwB,mBAAkB,IAClF,iBAAiB,UAAU,WAAW,UAAU;AACpD,QAAM,CAAC,8BAA8B,6BAA6B,IAC9D,4BAA4B,uBAAuB,sBAAsB;AAE7E,QAAM,mBAAmB;AAAA,IACrB,uBAAuB;AAAA,IACvB,wBAAwB;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAmC;AAChC,UAAI,CAAC,KAAK,KAAK;AACX;AAAA,MACJ;AAEA,YAAM,OAAQ,MAAM,OAAuB;AAAA,QACvC,WAAW,KAAK,GAAG;AAAA,MACvB;AAEA,UAAI,MAAM;AACN,kBAAU,MAAM,qBAAqB,sBAAsB;AAAA,MAC/D;AAAA,IACJ;AAAA,IACA,CAAC,WAAW,KAAK,GAAG;AAAA,EACxB;AAEA,YAAU,MAAM;AACZ,QAAI,iBAAiB;AACjB,gBAAU,MAAM,qBAAqB,+BAA+B;AAAA,IACxE;AAAA,EACJ,GAAG,CAAC,WAAW,eAAe,CAAC;AAE/B,SACI,oCAAC,QAAK,WAAW,EAAE,EAAC,eAAe,WAAU,GAAG,oBAAoB,KAChE,oCAAC,WACG,oCAAC,WACG,oCAAC,SAAI,gBAAgB,mBACjB;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACJ,GACA,oCAAC,WAAQ,UAAU,mBACf;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE;AAAA;AAAA,EACjB,CACJ,CACJ,CACJ,CACJ,CACJ;AAER,CAAC;AAED,iBAAiB,cAAc;AAE/B,IAAO,2BAAQ;",
+  "mappings": ";AAKA,SAAe,MAAM,aAAa,iBAAgB;AAClD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,WAAW;AAElB,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,SAAQ,mCAAkC;AAC1C,SAAQ,sBAAsB,oBAAmB;AAEjD,OAAO;AACP,SAAQ,qBAAqB,0BAAyB;AAuElC,SACI,KADJ;AArEpB,IAAM,aAAa;AACnB,IAAM,uBAAuB;AAE7B,IAAM,IAAI,MAAM,UAAU;AAOnB,IAAM,mBAAoD,KAAK,CAAC,UAAU;AAC7E,QAAM,EAAC,MAAM,MAAM,oBAAoB,kBAAiB,IAAI;AAC5D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,EACzB,IAAI;AAEJ,QAAM,YAAY,aAAa;AAC/B,QAAM,CAAC,kBAAkB,eAAe,mBAAmB,IAAI,oBAAoB;AACnF,QAAM,CAAC,iBAAiB,qBAAqB,IAAI;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,CAAC,UAAU,IAAI,cAAc,YAAY,kBAAkB;AAEjE,QAAM,EAAC,cAAc,uBAAuB,wBAAwB,mBAAkB,IAClF,iBAAiB,UAAU,WAAW,UAAU;AACpD,QAAM,CAAC,8BAA8B,6BAA6B,IAC9D,4BAA4B,uBAAuB,sBAAsB;AAE7E,QAAM,mBAAmB;AAAA,IACrB,uBAAuB;AAAA,IACvB,wBAAwB;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,kBAAkB;AAAA,IACpB,CAAC,UAAmC;AAChC,UAAI,CAAC,KAAK,KAAK;AACX;AAAA,MACJ;AAEA,YAAM,OAAQ,MAAM,OAAuB;AAAA,QACvC,WAAW,KAAK,GAAG;AAAA,MACvB;AAEA,UAAI,MAAM;AACN,kBAAU,MAAM,qBAAqB,sBAAsB;AAAA,MAC/D;AAAA,IACJ;AAAA,IACA,CAAC,WAAW,KAAK,GAAG;AAAA,EACxB;AAEA,YAAU,MAAM;AACZ,QAAI,iBAAiB;AACjB,gBAAU,MAAM,qBAAqB,+BAA+B;AAAA,IACxE;AAAA,EACJ,GAAG,CAAC,WAAW,eAAe,CAAC;AAE/B,SACI,oBAAC,QAAK,WAAW,EAAE,EAAC,eAAe,WAAU,GAAG,oBAAoB,GAChE,8BAAC,OACG,8BAAC,OACG,+BAAC,SAAI,gBAAgB,iBACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA,uBAAuB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IACA,oBAAC,WAAQ,UAAU,iBACf;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,EAAE;AAAA;AAAA,IACjB,GACJ;AAAA,KACJ,GACJ,GACJ,GACJ;AAER,CAAC;AAED,iBAAiB,cAAc;AAE/B,IAAO,2BAAQ;",
   "names": []
 }

package/build/esm/components/navigation/DropdownContent/Column/Column.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/Column.scss", "../../../../../../src/components/navigation/DropdownContent/Column/%3Cinput css VIJFh8%3E"],
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/Column.scss", "../../../../../../src/components/navigation/DropdownContent/Column/%3Cinput css Sze5rW%3E"],
   "sourcesContent": [".dropdown-content__column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-3);\n    flex: 1 0 auto;\n}\n", ".dropdown-content__column {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-3);\n  flex: 1 0 auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50L0NvbHVtbiIsInNvdXJjZXMiOlsiQ29sdW1uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kcm9wZG93bi1jb250ZW50X19jb2x1bW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLWctc3BhY2luZy0zKTtcbiAgICBmbGV4OiAxIDAgYXV0bztcbn1cbiJdfQ== */"],
   "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,QAAA,EAAA,EAAA;ACCJ;",
   "names": []

package/build/esm/components/navigation/DropdownContent/Column/Column.js

@@ -1,13 +1,13 @@
 // src/components/navigation/DropdownContent/Column/Column.tsx
-import React from "react";
 import { Section } from "../Section";
 import { useSections } from "../../hooks";
 import { cnDropdownContent } from "../utils";
 import "./Column.css";
+import { jsx } from "react/jsx-runtime";
 var Column = (props) => {
   const { data } = props;
   const { items } = useSections(data);
-  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent("column") }, items.map((item, index) => /* @__PURE__ */ React.createElement(Section, { key: index, data: item })));
+  return /* @__PURE__ */ jsx("div", { className: cnDropdownContent("column"), children: items.map((item, index) => /* @__PURE__ */ jsx(Section, { data: item }, index)) });
 };
 export {
   Column

package/build/esm/components/navigation/DropdownContent/Column/Column.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/DropdownContent/Column/Column.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem} from '../../types';\n\nimport React from 'react';\n\nimport {Section} from '../Section';\nimport {useSections} from '../../hooks';\nimport {cnDropdownContent} from '../utils';\n\nimport './Column.scss';\n\nexport interface ColumnProps {\n    data: NavigationColumnItem;\n}\n\nexport const Column: FC<ColumnProps> = (props) => {\n    const {data} = props;\n    const {items} = useSections(data);\n\n    return (\n        <div className={cnDropdownContent('column')}>\n            {items.map((item, index) => (\n                <Section key={index} data={item} />\n            ))}\n        </div>\n    );\n};\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAElB,SAAQ,eAAc;AACtB,SAAQ,mBAAkB;AAC1B,SAAQ,yBAAwB;AAEhC,OAAO;AAMA,IAAM,SAA0B,CAAC,UAAU;AAC9C,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,MAAK,IAAI,YAAY,IAAI;AAEhC,SACI,oCAAC,SAAI,WAAW,kBAAkB,QAAQ,KACrC,MAAM,IAAI,CAAC,MAAM,UACd,oCAAC,WAAQ,KAAK,OAAO,MAAM,MAAM,CACpC,CACL;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem} from '../../types';\n\nimport {Section} from '../Section';\nimport {useSections} from '../../hooks';\nimport {cnDropdownContent} from '../utils';\n\nimport './Column.scss';\n\nexport interface ColumnProps {\n    data: NavigationColumnItem;\n}\n\nexport const Column: FC<ColumnProps> = (props) => {\n    const {data} = props;\n    const {items} = useSections(data);\n\n    return (\n        <div className={cnDropdownContent('column')}>\n            {items.map((item, index) => (\n                <Section key={index} data={item} />\n            ))}\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,SAAQ,eAAc;AACtB,SAAQ,mBAAkB;AAC1B,SAAQ,yBAAwB;AAEhC,OAAO;AAaS;AAPT,IAAM,SAA0B,CAAC,UAAU;AAC9C,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,MAAK,IAAI,YAAY,IAAI;AAEhC,SACI,oBAAC,SAAI,WAAW,kBAAkB,QAAQ,GACrC,gBAAM,IAAI,CAAC,MAAM,UACd,oBAAC,WAAoB,MAAM,QAAb,KAAmB,CACpC,GACL;AAER;",
   "names": []
 }

package/build/esm/components/navigation/DropdownContent/DropdownContent.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/DropdownContent/DropdownContent.scss", "../../../../../src/components/navigation/DropdownContent/%3Cinput css -W9VUm%3E"],
+  "sources": ["../../../../../src/components/navigation/DropdownContent/DropdownContent.scss", "../../../../../src/components/navigation/DropdownContent/%3Cinput css 0AnUjU%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/variables';\n\n.dropdown-content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-3);\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        flex-direction: row;\n    }\n}\n", ".dropdown-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-3);\n}\n@media (min-width: 769px) {\n  .dropdown-content {\n    flex-direction: row;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50Iiwic291cmNlcyI6WyJEcm9wZG93bkNvbnRlbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUxKO0lBTVEiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRyb3Bkb3duLWNvbnRlbnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLWctc3BhY2luZy0zKTtcblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;ACFJ;ADII,QAAA,WAAA;AALJ,GAAA;AAMQ,oBAAA;ACDN;AACF;",
   "names": []

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

@@ -1,14 +1,14 @@
 // src/components/navigation/DropdownContent/DropdownContent.tsx
-import React from "react";
 import { useColumns } from "../hooks";
 import { cnDropdownContent } from "./utils";
 import { Column } from "./Column";
 import "./DropdownContent.css";
+import { jsx } from "react/jsx-runtime";
 var DropdownContent = (props) => {
   const { items } = useColumns(props);
-  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent() }, items.map((item, index) => {
-    return /* @__PURE__ */ React.createElement(Column, { key: index, data: item });
-  }));
+  return /* @__PURE__ */ jsx("div", { className: cnDropdownContent(), children: items.map((item, index) => {
+    return /* @__PURE__ */ jsx(Column, { data: item }, index);
+  }) });
 };
 export {
   DropdownContent

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/DropdownContent/DropdownContent.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem, NavigationLinkItem, NavigationSectionItem} from '../types';\n\nimport React from 'react';\n\nimport {useColumns} from '../hooks';\n\nimport {cnDropdownContent} from './utils';\nimport {Column} from './Column';\nimport './DropdownContent.scss';\n\nexport interface DropdownContentProps {\n    items: Array<NavigationSectionItem | NavigationLinkItem | NavigationColumnItem>;\n}\n\nexport const DropdownContent: FC<DropdownContentProps> = (props) => {\n    const {items} = useColumns(props);\n\n    return (\n        <div className={cnDropdownContent()}>\n            {items.map((item, index) => {\n                return <Column key={index} data={item} />;\n            })}\n        </div>\n    );\n};\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAElB,SAAQ,kBAAiB;AAEzB,SAAQ,yBAAwB;AAChC,SAAQ,cAAa;AACrB,OAAO;AAMA,IAAM,kBAA4C,CAAC,UAAU;AAChE,QAAM,EAAC,MAAK,IAAI,WAAW,KAAK;AAEhC,SACI,oCAAC,SAAI,WAAW,kBAAkB,KAC7B,MAAM,IAAI,CAAC,MAAM,UAAU;AACxB,WAAO,oCAAC,UAAO,KAAK,OAAO,MAAM,MAAM;AAAA,EAC3C,CAAC,CACL;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationColumnItem, NavigationLinkItem, NavigationSectionItem} from '../types';\n\nimport {useColumns} from '../hooks';\n\nimport {cnDropdownContent} from './utils';\nimport {Column} from './Column';\nimport './DropdownContent.scss';\n\nexport interface DropdownContentProps {\n    items: Array<NavigationSectionItem | NavigationLinkItem | NavigationColumnItem>;\n}\n\nexport const DropdownContent: FC<DropdownContentProps> = (props) => {\n    const {items} = useColumns(props);\n\n    return (\n        <div className={cnDropdownContent()}>\n            {items.map((item, index) => {\n                return <Column key={index} data={item} />;\n            })}\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,SAAQ,kBAAiB;AAEzB,SAAQ,yBAAwB;AAChC,SAAQ,cAAa;AACrB,OAAO;AAYgB;AANhB,IAAM,kBAA4C,CAAC,UAAU;AAChE,QAAM,EAAC,MAAK,IAAI,WAAW,KAAK;AAEhC,SACI,oBAAC,SAAI,WAAW,kBAAkB,GAC7B,gBAAM,IAAI,CAAC,MAAM,UAAU;AACxB,WAAO,oBAAC,UAAmB,MAAM,QAAb,KAAmB;AAAA,EAC3C,CAAC,GACL;AAER;",
   "names": []
 }

package/build/esm/components/navigation/DropdownContent/List/List.js

@@ -1,18 +1,18 @@
 // src/components/navigation/DropdownContent/List/List.tsx
-import React from "react";
 import { NavigationItem, NavigationLayout, block } from "@gravity-ui/page-constructor";
+import { jsx } from "react/jsx-runtime";
 var b = block("navigation-popup");
 var List = (props) => {
   const { items } = props;
-  return /* @__PURE__ */ React.createElement("ul", { className: b("list") }, items.map((item, index) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("ul", { className: b("list"), children: items.map((item, index) => /* @__PURE__ */ jsx(
     NavigationItem,
     {
-      key: index,
       className: b("link"),
       data: item,
       menuLayout: NavigationLayout.Dropdown
-    }
-  )));
+    },
+    index
+  )) });
 };
 export {
   List

package/build/esm/components/navigation/DropdownContent/List/List.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/DropdownContent/List/List.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationLinkItem} from '../../types';\n\nimport React from 'react';\nimport {NavigationItem, NavigationLayout, block} from '@gravity-ui/page-constructor';\n\nconst b = block('navigation-popup');\n\nexport interface ListProps {\n    items: NavigationLinkItem[];\n}\n\nexport const List: FC<ListProps> = (props) => {\n    const {items} = props;\n\n    return (\n        <ul className={b('list')}>\n            {items.map((item, index) => (\n                <NavigationItem\n                    key={index}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    );\n};\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,gBAAgB,kBAAkB,aAAY;AAEtD,IAAM,IAAI,MAAM,kBAAkB;AAM3B,IAAM,OAAsB,CAAC,UAAU;AAC1C,QAAM,EAAC,MAAK,IAAI;AAEhB,SACI,oCAAC,QAAG,WAAW,EAAE,MAAM,KAClB,MAAM,IAAI,CAAC,MAAM,UACd;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW,EAAE,MAAM;AAAA,MACnB,MAAM;AAAA,MACN,YAAY,iBAAiB;AAAA;AAAA,EACjC,CACH,CACL;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationLinkItem} from '../../types';\n\nimport {NavigationItem, NavigationLayout, block} from '@gravity-ui/page-constructor';\n\nconst b = block('navigation-popup');\n\nexport interface ListProps {\n    items: NavigationLinkItem[];\n}\n\nexport const List: FC<ListProps> = (props) => {\n    const {items} = props;\n\n    return (\n        <ul className={b('list')}>\n            {items.map((item, index) => (\n                <NavigationItem\n                    key={index}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    );\n};\n"],
+  "mappings": ";AAGA,SAAQ,gBAAgB,kBAAkB,aAAY;AActC;AAZhB,IAAM,IAAI,MAAM,kBAAkB;AAM3B,IAAM,OAAsB,CAAC,UAAU;AAC1C,QAAM,EAAC,MAAK,IAAI;AAEhB,SACI,oBAAC,QAAG,WAAW,EAAE,MAAM,GAClB,gBAAM,IAAI,CAAC,MAAM,UACd;AAAA,IAAC;AAAA;AAAA,MAEG,WAAW,EAAE,MAAM;AAAA,MACnB,MAAM;AAAA,MACN,YAAY,iBAAiB;AAAA;AAAA,IAHxB;AAAA,EAIT,CACH,GACL;AAER;",
   "names": []
 }

package/build/esm/components/navigation/DropdownContent/Section/Section.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/Section.scss", "../../../../../../src/components/navigation/DropdownContent/Section/%3Cinput css 1AqKcX%3E"],
+  "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/Section.scss", "../../../../../../src/components/navigation/DropdownContent/Section/%3Cinput css EVmai4%3E"],
   "sourcesContent": [".dropdown-content__section {\n    display: flex;\n    flex-direction: column;\n    gap: var(--g-spacing-half);\n}\n\n.dropdown-content__section-title {\n    text-transform: uppercase;\n    white-space: pre-wrap;\n    padding: var(--g-spacing-2) var(--g-spacing-3);\n}\n", ".dropdown-content__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--g-spacing-half);\n}\n\n.dropdown-content__section-title {\n  text-transform: uppercase;\n  white-space: pre-wrap;\n  padding: var(--g-spacing-2) var(--g-spacing-3);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vRHJvcGRvd25Db250ZW50L1NlY3Rpb24iLCJzb3VyY2VzIjpbIlNlY3Rpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZHJvcGRvd24tY29udGVudF9fc2VjdGlvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogdmFyKC0tZy1zcGFjaW5nLWhhbGYpO1xufVxuXG4uZHJvcGRvd24tY29udGVudF9fc2VjdGlvbi10aXRsZSB7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgcGFkZGluZzogdmFyKC0tZy1zcGFjaW5nLTIpIHZhcigtLWctc3BhY2luZy0zKTtcbn1cbiJdfQ== */"],
   "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;ACCJ;ADEA,CAAA;AACI,kBAAA;AACA,eAAA;AACA,WAAA,IAAA,eAAA,IAAA;ACCJ;",
   "names": []

package/build/esm/components/navigation/DropdownContent/Section/Section.js

@@ -1,21 +1,24 @@
 // src/components/navigation/DropdownContent/Section/Section.tsx
-import React from "react";
 import { Text } from "@gravity-ui/uikit";
 import { List } from "../List";
 import { cnDropdownContent } from "../utils";
 import "./Section.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Section = (props) => {
   const { data } = props;
   const { title, items } = data;
-  return /* @__PURE__ */ React.createElement("div", { className: cnDropdownContent("section") }, title && /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      className: cnDropdownContent("section-title"),
-      variant: "body-2",
-      color: "secondary"
-    },
-    title
-  ), /* @__PURE__ */ React.createElement(List, { items }));
+  return /* @__PURE__ */ jsxs("div", { className: cnDropdownContent("section"), children: [
+    title && /* @__PURE__ */ jsx(
+      Text,
+      {
+        className: cnDropdownContent("section-title"),
+        variant: "body-2",
+        color: "secondary",
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx(List, { items })
+  ] });
 };
 export {
   Section

package/build/esm/components/navigation/DropdownContent/Section/Section.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/navigation/DropdownContent/Section/Section.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationSectionItem} from '../../types';\n\nimport React from 'react';\nimport {Text} from '@gravity-ui/uikit';\n\nimport {List} from '../List';\nimport {cnDropdownContent} from '../utils';\n\nimport './Section.scss';\n\nexport interface SectionProps {\n    data: NavigationSectionItem;\n}\n\nexport const Section: FC<SectionProps> = (props) => {\n    const {data} = props;\n    const {title, items} = data;\n\n    return (\n        <div className={cnDropdownContent('section')}>\n            {title && (\n                <Text\n                    className={cnDropdownContent('section-title')}\n                    variant=\"body-2\"\n                    color=\"secondary\"\n                >\n                    {title}\n                </Text>\n            )}\n\n            <List items={items} />\n        </div>\n    );\n};\n"],
-  "mappings": ";AAGA,OAAO,WAAW;AAClB,SAAQ,YAAW;AAEnB,SAAQ,YAAW;AACnB,SAAQ,yBAAwB;AAEhC,OAAO;AAMA,IAAM,UAA4B,CAAC,UAAU;AAChD,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,OAAO,MAAK,IAAI;AAEvB,SACI,oCAAC,SAAI,WAAW,kBAAkB,SAAS,KACtC,SACG;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,kBAAkB,eAAe;AAAA,MAC5C,SAAQ;AAAA,MACR,OAAM;AAAA;AAAA,IAEL;AAAA,EACL,GAGJ,oCAAC,QAAK,OAAc,CACxB;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationSectionItem} from '../../types';\n\nimport {Text} from '@gravity-ui/uikit';\n\nimport {List} from '../List';\nimport {cnDropdownContent} from '../utils';\n\nimport './Section.scss';\n\nexport interface SectionProps {\n    data: NavigationSectionItem;\n}\n\nexport const Section: FC<SectionProps> = (props) => {\n    const {data} = props;\n    const {title, items} = data;\n\n    return (\n        <div className={cnDropdownContent('section')}>\n            {title && (\n                <Text\n                    className={cnDropdownContent('section-title')}\n                    variant=\"body-2\"\n                    color=\"secondary\"\n                >\n                    {title}\n                </Text>\n            )}\n\n            <List items={items} />\n        </div>\n    );\n};\n"],
+  "mappings": ";AAGA,SAAQ,YAAW;AAEnB,SAAQ,YAAW;AACnB,SAAQ,yBAAwB;AAEhC,OAAO;AAWC,SAEQ,KAFR;AALD,IAAM,UAA4B,CAAC,UAAU;AAChD,QAAM,EAAC,KAAI,IAAI;AACf,QAAM,EAAC,OAAO,MAAK,IAAI;AAEvB,SACI,qBAAC,SAAI,WAAW,kBAAkB,SAAS,GACtC;AAAA,aACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,kBAAkB,eAAe;AAAA,QAC5C,SAAQ;AAAA,QACR,OAAM;AAAA,QAEL;AAAA;AAAA,IACL;AAAA,IAGJ,oBAAC,QAAK,OAAc;AAAA,KACxB;AAER;",
   "names": []
 }

package/build/esm/components/navigation/Label/Label.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/Label/Label.scss", "../../../../../src/components/navigation/Label/%3Cinput css lunAhc%3E"],
+  "sources": ["../../../../../src/components/navigation/Label/Label.scss", "../../../../../src/components/navigation/Label/%3Cinput css btOXq8%3E"],
   "sourcesContent": [".pc-navigation-item__content_type_label {\n    cursor: default;\n}\n", ".pc-navigation-item__content_type_label {\n  cursor: default;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vTGFiZWwiLCJzb3VyY2VzIjpbIkxhYmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5wYy1uYXZpZ2F0aW9uLWl0ZW1fX2NvbnRlbnRfdHlwZV9sYWJlbCB7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xufVxuIl19 */"],
   "mappings": ";AAAA,CAAA;AACI,UAAA;ACCJ;",
   "names": []

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

@@ -1,10 +1,10 @@
 // src/components/navigation/Label/Label.tsx
-import React from "react";
 import { Label as BaseLabel } from "@gravity-ui/uikit";
 import "./Label.css";
+import { jsx } from "react/jsx-runtime";
 var Label = (props) => {
   const { className, size = "s", text, theme = "normal" } = props;
-  return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement(BaseLabel, { type: "default", theme, size }, text));
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(BaseLabel, { type: "default", theme, size, children: text }) });
 };
 export {
   Label

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Label/Label.tsx"],
-  "sourcesContent": ["import type {NavigationItemProps} from '@gravity-ui/page-constructor';\nimport type {FC} from 'react';\nimport type {LabelProps as BaseLabelProps} from '@gravity-ui/uikit';\n\nimport React from 'react';\nimport {Label as BaseLabel} from '@gravity-ui/uikit';\n\nimport './Label.scss';\n\nexport interface LabelProps extends NavigationItemProps, Pick<BaseLabelProps, 'theme' | 'size'> {\n    text?: string;\n}\n\nexport const Label: FC<LabelProps> = (props) => {\n    const {className, size = 's', text, theme = 'normal'} = props;\n\n    return (\n        <div className={className}>\n            <BaseLabel type=\"default\" theme={theme} size={size}>\n                {text}\n            </BaseLabel>\n        </div>\n    );\n};\n"],
-  "mappings": ";AAIA,OAAO,WAAW;AAClB,SAAQ,SAAS,iBAAgB;AAEjC,OAAO;AAMA,IAAM,QAAwB,CAAC,UAAU;AAC5C,QAAM,EAAC,WAAW,OAAO,KAAK,MAAM,QAAQ,SAAQ,IAAI;AAExD,SACI,oCAAC,SAAI,aACD,oCAAC,aAAU,MAAK,WAAU,OAAc,QACnC,IACL,CACJ;AAER;",
+  "sourcesContent": ["import type {NavigationItemProps} from '@gravity-ui/page-constructor';\nimport type {FC} from 'react';\nimport type {LabelProps as BaseLabelProps} from '@gravity-ui/uikit';\n\nimport {Label as BaseLabel} from '@gravity-ui/uikit';\n\nimport './Label.scss';\n\nexport interface LabelProps extends NavigationItemProps, Pick<BaseLabelProps, 'theme' | 'size'> {\n    text?: string;\n}\n\nexport const Label: FC<LabelProps> = (props) => {\n    const {className, size = 's', text, theme = 'normal'} = props;\n\n    return (\n        <div className={className}>\n            <BaseLabel type=\"default\" theme={theme} size={size}>\n                {text}\n            </BaseLabel>\n        </div>\n    );\n};\n"],
+  "mappings": ";AAIA,SAAQ,SAAS,iBAAgB;AAEjC,OAAO;AAWK;AALL,IAAM,QAAwB,CAAC,UAAU;AAC5C,QAAM,EAAC,WAAW,OAAO,KAAK,MAAM,QAAQ,SAAQ,IAAI;AAExD,SACI,oBAAC,SAAI,WACD,8BAAC,aAAU,MAAK,WAAU,OAAc,MACnC,gBACL,GACJ;AAER;",
   "names": []
 }

package/build/esm/components/navigation/MobileDropdown/MobileDropdown.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.scss", "../../../../../src/components/navigation/MobileDropdown/%3Cinput css 4kj30S%3E"],
+  "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.scss", "../../../../../src/components/navigation/MobileDropdown/%3Cinput css qUPaz7%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/mixins';\n@use '../../../styles/variables';\n\n.dc-mobile-dropdown {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    padding: 10px 12px 10px 4px;\n\n    width: 100%;\n\n    &__foldable &__list {\n        display: flex;\n        padding: 4px 12px;\n        flex-direction: column;\n\n        border-radius: 11px;\n        background: var(--g-color-base-generic);\n    }\n\n    &__list-item {\n        display: flex;\n        padding: 10px 12px 10px 28px;\n        gap: 4px;\n\n        width: 100%;\n        margin: 0;\n\n        font-weight: 400;\n    }\n\n    &__icon {\n        transition: transform 150ms;\n\n        &_up {\n            transform: rotate(180deg);\n        }\n    }\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n\n        .pc-navigation-item:has(&) {\n            display: none;\n        }\n    }\n}\n", ".dc-mobile-dropdown {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px 10px 4px;\n  width: 100%;\n}\n.dc-mobile-dropdown__foldable .dc-mobile-dropdown__list {\n  display: flex;\n  padding: 4px 12px;\n  flex-direction: column;\n  border-radius: 11px;\n  background: var(--g-color-base-generic);\n}\n.dc-mobile-dropdown__list-item {\n  display: flex;\n  padding: 10px 12px 10px 28px;\n  gap: 4px;\n  width: 100%;\n  margin: 0;\n  font-weight: 400;\n}\n.dc-mobile-dropdown__icon {\n  transition: transform 150ms;\n}\n.dc-mobile-dropdown__icon_up {\n  transform: rotate(180deg);\n}\n@media (min-width: 769px) {\n  .dc-mobile-dropdown {\n    display: none;\n  }\n  .pc-navigation-item:has(.dc-mobile-dropdown) {\n    display: none;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vTW9iaWxlRHJvcGRvd24iLCJzb3VyY2VzIjpbIk1vYmlsZURyb3Bkb3duLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFFQTtFQUVBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFyQ0o7SUFzQ1E7O0VBRUE7SUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1tb2JpbGUtZHJvcGRvd24ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBwYWRkaW5nOiAxMHB4IDEycHggMTBweCA0cHg7XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2ZvbGRhYmxlICZfX2xpc3Qge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgICAgICBib3JkZXItcmFkaXVzOiAxMXB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcGFkZGluZzogMTBweCAxMnB4IDEwcHggMjhweDtcbiAgICAgICAgZ2FwOiA0cHg7XG5cbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIG1hcmdpbjogMDtcblxuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMTUwbXM7XG5cbiAgICAgICAgJl91cCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcblxuICAgICAgICAucGMtbmF2aWdhdGlvbi1pdGVtOmhhcygmKSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,WAAA,KAAA,KAAA,KAAA;AAEA,SAAA;ACLJ;ADOI,CAAA,6BAAA,CAAA;AACI,WAAA;AACA,WAAA,IAAA;AACA,kBAAA;AAEA,iBAAA;AACA,cAAA,IAAA;ACNR;ADSI,CAAA;AACI,WAAA;AACA,WAAA,KAAA,KAAA,KAAA;AACA,OAAA;AAEA,SAAA;AACA,UAAA;AAEA,eAAA;ACTR;ADYI,CAAA;AACI,cAAA,UAAA;ACVR;ADYQ,CAAA;AACI,aAAA,OAAA;ACVZ;ADcI,QAAA,WAAA;AArCJ,GAAA;AAsCQ,aAAA;ACXN;ADaM,GAAA,kBAAA,KAAA,CAxCR;AAyCY,aAAA;ACXV;AACF;",
   "names": []

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

@@ -1,11 +1,12 @@
 // src/components/navigation/MobileDropdown/MobileDropdown.tsx
-import React, { memo, useCallback, useState } from "react";
+import { memo, useCallback, useState } from "react";
 import { ChevronDown } from "@gravity-ui/icons";
 import { Foldable } from "@gravity-ui/page-constructor";
 import block from "bem-cn-lite";
 import { OutsideClick } from "../../OutsideClick";
 import { DropdownContent } from "../DropdownContent";
 import "./MobileDropdown.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ICON_SIZE = 20;
 var b = block("dc-mobile-dropdown");
 var MobileDropdown = memo((item) => {
@@ -18,14 +19,20 @@ var MobileDropdown = memo((item) => {
     },
     [isOpened]
   );
-  return /* @__PURE__ */ React.createElement(OutsideClick, { onOutsideClick: () => setIsOpen(false) }, /* @__PURE__ */ React.createElement("span", { className: b(), onClick: toggleOpennes }, /* @__PURE__ */ React.createElement("span", { className: "pc-content-wrapper__text" }, text), /* @__PURE__ */ React.createElement(
-    ChevronDown,
-    {
-      className: b("icon", { up: isOpened }),
-      width: ICON_SIZE,
-      height: ICON_SIZE
-    }
-  )), /* @__PURE__ */ React.createElement(Foldable, { className: b("foldable"), isOpened }, /* @__PURE__ */ React.createElement(DropdownContent, { items: item.items })));
+  return /* @__PURE__ */ jsxs(OutsideClick, { onOutsideClick: () => setIsOpen(false), children: [
+    /* @__PURE__ */ jsxs("span", { className: b(), onClick: toggleOpennes, children: [
+      /* @__PURE__ */ jsx("span", { className: "pc-content-wrapper__text", children: text }),
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: b("icon", { up: isOpened }),
+          width: ICON_SIZE,
+          height: ICON_SIZE
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Foldable, { className: b("foldable"), isOpened, children: /* @__PURE__ */ jsx(DropdownContent, { items: item.items }) })
+  ] });
 });
 MobileDropdown.displayName = "MobileDropdown";
 var MobileDropdown_default = MobileDropdown;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/MobileDropdown/MobileDropdown.tsx"],
   "sourcesContent": ["import type {MouseEvent} from 'react';\nimport type {NavigationDropdownItem} from '@gravity-ui/page-constructor';\n\nimport React, {memo, useCallback, useState} from 'react';\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {Foldable} from '@gravity-ui/page-constructor';\nimport block from 'bem-cn-lite';\n\nimport {OutsideClick} from '../../OutsideClick';\nimport {DropdownContent} from '../DropdownContent';\n\nimport './MobileDropdown.scss';\n\nconst ICON_SIZE = 20;\n\nconst b = block('dc-mobile-dropdown');\n\nconst MobileDropdown: React.FC<NavigationDropdownItem> = memo((item) => {\n    const {text, isActive} = item;\n\n    const [isOpened, setIsOpen] = useState(isActive);\n\n    const toggleOpennes = useCallback(\n        (event: MouseEvent) => {\n            event.stopPropagation();\n\n            setIsOpen(!isOpened);\n        },\n        [isOpened],\n    );\n\n    return (\n        <OutsideClick onOutsideClick={() => setIsOpen(false)}>\n            <span className={b()} onClick={toggleOpennes}>\n                <span className={'pc-content-wrapper__text'}>{text}</span>\n                <ChevronDown\n                    className={b('icon', {up: isOpened})}\n                    width={ICON_SIZE}\n                    height={ICON_SIZE}\n                />\n            </span>\n            <Foldable className={b('foldable')} isOpened={isOpened}>\n                <DropdownContent items={item.items} />\n            </Foldable>\n        </OutsideClick>\n    );\n});\n\nMobileDropdown.displayName = 'MobileDropdown';\n\nexport default MobileDropdown;\n"],
-  "mappings": ";AAGA,OAAO,SAAQ,MAAM,aAAa,gBAAe;AACjD,SAAQ,mBAAkB;AAC1B,SAAQ,gBAAe;AACvB,OAAO,WAAW;AAElB,SAAQ,oBAAmB;AAC3B,SAAQ,uBAAsB;AAE9B,OAAO;AAEP,IAAM,YAAY;AAElB,IAAM,IAAI,MAAM,oBAAoB;AAEpC,IAAM,iBAAmD,KAAK,CAAC,SAAS;AACpE,QAAM,EAAC,MAAM,SAAQ,IAAI;AAEzB,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,QAAQ;AAE/C,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAsB;AACnB,YAAM,gBAAgB;AAEtB,gBAAU,CAAC,QAAQ;AAAA,IACvB;AAAA,IACA,CAAC,QAAQ;AAAA,EACb;AAEA,SACI,oCAAC,gBAAa,gBAAgB,MAAM,UAAU,KAAK,KAC/C,oCAAC,UAAK,WAAW,EAAE,GAAG,SAAS,iBAC3B,oCAAC,UAAK,WAAW,8BAA6B,IAAK,GACnD;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,QAAQ,EAAC,IAAI,SAAQ,CAAC;AAAA,MACnC,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA,EACZ,CACJ,GACA,oCAAC,YAAS,WAAW,EAAE,UAAU,GAAG,YAChC,oCAAC,mBAAgB,OAAO,KAAK,OAAO,CACxC,CACJ;AAER,CAAC;AAED,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "mappings": ";AAGA,SAAe,MAAM,aAAa,gBAAe;AACjD,SAAQ,mBAAkB;AAC1B,SAAQ,gBAAe;AACvB,OAAO,WAAW;AAElB,SAAQ,oBAAmB;AAC3B,SAAQ,uBAAsB;AAE9B,OAAO;AAsBK,SACI,KADJ;AApBZ,IAAM,YAAY;AAElB,IAAM,IAAI,MAAM,oBAAoB;AAEpC,IAAM,iBAAmD,KAAK,CAAC,SAAS;AACpE,QAAM,EAAC,MAAM,SAAQ,IAAI;AAEzB,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,QAAQ;AAE/C,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAsB;AACnB,YAAM,gBAAgB;AAEtB,gBAAU,CAAC,QAAQ;AAAA,IACvB;AAAA,IACA,CAAC,QAAQ;AAAA,EACb;AAEA,SACI,qBAAC,gBAAa,gBAAgB,MAAM,UAAU,KAAK,GAC/C;AAAA,yBAAC,UAAK,WAAW,EAAE,GAAG,SAAS,eAC3B;AAAA,0BAAC,UAAK,WAAW,4BAA6B,gBAAK;AAAA,MACnD;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,EAAE,QAAQ,EAAC,IAAI,SAAQ,CAAC;AAAA,UACnC,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACZ;AAAA,OACJ;AAAA,IACA,oBAAC,YAAS,WAAW,EAAE,UAAU,GAAG,UAChC,8BAAC,mBAAgB,OAAO,KAAK,OAAO,GACxC;AAAA,KACJ;AAER,CAAC;AAED,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
   "names": []
 }

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

@@ -19,15 +19,19 @@ var __spreadValues = (a, b2) => {
 var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 
 // src/components/navigation/NavigationDropdown/ContentWrapper.tsx
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { Image, block } from "@gravity-ui/page-constructor";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var b = block("content-wrapper");
 var ContentWrapper = (props) => {
   const { text, icon, iconSize } = props;
   const iconSizeStyle = useMemo(() => {
     return iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {};
   }, [iconSize]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, icon && typeof icon !== "string" && /* @__PURE__ */ React.createElement(Image, __spreadProps(__spreadValues({ className: b("icon") }, icon), { style: iconSizeStyle })), /* @__PURE__ */ React.createElement("span", { className: b("text") }, text));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && typeof icon !== "string" && /* @__PURE__ */ jsx(Image, __spreadProps(__spreadValues({ className: b("icon") }, icon), { style: iconSizeStyle })),
+    /* @__PURE__ */ jsx("span", { className: b("text"), children: text })
+  ] });
 };
 export {
   ContentWrapper

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/NavigationDropdown/ContentWrapper.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {ImageProps} from '@gravity-ui/page-constructor';\n\nimport React, {useMemo} from 'react';\nimport {Image, block} from '@gravity-ui/page-constructor';\n\nconst b = block('content-wrapper');\n\nexport interface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper: FC<ContentWrapperProps> = (props) => {\n    const {text, icon, iconSize} = props;\n\n    const iconSizeStyle = useMemo(() => {\n        return iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {};\n    }, [iconSize]);\n\n    return (\n        <>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </>\n    );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,SAAQ,eAAc;AAC7B,SAAQ,OAAO,aAAY;AAE3B,IAAM,IAAI,MAAM,iBAAiB;AAQ1B,IAAM,iBAA0C,CAAC,UAAU;AAC9D,QAAM,EAAC,MAAM,MAAM,SAAQ,IAAI;AAE/B,QAAM,gBAAgB,QAAQ,MAAM;AAChC,WAAO,WAAW,EAAC,QAAQ,GAAG,QAAQ,MAAM,OAAO,GAAG,QAAQ,KAAI,IAAI,CAAC;AAAA,EAC3E,GAAG,CAAC,QAAQ,CAAC;AAEb,SACI,0DACK,QAAQ,OAAO,SAAS,YACrB,oCAAC,sCAAM,WAAW,EAAE,MAAM,KAAO,OAAhC,EAAsC,OAAO,gBAAe,GAEjE,oCAAC,UAAK,WAAW,EAAE,MAAM,KAAI,IAAK,CACtC;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {ImageProps} from '@gravity-ui/page-constructor';\n\nimport {useMemo} from 'react';\nimport {Image, block} from '@gravity-ui/page-constructor';\n\nconst b = block('content-wrapper');\n\nexport interface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper: FC<ContentWrapperProps> = (props) => {\n    const {text, icon, iconSize} = props;\n\n    const iconSizeStyle = useMemo(() => {\n        return iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {};\n    }, [iconSize]);\n\n    return (\n        <>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </>\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAGA,SAAQ,eAAc;AACtB,SAAQ,OAAO,aAAY;AAkBnB,mBAEQ,KAFR;AAhBR,IAAM,IAAI,MAAM,iBAAiB;AAQ1B,IAAM,iBAA0C,CAAC,UAAU;AAC9D,QAAM,EAAC,MAAM,MAAM,SAAQ,IAAI;AAE/B,QAAM,gBAAgB,QAAQ,MAAM;AAChC,WAAO,WAAW,EAAC,QAAQ,GAAG,QAAQ,MAAM,OAAO,GAAG,QAAQ,KAAI,IAAI,CAAC;AAAA,EAC3E,GAAG,CAAC,QAAQ,CAAC;AAEb,SACI,iCACK;AAAA,YAAQ,OAAO,SAAS,YACrB,oBAAC,sCAAM,WAAW,EAAE,MAAM,KAAO,OAAhC,EAAsC,OAAO,gBAAe;AAAA,IAEjE,oBAAC,UAAK,WAAW,EAAE,MAAM,GAAI,gBAAK;AAAA,KACtC;AAER;",
   "names": []
 }

package/build/esm/components/navigation/NavigationDropdown/NavigationDropdown.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/components/navigation/NavigationDropdown/NavigationDropdown.scss", "../../../../../src/components/navigation/NavigationDropdown/%3Cinput css df_HjX%3E"],
+  "sources": ["../../../../../src/components/navigation/NavigationDropdown/NavigationDropdown.scss", "../../../../../src/components/navigation/NavigationDropdown/%3Cinput css 9lHHbj%3E"],
   "sourcesContent": [".pc-navigation-dropdown {\n    cursor: pointer;\n}\n", ".pc-navigation-dropdown {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vTmF2aWdhdGlvbkRyb3Bkb3duIiwic291cmNlcyI6WyJOYXZpZ2F0aW9uRHJvcGRvd24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLnBjLW5hdmlnYXRpb24tZHJvcGRvd24ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbn1cbiJdfQ== */"],
   "mappings": ";AAAA,CAAA;AACI,UAAA;ACCJ;",
   "names": []

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

@@ -31,54 +31,60 @@ var __objRest = (source, exclude) => {
 };
 
 // src/components/navigation/NavigationDropdown/NavigationDropdown.tsx
-import React, { useRef } from "react";
+import { useRef } from "react";
 import { ToggleArrow, block } from "@gravity-ui/page-constructor";
 import { NavigationPopup } from "./Popup";
 import { ContentWrapper } from "./ContentWrapper";
 import "./NavigationDropdown.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var b = block("navigation-dropdown");
 var TOGGLE_ARROW_SIZE = 12;
 var NavigationDropdown = (props) => {
   const _a = props, { text, icon, className, iconSize, hidePopup, items, isActive } = _a, otherProps = __objRest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
   const iconData = typeof icon === "string" ? { src: icon } : icon;
   const anchorRef = useRef(null);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "button",
-    __spreadProps(__spreadValues({
-      ref: anchorRef
-    }, otherProps), {
-      type: "button",
-      className: b(null, className),
-      "aria-expanded": isActive
-    }),
-    /* @__PURE__ */ React.createElement(
-      ContentWrapper,
-      {
-        text,
-        icon: iconData,
-        iconSize,
-        "aria-expanded": isActive
-      }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      __spreadProps(__spreadValues({
+        ref: anchorRef
+      }, otherProps), {
+        type: "button",
+        className: b(null, className),
+        "aria-expanded": isActive,
+        children: [
+          /* @__PURE__ */ jsx(
+            ContentWrapper,
+            {
+              text,
+              icon: iconData,
+              iconSize,
+              "aria-expanded": isActive
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleArrow,
+            {
+              className: b("arrow"),
+              size: TOGGLE_ARROW_SIZE,
+              type: "vertical",
+              iconType: "navigation",
+              open: isActive
+            }
+          )
+        ]
+      })
     ),
-    /* @__PURE__ */ React.createElement(
-      ToggleArrow,
+    /* @__PURE__ */ jsx(
+      NavigationPopup,
       {
-        className: b("arrow"),
-        size: TOGGLE_ARROW_SIZE,
-        type: "vertical",
-        iconType: "navigation",
-        open: isActive
+        open: isActive,
+        onClose: hidePopup,
+        items,
+        anchorRef
       }
     )
-  ), /* @__PURE__ */ React.createElement(
-    NavigationPopup,
-    {
-      open: isActive,
-      onClose: hidePopup,
-      items,
-      anchorRef
-    }
-  ));
+  ] });
 };
 export {
   NavigationDropdown

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/navigation/NavigationDropdown/NavigationDropdown.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationDropdownItem, NavigationItemProps} from '@gravity-ui/page-constructor';\n\nimport React, {useRef} from 'react';\nimport {ToggleArrow, block} from '@gravity-ui/page-constructor';\n\nimport {NavigationPopup} from './Popup';\nimport {ContentWrapper} from './ContentWrapper';\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\nexport type NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown: FC<NavigationDropdownProps> = (props) => {\n    const {text, icon, className, iconSize, hidePopup, items, isActive, ...otherProps} = props;\n    const iconData = typeof icon === 'string' ? {src: icon} : icon;\n\n    const anchorRef = useRef<HTMLButtonElement>(null);\n\n    return (\n        <>\n            <button\n                ref={anchorRef}\n                {...otherProps}\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\n            <NavigationPopup\n                open={isActive}\n                onClose={hidePopup}\n                items={items}\n                anchorRef={anchorRef}\n            />\n        </>\n    );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,SAAQ,cAAa;AAC5B,SAAQ,aAAa,aAAY;AAEjC,SAAQ,uBAAsB;AAC9B,SAAQ,sBAAqB;AAC7B,OAAO;AAEP,IAAM,IAAI,MAAM,qBAAqB;AAErC,IAAM,oBAAoB;AAInB,IAAM,qBAAkD,CAAC,UAAU;AACtE,QAAqF,YAA9E,QAAM,MAAM,WAAW,UAAU,WAAW,OAAO,SAjB9D,IAiByF,IAAd,uBAAc,IAAd,CAAhE,QAAM,QAAM,aAAW,YAAU,aAAW,SAAO;AAC1D,QAAM,WAAW,OAAO,SAAS,WAAW,EAAC,KAAK,KAAI,IAAI;AAE1D,QAAM,YAAY,OAA0B,IAAI;AAEhD,SACI,0DACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,OACD,aAFP;AAAA,MAGG,MAAK;AAAA,MACL,WAAW,EAAE,MAAM,SAAS;AAAA,MAC5B,iBAAe;AAAA;AAAA,IAEf;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,iBAAe;AAAA;AAAA,IACnB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,EAAE,OAAO;AAAA,QACpB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA;AAAA,IACV;AAAA,EACJ,GAEA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA;AAAA;AAAA,EACJ,CACJ;AAER;",
+  "sourcesContent": ["import type {FC} from 'react';\nimport type {NavigationDropdownItem, NavigationItemProps} from '@gravity-ui/page-constructor';\n\nimport {useRef} from 'react';\nimport {ToggleArrow, block} from '@gravity-ui/page-constructor';\n\nimport {NavigationPopup} from './Popup';\nimport {ContentWrapper} from './ContentWrapper';\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\nexport type NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown: FC<NavigationDropdownProps> = (props) => {\n    const {text, icon, className, iconSize, hidePopup, items, isActive, ...otherProps} = props;\n    const iconData = typeof icon === 'string' ? {src: icon} : icon;\n\n    const anchorRef = useRef<HTMLButtonElement>(null);\n\n    return (\n        <>\n            <button\n                ref={anchorRef}\n                {...otherProps}\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\n            <NavigationPopup\n                open={isActive}\n                onClose={hidePopup}\n                items={items}\n                anchorRef={anchorRef}\n            />\n        </>\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAQ,cAAa;AACrB,SAAQ,aAAa,aAAY;AAEjC,SAAQ,uBAAsB;AAC9B,SAAQ,sBAAqB;AAC7B,OAAO;AAeC,mBAQQ,KAPJ,YADJ;AAbR,IAAM,IAAI,MAAM,qBAAqB;AAErC,IAAM,oBAAoB;AAInB,IAAM,qBAAkD,CAAC,UAAU;AACtE,QAAqF,YAA9E,QAAM,MAAM,WAAW,UAAU,WAAW,OAAO,SAjB9D,IAiByF,IAAd,uBAAc,IAAd,CAAhE,QAAM,QAAM,aAAW,YAAU,aAAW,SAAO;AAC1D,QAAM,WAAW,OAAO,SAAS,WAAW,EAAC,KAAK,KAAI,IAAI;AAE1D,QAAM,YAAY,OAA0B,IAAI;AAEhD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,SACD,aAFP;AAAA,QAGG,MAAK;AAAA,QACL,WAAW,EAAE,MAAM,SAAS;AAAA,QAC5B,iBAAe;AAAA,QAEf;AAAA;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA,MAAM;AAAA,cACN;AAAA,cACA,iBAAe;AAAA;AAAA,UACnB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW,EAAE,OAAO;AAAA,cACpB,MAAM;AAAA,cACN,MAAM;AAAA,cACN,UAAS;AAAA,cACT,MAAM;AAAA;AAAA,UACV;AAAA;AAAA;AAAA,IACJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,SAAS;AAAA,QACT;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;",
   "names": []
 }