@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/VersionsSelect/VersionsSelect.js

@@ -0,0 +1,61 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/VersionsSelect/VersionsSelect.tsx
+var VersionsSelect_exports = {};
+__export(VersionsSelect_exports, {
+  VersionsSelect: () => VersionsSelect
+});
+module.exports = __toCommonJS(VersionsSelect_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_hooks = require("../../hooks");
+var VersionsSelect = (props) => {
+  const { version: defaultVersion, versions, className, onChange } = props;
+  const [version, setVersion] = (0, import_react.useState)(defaultVersion);
+  const { t } = (0, import_hooks.useTranslation)("header");
+  const onUpdate = (0, import_react.useCallback)(
+    (selected) => {
+      onChange(selected[0]);
+      setVersion(selected[0]);
+    },
+    [onChange, setVersion]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Select,
+    {
+      placeholder: t("versions-select-placeholder"),
+      value: [version],
+      options: versions.map((value) => ({ value, content: value })),
+      onUpdate,
+      className
+    }
+  );
+};
+//# sourceMappingURL=VersionsSelect.js.map

package/build/cjs/components/VersionsSelect/VersionsSelect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/VersionsSelect/VersionsSelect.tsx"],
+  "sourcesContent": ["import React, {useCallback, useState} from 'react';\nimport {Select} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../hooks';\n\nexport interface VersionsSelectProps {\n    version: string;\n    versions: string[];\n    onChange: (version: string) => void;\n    className?: string;\n}\n\nexport const VersionsSelect: React.FC<VersionsSelectProps> = (props) => {\n    const {version: defaultVersion, versions, className, onChange} = props;\n    const [version, setVersion] = useState<string>(defaultVersion);\n\n    const {t} = useTranslation('header');\n\n    const onUpdate = useCallback(\n        (selected: string[]) => {\n            onChange(selected[0]);\n            setVersion(selected[0]);\n        },\n        [onChange, setVersion],\n    );\n\n    return (\n        <Select\n            placeholder={t('versions-select-placeholder')}\n            value={[version]}\n            options={versions.map((value) => ({value, content: value}))}\n            onUpdate={onUpdate}\n            className={className}\n        />\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,mBAAqB;AAErB,mBAA6B;AAStB,IAAM,iBAAgD,CAAC,UAAU;AACpE,QAAM,EAAC,SAAS,gBAAgB,UAAU,WAAW,SAAQ,IAAI;AACjE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAiB,cAAc;AAE7D,QAAM,EAAC,EAAC,QAAI,6BAAe,QAAQ;AAEnC,QAAM,eAAW;AAAA,IACb,CAAC,aAAuB;AACpB,eAAS,SAAS,CAAC,CAAC;AACpB,iBAAW,SAAS,CAAC,CAAC;AAAA,IAC1B;AAAA,IACA,CAAC,UAAU,UAAU;AAAA,EACzB;AAEA,SACI,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,EAAE,6BAA6B;AAAA,MAC5C,OAAO,CAAC,OAAO;AAAA,MACf,SAAS,SAAS,IAAI,CAAC,WAAW,EAAC,OAAO,SAAS,MAAK,EAAE;AAAA,MAC1D;AAAA,MACA;AAAA;AAAA,EACJ;AAER;",
+  "names": ["React"]
+}

package/build/cjs/components/VersionsSelect/index.d.ts

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

package/build/cjs/components/VersionsSelect/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/VersionsSelect/index.ts
+var VersionsSelect_exports = {};
+module.exports = __toCommonJS(VersionsSelect_exports);
+__reExport(VersionsSelect_exports, require("./VersionsSelect"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/VersionsSelect/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/VersionsSelect/index.ts"],
+  "sourcesContent": ["export * from './VersionsSelect';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mCAAc,6BAAd;",
+  "names": []
+}

package/build/cjs/components/Widgets/Widgets.css

@@ -0,0 +1,30 @@
+/* src/components/Widgets/Widgets.scss */
+.dc-widgets {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  width: -moz-fit-content;
+  width: fit-content;
+  z-index: 150;
+  pointer-events: none;
+  overflow: hidden;
+}
+.dc-widgets > div:nth-child(1) {
+  bottom: 0px;
+}
+.dc-widgets > div:nth-child(2) {
+  bottom: 60px;
+}
+.dc-widgets > div:nth-child(3) {
+  bottom: 120px;
+}
+.dc-widgets > div:nth-child(4) {
+  bottom: 180px;
+}
+.dc-widgets > div:nth-child(5) {
+  bottom: 240px;
+}
+.dc-widgets > div:nth-child(5) + * {
+  display: none;
+}
+/*# sourceMappingURL=Widgets.css.map */

package/build/cjs/components/Widgets/Widgets.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Widgets/Widgets.scss", "../../../../src/components/Widgets/%3Cinput css EgvI5g%3E"],
+  "sourcesContent": [".dc-widgets {\n    position: fixed;\n    right: 0;\n    bottom: 0;\n    width: fit-content;\n    z-index: 150; // This z-index is chosen so that the header does not overlap the widget\n    pointer-events: none;\n    overflow: hidden;\n}\n\n.dc-widgets > div {\n    $offset: 60px;\n\n    @for $i from 1 through 5 {\n        &:nth-child(#{$i}) {\n            bottom: #{($i - 1) * $offset};\n        }\n    }\n\n    &:nth-child(5) + * {\n        display: none;\n    }\n}\n", ".dc-widgets {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  width: fit-content;\n  z-index: 150;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.dc-widgets > div:nth-child(1) {\n  bottom: 0px;\n}\n.dc-widgets > div:nth-child(2) {\n  bottom: 60px;\n}\n.dc-widgets > div:nth-child(3) {\n  bottom: 120px;\n}\n.dc-widgets > div:nth-child(4) {\n  bottom: 180px;\n}\n.dc-widgets > div:nth-child(5) {\n  bottom: 240px;\n}\n.dc-widgets > div:nth-child(5) + * {\n  display: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1dpZGdldHMiLCJzb3VyY2VzIjpbIldpZGdldHMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFPSTtFQUNJOztBQURKO0VBQ0k7O0FBREo7RUFDSTs7QUFESjtFQUNJOztBQURKO0VBQ0k7O0FBSVI7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy13aWRnZXRzIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB6LWluZGV4OiAxNTA7IC8vIFRoaXMgei1pbmRleCBpcyBjaG9zZW4gc28gdGhhdCB0aGUgaGVhZGVyIGRvZXMgbm90IG92ZXJsYXAgdGhlIHdpZGdldFxuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5kYy13aWRnZXRzID4gZGl2IHtcbiAgICAkb2Zmc2V0OiA2MHB4O1xuXG4gICAgQGZvciAkaSBmcm9tIDEgdGhyb3VnaCA1IHtcbiAgICAgICAgJjpudGgtY2hpbGQoI3skaX0pIHtcbiAgICAgICAgICAgIGJvdHRvbTogI3soJGkgLSAxKSAqICRvZmZzZXR9O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJjpudGgtY2hpbGQoNSkgKyAqIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */"],
+  "mappings": ";AAAA,CAAA;AACI,YAAA;AACA,SAAA;AACA,UAAA;AACA,SAAA;AAAA,SAAA;AACA,WAAA;AACA,kBAAA;AACA,YAAA;ACCJ;ADMQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACHZ;ADEQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACAZ;ADDQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACGZ;ADJQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACMZ;ADPQ,CAdR,WAcQ,EAAA,GAAA;AACI,UAAA;ACSZ;ADLI,CAnBJ,WAmBI,EAAA,GAAA,cAAA,EAAA;AACI,WAAA;ACOR;",
+  "names": []
+}

package/build/cjs/components/Widgets/Widgets.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import './Widgets.scss';
+export interface WidgetsProps {
+    children?: ReactNode;
+}
+declare const Widgets: React.FC<WidgetsProps>;
+export default Widgets;

package/build/cjs/components/Widgets/Widgets.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Widgets/Widgets.tsx
+var Widgets_exports = {};
+__export(Widgets_exports, {
+  default: () => Widgets_default
+});
+module.exports = __toCommonJS(Widgets_exports);
+var import_react = __toESM(require("react"));
+var import_Widgets = require("./Widgets.css");
+var Widgets = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { id: "dc-widgets", className: "dc-widgets" }, children);
+};
+var Widgets_default = Widgets;
+//# sourceMappingURL=Widgets.js.map

