profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/blocks/sideMenu/components/SubPages/SubPagesItem.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubPagesItem = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./SubPages.styled"));
+const SubPagesSide_1 = require("../SubPagesSide/SubPagesSide");
+const useGetCoordinates_1 = require("../../hooks/useGetCoordinates");
+const SideMenu_1 = require("../../SideMenu");
+const useActivePage_1 = require("../../../../../hooks/useActivePage");
+const Premium_1 = require("../../../Navigation/components/Premium/Premium");
+const urls_1 = require("../../../../../localization/translations/urls");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const SubPagesItem = ({ data }) => {
+    const refSubPagesSide = (0, react_1.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const { setShowQuiz, LinkWrapper } = (0, react_1.useContext)(SideMenu_1.SideMenuContext);
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const { isActive, isPointActive } = (0, useActivePage_1.useActivePage)(data.href, data.subPages, data.innerPages);
+    const isShowPremium = data.unavailable;
+    const { refButton, coordinates, getCoordinates } = (0, useGetCoordinates_1.useGetCoordinates)();
+    // Определяем, нужно ли отображась элемент как ссылку, чтобы была возможность кликать правой кнопкой мыши
+    const buttonHref = (0, react_1.useMemo)(() => {
+        if (isShowPremium || isPointActive || data.subPages)
+            return null;
+        return data.href;
+    }, [isShowPremium, data, isPointActive]);
+    const handleClick = () => {
+        if (isShowPremium) {
+            setShowQuiz(data);
+            return;
+        }
+        if (data.subPages) {
+            getCoordinates();
+            setIsOpen(!isOpen);
+            return;
+        }
+    };
+    const renderSubLinks = () => {
+        return (react_1.default.createElement(SubPagesSide_1.SubPagesSide, { coordinates: coordinates, ref: refSubPagesSide, data: (data === null || data === void 0 ? void 0 : data.subPages) || [] }));
+    };
+    const getContent = () => {
+        return (react_1.default.createElement(Styled.ButtonWrapper, null,
+            react_1.default.createElement(Styled.Button, { isLocked: data.locked, isOpen: isOpen, ref: refButton, isActive: isActive, onClick: handleClick },
+                react_1.default.createElement("span", null, urls_1.Urls_translations[locale][data.name]),
+                data.isNew && (react_1.default.createElement(Styled.New, { variant: "caption2-Medium", colorName: "contrastThemed", tag: "span" }, "\u041D\u043E\u0432\u0438\u043D\u043A\u0430")),
+                data.locked && !isShowPremium && react_1.default.createElement(Styled.Lock, null),
+                !data.locked && !!data.subPages && !isShowPremium ? (react_1.default.createElement(Styled.Chevron, { "$isOpen": isOpen })) : null,
+                isShowPremium && react_1.default.createElement(Premium_1.Premium, null)),
+            isOpen && renderSubLinks()));
+    };
+    if (buttonHref && LinkWrapper) {
+        return react_1.default.createElement(LinkWrapper, { href: buttonHref }, getContent());
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, getContent());
+};
+exports.SubPagesItem = SubPagesItem;
+//# sourceMappingURL=SubPagesItem.js.map

package/dist/components/blocks/sideMenu/components/SubPages/SubPagesItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubPagesItem.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPages/SubPagesItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubPagesSide = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./SubPagesSide.styled"));
+const SubPagesSideItem_1 = require("./SubPagesSideItem");
+const SubPagesSide = (0, react_1.forwardRef)(({ data, coordinates }, ref) => {
+    return (react_1.default.createElement(Styled.Container, { ref: ref, x: coordinates.x, y: coordinates.y }, data.map((item, index) => (react_1.default.createElement(SubPagesSideItem_1.SubPagesSideItem, { data: item, key: index })))));
+});
+exports.SubPagesSide = SubPagesSide;
+//# sourceMappingURL=SubPagesSide.js.map

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubPagesSide.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,8DAA+C;AAE/C,yDAAqD;AAOrD,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,IAC3D,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,mCAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC7C,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,oCAAY"}

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.styled.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lock = exports.Button = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Lock_svg_1 = __importDefault(require("../../../../../icons/Lock.svg"));
+exports.Container = styled_components_1.default.div `
+  position: fixed;
+  top: ${(props) => `${props.y}px`};
+  left: ${(props) => `calc(${props.x}px + 24px)`};
+  z-index: 1000;
+  border-radius: 8px;
+  border: 0.8px solid ${(props) => props.theme.stroke.primary};
+  background: ${(props) => props.theme.background.field};
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
+  padding: 4px 6px;
+  min-width: 156px;
+  max-width: fit-content;
+`;
+exports.Button = styled_components_1.default.span `
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: Manrope, sans-serif;
+  padding: 10px 6px;
+  border-radius: 8px;
+  text-align: left;
+  background: ${(props) => props.isActive ? props.theme.background.secondary : 'transparent'};
+  outline: none;
+  border: none;
+  cursor: pointer;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  white-space: nowrap;
+  color: ${(props) => props.theme.text.primary};
+  &:hover {
+    background: ${(props) => props.theme.background.secondary};
+  }
+  &:active {
+    background: transparent;
+    opacity: 0.6;
+  }
+`;
+exports.Lock = (0, styled_components_1.default)(Lock_svg_1.default) `
+  & path {
+    fill: ${(props) => props.theme.icons.contrast};
+  }
+`;
+//# sourceMappingURL=SubPagesSide.styled.js.map

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubPagesSide.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPagesSide/SubPagesSide.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,6EAAoD;AAEvC,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAA0B;;SAEpD,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI;UACxB,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,YAAY;;;wBAGxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;gBAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;;;;CAKtD,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,IAAI,CAAuB;;;;;;;;;gBASxC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;;;;;;;;;WAS1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;kBAE5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;;;;CAM5D,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,kBAAQ,CAAC,CAAuB;;YAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;CAEhD,CAAA"}

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSideItem.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubPagesSideItem = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./SubPagesSide.styled"));
+const useActivePage_1 = require("../../../../../hooks/useActivePage");
+const SideMenu_1 = require("../../SideMenu");
+const urls_1 = require("../../../../../localization/translations/urls");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const SubPagesSideItem = ({ data }) => {
+    const { isActive, isPointActive } = (0, useActivePage_1.useActivePage)(data.href, data.subPages, data.innerPages);
+    const { LinkWrapper } = (0, react_1.useContext)(SideMenu_1.SideMenuContext);
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    // Определяем, нужно ли отображась элемент как ссылку, чтобы была возможность кликать правой кнопкой мыши
+    const buttonHref = (0, react_1.useMemo)(() => {
+        if (isPointActive)
+            return null;
+        return data.href;
+    }, [data, isPointActive]);
+    const getContent = () => {
+        return (react_1.default.createElement(Styled.Button, { isActive: isActive },
+            react_1.default.createElement("span", null, urls_1.Urls_translations[locale][data.name]),
+            data.locked && react_1.default.createElement(Styled.Lock, null)));
+    };
+    if (buttonHref && LinkWrapper) {
+        return react_1.default.createElement(LinkWrapper, { href: buttonHref }, getContent());
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, getContent());
+};
+exports.SubPagesSideItem = SubPagesSideItem;
+//# sourceMappingURL=SubPagesSideItem.js.map

package/dist/components/blocks/sideMenu/components/SubPagesSide/SubPagesSideItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubPagesSideItem.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPagesSide/SubPagesSideItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,8DAA+C;AAC/C,sEAAkE;AAElE,6CAAgD;AAChD,wEAAiF;AACjF,iFAA6E;AAM7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAU,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAA,6BAAa,EAC/C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,UAAU,CAChB,CAAA;IACD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAe,CAAC,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,yGAAyG;IACzG,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,aAAa;YAAE,OAAO,IAAI,CAAA;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAA;IAEzB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,8BAAC,MAAM,CAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ;YAC/B,4CAAO,wBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;YAClD,IAAI,CAAC,MAAM,IAAI,8BAAC,MAAM,CAAC,IAAI,OAAG,CACjB,CACjB,CAAA;IACH,CAAC,CAAA;IAED,IAAI,UAAU,IAAI,WAAW,EAAE;QAC7B,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,UAAU,IAAG,UAAU,EAAE,CAAe,CAAA;KACnE;IAED,OAAO,8DAAG,UAAU,EAAE,CAAI,CAAA;AAC5B,CAAC,CAAA;AAEQ,4CAAgB"}

package/dist/components/blocks/sideMenu/hooks/useGetCoordinates.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const useGetCoordinates: () => {
     refButton: import("react").MutableRefObject<any>;
     coordinates: {

package/dist/components/blocks/sideMenu/hooks/useGetCoordinates.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetCoordinates = void 0;
+const react_1 = require("react");
+const useGetCoordinates = () => {
+    const refButton = (0, react_1.useRef)(null);
+    const [coordinates, setCoordinates] = (0, react_1.useState)({ x: 0, y: 0 });
+    // Для случаев, когда мы сворачиваем SideMenu
+    (0, react_1.useEffect)(() => {
+        if (!refButton.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            getCoordinates();
+        });
+        resizeObserver.observe(refButton.current);
+        return () => resizeObserver.disconnect();
+    }, []);
+    const getCoordinates = () => {
+        if (refButton.current) {
+            const { y, right } = refButton.current.getBoundingClientRect();
+            setCoordinates({ x: right, y });
+        }
+    };
+    return { refButton, coordinates, getCoordinates };
+};
+exports.useGetCoordinates = useGetCoordinates;
+//# sourceMappingURL=useGetCoordinates.js.map

package/dist/components/blocks/sideMenu/hooks/useGetCoordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetCoordinates.js","sourceRoot":"","sources":["../../../../../src/components/blocks/sideMenu/hooks/useGetCoordinates.ts"],"names":[],"mappings":";;;AAAA,iCAAmD;AAE5C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAE9D,6CAA6C;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAC9B,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,cAAc,EAAE,CAAA;QAClB,CAAC,CAAC,CAAA;QACF,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAC9D,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACnD,CAAC,CAAA;AAtBY,QAAA,iBAAiB,qBAsB7B"}

package/dist/components/blocks/sideMenu/index.js

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

package/dist/components/blocks/sideMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/sideMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B"}

package/dist/components/blocks/sideMenu/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMaxHeightSideMenu = void 0;
+const onClient_1 = __importDefault(require("../../../utils/onClient"));
+const common_1 = require("../../../constants/common");
+const getMaxHeightSideMenu = (countBanners) => {
+    var _a;
+    const headerBanner = onClient_1.default
+        ? ((_a = document.getElementById('header-bottom-line')) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0
+        : 0;
+    //   Шапка сайта плюс отступ
+    const indentHeader = common_1.HEIGHT_HEADER + 24 + headerBanner;
+    //   общая высота баннеров с отступами
+    const heightBanners = countBanners * 140 + countBanners * 20 + 20;
+    return {
+        heightContent: indentHeader + heightBanners,
+        heightSide: indentHeader
+    };
+};
+exports.getMaxHeightSideMenu = getMaxHeightSideMenu;
+//# sourceMappingURL=utils.js.map

package/dist/components/blocks/sideMenu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/blocks/sideMenu/utils.ts"],"names":[],"mappings":";;;;;;AAAA,uEAA8C;AAC9C,sDAAyD;AAElD,MAAM,oBAAoB,GAAG,CAAC,YAAoB,EAAE,EAAE;;IAC3D,MAAM,YAAY,GAAG,kBAAQ;QAC3B,CAAC,CAAC,CAAA,MAAA,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,0CAAE,YAAY,KAAI,CAAC;QAClE,CAAC,CAAC,CAAC,CAAA;IAEL,4BAA4B;IAC5B,MAAM,YAAY,GAAG,sBAAa,GAAG,EAAE,GAAG,YAAY,CAAA;IAEtD,sCAAsC;IACtC,MAAM,aAAa,GAAG,YAAY,GAAG,GAAG,GAAG,YAAY,GAAG,EAAE,GAAG,EAAE,CAAA;IAEjE,OAAO;QACL,aAAa,EAAE,YAAY,GAAG,aAAa;QAC3C,UAAU,EAAE,YAAY;KACzB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutSideMenu = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./LayoutSideMenu.styled"));
+const useOpenSideMenu_1 = require("../../../hooks/sideMenu/useOpenSideMenu");
+const CommonBanner_1 = require("../../banners/CommonBanner");
+const useLocalization_1 = require("../../../localization/useLocalization");
+const LayoutSideMenu = ({ maxWidthContent = 1440, children, asideContent, mobileMargin, classNameContent, headerBanner }) => {
+    const openMode = (0, useOpenSideMenu_1.useOpenSideMenu)();
+    const { isForeignSite } = (0, useLocalization_1.useLocalization)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !isForeignSite && (react_1.default.createElement("div", { id: "header-bottom-line" }, headerBanner ? headerBanner : react_1.default.createElement(CommonBanner_1.CommonBanner, null))),
+        react_1.default.createElement(Styled.Container, { maxWidth: maxWidthContent },
+            react_1.default.createElement(Styled.Content, { className: classNameContent, mobileMargin: mobileMargin },
+                react_1.default.createElement(Styled.Aside, null,
+                    react_1.default.createElement(Styled.Sticky, null, asideContent)),
+                react_1.default.createElement(Styled.Main, { openMode: openMode }, children)))));
+};
+exports.LayoutSideMenu = LayoutSideMenu;
+//# sourceMappingURL=LayoutSideMenu.js.map

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSideMenu.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/LayoutSideMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,gEAAiD;AAEjD,6EAAyE;AACzE,6DAAyD;AACzD,2EAAuE;AAEvE,MAAM,cAAc,GAAG,CAAC,EACtB,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACC,EAAE,EAAE;IACjB,MAAM,QAAQ,GAAG,IAAA,iCAAe,GAAE,CAAA;IAElC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAE3C,OAAO,CACL;QACG,CAAC,aAAa,IAAI,CACjB,uCAAK,EAAE,EAAC,oBAAoB,IACzB,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,8BAAC,2BAAY,OAAG,CAC3C,CACP;QACD,8BAAC,MAAM,CAAC,SAAS,IAAC,QAAQ,EAAE,eAAe;YACzC,8BAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,YAAY;gBAE1B,8BAAC,MAAM,CAAC,KAAK;oBACX,8BAAC,MAAM,CAAC,MAAM,QAAE,YAAY,CAAiB,CAChC;gBACf,8BAAC,MAAM,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,IAAG,QAAQ,CAAe,CAC1C,CACA,CAClB,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.stories.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutSideMenu = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const LayoutSideMenu_1 = require("./LayoutSideMenu");
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const sideMenu_1 = require("../../blocks/sideMenu");
+const header_1 = require("../../blocks/header");
+const footer_1 = require("../../blocks/footer");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+const Button_1 = require("../../uikit/Button");
+const eventBus_1 = __importDefault(require("../../../utils/eventBus"));
+const events_1 = require("../../../utils/eventBus/events");
+const search_typed_1 = require("../../../api/search/search.typed");
+const Support_1 = require("../../blocks/Support/Support");
+const Modal_1 = require("../../uikit/Modal");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const Dropdown_1 = require("../../uikit/Dropdown");
+exports.default = {
+    title: 'Layout/LayoutSideMenu',
+    component: LayoutSideMenu_1.LayoutSideMenu
+};
+const Block = styled_components_1.default.div `
+  width: 100%;
+  height: 1000px;
+  background: gray;
+  border-radius: 12px;
+`;
+const Discount = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(
+      107deg,
+      rgba(40, 155, 239, 0.08) -9.24%,
+      rgba(140, 109, 229, 0.08) 45.88%,
+      rgba(239, 64, 219, 0.08) 101.01%
+    ),
+    rgba(124, 159, 246, 0.12);
+  padding: 8px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  border: none;
+  width: 100%;
+`;
+const defaultUser = {
+    user_id: 1,
+    last_name: 'Petrov',
+    name: 'Vova',
+    patronymic: 'Testovich',
+    nick: 'nick',
+    token: '',
+    avatar_url: 'https://cdnn11.img.sputnik.by/img/104078/98/1040789816_323:0:1599:1276_1920x0_80_0_0_69ce9e6a3ec4aae781eb07e0af854f8d.jpg',
+    account_list: [
+        {
+            account_id: 1,
+            acc_type: 'email',
+            confirm: '',
+            login: 'test@gmail.com'
+        }
+    ],
+    ref_balance: 10000,
+    is_partner: true,
+    is_confirm_partner: false,
+    rights: { ext: 1 },
+    purchased: {}
+};
+const LayoutSideMenu = () => {
+    const [isOpenModal, setIsOpenModal] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        eventBus_1.default.publish(events_1.BusEvent.SearchOpen, { tab: search_typed_1.INSTRUMENTS_TYPES.bonds });
+    };
+    const LinkWrapper = (props) => {
+        return react_1.default.createElement("a", { href: props.href }, props.children);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.Header, { leaderBoardPermission: false, onLogout: () => null }),
+        react_1.default.createElement(LayoutSideMenu_1.LayoutSideMenu, { maxWidthContent: 1440, asideContent: react_1.default.createElement(sideMenu_1.SideMenu, { banners: [
+                    {
+                        href: 'test',
+                        image: 'https://cdnn21.img.ria.ru/images/07e5/06/18/1738448523_0:54:864:540_1920x1080_80_0_0_04b3661808bae0b0fbc8b2e52dba9d8d.jpg'
+                    }
+                ], apiSettings: {
+                    token: '',
+                    baseUrl: 'https://test.profinansy.ru/api'
+                }, userRole: "authorized", category: "education", isLeaderboardPermission: false, LinkWrapper: LinkWrapper, isHoverMode: false, footerSlot: react_1.default.createElement(Discount, { onClick: () => alert('click') }, "\u041C\u043E\u044F \u0441\u0443\u043F\u0435\u0440 \u0441\u043A\u0438\u0434\u043A\u0430") }) },
+            react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Layout \u0434\u043B\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446 \u0441 \u0431\u043E\u043A\u043E\u0432\u044B\u043C \u043C\u0435\u043D\u044E"),
+            react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043B\u044F \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043D\u0438\u0446, \u0433\u0434\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043A\u043E\u0432\u043E\u0435 \u043C\u0435\u043D\u044E, \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u044D\u0442\u043E\u0442 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440. \u041E\u043D \u0437\u0430\u0434\u0430\u0441\u0442 \u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0431\u043E\u043A\u043E\u0432\u043E\u0439 \u0438 \u0446\u0435\u043D\u0442\u0440\u0430\u043B\u044C\u043D\u043E\u0439 \u0447\u0430\u0441\u0442\u0438." }),
+            react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D \u0448\u0438\u0440\u0438\u043D\u043E\u0439 1440. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u0430 \u043A\u0430\u043A\u0430\u044F-\u043B\u0438\u0431\u043E \u0434\u0440\u0443\u0433\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430, \u0442\u043E \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0440\u043E\u043A\u0438\u043D\u0443\u0442\u044C \u0435\u0435 \u0432 props maxWidthContent" }),
+            react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0411\u043E\u043A\u043E\u0432\u043E\u0435 \u043C\u0435\u043D\u044E \u043F\u0440\u043E\u043F\u0430\u0434\u0430\u0435\u0442 \u043D\u0430 \u0448\u0438\u0440\u0438\u043D\u0435 960px. \u0411\u043E\u043A\u043E\u0432\u044B\u0435 \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u0438\u0441\u0447\u0435\u0437\u0430\u044E\u0442 \u043D\u0430 600px. \u042D\u0442\u043E \u0441\u0442\u043E\u0438\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0442\u044C \u043F\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0439 \u0432\u0435\u0440\u0441\u0438\u0438. \u041D\u0430\u043F\u0440\u043C\u0438\u0435\u0440, \u0443\u0431\u0440\u0430\u0442\u044C \u043D\u0430 600px \u0441\u043A\u0440\u0443\u0433\u043B\u0435\u043D\u0438\u044F \u0443\u0433\u043B\u043E\u0432 \u0443 \u043A\u0430\u0440\u0442\u043E\u0447\u0435\u043A.\n        \u042D\u0442\u043E\u0433\u043E \u043D\u0435 \u0431\u044B\u043B\u043E \u0441\u0434\u0435\u043B\u0430\u043D\u043E \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u043F\u043E\u0442\u043E\u043C\u0443 \u0447\u0442\u043E \u043D\u0435\u0442 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u0434\u0438\u0437\u0430\u0439\u043D\u0430 \u043D\u0430 \u044D\u0442\u043E\u0442 \u0441\u0447\u0435\u0442. \u041D\u0430 \u043A\u0430\u043A\u0438\u0445-\u0442\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u0445 \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u0435\u0441\u0442\u044C, \u043D\u0430 \u043A\u0430\u043A\u0438\u0445-\u0442\u043E \u043D\u0435\u0442. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u0432\u0441\u0435 \u0436\u0435 \u043D\u0443\u0436\u043D\u044B \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u043D\u0430 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0439 \u0432\u0435\u0440\u0441\u0438\u0438, \u0442\u043E \u043C\u043E\u0436\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0445\n        \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u043E \u0447\u0435\u0440\u0435\u0437 \u043A\u043B\u0430\u0441\u0441 classNameContent \u0438\u043B\u0438 \u043B\u044E\u0431\u044B\u043C \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C." }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u0438\u0441\u043A", style: { marginBottom: '16px' }, onClick: handleClick }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u043A\u0443", style: { marginBottom: '16px' }, onClick: () => setIsOpenModal(true) }),
+            react_1.default.createElement(StoryExample_1.StoryExample, null,
+                react_1.default.createElement(Dropdown_1.Dropdown, { height: "500px", targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }), width: '300px', placement: 'top-end' },
+                    react_1.default.createElement("div", { style: { fontSize: '18px' } }, "\u0411\u043E\u043A\u043E\u0432\u043E\u0435 \u043C\u0435\u043D\u044E \u043F\u0440\u043E\u043F\u0430\u0434\u0430\u0435\u0442 \u043D\u0430 \u0448\u0438\u0440\u0438\u043D\u0435 960px. \u0411\u043E\u043A\u043E\u0432\u044B\u0435 \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u0438\u0441\u0447\u0435\u0437\u0430\u044E\u0442 \u043D\u0430 600px. \u042D\u0442\u043E \u0441\u0442\u043E\u0438\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0442\u044C \u043F\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0439 \u0432\u0435\u0440\u0441\u0438\u0438. \u041D\u0430\u043F\u0440\u043C\u0438\u0435\u0440, \u0443\u0431\u0440\u0430\u0442\u044C \u043D\u0430 600px \u0441\u043A\u0440\u0443\u0433\u043B\u0435\u043D\u0438\u044F \u0443\u0433\u043B\u043E\u0432 \u0443 \u043A\u0430\u0440\u0442\u043E\u0447\u0435\u043A. \u042D\u0442\u043E\u0433\u043E \u043D\u0435 \u0431\u044B\u043B\u043E \u0441\u0434\u0435\u043B\u0430\u043D\u043E \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u043F\u043E\u0442\u043E\u043C\u0443 \u0447\u0442\u043E \u043D\u0435\u0442 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u0434\u0438\u0437\u0430\u0439\u043D\u0430 \u043D\u0430 \u044D\u0442\u043E\u0442 \u0441\u0447\u0435\u0442. \u041D\u0430 \u043A\u0430\u043A\u0438\u0445-\u0442\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u0445 \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u0435\u0441\u0442\u044C, \u043D\u0430 \u043A\u0430\u043A\u0438\u0445-\u0442\u043E \u043D\u0435\u0442. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u0432\u0441\u0435 \u0436\u0435 \u043D\u0443\u0436\u043D\u044B \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u043D\u0430 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0439 \u0432\u0435\u0440\u0441\u0438\u0438, \u0442\u043E \u043C\u043E\u0436\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0445 \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u043E \u0447\u0435\u0440\u0435\u0437 \u043A\u043B\u0430\u0441\u0441 classNameContent \u0438\u043B\u0438 \u043B\u044E\u0431\u044B\u043C \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C."))),
+            react_1.default.createElement(Support_1.Support, null),
+            react_1.default.createElement(Block, null),
+            react_1.default.createElement(Modal_1.Modal, { open: isOpenModal, onClose: () => setIsOpenModal(false) },
+                react_1.default.createElement("div", null, "test"))),
+        react_1.default.createElement(footer_1.Footer, { userRole: "guest" })));
+};
+exports.LayoutSideMenu = LayoutSideMenu;
+exports.LayoutSideMenu.parameters = {
+    user: defaultUser
+};
+//# sourceMappingURL=LayoutSideMenu.stories.js.map

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSideMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/LayoutSideMenu.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.styled.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Main = exports.Sticky = exports.Aside = exports.Content = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const common_1 = require("../../../constants/common");
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+  max-width: ${(props) => `${props.maxWidth}px`};
+  margin: 0 auto;
+  padding-top: 24px;
+  padding-bottom: 20px;
+`;
+exports.Content = styled_components_1.default.div `
+  display: flex;
+  margin: 0 22px 0 16px;
+  @media (max-width: 600px) {
+    margin: ${(props) => `0px ${props.mobileMargin || 0}px`};
+  }
+`;
+exports.Aside = styled_components_1.default.aside `
+  margin-right: 20px;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.Sticky = styled_components_1.default.div `
+  z-index: 20;
+  position: sticky;
+  top: calc(${common_1.HEIGHT_HEADER}px + 24px);
+`;
+exports.Main = styled_components_1.default.main `
+  flex: 1;
+  max-width: ${(props) => `calc(100% - ${props.openMode ? '242px' : '84px'})`};
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    max-width: 100%;
+  }
+`;
+//# sourceMappingURL=LayoutSideMenu.styled.js.map

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSideMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/LayoutSideMenu.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sDAAuE;AAE1D,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAsB;;eAE1C,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,IAAI;;;;CAI9C,CAAA;AACY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;cAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI;;CAE1D,CAAA;AACY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;uBAEV,qBAAY;;;CAGlC,CAAA;AACY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;cAGlB,sBAAa;CAC1B,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAuB;;eAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG;uBACtD,qBAAY;;;CAGlC,CAAA"}

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.tyled.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=LayoutSideMenu.tyled.js.map

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.tyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSideMenu.tyled.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/LayoutSideMenu.tyled.ts"],"names":[],"mappings":""}

package/dist/components/layouts/LayoutSideMenu/index.js

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

package/dist/components/layouts/LayoutSideMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC"}