takeat-design-system-ui-kit 0.1.90 → 0.1.91

package/dist/cjs/components/Menu/MenuItem/index.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemProps } from "..";
+interface ComponentMenuItemProps {
+    item: MenuItemProps;
+}
+export declare const MenuItem: ({ item }: ComponentMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Menu/MenuItem/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("./styles");
+var MenuItem = function (_a) {
+    var item = _a.item;
+    return (0, jsx_runtime_1.jsx)(styles_1.ContainerMenuItem, { children: item.text });
+};
+exports.MenuItem = MenuItem;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/index.tsx"],"names":[],"mappings":";;;;AAAA,mCAA6C;AAOtC,IAAM,QAAQ,GAAG,UAAC,EAAgC;QAA9B,IAAI,UAAA;IAC7B,OAAO,uBAAC,0BAAiB,cAAE,IAAI,CAAC,IAAI,GAAqB,CAAC;AAC5D,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB"}

package/dist/cjs/components/Menu/MenuItem/styles.d.ts

@@ -0,0 +1 @@
+export declare const ContainerMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/Menu/MenuItem/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContainerMenuItem = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.ContainerMenuItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 32px;\n  width: 210px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:not(:last-child) {\n    &::after {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 50%;\n      z-index: 9;\n    }\n  }\n\n  &:not(:first-child) {\n    &::before {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 0px;\n      z-index: 9;\n    }\n  }\n"], ["\n  position: relative;\n  display: flex;\n  height: 32px;\n  width: 210px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:not(:last-child) {\n    &::after {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 50%;\n      z-index: 9;\n    }\n  }\n\n  &:not(:first-child) {\n    &::before {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 0px;\n      z-index: 9;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.xs;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.radius.s;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.neutral.dark;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.family.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.neutral.lightest;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.neutral.darker;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,mjCAAA,0FAK9B,EAA+B,4EAIzB,EAA6B,+GAMrC,EAAwC,oBAClC,EAA8C,mKAQ7C,EAA4C,gBACjD,EAA0C,2LAUnC,EAA2C,0PAc3C,EAA2C,uEAM9D,KAlDY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ7C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAUnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAc3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM7D"}

package/dist/cjs/components/Menu/MenuModal/index.d.ts

@@ -5,5 +5,6 @@ interface MenuModalProps {
     setModalItem: Dispatch<SetStateAction<MenuItemProps | null>>;
     menuItems: MenuItemProps[];
 }
+export declare const formatSearchItems: (menuItems: MenuItemProps[], parentPath?: string, parentTexts?: string[]) => MenuItemProps[];
 export declare const MenuModal: ({ item, setModalItem, menuItems, }: MenuModalProps) => import("react").ReactPortal;
 export {};

package/dist/cjs/components/Menu/MenuModal/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuModal = void 0;
+exports.MenuModal = exports.formatSearchItems = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles_1 = require("../styles");
@@ -9,29 +9,45 @@ var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var Input_1 = require("../../FormItens/Input");
 var MenuSubSubitem_1 = require("../MenuSubSubitem");
-var getFormattedItems = function (menuItems) {
-    return menuItems.reduce(function (acc, item) {
-        var _a;
-        if (item.filler || item.condition === false || item.id.includes("search"))
-            return acc;
+var icons_1 = require("../../icons");
+var formatSearchItems = function (menuItems, parentPath, parentTexts) {
+    if (parentPath === void 0) { parentPath = ""; }
+    if (parentTexts === void 0) { parentTexts = []; }
+    return menuItems
+        .filter(function (item) {
+        return !item.filler && item.condition !== false && !item.id.includes("search");
+    })
+        .flatMap(function (item) {
+        var currentPath = parentPath + (item.path || "");
+        var currentTexts = tslib_1.__spreadArray(tslib_1.__spreadArray([], parentTexts, true), [item.text], false);
         if (item.subitems && item.subitems.length > 0) {
-            var reducedSubitems = (_a = item.subitems) === null || _a === void 0 ? void 0 : _a.reduce(function (acc, subitem) {
-                if (subitem.subitems && subitem.subitems.length > 0) {
-                    var reducedSubsubitems = subitem.subitems.reduce(function (acc, subsubitem) {
-                        return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [
-                            tslib_1.__assign(tslib_1.__assign({}, subsubitem), { path: (item.path || "") + subitem.path + subsubitem.path, text: [item.text, subitem.text, subsubitem.text].join("/") }),
-                        ], false);
-                    }, []);
-                    return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), reducedSubsubitems, true);
-                }
-                return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [
-                    tslib_1.__assign(tslib_1.__assign({}, subitem), { path: (item.path || "") + subitem.path, text: [item.text, subitem.text].join("/") }),
-                ], false);
-            }, []);
-            return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), reducedSubitems, true);
+            // Chamada recursiva para os subitems
+            return (0, exports.formatSearchItems)(item.subitems, currentPath, currentTexts);
         }
-        return tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [item], false);
-    }, []);
+        // Item válido sem subitems
+        return [
+            tslib_1.__assign(tslib_1.__assign({}, item), { path: currentPath, searchText: currentTexts.join("/") }),
+        ];
+    });
+};
+exports.formatSearchItems = formatSearchItems;
+var formatMenuItems = function (item) {
+    var _a;
+    var flattenedSubitems = (_a = item.subitems) === null || _a === void 0 ? void 0 : _a.filter(function (subitem) { return !subitem.filler && subitem.condition !== false; }).flatMap(function (subitem) {
+        var parentPath = item.path || "";
+        var currentPath = parentPath + (subitem.path || "");
+        // Caso o subitem não tenha subitens, apenas atualize seu caminho.
+        if (!subitem.subitems) {
+            return tslib_1.__assign(tslib_1.__assign({}, subitem), { path: currentPath });
+        }
+        // Caso tenha subitens, atualize o caminho do subitem pai e dos subsubitens.
+        var filteredSubsubitems = subitem.subitems.filter(function (subsubitem) { return !subsubitem.filler && subsubitem.condition !== false; });
+        var formattedSubsubitems = filteredSubsubitems.map(function (subsubitem) {
+            return tslib_1.__assign(tslib_1.__assign({}, subsubitem), { path: currentPath + (subsubitem.path || ""), isSubsubitem: true, isLastSubsubitem: subsubitem.id === filteredSubsubitems.slice(-1)[0].id });
+        });
+        return tslib_1.__spreadArray([tslib_1.__assign(tslib_1.__assign({}, subitem), { path: currentPath })], formattedSubsubitems, true);
+    });
+    return tslib_1.__assign(tslib_1.__assign({}, item), { subitems: flattenedSubitems });
 };
 var filterItems = function (item, search) {
     return item.text.toLowerCase().includes(search.toLowerCase());
@@ -39,12 +55,12 @@ var filterItems = function (item, search) {
 var MenuModal = function (_a) {
     var _b, _c;
     var item = _a.item, setModalItem = _a.setModalItem, menuItems = _a.menuItems;
-    var _d = (0, react_1.useState)(null), itemOpen = _d[0], setItemOpen = _d[1];
-    var _e = (0, react_1.useState)(""), search = _e[0], setSearch = _e[1];
-    var itemsFormatted = getFormattedItems(menuItems);
-    var itemsFiltered = itemsFormatted.filter(function (item) {
+    var _d = (0, react_1.useState)(""), search = _d[0], setSearch = _d[1];
+    var searchItemsFormatted = (0, exports.formatSearchItems)(menuItems);
+    var searchItemsFiltered = searchItemsFormatted.filter(function (item) {
         return filterItems(item, search);
     });
+    var itemFormatted = formatMenuItems(item);
     var elementById = (_b = document
         .getElementById("menu-item-".concat(item.id))) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
     var windowHeight = window.innerHeight;
@@ -58,12 +74,10 @@ var MenuModal = function (_a) {
             window.removeEventListener("click", eventListenerFunction);
         };
     }, []);
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, top: elementById === null || elementById === void 0 ? void 0 : elementById.top, left: elementById === null || elementById === void 0 ? void 0 : elementById.right, maxHeight: maxHeight, children: item.id.includes("search") ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.SearchDiv, { children: (0, jsx_runtime_1.jsx)(Input_1.Input, { autoFocus: true, label: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }) }), (0, jsx_runtime_1.jsx)("div", { children: search.length > 0 &&
-                        (itemsFiltered.length > 0 ? (itemsFiltered.map(function (item) { return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: item, parentPath: "", setModalItem: setModalItem }, item.id)); })) : ((0, jsx_runtime_1.jsx)(styles_1.NothingFoundSpan, { children: "Nada encontrado" }))) })] })) : ((_c = item.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
-            if (subitem.condition === false)
-                return;
-            return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, parentPath: item.path, isOpen: itemOpen === subitem.id, setIsOpen: setItemOpen, setModalItem: setModalItem }, subitem.id));
-        })) }), document.body);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.MenuModalStyle, { onClick: function (e) { return e.stopPropagation(); }, top: elementById === null || elementById === void 0 ? void 0 : elementById.top, left: elementById === null || elementById === void 0 ? void 0 : elementById.right, maxHeight: maxHeight, children: [(0, jsx_runtime_1.jsxs)(styles_1.ModalHeader, { onClick: function () { return setModalItem(null); }, children: [(0, jsx_runtime_1.jsx)(icons_1.IconChevronLeft, {}), item.text] }), item.id.includes("search") ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.SearchDiv, { children: (0, jsx_runtime_1.jsx)(Input_1.Input, { autoFocus: true, label: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }) }), (0, jsx_runtime_1.jsx)("div", { children: search.length > 0 &&
+                            (searchItemsFiltered.length > 0 ? (searchItemsFiltered.map(function (item) { return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: item, parentPath: "", setModalItem: setModalItem }, item.id)); })) : ((0, jsx_runtime_1.jsx)(styles_1.NothingFoundSpan, { children: "Nada encontrado" }))) })] })) : ((0, jsx_runtime_1.jsx)(styles_1.ItemsGrid, { children: (_c = itemFormatted.subitems) === null || _c === void 0 ? void 0 : _c.map(function (subitem) {
+                    return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, setModalItem: setModalItem }, subitem.id));
+                }) }))] }), document.body);
 };
 exports.MenuModal = MenuModal;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuModal/index.js.map

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

