@uxf/cms 6.0.0-beta.20 → 6.0.0-beta.22

package/config/icons-config.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS_VERSION = "1674568423546";
+export declare const ICONS_VERSION = "1674746043800";
 export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";

package/config/icons-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
-exports.ICONS_VERSION = "1674568423546";
+exports.ICONS_VERSION = "1674746043800";
 exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=

package/config/icons.d.ts

@@ -79,10 +79,18 @@ export declare const ICONS: {
         readonly w: 256;
         readonly h: 512;
     };
+    readonly key: {
+        readonly w: 512;
+        readonly h: 512;
+    };
     readonly plus: {
         readonly w: 448;
         readonly h: 512;
     };
+    readonly "right-from-bracket": {
+        readonly w: 512;
+        readonly h: 512;
+    };
 };
 export type IconsType = keyof typeof ICONS;
 declare module "@uxf/ui/icon/theme" {
@@ -107,6 +115,8 @@ declare module "@uxf/ui/icon/theme" {
         "user": true;
         "xmarkLarge": true;
         "angleRight": true;
+        "key": true;
         "plus": true;
+        "right-from-bracket": true;
     }
 }

package/config/icons.js

@@ -23,6 +23,8 @@ exports.ICONS = {
     "user": { w: 448, h: 512 },
     "xmarkLarge": { w: 448, h: 512 },
     "angleRight": { w: 256, h: 512 },
+    "key": { w: 512, h: 512 },
     "plus": { w: 448, h: 512 },
+    "right-from-bracket": { w: 512, h: 512 },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixXQUFXLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDL0IsV0FBVyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQy9CLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDaEMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtDQUNwQixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixXQUFXLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDL0IsV0FBVyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQy9CLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDaEMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLEtBQUssRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUN6QixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsb0JBQW9CLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7Q0FDbEMsQ0FBQyJ9

package/lib/Layout/Layout.js

@@ -11,32 +11,33 @@ var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
 var Breadcrumbs_1 = require("./Breadcrumbs");
 var loader_1 = require("@uxf/ui/loader/loader");
-var layout_container_1 = require("./layout-container");
+var LayoutContainer_1 = require("./LayoutContainer");
 var Layout = function (props) {
     var _a;
-    var Header = props.Header, Logo = props.Logo, Menu = props.Menu, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, UserMenu = props.UserMenu, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title;
-    return (react_1.default.createElement("div", { className: "flex" },
+    var Header = props.Header, Logo = props.Logo, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(head_1.default, null,
             react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
             react_1.default.createElement("meta", { charSet: "utf-8" }),
             react_1.default.createElement("title", null, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
-        react_1.default.createElement("div", { className: "flex w-full" },
-            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
-            react_1.default.createElement("main", { className: "min-h-screen bg-gray-100 sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
-                react_1.default.createElement("div", { className: "text-center" },
-                    react_1.default.createElement(loader_1.Loader, null),
-                    react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
-                    ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
-                    MessageBar,
-                    react_1.default.createElement(layout_container_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pt-12 pb-9" },
-                        breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
-                        react_1.default.createElement("div", { className: "flex items-center" },
-                            react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
-                            TitleRightContainer),
-                        subtitle,
-                        Header)),
-                react_1.default.createElement(layout_container_1.LayoutContainer, { type: containerType }, children)))))));
+        react_1.default.createElement("div", { className: "flex" },
+            react_1.default.createElement("div", { className: "flex w-full" },
+                react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo }),
+                react_1.default.createElement("main", { className: "min-h-screen w-full bg-gray-100 sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
+                    react_1.default.createElement("div", { className: "text-center" },
+                        react_1.default.createElement(loader_1.Loader, null),
+                        react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
+                        ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
+                        MessageBar,
+                        react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pt-12 pb-9" },
+                            breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
+                            react_1.default.createElement("div", { className: "flex items-center" },
+                                react_1.default.createElement("h1", { className: "uxf-typo-h4" }, title),
+                                TitleRightContainer),
+                            subtitle,
+                            Header)),
+                    react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: containerType }, children))))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MsdURBQXFEO0FBRTlDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWVOLEtBQUssT0FmQyxFQUNOLElBQUksR0FjSixLQUFLLEtBZEQsRUFDSixJQUFJLEdBYUosS0FBSyxLQWJELEVBQ0osVUFBVSxHQVlWLEtBQUssV0FaSyxFQUNWLG1CQUFtQixHQVduQixLQUFLLG9CQVhjLEVBQ25CLFlBQVksR0FVWixLQUFLLGFBVk8sRUFDWixRQUFRLEdBU1IsS0FBSyxTQVRHLEVBQ1IsV0FBVyxHQVFYLEtBQUssWUFSTSxFQUNYLFFBQVEsR0FPUixLQUFLLFNBUEcsRUFDUixhQUFhLEdBTWIsS0FBSyxjQU5RLEVBQ2IsbUJBQW1CLEdBS25CLEtBQUssb0JBTGMsRUFDbkIsT0FBTyxHQUlQLEtBQUssUUFKRSxFQUNQLGlCQUFpQixHQUdqQixLQUFLLGtCQUhZLEVBQ2pCLFFBQVEsR0FFUixLQUFLLFNBRkcsRUFDUixLQUFLLEdBQ0wsS0FBSyxNQURBLENBQ0M7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQyw0RkFBNEYsRUFDdEcsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksdUNBQUssU0FBUyxFQUFFLFVBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRTtvQkFDeEMsWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtvQkFDQSxVQUFVO29CQUNYLDhCQUFDLGtDQUFlLElBQUMsSUFBSSxFQUFFLG1CQUFtQixhQUFuQixtQkFBbUIsY0FBbkIsbUJBQW1CLEdBQUksYUFBYSxFQUFFLFNBQVMsRUFBQyxZQUFZO3dCQUM5RSxXQUFXLElBQUksOEJBQUMseUJBQVcsSUFBQyxLQUFLLEVBQUUsV0FBVyxHQUFJO3dCQUNuRCx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1COzRCQUM5QixzQ0FBSSxTQUFTLEVBQUMsYUFBYSxJQUFFLEtBQUssQ0FBTTs0QkFDdkMsbUJBQW1CLENBQ2xCO3dCQUNMLFFBQVE7d0JBQ1IsTUFBTSxDQUNPLENBQ2hCO2dCQUNOLDhCQUFDLGtDQUFlLElBQUMsSUFBSSxFQUFFLGFBQWEsSUFBRyxRQUFRLENBQW1CLENBQ25FLENBQ04sQ0FDRSxDQUNMLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MscURBQW9EO0FBRTdDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWFOLEtBQUssT0FiQyxFQUNOLElBQUksR0FZSixLQUFLLEtBWkQsRUFDSixVQUFVLEdBV1YsS0FBSyxXQVhLLEVBQ1YsbUJBQW1CLEdBVW5CLEtBQUssb0JBVmMsRUFDbkIsWUFBWSxHQVNaLEtBQUssYUFUTyxFQUNaLFdBQVcsR0FRWCxLQUFLLFlBUk0sRUFDWCxRQUFRLEdBT1IsS0FBSyxTQVBHLEVBQ1IsYUFBYSxHQU1iLEtBQUssY0FOUSxFQUNiLG1CQUFtQixHQUtuQixLQUFLLG9CQUxjLEVBQ25CLE9BQU8sR0FJUCxLQUFLLFFBSkUsRUFDUCxpQkFBaUIsR0FHakIsS0FBSyxrQkFIWSxFQUNqQixRQUFRLEdBRVIsS0FBSyxTQUZHLEVBQ1IsS0FBSyxHQUNMLEtBQUssTUFEQSxDQUNDO0lBRVYsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtnQkFDeEIsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM3RCx3Q0FDSSxTQUFTLEVBQUMsbUdBQW1HLEVBQzdHLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFHLG9CQUFXLE9BQUksRUFBbUIsSUFFOUQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7b0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO3dCQUN4Qiw4QkFBQyxlQUFNLE9BQUc7d0JBQ1YscUNBQUcsU0FBUyxFQUFDLE1BQU0sbUNBQW9CLENBQ3JDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO29CQUNJLHVDQUFLLFNBQVMsRUFBRSxVQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUU7d0JBQ3hDLFlBQVksSUFBSSxDQUNiLHVDQUFLLFNBQVMsRUFBQywrRUFBK0UsSUFDekYsWUFBWSxDQUNYLENBQ1Q7d0JBQ0EsVUFBVTt3QkFDWCw4QkFBQyxpQ0FBZSxJQUFDLElBQUksRUFBRSxtQkFBbUIsYUFBbkIsbUJBQW1CLGNBQW5CLG1CQUFtQixHQUFJLGFBQWEsRUFBRSxTQUFTLEVBQUMsWUFBWTs0QkFDOUUsV0FBVyxJQUFJLDhCQUFDLHlCQUFXLElBQUMsS0FBSyxFQUFFLFdBQVcsR0FBSTs0QkFDbkQsdUNBQUssU0FBUyxFQUFDLG1CQUFtQjtnQ0FDOUIsc0NBQUksU0FBUyxFQUFDLGFBQWEsSUFBRSxLQUFLLENBQU07Z0NBQ3ZDLG1CQUFtQixDQUNsQjs0QkFDTCxRQUFROzRCQUNSLE1BQU0sQ0FDTyxDQUNoQjtvQkFDTiw4QkFBQyxpQ0FBZSxJQUFDLElBQUksRUFBRSxhQUFhLElBQUcsUUFBUSxDQUFtQixDQUNuRSxDQUNOLENBQ0UsQ0FDTCxDQUNKLENBQ1AsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==