package/build/cjs/components/Widgets/Widgets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Widgets/Widgets.tsx"],
+  "sourcesContent": ["import type {ReactNode} from 'react';\n\nimport React from 'react';\n\nimport './Widgets.scss';\n\nexport interface WidgetsProps {\n    children?: ReactNode;\n}\n\nconst Widgets: React.FC<WidgetsProps> = ({children}) => {\n    return (\n        <div id=\"dc-widgets\" className=\"dc-widgets\">\n            {children}\n        </div>\n    );\n};\n\nexport default Widgets;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAElB,qBAAO;AAMP,IAAM,UAAkC,CAAC,EAAC,SAAQ,MAAM;AACpD,SACI,6BAAAA,QAAA,cAAC,SAAI,IAAG,cAAa,WAAU,gBAC1B,QACL;AAER;AAEA,IAAO,kBAAQ;",
+  "names": ["React"]
+}

package/build/cjs/components/Widgets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Widgets';
+export { default as Widgets } from './Widgets';

package/build/cjs/components/Widgets/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Widgets/index.ts
+var Widgets_exports = {};
+__export(Widgets_exports, {
+  Widgets: () => import_Widgets.default
+});
+module.exports = __toCommonJS(Widgets_exports);
+__reExport(Widgets_exports, require("./Widgets"), module.exports);
+var import_Widgets = __toESM(require("./Widgets"));
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Widgets/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Widgets/index.ts"],
+  "sourcesContent": ["export * from './Widgets';\nexport {default as Widgets} from './Widgets';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,sBAAd;AACA,qBAAiC;",
+  "names": []
+}