package/dist/cjs/components/Menu/MenuSubSubitem/index.js

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuSubSubitem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles_1 = require("./styles");
+var styles_2 = require("../styles");
 var MenuSubSubitem = function (_a) {
     var subsubitem = _a.subsubitem, parentPath = _a.parentPath, setModalItem = _a.setModalItem;
     var pathToGo = subsubitem.overridePath || parentPath + subsubitem.path;
-    return ((0, jsx_runtime_1.jsx)(styles_1.SubsubitemStyles, { id: "menu-item-".concat(subsubitem.id), to: pathToGo, onClick: function () { return setModalItem === null || setModalItem === void 0 ? void 0 : setModalItem(null); }, children: subsubitem.text }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.SubsubitemStyles, { id: "menu-item-".concat(subsubitem.id), to: pathToGo, onClick: function () { return setModalItem === null || setModalItem === void 0 ? void 0 : setModalItem(null); }, children: [(0, jsx_runtime_1.jsx)(styles_2.CircleIndicator, {}), subsubitem.text] }));
 };
 exports.MenuSubSubitem = MenuSubSubitem;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuSubSubitem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA4C;AAQrC,IAAM,cAAc,GAAG,UAAC,EAIT;QAHpB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,IAAM,QAAQ,GAAG,UAAU,CAAC,YAAY,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,uBAAC,yBAAgB,IACf,EAAE,EAAE,oBAAa,UAAU,CAAC,EAAE,CAAE,EAChC,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,cAAM,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,EAApB,CAAoB,YAElC,UAAU,CAAC,IAAI,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA4C;AAC5C,oCAA4C;AAQrC,IAAM,cAAc,GAAG,UAAC,EAIT;QAHpB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,IAAM,QAAQ,GAAG,UAAU,CAAC,YAAY,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,wBAAC,yBAAgB,IACf,EAAE,EAAE,oBAAa,UAAU,CAAC,EAAE,CAAE,EAChC,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,cAAM,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,EAApB,CAAoB,aAEnC,uBAAC,wBAAe,KAAG,EAClB,UAAU,CAAC,IAAI,IACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB"}