package/lib/Layout/{layout-container.js → LayoutContainer.js}

@@ -20,4 +20,4 @@ var LayoutContainer = function (props) {
     return react_1.default.createElement("div", { className: "".concat(maxWidthClassName[type], " mx-auto px-10 ").concat(props.className) }, props.children);
 };
 exports.LayoutContainer = LayoutContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L2xheW91dC1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFxRDtBQUdyRCxJQUFNLGlCQUFpQixHQUF3QztJQUMzRCxNQUFNLEVBQUUsZUFBZTtJQUN2QixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsSUFBSSxFQUFFLEVBQUU7Q0FDWCxDQUFDO0FBRUssSUFBTSxlQUFlLEdBQWdELFVBQUMsS0FBSzs7SUFDOUUsSUFBTSxJQUFJLEdBQUcsTUFBQSxLQUFLLENBQUMsSUFBSSxtQ0FBSSxXQUFXLENBQUM7SUFFdkMsSUFBSSxJQUFJLEtBQUssTUFBTSxFQUFFO1FBQ2pCLE9BQU8sOERBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBSSxDQUFDO0tBQ2hDO0lBRUQsT0FBTyx1Q0FBSyxTQUFTLEVBQUUsVUFBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsNEJBQWtCLEtBQUssQ0FBQyxTQUFTLENBQUUsSUFBRyxLQUFLLENBQUMsUUFBUSxDQUFPLENBQUM7QUFDakgsQ0FBQyxDQUFDO0FBUlcsUUFBQSxlQUFlLG1CQVExQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBcUQ7QUFHckQsSUFBTSxpQkFBaUIsR0FBd0M7SUFDM0QsTUFBTSxFQUFFLGVBQWU7SUFDdkIsSUFBSSxFQUFFLGdCQUFnQjtJQUN0QixTQUFTLEVBQUUsRUFBRTtJQUNiLElBQUksRUFBRSxFQUFFO0NBQ1gsQ0FBQztBQUVLLElBQU0sZUFBZSxHQUFnRCxVQUFDLEtBQUs7O0lBQzlFLElBQU0sSUFBSSxHQUFHLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksV0FBVyxDQUFDO0lBRXZDLElBQUksSUFBSSxLQUFLLE1BQU0sRUFBRTtRQUNqQixPQUFPLDhEQUFHLEtBQUssQ0FBQyxRQUFRLENBQUksQ0FBQztLQUNoQztJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFFLFVBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLDRCQUFrQixLQUFLLENBQUMsU0FBUyxDQUFFLElBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUFDO0FBQ2pILENBQUMsQ0FBQztBQVJXLFFBQUEsZUFBZSxtQkFRMUIifQ==