package/build/cjs/components/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ROOT_ELEMENT_SELECTOR = "#storybook-root";
+export declare const BASE_URL: string;
+export declare const DOC_PAGE_URL: string;
+export declare const DOC_PAGE_HIDDEN_URL: string;
+export declare const DOC_LEADING_PAGE_HIDDEN_URL: string;
+export declare const DOC_PAGE_HEADER_HIDDEN_URL: string;
+export declare const DOC_PAGE_HEADER_SHOWN_URL: string;
+export declare const DOC_PAGE_FEEDBACK_HIDDEN_URL: string;
+export declare const DOC_PAGE_FEEDBACK_SHOWN_URL: string;
+export declare const SEARCH_SUGGEST_URL: string;
+export declare const ERROR_PAGE_URL: string;

package/build/cjs/components/navigation/CustomNavigation/CustomNavigation.css

@@ -0,0 +1,26 @@
+/* src/components/navigation/CustomNavigation/CustomNavigation.scss */
+.pc-navigation {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: var(--header-height);
+  background-color: var(--g-color-base-background);
+}
+.pc-navigation_with-border {
+  box-shadow: inset 0 -1px 0 var(--g-color-line-generic);
+}
+@media (max-width: 768px) {
+  .pc-navigation .pc-overflow-scroller__arrow_type_left,
+  .pc-navigation .pc-overflow-scroller__arrow_type_right {
+    display: none;
+  }
+  .pc-navigation .pc-overflow-scroller__container_padding-right {
+    padding-right: 0;
+  }
+}
+@media (max-width: 576px) {
+  .pc-navigation .pc-desktop-navigation__wrapper .pc-desktop-navigation__logo .pc-logo__icon {
+    max-width: 100%;
+  }
+}
+/*# sourceMappingURL=CustomNavigation.css.map */