package/dist/cjs/components/Menu/MenuSubSubitem/styles.js

@@ -4,7 +4,7 @@ exports.SubsubitemStyles = void 0;
 var tslib_1 = require("tslib");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  height: 32px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  height: 32px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
+exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 32px;\n  width: 210px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:not(:last-child) {\n    &::after {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 50%;\n      z-index: 9;\n    }\n  }\n\n  &:not(:first-child) {\n    &::before {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 0px;\n      z-index: 9;\n    }\n  }\n"], ["\n  position: relative;\n  display: flex;\n  height: 32px;\n  width: 210px;\n  padding: ", ";\n  align-items: center;\n  gap: 10px;\n  flex: 1 0 0;\n  border-radius: ", ";\n  background: #fff;\n  text-decoration: none;\n  transform: all 0.3s;\n  white-space: nowrap;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  &:not(:last-child) {\n    &::after {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 50%;\n      z-index: 9;\n    }\n  }\n\n  &:not(:first-child) {\n    &::before {\n      position: absolute;\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: calc(50%);\n      background: ", ";\n      left: 9px;\n      top: 0px;\n      z-index: 9;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xs;
 }, function (_a) {
@@ -22,6 +22,12 @@ exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.L
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.neutral.darker;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
 });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuSubSubitem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,qhBAAA,kDAG/B,EAA+B,4EAIzB,EAA6B,+GAMrC,EAAwC,oBAClC,EAA8C,mKAQ7C,EAA4C,gBACjD,EAA0C,UAEtD,KAtBY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ7C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAErD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,mjCAAA,0FAK/B,EAA+B,4EAIzB,EAA6B,+GAMrC,EAAwC,oBAClC,EAA8C,mKAQ7C,EAA4C,gBACjD,EAA0C,2LAUnC,EAA2C,0PAc3C,EAA2C,uEAM9D,KAlDY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQ7C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAUnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAc3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM7D"}

