profinansy-ui-lib 3.6.49 → 3.6.51

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

@@ -0,0 +1,117 @@
+"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.ChevronTarget = exports.Chevron = exports.Text = exports.TextContainer = exports.Button = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const ArrowLeft_svg_1 = __importDefault(require("../../../../../icons/ArrowLeft.svg"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const getBackgroundItem = (isOpen, isActive, theme) => {
+    if (isActive)
+        return theme.statesBackground.sideBarActive;
+    if (isOpen)
+        return theme.background.secondary;
+    return 'transparent';
+};
+const getBorderRadiusItem = (isOpen, isOpenMode) => {
+    if (!isOpenMode || !isOpen)
+        return '8px';
+    return '8px 8px 0 0';
+};
+exports.Container = styled_components_1.default.div `
+  position: relative;
+`;
+exports.Button = styled_components_1.default.span `
+  font-family: Manrope, sans-serif;
+  padding: 8px 6px;
+  border-radius: ${({ isOpen, isOpenMode }) => getBorderRadiusItem(isOpen, isOpenMode)};
+  border: none;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: ${(props) => props.isOpenMode ? 'space-between' : 'center'};
+  cursor: pointer;
+  text-align: left;
+  transition: ${() => `all 0.1s ${animation_2.AnimationFunctions.animation_1}`};
+  background: ${(props) => getBackgroundItem(props.isOpen, props.isActive, props.theme)};
+  ${({ isOpen, isActive }) => !isOpen &&
+    !isActive &&
+    (0, styled_components_1.css) `
+      &:hover {
+        background: ${(props) => props.theme.background.secondary};
+      }
+      &:active {
+        background: transparent;
+        ${exports.TextContainer} {
+          opacity: 0.6;
+        }
+      }
+    `}
+`;
+exports.TextContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  opacity: ${(props) => (props.isLocked ? 0.4 : 1)};
+  & svg {
+    min-width: 18px;
+    width: 18px;
+    min-height: 18px;
+    height: 18px;
+    & path {
+      fill: ${(props) => props.isActive
+    ? props.theme.icons.contrastThemed
+    : props.theme.icons.primary};
+    }
+  }
+`;
+exports.Text = styled_components_1.default.span `
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  white-space: ${(props) => (props.isHoverMode ? 'nowrap' : 'normal')};
+  color: ${(props) => props.isActive
+    ? props.theme.text.contrastThemed
+    : props.theme.text.primary};
+`;
+exports.Chevron = (0, styled_components_1.default)(ArrowLeft_svg_1.default) `
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  transform: ${(props) => (props.$isOpen ? 'rotate(90deg)' : 'rotate(-90deg)')};
+  & path {
+    fill: ${(props) => props.$isActive
+    ? props.theme.icons.contrastThemed
+    : props.theme.icons.primary};
+  }
+`;
+exports.ChevronTarget = (0, styled_components_1.default)(ArrowLeft_svg_1.default) `
+  transform: rotate(180deg);
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+//# sourceMappingURL=Item.styled.js.map

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

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

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