package/build/cjs/components/navigation/CustomNavigation/CustomNavigation.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.scss", "../../../../../src/components/navigation/CustomNavigation/%3Cinput css B1pgNr%3E"],
+  "sourcesContent": ["@use 'sass:map';\n@use '../../../styles/mixins';\n@use '../../../styles/variables';\n\n.pc-navigation {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: var(--header-height);\n\n    background-color: var(--g-color-base-background);\n\n    &_with-border {\n        box-shadow: inset 0 -1px 0 var(--g-color-line-generic);\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        // disable page-constructor OverflowScroller in pc-navigation on mobile\n        // as unnecessary feat of pc\n        .pc-overflow-scroller {\n            &__arrow_type_left,\n            &__arrow_type_right {\n                display: none;\n            }\n\n            &__container_padding-right {\n                padding-right: 0;\n            }\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        .pc-desktop-navigation__wrapper .pc-desktop-navigation__logo .pc-logo__icon {\n            max-width: 100%;\n        }\n    }\n}\n", ".pc-navigation {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--header-height);\n  background-color: var(--g-color-base-background);\n}\n.pc-navigation_with-border {\n  box-shadow: inset 0 -1px 0 var(--g-color-line-generic);\n}\n@media (max-width: 768px) {\n  .pc-navigation .pc-overflow-scroller__arrow_type_left, .pc-navigation .pc-overflow-scroller__arrow_type_right {\n    display: none;\n  }\n  .pc-navigation .pc-overflow-scroller__container_padding-right {\n    padding-right: 0;\n  }\n}\n@media (max-width: 576px) {\n  .pc-navigation .pc-desktop-navigation__wrapper .pc-desktop-navigation__logo .pc-logo__icon {\n    max-width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vQ3VzdG9tTmF2aWdhdGlvbiIsInNvdXJjZXMiOlsiQ3VzdG9tTmF2aWdhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFFQTs7QUFFQTtFQUNJOztBQUdKO0VBSVE7SUFFSTs7RUFHSjtJQUNJOzs7QUFLWjtFQUNJO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi8uLi9zdHlsZXMvbWl4aW5zJztcbkB1c2UgJy4uLy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuXG4ucGMtbmF2aWdhdGlvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiB2YXIoLS1oZWFkZXItaGVpZ2h0KTtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1iYWNrZ3JvdW5kKTtcblxuICAgICZfd2l0aC1ib3JkZXIge1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHggMCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIC8vIGRpc2FibGUgcGFnZS1jb25zdHJ1Y3RvciBPdmVyZmxvd1Njcm9sbGVyIGluIHBjLW5hdmlnYXRpb24gb24gbW9iaWxlXG4gICAgICAgIC8vIGFzIHVubmVjZXNzYXJ5IGZlYXQgb2YgcGNcbiAgICAgICAgLnBjLW92ZXJmbG93LXNjcm9sbGVyIHtcbiAgICAgICAgICAgICZfX2Fycm93X3R5cGVfbGVmdCxcbiAgICAgICAgICAgICZfX2Fycm93X3R5cGVfcmlnaHQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfX2NvbnRhaW5lcl9wYWRkaW5nLXJpZ2h0IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIC5wYy1kZXNrdG9wLW5hdmlnYXRpb25fX3dyYXBwZXIgLnBjLWRlc2t0b3AtbmF2aWdhdGlvbl9fbG9nbyAucGMtbG9nb19faWNvbiB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0= */"],
+  "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,UAAA,IAAA;AAEA,oBAAA,IAAA;ACLJ;ADOI,CAAA;AACI,cAAA,MAAA,EAAA,KAAA,EAAA,IAAA;ACLR;ADQI,QAAA,WAAA;AAIQ,GAjBZ,cAiBY,CAAA;EAAA,CAjBZ,cAiBY,CAAA;AAEI,aAAA;ACVd;ADaU,GAtBZ,cAsBY,CAAA;AACI,mBAAA;ACXd;AACF;ADeI,QAAA,WAAA;AACI,GA7BR,cA6BQ,CAAA,+BAAA,CAAA,4BAAA,CAAA;AACI,eAAA;ACbV;AACF;",
+  "names": []
+}

package/build/cjs/components/navigation/CustomNavigation/CustomNavigation.d.ts