package/dist/cjs/components/Menu/MenuSubitem/index.d.ts

@@ -2,10 +2,8 @@ import { Dispatch, SetStateAction } from "react";
 import { MenuItemProps } from "..";
 interface MenuSubitemProps {
     subitem: MenuItemProps;
-    parentPath?: string;
-    isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<string | null>>;
     setModalItem?: Dispatch<SetStateAction<MenuItemProps | null>>;
+    isLastSubitem?: boolean;
 }
-export declare const MenuSubitem: ({ subitem, parentPath, isOpen, setIsOpen, setModalItem, }: MenuSubitemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubitem: ({ subitem, setModalItem }: MenuSubitemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/Menu/MenuSubitem/index.js

@@ -2,35 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuSubitem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("../../icons");
-var MenuSubSubitem_1 = require("../MenuSubSubitem");
 var styles_1 = require("./styles");
-var framer_motion_1 = require("framer-motion");
+var styles_2 = require("../styles");
 var MenuSubitem = function (_a) {
-    var _b;
-    var subitem = _a.subitem, parentPath = _a.parentPath, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, setModalItem = _a.setModalItem;
+    var subitem = _a.subitem, setModalItem = _a.setModalItem;
     var hasSubitems = subitem.subitems && subitem.subitems.length > 0;
     var pathToGo = subitem.overridePath
         ? subitem.overridePath
         : subitem.external || hasSubitems
             ? "#"
-            : (parentPath || "") + subitem.path;
+            : subitem.path || "#";
+    var hasSecondBar = (!subitem.isSubsubitem && hasSubitems) ||
+        (subitem.isSubsubitem && !subitem.isLastSubsubitem);
     var handleClick = function () {
         if (subitem.external) {
             window.open(subitem.external, "_blank");
             return;
         }
-        if (hasSubitems) {
-            setIsOpen(function (state) { return (state === subitem.id ? null : subitem.id); });
-            return;
-        }
         if (setModalItem) {
             setModalItem(null);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.SubitemContainer, { id: "menu-item-".concat(subitem.id), children: [(0, jsx_runtime_1.jsxs)(styles_1.SubitemHeader, { onClick: function () { return handleClick(); }, to: pathToGo, children: [hasSubitems ? ((0, jsx_runtime_1.jsx)(icons_1.IconChevronRight, { style: { transform: isOpen && "rotate(90deg)" } })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)("span", { children: subitem.text })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isOpen && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: { transformOrigin: "top" }, initial: { height: 0, scaleY: 0 }, animate: { height: "auto", scaleY: 1 }, exit: { height: 0, scaleY: 0 }, transition: { duration: 0.3, stiffness: 100 }, children: (_b = subitem.subitems) === null || _b === void 0 ? void 0 : _b.map(function (subsubitem) {
-                        return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: subsubitem, parentPath: (parentPath || "") + subitem.path, setModalItem: setModalItem }, subsubitem.id));
-                    }) })) })] }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.SubitemContainer, { id: "menu-item-".concat(subitem.id), children: (0, jsx_runtime_1.jsxs)(styles_1.SubitemHeader, { isSubsubitem: subitem.isSubsubitem, onClick: function () { return handleClick(); }, to: pathToGo, children: [subitem.isSubsubitem && (0, jsx_runtime_1.jsx)(styles_2.FirstBar, {}), (hasSubitems || subitem.isSubsubitem) && (0, jsx_runtime_1.jsx)(styles_2.CircleIndicator, {}), (0, jsx_runtime_1.jsx)("span", { children: subitem.text }), hasSecondBar && (0, jsx_runtime_1.jsx)(styles_2.SecondBar, {})] }) }));
 };
 exports.MenuSubitem = MenuSubitem;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuSubitem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,qCAA+C;AAC/C,oDAAmD;AACnD,mCAA2D;AAC3D,+CAAwD;AAUjD,IAAM,WAAW,GAAG,UAAC,EAMT;;QALjB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE,IAAM,QAAQ,GAAG,OAAO,CAAC,YAAY;QACnC,CAAC,CAAC,OAAO,CAAC,YAAY;QACtB,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,WAAW;YAC/B,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAExC,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAA1C,CAA0C,CAAC,CAAC;YACjE,OAAO;QACT,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,yBAAgB,IAAC,EAAE,EAAE,oBAAa,OAAO,CAAC,EAAE,CAAE,aAC7C,wBAAC,sBAAa,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAAE,EAAE,EAAE,QAAQ,aACtD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,wBAAgB,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,IAAI,eAAe,EAAE,GAAI,CACtE,CAAC,CAAC,CAAC,CACF,iCAAO,CACR,EACD,2CAAO,OAAO,CAAC,IAAI,GAAQ,IACb,EAChB,uBAAC,+BAAe,cACb,MAAM,IAAI,CACT,uBAAC,sBAAM,CAAC,GAAG,IACT,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACtC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAC9B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,YAE5C,MAAA,OAAO,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,UAAU;wBAChC,OAAO,CACL,uBAAC,+BAAc,IAEb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,EAC7C,YAAY,EAAE,YAAY,IAHrB,UAAU,CAAC,EAAE,CAIlB,CACH,CAAC;oBACJ,CAAC,CAAC,GACS,CACd,GACe,IACD,CACpB,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,WAAW,eA8DtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,mCAA2D;AAC3D,oCAAiE;AAQ1D,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,OAAO,aAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE,IAAM,QAAQ,GAAG,OAAO,CAAC,YAAY;QACnC,CAAC,CAAC,OAAO,CAAC,YAAY;QACtB,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,WAAW;YAC/B,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE1B,IAAM,YAAY,GAChB,CAAC,CAAC,OAAO,CAAC,YAAY,IAAI,WAAW,CAAC;QACtC,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAgB,IAAC,EAAE,EAAE,oBAAa,OAAO,CAAC,EAAE,CAAE,YAC7C,wBAAC,sBAAa,IACZ,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAC5B,EAAE,EAAE,QAAQ,aAEX,OAAO,CAAC,YAAY,IAAI,uBAAC,iBAAQ,KAAG,EACpC,CAAC,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,uBAAC,wBAAe,KAAG,EAC7D,2CAAO,OAAO,CAAC,IAAI,GAAQ,EAC1B,YAAY,IAAI,uBAAC,kBAAS,KAAG,IAChB,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,WAAW,eAoCtB"}