package/lib/Layout/Sidebar.js

@@ -1,25 +1,65 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sidebar = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var Menu_1 = require("../Menu");
 var styles_1 = require("./styles");
-var avatar_1 = require("@uxf/ui/avatar");
-var uxfLogo = (react_1.default.createElement("svg", { width: "179", height: "30", viewBox: "0 0 179 40" },
-    react_1.default.createElement("path", { fill: "#FF4F06", fillRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", clipRule: "evenodd" }),
+var UserMenu_1 = require("../Menu/ui/UserMenu");
+var MobileBar_1 = require("../Menu/MobileBar");
+var uxfLogo = (react_1.default.createElement("svg", { width: "134", height: "30", viewBox: "0 0 179 40" },
+    react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", clipRule: "evenodd" }),
     react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "m84.325 7.295 5.133 8.675h.199l5.158-8.675h6.078l-7.768 12.727 7.942 12.727h-6.19l-5.22-8.687h-.199l-5.22 8.687h-6.165l7.967-12.727-7.818-12.727h6.103Zm-24.194 0v16.07c0 .97.214 1.832.64 2.586a4.58 4.58 0 0 0 1.809 1.777c.779.431 1.686.647 2.722.647 1.044 0 1.953-.216 2.728-.647a4.591 4.591 0 0 0 1.802-1.777c.427-.754.64-1.616.64-2.585V7.296h5.382v16.53c0 1.856-.441 3.48-1.324 4.872-.882 1.392-2.115 2.475-3.697 3.25-1.583.775-3.426 1.162-5.531 1.162-2.113 0-3.96-.387-5.543-1.162-1.583-.775-2.813-1.858-3.692-3.25-.878-1.392-1.317-3.016-1.317-4.872V7.296h5.381ZM170.25 13.41c2.411 0 4.311.51 5.698 1.529 1.388 1.019 2.198 2.407 2.43 4.164l-4.847.298a2.555 2.555 0 0 0-.534-1.125 2.942 2.942 0 0 0-1.075-.808c-.444-.203-.972-.304-1.585-.304-.821 0-1.512.172-2.076.515-.563.344-.845.802-.845 1.374 0 .456.182.84.547 1.156.364.315.99.567 1.877.758l3.455.696c1.856.381 3.24.994 4.151 1.84.912.845 1.367 1.955 1.367 3.33 0 1.252-.366 2.35-1.1 3.294-.733.945-1.736 1.68-3.007 2.206-1.272.526-2.737.79-4.394.79-2.527 0-4.539-.529-6.034-1.585-1.496-1.057-2.372-2.496-2.629-4.32l5.208-.273c.157.77.538 1.357 1.143 1.759.605.402 1.38.603 2.324.603.928 0 1.676-.18 2.244-.54.567-.361.855-.827.864-1.4-.009-.48-.212-.875-.609-1.186-.398-.31-1.011-.55-1.84-.715l-3.306-.659c-1.864-.372-3.25-1.019-4.157-1.938-.908-.92-1.361-2.093-1.361-3.518 0-1.226.333-2.283 1-3.17.667-.886 1.608-1.57 2.821-2.05 1.214-.48 2.637-.72 4.27-.72Zm-36.686.373a12.285 12.285 0 0 0-3.051-.373c-1.525 0-2.865.23-4.021.69-1.156.46-2.098 1.114-2.827 1.964-.73.849-1.219 1.854-1.467 3.014l4.897.397c.182-.63.555-1.153 1.119-1.572.563-.418 1.321-.627 2.274-.627.903 0 1.601.215 2.094.646.493.43.74 1.04.74 1.827v.075c0 .405-.153.712-.46.92-.307.206-.8.362-1.479.465-.68.104-1.574.214-2.685.33-.944.09-1.845.248-2.703.472a7.698 7.698 0 0 0-2.293.994 4.727 4.727 0 0 0-1.591 1.74c-.39.721-.584 1.612-.584 2.673 0 1.259.275 2.31.826 3.15a5.147 5.147 0 0 0 2.256 1.902c.953.427 2.038.64 3.257.64.944 0 1.777-.126 2.498-.38a5.55 5.55 0 0 0 1.852-1.055 5.31 5.31 0 0 0 1.23-1.573h.149v2.648h5.022V19.873c0-1.135-.22-2.11-.659-2.927a5.655 5.655 0 0 0-1.796-2.007 8.039 8.039 0 0 0-2.598-1.156Zm-13.424-2.05V7.294h-16.853v25.454h5.381V22.235h10.354v-4.438h-10.354v-6.065h11.472Zm32.603 1.677c1.326 0 2.482.29 3.468.87.986.58 1.753 1.407 2.3 2.48.546 1.073.82 2.35.82 3.834V32.75h-5.295V21.539c.008-1.169-.29-2.082-.895-2.74-.605-.66-1.437-.989-2.498-.989-.713 0-1.34.153-1.883.46a3.166 3.166 0 0 0-1.268 1.336c-.302.584-.458 1.286-.466 2.107V32.75h-5.295V13.659h5.047v3.368H147a5.358 5.358 0 0 1 2.126-2.641c.994-.65 2.2-.976 3.616-.976Zm-20.061 10.782c.286-.087.512-.184.678-.292v2.026c0 .671-.17 1.272-.51 1.802-.34.53-.808.951-1.404 1.262-.597.31-1.285.466-2.064.466-.812 0-1.481-.189-2.007-.566-.526-.377-.789-.925-.789-1.646 0-.497.128-.914.385-1.25.257-.335.617-.602 1.082-.801a6.547 6.547 0 0 1 1.628-.435l.969-.143a24.15 24.15 0 0 0 1.069-.186c.356-.071.677-.15.963-.237Z", clipRule: "evenodd" })));
 var Sidebar = function (props) {
-    var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Logo = props.Logo;
-    return (react_1.default.createElement("div", { className: "fixed h-screen w-[var(--drawerWidth)] shrink-0 bg-sidebar-background pt-5", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
-        react_1.default.createElement("div", null, Logo !== null && Logo !== void 0 ? Logo : uxfLogo, MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration && react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }))), UserMenu !== null && UserMenu !== void 0 ? UserMenu : (react_1.default.createElement("div", { className: "fixed bottom-0 w-[var(--drawerWidth)] border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium" },
-        react_1.default.createElement("div", { className: "flex items-center" },
-            react_1.default.createElement(avatar_1.Avatar, { className: "mr-3" }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "ui-typo-body2" }, "Nep\u0159ihl\u00E1\u0161en\u00FD u\u017Eivatel"),
-                react_1.default.createElement("div", { className: "ui-typo-caption text-darkLow" }, "\u2026")))))));
+    var menuConfiguration = props.menuConfiguration, Logo = props.Logo, CustomSidebar = props.CustomSidebar;
+    var _a = __read((0, react_1.useState)(false), 2), isMenuOpen = _a[0], setIsMenuOpen = _a[1];
+    var toggleMenu = function () { return setIsMenuOpen(function (prev) { return !prev; }); };
+    return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "fixed z-1 flex w-full flex-col sm:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
+        react_1.default.createElement("div", { className: "h-[calc(100vh_-_48px)] flex-col bg-sidebar-background pt-5 sm:h-screen ".concat(isMenuOpen ? "flex" : "hidden sm:flex") },
+            react_1.default.createElement("div", { className: "mb-8 px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
+            menuConfiguration && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: "grow overflow-auto px-2 sm:px-0" },
+                    react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })),
+                react_1.default.createElement(UserMenu_1.UserMenu, { menu: menuConfiguration })))),
+        menuConfiguration && react_1.default.createElement(MobileBar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
 };
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFpRDtBQUNqRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLHlDQUF3QztBQUV4QyxJQUFNLE9BQU8sR0FBRyxDQUNaLHVDQUFLLEtBQUssRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsWUFBWTtJQUM3Qyx3Q0FDSSxJQUFJLEVBQUMsU0FBUyxFQUNkLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQywyVEFBMlQsRUFDN1QsUUFBUSxFQUFDLFNBQVMsR0FDcEI7SUFDRix3Q0FDSSxJQUFJLEVBQUMsTUFBTSxFQUNYLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQyx5M0ZBQXkzRixFQUMzM0YsUUFBUSxFQUFDLFNBQVMsR0FDcEIsQ0FDQSxDQUNULENBQUM7QUFFSyxJQUFNLE9BQU8sR0FBcUIsVUFBQyxLQUFLO0lBQ25DLElBQU0sYUFBYSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsaUJBQWlCLEdBQXFCLEtBQUssa0JBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFekUsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQywyRUFBMkUsRUFDckYsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQjtRQUUvRCwyQ0FDSyxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxPQUFPLEVBQ2YsYUFBYSxhQUFiLGFBQWEsY0FBYixhQUFhLEdBQUksQ0FBQyxpQkFBaUIsSUFBSSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLGlCQUFpQixHQUFJLENBQUMsQ0FDeEUsRUFDTCxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUNULHVDQUFLLFNBQVMsRUFBQyw2RkFBNkY7UUFDeEcsdUNBQUssU0FBUyxFQUFDLG1CQUFtQjtZQUM5Qiw4QkFBQyxlQUFNLElBQUMsU0FBUyxFQUFDLE1BQU0sR0FBVTtZQUNsQztnQkFDSSx1Q0FBSyxTQUFTLEVBQUMsZUFBZSxxREFBNEI7Z0JBQzFELHVDQUFLLFNBQVMsRUFBQyw4QkFBOEIsYUFBZSxDQUMxRCxDQUNKLENBQ0osQ0FDVCxDQUNDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpCVyxRQUFBLE9BQU8sV0F5QmxCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLGdEQUErQztBQUMvQywrQ0FBOEM7QUFFOUMsSUFBTSxPQUFPLEdBQUcsQ0FDWix1Q0FBSyxLQUFLLEVBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLFlBQVk7SUFDN0Msd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMsMlRBQTJULEVBQzdULFFBQVEsRUFBQyxTQUFTLEdBQ3BCO0lBQ0Ysd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMseTNGQUF5M0YsRUFDMzNGLFFBQVEsRUFBQyxTQUFTLEdBQ3BCLENBQ0EsQ0FDVCxDQUFDO0FBRUssSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFBLGlCQUFpQixHQUEwQixLQUFLLGtCQUEvQixFQUFFLElBQUksR0FBb0IsS0FBSyxLQUF6QixFQUFFLGFBQWEsR0FBSyxLQUFLLGNBQVYsQ0FBVztJQUVuRCxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQztJQUNwRCxJQUFNLFVBQVUsR0FBRyxjQUFNLE9BQUEsYUFBYSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTlCLENBQThCLENBQUM7SUFFeEQsT0FBTyxDQUNILGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQ2IsdUNBQ0ksU0FBUyxFQUFDLDBEQUEwRCxFQUNwRSxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CO1FBRS9ELHVDQUNJLFNBQVMsRUFBRSxpRkFDUCxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQ3hDO1lBRUYsdUNBQUssU0FBUyxFQUFDLFdBQVcsSUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxPQUFPLENBQU87WUFDakQsaUJBQWlCLElBQUksQ0FDbEI7Z0JBQ0ksdUNBQUssU0FBUyxFQUFDLGlDQUFpQztvQkFDNUMsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUMvQjtnQkFDTiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUN0QyxDQUNOLENBQ0M7UUFDTCxpQkFBaUIsSUFBSSw4QkFBQyxxQkFBUyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDL0YsQ0FDVCxDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxPQUFPLFdBK0JsQiJ9