@@ -0,0 +1,11 @@
+import type { NavigationComponentProps } from '@gravity-ui/page-constructor';
+import type { MobileControlsProps } from '../../MobileControls/MobileControls';
+import type { NavigationTocProps } from '../SidebarContent/SidebarContent';
+import React from 'react';
+import './CustomNavigation.scss';
+export interface CustomNavigationProps extends NavigationComponentProps {
+    mobileControlsData?: MobileControlsProps;
+    navigationTocData: NavigationTocProps;
+}
+export declare const CustomNavigation: React.FC<CustomNavigationProps>;
+export default CustomNavigation;

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

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navigation/CustomNavigation/CustomNavigation.tsx
+var CustomNavigation_exports = {};
+__export(CustomNavigation_exports, {
+  CustomNavigation: () => CustomNavigation,
+  default: () => CustomNavigation_default
+});
+module.exports = __toCommonJS(CustomNavigation_exports);
+var import_react = __toESM(require("react"));
+var import_page_constructor = require("@gravity-ui/page-constructor");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_Sidebar = __toESM(require("../Sidebar/Sidebar"));
+var import_SidebarContent = __toESM(require("../SidebarContent/SidebarContent"));
+var import_hooks = require("../hooks");
+var import_CustomNavigation = require("./CustomNavigation.css");
+var import_hooks2 = require("./hooks");
+var CLASS_NAME = "pc-navigation";
+var PC_PARANT_CLASS_NAME = "pc-layout__navigation";
+var b = (0, import_bem_cn_lite.default)(CLASS_NAME);
+var CustomNavigation = (0, import_react.memo)(
+  ({ logo, data, mobileControlsData, navigationTocData }) => {
+    const {
+      leftItems,
+      rightItems,
+      customMobileHeaderItems,
+      iconSize = 20,
+      withBorder = false,
+      withBorderOnScroll = true
+    } = data;
+    const [isMainMenuOpened, closeMainMenu, mainMenuOpenessData] = (0, import_hooks2.useMainMenuOpenness)();
+    const [isSidebarOpened, onSidebarOpenedChange] = (0, import_hooks2.useSidebarOpenness)(
+      isMainMenuOpened,
+      closeMainMenu,
+      navigationTocData
+    );
+    const [showBorder] = (0, import_page_constructor.useShowBorder)(withBorder, withBorderOnScroll);
+    const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, import_page_constructor.useActiveNavItem)(iconSize, leftItems, rightItems);
+    const [leftItemsWithCustomDropdowns, rightItemsWithCustomDropdowns] = (0, import_hooks.useItemsWithCustomDropdowns)(leftItemsWithIconSize, rightItemsWithIconSize);
+    const pcNavigationData = {
+      leftItemsWithIconSize: leftItemsWithCustomDropdowns,
+      rightItemsWithIconSize: rightItemsWithCustomDropdowns,
+      onActiveItemChange
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_page_constructor.Grid, { className: b({ "with-border": showBorder }, PC_PARANT_CLASS_NAME) }, /* @__PURE__ */ import_react.default.createElement(import_page_constructor.Row, null, /* @__PURE__ */ import_react.default.createElement(import_page_constructor.Col, null, /* @__PURE__ */ import_react.default.createElement("nav", null, /* @__PURE__ */ import_react.default.createElement(
+      import_page_constructor.DesktopNavigation,
+      {
+        logo,
+        activeItemId,
+        onActiveItemChange,
+        leftItemsWithIconSize: leftItemsWithCustomDropdowns,
+        rightItemsWithIconSize,
+        customMobileHeaderItems,
+        isSidebarOpened,
+        onSidebarOpenedChange
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_Sidebar.default, { isOpened: isSidebarOpened }, /* @__PURE__ */ import_react.default.createElement(
+      import_SidebarContent.default,
+      {
+        mainMenuOpenessData,
+        pcNavigationData,
+        navigationTocData,
+        mobileControlsData,
+        className: b()
+      }
+    ))))));
+  }
+);
+CustomNavigation.displayName = "CustomNavigation";
+var CustomNavigation_default = CustomNavigation;
+//# sourceMappingURL=CustomNavigation.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/CustomNavigation/CustomNavigation.tsx"],
+  "sourcesContent": ["import type {NavigationComponentProps} from '@gravity-ui/page-constructor';\nimport type {MobileControlsProps} from '../../MobileControls/MobileControls';\nimport type {NavigationTocProps} from '../SidebarContent/SidebarContent';\n\nimport React, {memo} 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';\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(\n    ({logo, data, mobileControlsData, navigationTocData}) => {\n        const {\n            leftItems,\n            rightItems,\n            customMobileHeaderItems,\n            iconSize = 20,\n            withBorder = false,\n            withBorderOnScroll = true,\n        } = data;\n\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        return (\n            <Grid className={b({'with-border': showBorder}, PC_PARANT_CLASS_NAME)}>\n                <Row>\n                    <Col>\n                        <nav>\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);\n\nCustomNavigation.displayName = 'CustomNavigation';\n\nexport default CustomNavigation;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA0B;AAC1B,8BAOO;AACP,yBAAkB;AAElB,qBAAoB;AACpB,4BAA2B;AAC3B,mBAA0C;AAE1C,8BAAO;AACP,IAAAA,gBAAsD;AAEtD,IAAM,aAAa;AACnB,IAAM,uBAAuB;AAE7B,IAAM,QAAI,mBAAAC,SAAM,UAAU;AAOnB,IAAM,uBAAoD;AAAA,EAC7D,CAAC,EAAC,MAAM,MAAM,oBAAoB,kBAAiB,MAAM;AACrD,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,aAAa;AAAA,MACb,qBAAqB;AAAA,IACzB,IAAI;AAEJ,UAAM,CAAC,kBAAkB,eAAe,mBAAmB,QAAI,mCAAoB;AACnF,UAAM,CAAC,iBAAiB,qBAAqB,QAAI;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,UAAM,CAAC,UAAU,QAAI,uCAAc,YAAY,kBAAkB;AAEjE,UAAM,EAAC,cAAc,uBAAuB,wBAAwB,mBAAkB,QAClF,0CAAiB,UAAU,WAAW,UAAU;AACpD,UAAM,CAAC,8BAA8B,6BAA6B,QAC9D,0CAA4B,uBAAuB,sBAAsB;AAE7E,UAAM,mBAAmB;AAAA,MACrB,uBAAuB;AAAA,MACvB,wBAAwB;AAAA,MACxB;AAAA,IACJ;AAEA,WACI,6BAAAC,QAAA,cAAC,gCAAK,WAAW,EAAE,EAAC,eAAe,WAAU,GAAG,oBAAoB,KAChE,6BAAAA,QAAA,cAAC,mCACG,6BAAAA,QAAA,cAAC,mCACG,6BAAAA,QAAA,cAAC,aACG,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA,uBAAuB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,UAAU,mBACf,6BAAAD,QAAA;AAAA,MAAC,sBAAAE;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,EAAE;AAAA;AAAA,IACjB,CACJ,CACJ,CACJ,CACJ,CACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;AAE/B,IAAO,2BAAQ;",
+  "names": ["import_hooks", "block", "React", "Sidebar", "SidebarContent"]
+}