package/dist/cjs/components/Menu/MenuSubitem/styles.d.ts

@@ -1,4 +1,8 @@
 export declare const SubitemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SubitemHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+interface SubitemHeaderProps {
+    isSubsubitem?: boolean;
+}
+export declare const SubitemHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+}, SubitemHeaderProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export {};

package/dist/cjs/components/Menu/MenuSubitem/styles.js

@@ -4,19 +4,24 @@ exports.SubitemHeader = exports.SubitemContainer = void 0;
 var tslib_1 = require("tslib");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.SubitemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 4px 0;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: 4px 0;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  text-decoration: none;\n  padding: 4px 0;\n  border-radius: ", ";\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: ", "54;\n  }\n\n  svg {\n    flex-shrink: 0;\n    transition: transform 0.3s;\n    font-size: 20px;\n    fill: ", ";\n  }\n\n  div {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  text-decoration: none;\n  padding: 4px 0;\n  border-radius: ", ";\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: ", "54;\n  }\n\n  svg {\n    flex-shrink: 0;\n    transition: transform 0.3s;\n    font-size: 20px;\n    fill: ", ";\n  }\n\n  div {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
+exports.SubitemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"])));
+exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  text-decoration: none;\n  margin: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  svg {\n    flex-shrink: 0;\n    transition: transform 0.3s;\n    font-size: 20px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: ", ";\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  text-decoration: none;\n  margin: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  svg {\n    flex-shrink: 0;\n    transition: transform 0.3s;\n    font-size: 20px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: ", ";\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xs;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.radius.s;
+    return theme.spacing.xxs;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.colors.primary.lightest;
+    return theme.spacing.xxs;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.radius.s;
+}, function (_a) {
+    var theme = _a.theme, isSubsubitem = _a.isSubsubitem;
+    return isSubsubitem
+        ? theme.colors.neutral.lightest
+        : theme.colors.primary.lightest + "54";
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.primary.default;
@@ -26,6 +31,9 @@ exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link
 }, function (_a) {
     var theme = _a.theme;
     return theme.typography.family.default;
+}, function (_a) {
+    var isSubsubitem = _a.isSubsubitem;
+    return (isSubsubitem ? 500 : 700);
 });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuSubitem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,kNAAA,2HAMX,EAA2C,UAEzE,KAF8B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAExE;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,gqBAAA,qDAGhC,EAA+B,mEAGrB,EAA6B,gFAIxB,EAA4C,6GAOxD,EAA2C,2GAU1C,EAAwC,sBAClC,EAA8C,mJAOhE,KAhCQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAGrB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAIxB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAOxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAU1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAO/D"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,gFAAuC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,2IAAA,gEAIzC,KAAC;AAMW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,4nBAAoB,4EAIpD,EAA+B,yCAE5B,EAAgC,gBAC/B,EAAgC,sBAC1B,EAA6B,gFAIxB,EAGsB,2GAOlC,EAA2C,iCAI1C,EAAwC,sBAClC,EAA8C,qEAG9C,EAAgD,6EAIlE,KA9BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAE5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAIxB,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IACxC,OAAA,YAAY;QACV,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;QAC/B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI;AAFxC,CAEwC,EAOlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAG9C,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAA1B,CAA0B,EAIjE"}