@@ -0,0 +1,60 @@
+"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.Search = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Search.styled"));
+const Search3_svg_1 = __importDefault(require("../../../../../icons/Search3.svg"));
+const SearchWindowSideMenu_1 = require("./compoenents/SearchWindow/SearchWindowSideMenu");
+const common_1 = require("../../../../../localization/translations/common");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const Search = ({ isOpenMode, height, category }) => {
+    const refButton = (0, react_1.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [position, setPosition] = (0, react_1.useState)({ left: 0, top: 0 });
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const handleClick = (val) => {
+        getPosition();
+        setIsOpen(val);
+    };
+    const getPosition = () => {
+        const sideMenu = document.querySelector('#side-menu');
+        if (sideMenu) {
+            const { x, y } = sideMenu.getBoundingClientRect();
+            setPosition({ top: y, left: x });
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Styled.Container, { ref: refButton, "$isOpenMode": isOpenMode, onClick: () => handleClick(true) },
+            react_1.default.createElement(Styled.Icon, null,
+                react_1.default.createElement(Search3_svg_1.default, null)),
+            isOpenMode && react_1.default.createElement("span", null, common_1.common_translation[locale]['search'])),
+        react_1.default.createElement(SearchWindowSideMenu_1.SearchWindowSideMenu, { category: category, isOpen: isOpen, onClose: () => handleClick(false), position: position, height: height })));
+};
+exports.Search = Search;
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,wDAAyC;AACzC,mFAAyD;AACzD,0FAAsF;AAEtF,4EAAoF;AACpF,iFAA6E;AAQ7E,MAAM,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAU,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAA;IAE7D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,MAAM,WAAW,GAAG,CAAC,GAAY,EAAE,EAAE;QACnC,WAAW,EAAE,CAAA;QACb,SAAS,CAAC,GAAG,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;QACrD,IAAI,QAAQ,EAAE;YACZ,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;YACjD,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAA;SACjC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,MAAM,CAAC,SAAS,IACf,GAAG,EAAE,SAAS,iBACD,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;YAEhC,8BAAC,MAAM,CAAC,IAAI;gBACV,8BAAC,qBAAU,OAAG,CACF;YACb,UAAU,IAAI,4CAAO,2BAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAQ,CACjD;QACnB,8BAAC,2CAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = exports.Icon = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.Icon = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+exports.Container = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: ${(props) => (props.$isOpenMode ? 'flex-start' : 'center')};
+  gap: 6px;
+  padding: 10px;
+  border-radius: 8px;
+  background: ${(props) => props.theme.interactiveControls.supportive};
+  border: none;
+  width: 100%;
+  margin-top: 12px;
+  cursor: text;
+  font-family: 'Manrope', sans-serif;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  height: 40px;
+  white-space: nowrap;
+  overflow: hidden;
+  color: ${(props) => props.theme.text.tertiary};
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & path {
+    transition: ${() => `fill 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+  &:hover {
+    color: ${(props) => props.theme.text.primary};
+    & path {
+      fill: ${(props) => props.theme.text.primary};
+    }
+  }
+`;
+//# sourceMappingURL=Search.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/Search/Search.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,4EAAiF;AAEpE,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAA0B;;;qBAG3C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;gBAI7D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,UAAU;;;;;;;;;;;;;WAa1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;yBACtB,8BAAkB,CAAC,WAAW;;kBAErC,GAAG,EAAE,CAAC,aAAa,8BAAkB,CAAC,WAAW,EAAE;YACzD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;aAGrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;cAElC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;CAGhD,CAAA"}

package/dist/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.js

@@ -0,0 +1,74 @@
+"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.SearchWindowSideMenu = void 0;
+const useTransitionModal_1 = require("../../../../../../../hooks/useTransitionModal");
+const react_1 = __importDefault(require("react"));
+const Portal_1 = require("../../../../../../uikit/Portal");
+const Styled = __importStar(require("./SearchWindowSideMenu.styled"));
+const Close_svg_1 = __importDefault(require("../../../../../../../icons/Close.svg"));
+const SearchInput_1 = require("../../../../../Navigation/components/Search/SearchInput");
+const Search_1 = require("../../../../../search/Search");
+const ThemeProvider_1 = require("../../../../../../../theme/ThemeProvider");
+const common_1 = require("../../../../../../../localization/translations/common");
+const useLocalization_1 = require("../../../../../../../localization/useLocalization");
+const MODAL_SEARCH = 'modal-search';
+const SearchWindowSideMenu = (props) => {
+    const { animation, showModal, content, handleClose } = (0, useTransitionModal_1.useTransitionModal)({
+        isOpen: props.isOpen,
+        children: props.children,
+        onClose: props.onClose
+    });
+    if (!showModal)
+        return null;
+    return (react_1.default.createElement(Content, Object.assign({}, props, { onClose: handleClose, animation: animation }), content));
+};
+exports.SearchWindowSideMenu = SearchWindowSideMenu;
+const Content = ({ onClose, animation, height, position, category }) => {
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const handleClose = () => {
+        if (onClose)
+            onClose();
+    };
+    (0, useTransitionModal_1.useControlsForModal)(onClose);
+    return (react_1.default.createElement(Portal_1.Portal, { id: MODAL_SEARCH },
+        react_1.default.createElement(Styled.Wrapper, { isOpen: animation },
+            react_1.default.createElement(Styled.Layout, { onClick: handleClose }),
+            react_1.default.createElement(Styled.Window, { mode: mode, height: height, top: position.top, left: position.left },
+                react_1.default.createElement(Styled.Content, null,
+                    react_1.default.createElement(Styled.Header, null,
+                        react_1.default.createElement(Styled.Title, null,
+                            react_1.default.createElement("span", null, common_1.common_translation[locale]['search_header']),
+                            react_1.default.createElement(Styled.Close, { onClick: onClose },
+                                react_1.default.createElement(Close_svg_1.default, null))),
+                        react_1.default.createElement(SearchInput_1.SearchInput, { locale: locale })),
+                    react_1.default.createElement(Styled.SearchContent, null,
+                        react_1.default.createElement(Search_1.Search, { isWithoutTitle: true, category: category, onClose: onClose })))))));
+};
+//# sourceMappingURL=SearchWindowSideMenu.js.map

package/dist/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWindowSideMenu.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sFAGsD;AACtD,kDAAwC;AACxC,2DAAuD;AACvD,sEAAuD;AACvD,qFAA4D;AAC5D,yFAAqF;AACrF,yDAAqD;AACrD,4EAAkE;AAElE,kFAA0F;AAC1F,uFAAmF;AAEnF,MAAM,YAAY,GAAG,cAAc,CAAA;AAcnC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAA,uCAAkB,EAAC;QACxE,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAA;IACF,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACL,8BAAC,OAAO,oBAAK,KAAK,IAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,KAC3D,OAAO,CACA,CACX,CAAA;AACH,CAAC,CAAA;AAqDQ,oDAAoB;AAnD7B,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACwB,EAAE,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO;YAAE,OAAO,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,IAAA,wCAAmB,EAAC,OAAO,CAAC,CAAA;IAE5B,OAAO,CACL,8BAAC,eAAM,IAAC,EAAE,EAAE,YAAY;QACtB,8BAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,SAAS;YAC/B,8BAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,WAAW,GAAI;YACvC,8BAAC,MAAM,CAAC,MAAM,IACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;gBAEnB,8BAAC,MAAM,CAAC,OAAO;oBACb,8BAAC,MAAM,CAAC,MAAM;wBACZ,8BAAC,MAAM,CAAC,KAAK;4BACX,4CAAO,2BAAkB,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAQ;4BAC1D,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,OAAO;gCAC5B,8BAAC,mBAAS,OAAG,CACA,CACF;wBACf,8BAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,GAAI,CACjB;oBAChB,8BAAC,MAAM,CAAC,aAAa;wBACnB,8BAAC,eAAM,IACL,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACmB,CACR,CACH,CACD,CACV,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.styled.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = exports.Close = exports.Title = exports.SearchContent = exports.Content = exports.Window = exports.Layout = exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../../../constants/animation/animation");
+const common_1 = require("../../../../../../../constants/common");
+const Wrapper = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  z-index: 2000;
+  opacity: ${(props) => (props.isOpen ? 1 : 0)};
+  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+`;
+exports.Wrapper = Wrapper;
+const Layout = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: ${(props) => props.theme.other.gray};
+`;
+exports.Layout = Layout;
+const Window = styled_components_1.default.div `
+  position: fixed;
+  left: ${(props) => `${props.left}px`};
+  top: ${(props) => `${props.top}px`};
+  height: ${(props) => `calc(100vh - ${props.height}px)`};
+  background: ${(props) => props.theme.background.content};
+  max-width: 680px;
+  min-width: 680px;
+  z-index: 100;
+  border-radius: 12px;
+  padding: 12px 0;
+  overflow: hidden;
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `};
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    height: calc(100dvh - ${common_1.HEIGHT_HEADER + 48}px);
+    max-height: calc(100dvh - ${common_1.HEIGHT_HEADER + 48}px);
+    min-width: 550px;
+    max-width: 550px;
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    width: 100vw;
+    min-width: 100vw;
+    max-width: 100vw;
+    left: 0;
+    top: ${common_1.HEIGHT_HEADER}px;
+    border-radius: 0;
+    height: calc(100dvh - ${common_1.HEIGHT_HEADER}px);
+    max-height: calc(100dvh - ${common_1.HEIGHT_HEADER}px);
+  }
+`;
+exports.Window = Window;
+const Header = styled_components_1.default.div `
+  padding: 0 12px 16px 12px;
+  border-bottom: 1px dashed ${(props) => props.theme.stroke.primary};
+`;
+exports.Header = Header;
+const Title = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+  padding: 8px 0;
+  margin-bottom: 12px;
+  color: ${(props) => props.theme.text.primary};
+`;
+exports.Title = Title;
+const Content = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+`;
+exports.Content = Content;
+const Close = styled_components_1.default.button `
+  border: none;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: ${() => `transform 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  & path {
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+  &:hover {
+    transform: scale(0.9);
+    & path {
+      fill: ${(props) => props.theme.icons.accentSecondary};
+    }
+  }
+`;
+exports.Close = Close;
+const SearchContent = styled_components_1.default.div `
+  width: 100%;
+  padding: 16px;
+  height: calc(100% - 106px);
+`;
+exports.SearchContent = SearchContent;
+//# sourceMappingURL=SearchWindowSideMenu.styled.js.map

package/dist/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWindowSideMenu.styled.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/sideMenu/components/Search/compoenents/SearchWindow/SearchWindowSideMenu.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,kFAAuF;AACvF,kEAI8C;AAE9C,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;aAOlC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;CAE7C,CAAA;AAoGQ,0BAAO;AAlGhB,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;gBAMT,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;CAChD,CAAA;AA2FiB,wBAAM;AAzFxB,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAKvB;;UAEQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI;SAC7B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI;YACxB,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,KAAK,CAAC,MAAM,KAAK;gBACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;;;;;;IAOrD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;uBACkB,qBAAY;4BACP,sBAAa,GAAG,EAAE;gCACd,sBAAa,GAAG,EAAE;;;;uBAI3B,qBAAY;;;;;WAKxB,sBAAa;;4BAEI,sBAAa;gCACT,sBAAa;;CAE5C,CAAA;AAmDyB,wBAAM;AAjDhC,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;8BAEK,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;CAClE,CAAA;AA8CuE,wBAAM;AA5C9E,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;WASb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC7C,CAAA;AAkCyD,sBAAK;AAhC/D,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAA;AA2BiC,0BAAO;AAzBzC,MAAM,KAAK,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;gBAOX,GAAG,EAAE,CAAC,kBAAkB,8BAAkB,CAAC,WAAW,EAAE;;YAE5D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;;cAKpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;CAGzD,CAAA;AAQgE,sBAAK;AANtE,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA;AAE0C,sCAAa"}

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

@@ -0,0 +1,37 @@
+"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.SubPages = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./SubPages.styled"));
+const SubPagesItem_1 = require("./SubPagesItem");
+const SubPages = ({ data }) => {
+    return (react_1.default.createElement(Styled.Container, null, data.map((item, index) => (react_1.default.createElement(SubPagesItem_1.SubPagesItem, { data: item, key: index })))));
+};
+exports.SubPages = SubPages;
+//# sourceMappingURL=SubPages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubPages.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPages/SubPages.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAA2C;AAE3C,iDAA6C;AAM7C,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAU,EAAE,EAAE;IACpC,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,QACd,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CACzC,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chevron = exports.New = exports.Lock = exports.Button = exports.ButtonWrapper = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Lock_svg_1 = __importDefault(require("../../../../../icons/Lock.svg"));
+const ArrowLeft_svg_1 = __importDefault(require("../../../../../icons/ArrowLeft.svg"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const Typography_1 = require("../../../../uikit/Typography");
+exports.Container = styled_components_1.default.div `
+  padding: 4px 6px 8px 6px;
+  border-radius: 0 0 8px 8px;
+  background: ${(props) => props.theme.background.secondary};
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  position: relative;
+`;
+exports.ButtonWrapper = styled_components_1.default.div `
+  width: 100%;
+  position: relative;
+`;
+exports.Button = styled_components_1.default.span `
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: Manrope, sans-serif;
+  padding: 8px 0 8px 8px;
+  border-radius: 8px;
+  text-align: left;
+  background: ${(props) => props.isActive ? props.theme.background.secondaryAlpha : 'transparent'};
+  opacity: ${(props) => (props.isLocked ? 0.4 : 1)};
+  outline: none;
+  border: none;
+  cursor: pointer;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  color: ${(props) => props.theme.text.primary};
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    background: ${(props) => props.theme.background.secondaryAlpha};
+  }
+  &:active {
+    background: transparent;
+    opacity: 0.6;
+  }
+`;
+exports.Lock = (0, styled_components_1.default)(Lock_svg_1.default) `
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+exports.New = (0, styled_components_1.default)(Typography_1.Typography) `
+  display: flex;
+  align-items: center;
+  height: 22px;
+  border-radius: 12px;
+  padding: 2px 8px;
+  margin-right: 8px;
+  background: linear-gradient(95deg, #6553f5 14.05%, #ee2cff 108.18%);
+`;
+exports.Chevron = (0, styled_components_1.default)(ArrowLeft_svg_1.default) `
+  transform: ${(props) => props.$isMobile
+    ? props.$isOpen
+        ? 'rotate(90deg)'
+        : 'rotate(-90deg)'
+    : 'rotate(180deg)'};
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+//# sourceMappingURL=SubPages.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubPages.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/sideMenu/components/SubPages/SubPages.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,6EAAoD;AACpD,uFAA4D;AAC5D,4EAAiF;AACjF,6DAAyD;AAE5C,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;gBAGnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;;;CAK1D,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,IAAI,CAI/B;;;;;;;;;gBASc,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;aAC7D,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;WAQvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;gBAC9B,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;kBAEhD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;;CAMjE,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,kBAAQ,CAAC,CAAuB;;YAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;CAE/C,CAAA;AAEY,QAAA,GAAG,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;;;CAQpC,CAAA;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,uBAAW,CAAC,CAExC;eACa,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,SAAS;IACb,CAAC,CAAC,KAAK,CAAC,OAAO;QACb,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,gBAAgB;IACpB,CAAC,CAAC,gBAAgB;;YAEZ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;CAE/C,CAAA"}