package/build/cjs/components/navigation/CustomNavigation/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useSidebarOpenness } from './useSidebarOpenness';
+export { default as useMainMenuOpenness } from './useMainMenuOpenness';

package/build/cjs/components/navigation/CustomNavigation/hooks/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navigation/CustomNavigation/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useMainMenuOpenness: () => import_useMainMenuOpenness.default,
+  useSidebarOpenness: () => import_useSidebarOpenness.default
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useSidebarOpenness = __toESM(require("./useSidebarOpenness"));
+var import_useMainMenuOpenness = __toESM(require("./useMainMenuOpenness"));
+//# sourceMappingURL=index.js.map

package/build/cjs/components/navigation/CustomNavigation/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/CustomNavigation/hooks/index.ts"],
+  "sourcesContent": ["export {default as useSidebarOpenness} from './useSidebarOpenness';\nexport {default as useMainMenuOpenness} from './useMainMenuOpenness';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA4C;AAC5C,iCAA6C;",
+  "names": []
+}

package/build/cjs/components/navigation/CustomNavigation/hooks/useMainMenuOpenness.d.ts

@@ -0,0 +1,8 @@
+import type { MainMenuOpenessProps } from '../../SidebarContent/SidebarContent';
+type UseMainMenuOpennessReturnData = [
+    isOpened: boolean,
+    close: () => void,
+    data: MainMenuOpenessProps
+];
+export declare const useMainMenuOpenness: () => UseMainMenuOpennessReturnData;
+export default useMainMenuOpenness;

package/build/cjs/components/navigation/CustomNavigation/hooks/useMainMenuOpenness.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navigation/CustomNavigation/hooks/useMainMenuOpenness.ts
+var useMainMenuOpenness_exports = {};
+__export(useMainMenuOpenness_exports, {
+  default: () => useMainMenuOpenness_default,
+  useMainMenuOpenness: () => useMainMenuOpenness
+});
+module.exports = __toCommonJS(useMainMenuOpenness_exports);
+var import_react = require("react");
+var useMainMenuOpenness = () => {
+  const [isMainMenuOpened, setIsMainMenuOpened] = (0, import_react.useState)(false);
+  const openMainMenu = () => setIsMainMenuOpened(true);
+  const closeMainMenu = (0, import_react.useCallback)(() => setIsMainMenuOpened(false), [setIsMainMenuOpened]);
+  const mainMenuOpenessData = {
+    isMainMenuOpened,
+    openMainMenu
+  };
+  return [isMainMenuOpened, closeMainMenu, mainMenuOpenessData];
+};
+var useMainMenuOpenness_default = useMainMenuOpenness;
+//# sourceMappingURL=useMainMenuOpenness.js.map