package/dist/cjs/components/Menu/index.d.ts

@@ -11,6 +11,9 @@ export interface MenuItemProps {
     overridePath?: string;
     filler?: boolean;
     height?: number;
+    searchText?: string;
+    isSubsubitem?: boolean;
+    isLastSubsubitem?: boolean;
 }
 interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
     menuItems: MenuItemProps[];

package/dist/cjs/components/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,mCAAgE;AAChE,yCAAwC;AACxC,+CAAgD;AAoBnC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,SAAS,IAAI,CAC1C,EAAuC,EACvC,GAA8B;IAD5B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,sBAA1B,aAA4B,CAAF;IAGpB,IAAA,KAA4B,IAAA,gBAAQ,EAAuB,IAAI,CAAC,EAA/D,SAAS,QAAA,EAAE,YAAY,QAAwC,CAAC;IACvE,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,UAAC,IAAmB;QAC1C,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,MAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAmB,EAAE,WAAqB;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,WAAW,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9C,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,sBAAa,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC/B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI;;gBAClB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;oBAAE,OAAO;gBAErC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,OAAO,uBAAC,eAAM,IAAe,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,IAAlC,IAAI,CAAC,EAAE,CAA+B,CAAC;gBAC7D,CAAC;gBAED,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE9D,IAAM,QAAQ,GACZ,IAAI,CAAC,QAAQ,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;gBAE/D,OAAO,CACL,wBAAC,sBAAa,IAEZ,EAAE,EAAE,oBAAa,IAAI,CAAC,EAAE,CAAE,EAC1B,EAAE,EAAE,QAAQ,mBACG,QAAQ,MAAK,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA,EACpD,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBACjC,CAAC,aAEA,IAAI,CAAC,IAAI,EACV,2CAAO,IAAI,CAAC,IAAI,GAAQ,KAVnB,IAAI,CAAC,EAAE,CAWE,CACjB,CAAC;YACJ,CAAC,CAAC,EACF,uBAAC,+BAAe,cACb,SAAS,IAAI,CACZ,uBAAC,qBAAS,IACR,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,CACH,GACe,KACJ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,mCAAgE;AAChE,yCAAwC;AACxC,+CAAgD;AAuBnC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,SAAS,IAAI,CAC1C,EAAuC,EACvC,GAA8B;IAD5B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,sBAA1B,aAA4B,CAAF;IAGpB,IAAA,KAA4B,IAAA,gBAAQ,EAAuB,IAAI,CAAC,EAA/D,SAAS,QAAA,EAAE,YAAY,QAAwC,CAAC;IACvE,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,UAAC,IAAmB;QAC1C,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,MAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAmB,EAAE,WAAqB;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,WAAW,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9C,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,sBAAa,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC/B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI;;gBAClB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;oBAAE,OAAO;gBAErC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,OAAO,uBAAC,eAAM,IAAe,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,IAAlC,IAAI,CAAC,EAAE,CAA+B,CAAC;gBAC7D,CAAC;gBAED,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE9D,IAAM,QAAQ,GACZ,IAAI,CAAC,QAAQ,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;gBAE/D,OAAO,CACL,wBAAC,sBAAa,IAEZ,EAAE,EAAE,oBAAa,IAAI,CAAC,EAAE,CAAE,EAC1B,EAAE,EAAE,QAAQ,mBACG,QAAQ,MAAK,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA,EACpD,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBACjC,CAAC,aAEA,IAAI,CAAC,IAAI,EACV,2CAAO,IAAI,CAAC,IAAI,GAAQ,KAVnB,IAAI,CAAC,EAAE,CAWE,CACjB,CAAC;YACJ,CAAC,CAAC,EACF,uBAAC,+BAAe,cACb,SAAS,IAAI,CACZ,uBAAC,qBAAS,IACR,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,CACH,GACe,KACJ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Menu/styles.d.ts