package/lib/Layout/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
 import { MenuItem } from "../Menu/model";
 import { BreadcrumbItemProps } from "./Breadcrumbs";
 export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
@@ -25,7 +25,6 @@ export interface AppBarProps {
 }
 export interface SidebarProps {
     Logo?: ReactNode;
-    Menu?: ReactNode;
-    UserMenu?: ReactNode;
     menuConfiguration?: MenuItem[];
+    CustomSidebar?: ReactElement;
 }

package/lib/Menu/MobileBar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem } from "./model";
+export declare const MobileBar: FC<{
+    menuConfiguration: MenuItem[];
+    toggleMenu: () => void;
+}>;

package/lib/Menu/MobileBar.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var icon_1 = require("@uxf/ui/icon");
+var SubMenuMobile_1 = require("./ui/SubMenu/SubMenuMobile");
+var config_1 = require("../../config");
+var avatar_1 = require("@uxf/ui/avatar");
+var MobileBar = function (props) {
+    var menuConfiguration = props.menuConfiguration, toggleMenu = props.toggleMenu;
+    var mobileBarMenu = menuConfiguration
+        .flatMap(function (item) {
+        if (item.type === "link" || item.type === "section") {
+            return item;
+        }
+        if (!!item.userMenuData) {
+            return item;
+        }
+        if (item.type === "super-section") {
+            return item.children.filter(function (i) { return i.type === "link" || i.type === "section"; });
+        }
+        return undefined;
+    })
+        .filter(Boolean)
+        .splice(0, 4);
+    return (react_1.default.createElement("div", { className: "fixed bottom-0 left-0 right-0 flex h-16 items-center space-x-2 border-t border-gray-700 bg-sidebar-background px-4 text-darkMedium sm:hidden" },
+        mobileBarMenu.map(function (item, index) {
+            var _a, _b, _c, _d;
+            if (!!item.children.length) {
+                return (react_1.default.createElement(SubMenuMobile_1.SubMenuMobile, { key: index, content: item.children, title: item.title },
+                    react_1.default.createElement("button", { type: "button", className: "flex grow items-center justify-center" }, !!item.userMenuData ? (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(avatar_1.Avatar, { className: "h-7 w-7" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(icon_1.Icon, { name: (_a = item === null || item === void 0 ? void 0 : item.icon) !== null && _a !== void 0 ? _a : "", size: 24 }),
+                        react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-1" }))))));
+            }
+            if (item.url || item.route) {
+                return (react_1.default.createElement(link_1.default, { key: index, href: (_b = item.url) !== null && _b !== void 0 ? _b : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined, className: "flex grow items-center justify-center" },
+                    react_1.default.createElement(icon_1.Icon, { name: (_c = item === null || item === void 0 ? void 0 : item.icon) !== null && _c !== void 0 ? _c : "user", size: 24 })));
+            }
+            return (react_1.default.createElement("span", { key: index, className: "flex grow items-center justify-center" },
+                react_1.default.createElement(icon_1.Icon, { name: (_d = item === null || item === void 0 ? void 0 : item.icon) !== null && _d !== void 0 ? _d : "user", size: 24 })));
+        }),
+        react_1.default.createElement("button", { type: "button", className: "flex grow items-center justify-center", onClick: toggleMenu },
+            react_1.default.createElement(icon_1.Icon, { name: "bars", size: 24 }))));
+};
+exports.MobileBar = MobileBar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9iaWxlQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9NZW51L01vYmlsZUJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLG1EQUE2QjtBQUM3QixxQ0FBb0M7QUFFcEMsNERBQTJEO0FBQzNELHVDQUF5QztBQUN6Qyx5Q0FBd0M7QUFFakMsSUFBTSxTQUFTLEdBQWtFLFVBQUMsS0FBSztJQUNsRixJQUFBLGlCQUFpQixHQUFpQixLQUFLLGtCQUF0QixFQUFFLFVBQVUsR0FBSyxLQUFLLFdBQVYsQ0FBVztJQUVoRCxJQUFNLGFBQWEsR0FBZSxpQkFBaUI7U0FDOUMsT0FBTyxDQUFDLFVBQUMsSUFBSTtRQUNWLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDakQsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUNELElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUNELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLEVBQUU7WUFDL0IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUF6QyxDQUF5QyxDQUFDLENBQUM7U0FDakY7UUFDRCxPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDLENBQUM7U0FDRCxNQUFNLENBQUMsT0FBTyxDQUFDO1NBQ2YsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQWUsQ0FBQztJQUVoQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDhJQUE4STtRQUN4SixhQUFhLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7O1lBQzNCLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFO2dCQUN4QixPQUFPLENBQ0gsOEJBQUMsNkJBQWEsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztvQkFDaEUsMENBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsdUNBQXVDLElBQ2xFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUNuQjt3QkFDSSw4QkFBQyxlQUFNLElBQUMsU0FBUyxFQUFDLFNBQVMsR0FBRyxDQUMvQixDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0E7d0JBQ0ksOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJO3dCQUMxQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQyxNQUFNLEdBQUcsQ0FDckQsQ0FDTixDQUNJLENBQ0csQ0FDbkIsQ0FBQzthQUNMO1lBQ0QsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsR0FBRyxFQUFFLEtBQUssRUFDVixJQUFJLEVBQUUsTUFBQSxJQUFJLENBQUMsR0FBRyxtQ0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsRUFDN0UsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM5QyxHQUFHLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDeEQsU0FBUyxFQUFDLHVDQUF1QztvQkFFakQsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQzNDLENBQ1YsQ0FBQzthQUNMO1lBQ0QsT0FBTyxDQUNILHdDQUFNLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLHVDQUF1QztnQkFDL0QsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQzNDLENBQ1YsQ0FBQztRQUNOLENBQUMsQ0FBQztRQUNGLDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsU0FBUyxFQUFDLHVDQUF1QyxFQUFDLE9BQU8sRUFBRSxVQUFVO1lBQ3ZGLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBRSxFQUFFLEdBQUksQ0FDekIsQ0FDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoRVcsUUFBQSxTQUFTLGFBZ0VwQiJ9

package/lib/Menu/factory.d.ts

@@ -1,4 +1,4 @@
-import { MenuItem } from "./model";
+import { MenuItem, UserMenuData } from "./model";
 import { IconName } from "@uxf/ui/icon/types";
 import { ReactNode } from "react";
 export declare function createCustomContent(title: string, content: ReactNode): MenuItem;
@@ -6,4 +6,5 @@ export declare function createSuperSection(title: string, children?: MenuItem[])
 export declare function createSection(title: string, icon?: IconName, children?: MenuItem[]): MenuItem;
 export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: IconName): MenuItem;
 export declare function createExternalLink(title: string, href: string, icon?: IconName): MenuItem;
+export declare function createUserMenu(userMenuData: UserMenuData, children?: MenuItem[]): MenuItem;
 export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;

package/lib/Menu/factory.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTableLink = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
+exports.createTableLink = exports.createUserMenu = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
 var activeItemResolver_1 = require("./activeItemResolver");
 var model_1 = require("./model");
 function createCustomContent(title, content) {
@@ -23,9 +23,13 @@ function createLink(title, routeName, routeParams, icon) {
 }
 exports.createLink = createLink;
 function createExternalLink(title, href, icon) {
-    return model_1.MenuItem.create(title, "link").setIcon(icon).setUrl(href);
+    return model_1.MenuItem.create(title, "link").setIsExternal(true).setIcon(icon).setUrl(href);
 }
 exports.createExternalLink = createExternalLink;
+function createUserMenu(userMenuData, children) {
+    return model_1.MenuItem.create("Můj profil", "super-section").setUserMenuData(userMenuData).setChildren(children);
+}
+exports.createUserMenu = createUserMenu;
 function createTableLink(title, entityAlias, icon) {
     return model_1.MenuItem.create(title, "link")
         .setRoute("cms/table", { entityAlias: entityAlias })
@@ -33,4 +37,4 @@ function createTableLink(title, entityAlias, icon) {
         .setActiveResolver(activeItemResolver_1.ActiveItemResolver.tableLink());
 }
 exports.createTableLink = createTableLink;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFJbkMsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUNyRSxDQUFDO0FBRkQsZ0RBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBaUQ7QUFJakQsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDekYsQ0FBQztBQUZELGdEQUVDO0FBRUQsU0FBZ0IsY0FBYyxDQUFDLFlBQTBCLEVBQUUsUUFBcUI7SUFDNUUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLENBQUMsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM5RyxDQUFDO0FBRkQsd0NBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=

package/lib/Menu/index.d.ts

@@ -2,4 +2,3 @@ export * from "./ui/Menu";
 export * from "./ui/MenuItem";
 export * from "./factory";
 export * from "./types";
-export * from "./activeItemResolver";

package/lib/Menu/index.js

@@ -18,5 +18,4 @@ __exportStar(require("./ui/Menu"), exports);
 __exportStar(require("./ui/MenuItem"), exports);
 __exportStar(require("./factory"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./activeItemResolver"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRDQUEwQjtBQUMxQixnREFBOEI7QUFDOUIsNENBQTBCO0FBQzFCLDBDQUF3QjtBQUN4Qix1REFBcUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRDQUEwQjtBQUMxQixnREFBOEI7QUFDOUIsNENBQTBCO0FBQzFCLDBDQUF3QiJ9

package/lib/Menu/model.d.ts

@@ -4,6 +4,10 @@ import { NextRouter } from "next/router";
 import { IconName } from "@uxf/ui/icon/types";
 import { ReactNode } from "react";
 type ItemType = "custom" | "super-section" | "section" | "link";
+export type UserMenuData = {
+    name: string;
+    roles: string;
+};
 export declare class MenuItem {
     private _type;
     private _title;
@@ -11,10 +15,12 @@ export declare class MenuItem {
     private _url?;
     private _route?;
     private _routeParams?;
+    private _isExternal?;
     private _icon?;
     private _activeItemResolver?;
     private _allowedRoles?;
     private _content?;
+    private _userMenuData?;
     static create(title: string, type: ItemType): MenuItem;
     constructor(title: string, type: ItemType);
     setContent(content: ReactNode): MenuItem;
@@ -22,6 +28,8 @@ export declare class MenuItem {
     setChildren(children?: MenuItem[]): MenuItem;
     setRoute(route: string, routeParams?: object): MenuItem;
     setUrl(url: string): MenuItem;
+    setIsExternal(isExternal: boolean): MenuItem;
+    setUserMenuData(userMenuData: UserMenuData): MenuItem;
     setActiveResolver(resolver: Resolver | null): MenuItem;
     setAllowedRoles(roles: string[]): MenuItem;
     isActive(router: NextRouter, activeRoute: string): boolean;
@@ -34,8 +42,10 @@ export declare class MenuItem {
     get url(): string | undefined;
     get route(): string | undefined;
     get routeParams(): any;
+    get isExternal(): boolean | undefined;
     get icon(): IconName | undefined;
     get allowedRoles(): string[] | undefined;
     get content(): ReactNode;
+    get userMenuData(): UserMenuData | undefined;
 }
 export {};

package/lib/Menu/model.js

@@ -42,6 +42,14 @@ var MenuItem = /** @class */ (function () {
         this._url = url;
         return this;
     };
+    MenuItem.prototype.setIsExternal = function (isExternal) {
+        this._isExternal = isExternal;
+        return this;
+    };
+    MenuItem.prototype.setUserMenuData = function (userMenuData) {
+        this._userMenuData = userMenuData;
+        return this;
+    };
     MenuItem.prototype.setActiveResolver = function (resolver) {
         this._activeItemResolver = resolver ? resolver(this) : undefined;
         return this;
@@ -123,6 +131,13 @@ var MenuItem = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MenuItem.prototype, "isExternal", {
+        get: function () {
+            return this._isExternal;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MenuItem.prototype, "icon", {
         get: function () {
             return this._icon;
@@ -144,7 +159,14 @@ var MenuItem = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MenuItem.prototype, "userMenuData", {
+        get: function () {
+            return this._userMenuData;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return MenuItem;
 }());
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFRQTtJQWdCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFhQTtJQWtCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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

package/lib/Menu/ui/ListItem/ListItem.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var react_1 = __importDefault(require("react"));
+var icon_1 = require("@uxf/ui/icon");
+var link_1 = __importDefault(require("next/link"));
+var SubMenu_1 = require("../SubMenu/SubMenu");
+var config_1 = require("../../../../config");
+var ListItem = function (props) {
+    var children = props.children, icon = props.icon, label = props.label, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href, route = props.route, params = props.params, subMenu = props.subMenu, isOpen = props.isOpen, toggle = props.toggle, isInitiallyOpen = props.isInitiallyOpen, isExternal = props.isExternal;
+    var hasSubMenu = !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length);
+    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement("div", { className: "mb-0.5 flex cursor-pointer items-center rounded-lg py-2.5 pl-2.5 pr-1 hover:bg-sidebar-hover ".concat(selected ? "bg-sidebar-highlight font-bold text-darkHigh" : "bg-sidebar-background text-darkMedium") },
+        react_1.default.createElement("div", { className: level === 1 ? "w-9" : "w-7" }, !!icon && level !== 1 && react_1.default.createElement(icon_1.Icon, { name: icon, size: 16 })),
+        react_1.default.createElement("div", { className: "uxf-typo-body2" }, label),
+        hasSubMenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-auto mr-2 ".concat(!isOpen ? "-rotate-90" : "") }))));
+    var Button = function (_a) {
+        var className = _a.className;
+        return (react_1.default.createElement("button", { type: "button", onClick: toggle, className: className }, Content));
+    };
+    if (href || route) {
+        if (hasSubMenu && !isInitiallyOpen) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(SubMenu_1.SubMenu, { content: subMenu },
+                    react_1.default.createElement(link_1.default, { href: href !== null && href !== void 0 ? href : config_1.container.get("route")(route, params), target: isExternal ? "_blank" : undefined, rel: isExternal ? "noreferrer noopener" : undefined }, Content)),
+                react_1.default.createElement(Button, { className: "w-full sm:hidden" })));
+        }
+        if (hasSubMenu) {
+            return react_1.default.createElement(Button, { className: "w-full sm:pointer-events-none" });
+        }
+        return (react_1.default.createElement(link_1.default, { href: href !== null && href !== void 0 ? href : config_1.container.get("route")(route, params), target: isExternal ? "_blank" : undefined, rel: isExternal ? "noreferrer noopener" : undefined }, Content));
+    }
+    return Content;
+};
+exports.ListItem = ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFnRDtBQUVoRCxxQ0FBb0M7QUFDcEMsbURBQTZCO0FBQzdCLDhDQUE2QztBQUM3Qyw2Q0FBK0M7QUFFeEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFFdkQsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsSUFBSSxHQVlKLEtBQUssS0FaRCxFQUNKLEtBQUssR0FXTCxLQUFLLE1BWEEsRUFDTCxLQVVBLEtBQUssTUFWSSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsTUFBTSxHQU1OLEtBQUssT0FOQyxFQUNOLE9BQU8sR0FLUCxLQUFLLFFBTEUsRUFDUCxNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sTUFBTSxHQUdOLEtBQUssT0FIQyxFQUNOLGVBQWUsR0FFZixLQUFLLGdCQUZVLEVBQ2YsVUFBVSxHQUNWLEtBQUssV0FESyxDQUNKO0lBRVYsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sQ0FBQSxDQUFDO0lBRXJDLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx1R0FDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FBTztRQUM1Ryx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFPO1FBQzVDLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUNoRyxDQUNDLENBQ1QsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUE4QixVQUFDLEVBQWE7WUFBWCxTQUFTLGVBQUE7UUFBTyxPQUFBLENBQ3pELDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN0RCxPQUFPLENBQ0gsQ0FDWjtJQUo0RCxDQUk1RCxDQUFDO0lBRUYsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2YsSUFBSSxVQUFVLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDaEMsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLGlCQUFPLElBQUMsT0FBTyxFQUFFLE9BQU87b0JBQ3JCLDhCQUFDLGNBQUksSUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxFQUMxRCxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbEQsT0FBTyxDQUNMLENBQ0Q7Z0JBQ1YsOEJBQUMsTUFBTSxJQUFDLFNBQVMsRUFBQyxrQkFBa0IsR0FBRyxDQUN4QyxDQUNOLENBQUM7U0FDTDtRQUNELElBQUksVUFBVSxFQUFFO1lBQ1osT0FBTyw4QkFBQyxNQUFNLElBQUMsU0FBUyxFQUFDLCtCQUErQixHQUFHLENBQUM7U0FDL0Q7UUFFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUNELElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFZLEVBQUUsTUFBTSxDQUFDLEVBQzFELE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN6QyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVsRCxPQUFPLENBQ0wsQ0FDVixDQUFDO0tBQ0w7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQixDQUFDLENBQUM7QUF4RVcsUUFBQSxRQUFRLFlBd0VuQiJ9

package/{ui → lib/Menu/ui}/ListItem/index.js

@@ -16,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ListItem"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0IifQ==

package/{ui → lib/Menu/ui}/ListItem/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from "react";
 import { IconName } from "@uxf/ui/icon/types";
+import { MenuItem } from "../../model";
 export interface ListItemProps<RouteList> {
     children?: ReactElement;
     icon?: IconName;
@@ -9,6 +10,9 @@ export interface ListItemProps<RouteList> {
     route?: keyof RouteList;
     selected?: boolean;
     href?: string;
-    hasSubItems?: boolean;
+    subMenu?: MenuItem[];
     isOpen?: boolean;
+    isInitiallyOpen?: boolean;
+    toggle?: () => void;
+    isExternal?: boolean;
 }

package/lib/Menu/ui/ListItem/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/Menu/ui/Menu.js

@@ -30,10 +30,10 @@ var MenuCustomItem_1 = require("./MenuCustomItem");
 var MenuSuperSectionItem_1 = require("./MenuSuperSectionItem");
 var Menu = function (props) {
     var menu = props.menu;
-    return (react_1.default.createElement("div", { className: "bg-sidebar-background px-3 pb-4 pt-8" }, menu.map(function (item, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
+    return (react_1.default.createElement("div", { className: "bg-sidebar-background px-2 pb-4" }, menu.map(function (item, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
         item.type === "custom" && react_1.default.createElement(MenuCustomItem_1.MenuCustomItem, { item: item }),
         item.type === "super-section" && react_1.default.createElement(MenuSuperSectionItem_1.MenuSuperSectionItem, { item: item }),
         (item.type === "section" || item.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: item }))); })));
 };
 exports.Menu = Menu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBQ2xELCtEQUE4RDtBQU12RCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsc0NBQXNDLElBQ2hELElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQywyQ0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBQ2xELCtEQUE4RDtBQU12RCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUNBQWlDLElBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQywyQ0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==

package/lib/Menu/ui/MenuItem.d.ts

@@ -1,11 +1,6 @@
 import { FC } from "react";
 import { MenuItem as Model } from "../model";
 export interface MenuItemProps {
-    hasActiveChildren?: boolean;
-    idPrefix?: string;
-    isActive?: boolean;
     item: Model;
-    level?: number;
-    offset?: number;
 }
 export declare const MenuItem: FC<MenuItemProps>;