package/build/cjs/components/navigation/CustomNavigation/hooks/useMainMenuOpenness.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/navigation/CustomNavigation/hooks/useMainMenuOpenness.ts"],
+  "sourcesContent": ["import type {MainMenuOpenessProps} from '../../SidebarContent/SidebarContent';\n\nimport {useCallback, useState} from 'react';\n\ntype UseMainMenuOpennessReturnData = [\n    isOpened: boolean,\n    close: () => void,\n    data: MainMenuOpenessProps,\n];\n\nexport const useMainMenuOpenness = (): UseMainMenuOpennessReturnData => {\n    const [isMainMenuOpened, setIsMainMenuOpened] = useState(false);\n\n    const openMainMenu = () => setIsMainMenuOpened(true);\n    const closeMainMenu = useCallback(() => setIsMainMenuOpened(false), [setIsMainMenuOpened]);\n\n    const mainMenuOpenessData = {\n        isMainMenuOpened,\n        openMainMenu,\n    };\n\n    return [isMainMenuOpened, closeMainMenu, mainMenuOpenessData];\n};\n\nexport default useMainMenuOpenness;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoC;AAQ7B,IAAM,sBAAsB,MAAqC;AACpE,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,KAAK;AAE9D,QAAM,eAAe,MAAM,oBAAoB,IAAI;AACnD,QAAM,oBAAgB,0BAAY,MAAM,oBAAoB,KAAK,GAAG,CAAC,mBAAmB,CAAC;AAEzF,QAAM,sBAAsB;AAAA,IACxB;AAAA,IACA;AAAA,EACJ;AAEA,SAAO,CAAC,kBAAkB,eAAe,mBAAmB;AAChE;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/build/cjs/components/navigation/CustomNavigation/hooks/useSidebarOpenness.d.ts

@@ -0,0 +1,7 @@
+import type { NavigationTocProps } from '../../SidebarContent/SidebarContent';
+type UseSidebarOpennessReturnData = [
+    isSidebarOpened: boolean,
+    onSidebarOpenedChange: (isOpened: boolean) => void
+];
+declare const useSidebarOpenness: (isMainMenuOpened: boolean, closeMainMenu: () => void, navigationTocData: NavigationTocProps) => UseSidebarOpennessReturnData;
+export default useSidebarOpenness;

package/build/cjs/components/navigation/CustomNavigation/hooks/useSidebarOpenness.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/navigation/CustomNavigation/hooks/useSidebarOpenness.ts
+var useSidebarOpenness_exports = {};
+__export(useSidebarOpenness_exports, {
+  default: () => useSidebarOpenness_default
+});
+module.exports = __toCommonJS(useSidebarOpenness_exports);
+var import_react = require("react");
+var useSidebarOpenness = (isMainMenuOpened, closeMainMenu, navigationTocData) => {
+  const [pathName, setPathName] = (0, import_react.useState)(navigationTocData.router.pathname);
+  const [hash, setHash] = (0, import_react.useState)(navigationTocData.router.hash);
+  const [isSidebarOpened, setIsSidebarOpened] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const router = navigationTocData.router;
+    if (pathName !== router.pathname || hash !== router.hash) {
+      setIsSidebarOpened(false);
+      setHash(router.hash);
+      setPathName(router.pathname);
+    }
+  }, [navigationTocData, hash, pathName]);
+  const onSidebarOpenedChange = (0, import_react.useCallback)(
+    (isOpened) => {
+      if (isOpened && isMainMenuOpened) {
+        closeMainMenu();
+      }
+      setIsSidebarOpened(isOpened);
+    },
+    [isMainMenuOpened, setIsSidebarOpened, closeMainMenu]
+  );
+  return [isSidebarOpened, onSidebarOpenedChange];
+};
+var useSidebarOpenness_default = useSidebarOpenness;
+//# sourceMappingURL=useSidebarOpenness.js.map