@@ -291,9 +291,14 @@ export declare const MenuModalStyle: import("styled-components/dist/types").ISty
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, MenuModalStyleProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ItemsGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SearchDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const NothingFoundSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const MenuModalItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const CircleIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FirstBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SecondBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/dist/cjs/components/Menu/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuModalItem = exports.NothingFoundSpan = exports.SearchDiv = exports.MenuModalStyle = exports.ItemContainer = exports.MenuContainer = exports.Filler = void 0;
+exports.SecondBar = exports.FirstBar = exports.CircleIndicator = exports.MenuModalItem = exports.NothingFoundSpan = exports.SearchDiv = exports.ItemsGrid = exports.ModalHeader = exports.MenuModalStyle = exports.ItemContainer = exports.MenuContainer = exports.Filler = void 0;
 var tslib_1 = require("tslib");
 var framer_motion_1 = require("framer-motion");
 var react_router_dom_1 = require("react-router-dom");
@@ -50,7 +50,7 @@ exports.ItemContainer = (0, styled_components_1.default)(react_router_dom_1.Link
     var theme = _a.theme;
     return theme.colors.neutral.lightest;
 });
-exports.MenuModalStyle = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  z-index: 9999;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  padding: ", ";\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transition: all 0.3s;\n  transform-origin: left;\n"], ["\n  z-index: 9999;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  padding: ", ";\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transition: all 0.3s;\n  transform-origin: left;\n"])), function (_a) {
+exports.MenuModalStyle = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  z-index: 9999;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transition: all 0.3s;\n  transform-origin: left;\n"], ["\n  z-index: 9999;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transition: all 0.3s;\n  transform-origin: left;\n"])), function (_a) {
     var top = _a.top;
     return top;
 }, function (_a) {
@@ -61,20 +61,37 @@ exports.MenuModalStyle = (0, styled_components_1.default)(framer_motion_1.motion
     return maxHeight;
 }, function (_a) {
     var theme = _a.theme;
-    return "".concat(theme.spacing.xxs, " ").concat(theme.spacing.xs);
+    return theme.shadows.default;
+});
+exports.ModalHeader = styled_components_1.default.span(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    font-size: 24px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    font-size: 24px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.xs;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.shadows.default;
+    return theme.spacing.xs;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.neutral.dark;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.family.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
 });
-exports.SearchDiv = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: 4px 0;\n"], ["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: 4px 0;\n"])));
-exports.NothingFoundSpan = styled_components_1.default.span(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"])), function (_a) {
+exports.ItemsGrid = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  display: grid;\n  grid-template-rows: repeat(5, auto);\n  grid-auto-flow: column;\n  grid-auto-columns: 210px;\n"], ["\n  display: grid;\n  grid-template-rows: repeat(5, auto);\n  grid-auto-flow: column;\n  grid-auto-columns: 210px;\n"])));
+exports.SearchDiv = styled_components_1.default.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: 4px 0;\n"], ["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: 4px 0;\n"])));
+exports.NothingFoundSpan = styled_components_1.default.span(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.neutral.dark;
 }, function (_a) {
     var theme = _a.theme;
     return theme.typography.family.default;
 });
-exports.MenuModalItem = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
+exports.MenuModalItem = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xs;
 }, function (_a) {
@@ -90,5 +107,17 @@ exports.MenuModalItem = (0, styled_components_1.default)(react_router_dom_1.Link
     var theme = _a.theme;
     return theme.typography.family.default;
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+exports.CircleIndicator = styled_components_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+});
+exports.FirstBar = styled_components_1.default.div(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: -4px;\n  z-index: 9;\n"], ["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: -4px;\n  z-index: 9;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+});
+exports.SecondBar = styled_components_1.default.div(templateObject_12 || (templateObject_12 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: 50%;\n  z-index: 9;\n"], ["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: 50%;\n  z-index: 9;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary.default;
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Menu/styles.ts"],"names":[],"mappings":";;;;AAAA,+CAAuC;AACvC,qDAAwC;AACxC,gFAAuC;AAM1B,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,oJAAa,cACjC,EAAsB,yDAGjC,KAHW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM;AAAN,CAAM,EAGhC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,iSAAA,+HAMjB,EAA2C,qFAMhE,KANqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM/D;AAMW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,i6CAAoB,uKAQpD,EAAgC,yBACnB,EAA2C,sBAC9C,EAA6B,8DAI9B,EAAoC,uEAM1C,EAA4C,iCAI3C,EAA4C,sBACtC,EAA8C,gKAQzC,EAA4C,mGAKtD,EAA2C,uCAI1C,EAA2C,ySAchD,EAA4C,2TAe5C,EAA4C,8BAIrD,KAnEQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EACnB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAC9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAI9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAM1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAKtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAchD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAe5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAIpD;AAQW,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,qbAAqB,oDAG5D,EAAgB,eACf,EAAkB,qBACZ,EAA4B,gIAM/B,EAAyD,+EAGtD,EAAoC,yDAGnD,KAdQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACf,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EACZ,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAM/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,GAAG,cAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAE;AAA1C,CAA0C,EAGtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAGlD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,gKAAA,qFAKlC,KAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,oPAAA,aAChC,EAAwC,oBAClC,EAA8C,oIAM9D,KAPU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAM7D;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,8aAAA,qDAGhC,EAA+B,gBAC3B,EAA+B,0EAKhC,EAA2C,iCAI1C,EAA2C,sBACrC,EAA8C,mJAOhE,KAlBQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAKhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAO/D"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Menu/styles.ts"],"names":[],"mappings":";;;;AAAA,+CAAuC;AACvC,qDAAwC;AACxC,gFAAuC;AAM1B,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,oJAAa,cACjC,EAAsB,yDAGjC,KAHW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM;AAAN,CAAM,EAGhC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,iSAAA,+HAMjB,EAA2C,qFAMhE,KANqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAM/D;AAMW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,i6CAAoB,uKAQpD,EAAgC,yBACnB,EAA2C,sBAC9C,EAA6B,8DAI9B,EAAoC,uEAM1C,EAA4C,iCAI3C,EAA4C,sBACtC,EAA8C,gKAQzC,EAA4C,mGAKtD,EAA2C,uCAI1C,EAA2C,ySAchD,EAA4C,2TAe5C,EAA4C,8BAIrD,KAnEQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EACnB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAC9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAI9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAM1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAI3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAKtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAchD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAe5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAIpD;AAQW,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,maAAqB,oDAG5D,EAAgB,eACf,EAAkB,qBACZ,EAA4B,+LAQ5B,EAAoC,yDAGnD,KAbQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACf,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EACZ,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAQ5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAGlD;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,IAAI,sZAAA,qEAI7B,EAA+B,gBAC3B,EAA+B,gCACf,EAA2C,oCAG7D,EAAwC,oBAClC,EAA8C,kHAOnD,EAA2C,gCAGtD,KAhBQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EACf,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAG7D,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,iMAAA,sHAKlC,KAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,gKAAA,qFAKlC,KAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,oPAAA,aAChC,EAAwC,oBAClC,EAA8C,oIAM9D,KAPU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAM7D;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,8aAAA,qDAGhC,EAA+B,gBAC3B,EAA+B,0EAKhC,EAA2C,iCAI1C,EAA2C,sBACrC,EAA8C,mJAOhE,KAlBQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAKhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAO/D;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,kKAAA,8EAInB,EAA2C,KAChE,KADqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAC/D;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,wPAAA,yHAMlB,EAA2C,gDAI1D,KAJe,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIzD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,uPAAA,yHAMnB,EAA2C,+CAI1D,KAJe,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIzD"}

package/dist/esm/components/Menu/MenuItem/index.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemProps } from "..";
+interface ComponentMenuItemProps {
+    item: MenuItemProps;
+}
+export declare const MenuItem: ({ item }: ComponentMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Menu/MenuItem/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContainerMenuItem } from "./styles";
+export var MenuItem = function (_a) {
+    var item = _a.item;
+    return _jsx(ContainerMenuItem, { children: item.text });
+};
+//# sourceMappingURL=index.js.map