@uxf/cms 6.0.0-beta.7 → 6.0.0-beta.71

package/lib/{Menu → menu}/types.js

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

package/lib/menu/ui/list-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./list-item";
+export * from "./types";

package/lib/menu/ui/list-item/index.js

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

package/lib/menu/ui/list-item/list-item.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { ListItemProps } from "./types";
+export declare const ListItem: <T extends Record<string, any>>(props: ListItemProps<T>) => ReactElement;

package/lib/menu/ui/list-item/list-item.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 sub_menu_1 = require("../sub-menu/sub-menu");
+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(sub_menu_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 md:hidden" })));
+        }
+        if (hasSubMenu) {
+            return react_1.default.createElement(Button, { className: "w-full md: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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL2xpc3QtaXRlbS9saXN0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFnRDtBQUVoRCxxQ0FBb0M7QUFDcEMsbURBQTZCO0FBQzdCLGlEQUErQztBQUMvQyw2Q0FBK0M7QUFFeEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0MsS0FBdUI7SUFFdkUsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsSUFBSSxHQVlKLEtBQUssS0FaRCxFQUNKLEtBQUssR0FXTCxLQUFLLE1BWEEsRUFDTCxLQVVBLEtBQUssTUFWSSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsTUFBTSxHQU1OLEtBQUssT0FOQyxFQUNOLE9BQU8sR0FLUCxLQUFLLFFBTEUsRUFDUCxNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sTUFBTSxHQUdOLEtBQUssT0FIQyxFQUNOLGVBQWUsR0FFZixLQUFLLGdCQUZVLEVBQ2YsVUFBVSxHQUNWLEtBQUssV0FESyxDQUNKO0lBRVYsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sQ0FBQSxDQUFDO0lBRXJDLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx1R0FDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FBTztRQUM1Ryx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFPO1FBQzVDLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUNoRyxDQUNDLENBQ1QsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUE4QixVQUFDLEVBQWE7WUFBWCxTQUFTLGVBQUE7UUFBTyxPQUFBLENBQ3pELDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN0RCxPQUFPLENBQ0gsQ0FDWjtJQUo0RCxDQUk1RCxDQUFDO0lBRUYsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2YsSUFBSSxVQUFVLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDaEMsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLGtCQUFPLElBQUMsT0FBTyxFQUFFLE9BQU87b0JBQ3JCLDhCQUFDLGNBQUksSUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxFQUMxRCxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbEQsT0FBTyxDQUNMLENBQ0Q7Z0JBQ1YsOEJBQUMsTUFBTSxJQUFDLFNBQVMsRUFBQyxrQkFBa0IsR0FBRyxDQUN4QyxDQUNOLENBQUM7U0FDTDtRQUNELElBQUksVUFBVSxFQUFFO1lBQ1osT0FBTyw4QkFBQyxNQUFNLElBQUMsU0FBUyxFQUFDLCtCQUErQixHQUFHLENBQUM7U0FDL0Q7UUFFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUNELElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFZLEVBQUUsTUFBTSxDQUFDLEVBQzFELE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN6QyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVsRCxPQUFPLENBQ0wsQ0FDVixDQUFDO0tBQ0w7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQixDQUFDLENBQUM7QUF4RVcsUUFBQSxRQUFRLFlBd0VuQiJ9

package/{ui/ListItem → lib/menu/ui/list-item}/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/list-item/types.js

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

package/lib/menu/ui/menu-custom-item.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface MenuCustomItemProps {
+    item: Model;
+}
+export declare const MenuCustomItem: FC<MenuCustomItemProps>;

package/lib/menu/ui/menu-custom-item.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuCustomItem = void 0;
+var react_1 = __importDefault(require("react"));
+var config_1 = require("../../../config");
+var MenuCustomItem = function (props) {
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    if (!item.isVisible(loggedUser)) {
+        return null;
+    }
+    return react_1.default.createElement("div", null, item.content);
+};
+exports.MenuCustomItem = MenuCustomItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jdXN0b20taXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS91aS9tZW51LWN1c3RvbS1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsMENBQTRDO0FBT3JDLElBQU0sY0FBYyxHQUE0QixVQUFDLEtBQUs7SUFDakQsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sMkNBQU0sSUFBSSxDQUFDLE9BQU8sQ0FBTyxDQUFDO0FBQ3JDLENBQUMsQ0FBQztBQVhXLFFBQUEsY0FBYyxrQkFXekIifQ==

package/lib/{Menu/ui/MenuItem.d.ts → menu/ui/menu-item.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>;

package/lib/menu/ui/menu-item.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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.MenuItem = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../../config");
+var list_item_1 = require("./list-item");
+var router_1 = require("next/router");
+var MenuItem = function (props) {
+    var _a, _b, _c, _d;
+    var item = props.item;
+    var router = (0, router_1.useRouter)();
+    var activeRoute = config_1.container.get("useActiveRoute")();
+    var isActive = item.isActive(router, activeRoute);
+    var hasActiveChildren = item.hasActiveChildren(router, activeRoute);
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
+    var firstVisibleChild = visibleChildren.length !== 0 ? visibleChildren[0] : undefined;
+    var isInitiallyOpen = (isActive || hasActiveChildren) && item.children.length > 0;
+    var _e = __read((0, react_1.useState)(isInitiallyOpen), 2), isSubmenuOpen = _e[0], setIsSubmenuOpen = _e[1];
+    var toggle = function () { return setIsSubmenuOpen(function (prev) { return !prev; }); };
+    if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(list_item_1.ListItem, { label: item.title, icon: item.icon, href: (_a = item.url) !== null && _a !== void 0 ? _a : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.url, route: (_b = item.route) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_d = (_c = item.routeParams) !== null && _c !== void 0 ? _c : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.routeParams) !== null && _d !== void 0 ? _d : null, selected: isActive, subMenu: item.children, isOpen: isSubmenuOpen, toggle: toggle, isInitiallyOpen: isInitiallyOpen, isExternal: item.isExternal }),
+        isSubmenuOpen && (react_1.default.createElement("div", null, visibleChildren.map(function (i) {
+            var isSelected = i.isActive(router, activeRoute);
+            return (react_1.default.createElement(list_item_1.ListItem, { key: i.title, label: i.title, href: i.url, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSelected, isExternal: i.isExternal }));
+        })))));
+};
+exports.MenuItem = MenuItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL21lbnUtaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUM1Qyx5Q0FBdUM7QUFFdkMsc0NBQXdDO0FBTWpDLElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sTUFBTSxHQUFHLElBQUEsa0JBQVMsR0FBRSxDQUFDO0lBQzNCLElBQU0sV0FBVyxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLEVBQUUsQ0FBQztJQUV0RCxJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztJQUNwRCxJQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFFdEUsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUF2QixDQUF1QixDQUFDLENBQUM7SUFDN0UsSUFBTSxpQkFBaUIsR0FBRyxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDeEYsSUFBTSxlQUFlLEdBQUcsQ0FBQyxRQUFRLElBQUksaUJBQWlCLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFFOUUsSUFBQSxLQUFBLE9BQW9DLElBQUEsZ0JBQVEsRUFBQyxlQUFlLENBQUMsSUFBQSxFQUE1RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBNkIsQ0FBQztJQUVwRSxJQUFNLE1BQU0sR0FBRyxjQUFNLE9BQUEsZ0JBQWdCLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUMsRUFBakMsQ0FBaUMsQ0FBQztJQUV2RCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUFFO1FBQ3JHLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0g7UUFDSSw4QkFBQyxvQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixJQUFJLEVBQUUsTUFBQSxJQUFJLENBQUMsR0FBRyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxHQUFHLEVBQ3hDLEtBQUssRUFBRSxNQUFBLElBQUksQ0FBQyxLQUFLLG1DQUFJLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLEtBQUssRUFDN0MsTUFBTSxFQUFFLE1BQUEsTUFBQSxJQUFJLENBQUMsV0FBVyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxXQUFXLG1DQUFJLElBQUksRUFDbEUsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQ3RCLE1BQU0sRUFBRSxhQUFhLEVBQ3JCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsZUFBZSxFQUFFLGVBQWUsRUFDaEMsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVLEdBQzdCO1FBQ0QsYUFBYSxJQUFJLENBQ2QsMkNBQ0ssZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFbkQsT0FBTyxDQUNILDhCQUFDLG9CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLFVBQVUsRUFDcEIsVUFBVSxFQUFFLENBQUMsQ0FBQyxVQUFVLEdBQzFCLENBQ0wsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNBLENBQ1QsQ0FDRixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUE5RFcsUUFBQSxRQUFRLFlBOERuQiJ9

package/lib/menu/ui/menu-super-section-item.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface MenuSuperSectionItemProps {
+    item: Model;
+}
+export declare const MenuSuperSectionItem: FC<MenuSuperSectionItemProps>;

package/lib/menu/ui/menu-super-section-item.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSuperSectionItem = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../../config");
+var menu_item_1 = require("./menu-item");
+var menu_custom_item_1 = require("./menu-custom-item");
+var MenuSuperSectionItem = function (props) {
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    return (react_1.default.createElement("div", { className: item.userMenuData ? "md:hidden" : undefined },
+        item.isVisible(loggedUser) && (react_1.default.createElement("p", { className: "uxf-typo-overline mb-3 mt-6 pl-2 uppercase text-darkLow" }, item.title)),
+        item.children.map(function (i, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
+            i.type === "custom" && react_1.default.createElement(menu_custom_item_1.MenuCustomItem, { item: i }),
+            (i.type === "section" || i.type === "link") && react_1.default.createElement(menu_item_1.MenuItem, { item: i }))); })));
+};
+exports.MenuSuperSectionItem = MenuSuperSectionItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1zdXBlci1zZWN0aW9uLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvbWVudS1zdXBlci1zZWN0aW9uLWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx5Q0FBdUM7QUFDdkMsdURBQW9EO0FBTTdDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUztRQUN0RCxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQzNCLHFDQUFHLFNBQVMsRUFBQyx5REFBeUQsSUFBRSxJQUFJLENBQUMsS0FBSyxDQUFLLENBQzFGO1FBQ0EsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDN0IsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztZQUNmLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLGlDQUFjLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSTtZQUNsRCxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksOEJBQUMsb0JBQVEsSUFBQyxJQUFJLEVBQUUsQ0FBQyxHQUFJLENBQzlELENBQ2QsRUFMZ0MsQ0FLaEMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5CVyxRQUFBLG9CQUFvQix3QkFtQi9CIn0=

package/lib/menu/ui/menu.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var react_1 = __importStar(require("react"));
+var menu_item_1 = require("./menu-item");
+var menu_custom_item_1 = require("./menu-custom-item");
+var menu_super_section_item_1 = require("./menu-super-section-item");
+var Menu = function (props) {
+    var menu = props.menu;
+    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(menu_custom_item_1.MenuCustomItem, { item: item }),
+        item.type === "super-section" && react_1.default.createElement(menu_super_section_item_1.MenuSuperSectionItem, { item: item }),
+        (item.type === "section" || item.type === "link") && react_1.default.createElement(menu_item_1.MenuItem, { item: item }))); })));
+};
+exports.Menu = Menu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS91aS9tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx5Q0FBdUM7QUFDdkMsdURBQW9EO0FBQ3BELHFFQUFpRTtBQU0xRCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUNBQWlDLElBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLGlDQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQyw4Q0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxvQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==

package/lib/menu/ui/sub-menu/sub-menu-mobile.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from "react";
+import { MenuItem as Model } from "../../model";
+export interface SubMenuProps {
+    children: ReactElement;
+    content: Model[];
+    title: string;
+}
+export declare const SubMenuMobile: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;

package/lib/menu/ui/sub-menu/sub-menu-mobile.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenuMobile = void 0;
+var react_1 = __importStar(require("react"));
+var forwardRef_1 = require("@uxf/core/utils/forwardRef");
+var use_sub_menu_1 = require("./use-sub-menu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", function (_a, ref) {
+    var children = _a.children, content = _a.content, title = _a.title;
+    var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: true });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref); }, [ref, subMenu.refs.setReference, children]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
+        subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
+            className: "sidebar__scrollbar bg-sidebar-background rounded-xl overflow-y-auto z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-4",
+            ref: subMenu.refs.setFloating,
+            style: subMenu.floatingStyles,
+        })),
+            react_1.default.createElement("div", { className: "uxf-typo-body w-full bg-sidebar-background px-4 py-3.5 font-bold text-darkHigh" }, title),
+            content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtbW9iaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51LW1vYmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRTtBQUNuRSx5REFBd0Q7QUFDeEQsK0NBQTRDO0FBQzVDLDJEQUEwRDtBQUUxRCwrQ0FBNkM7QUFRaEMsUUFBQSxhQUFhLEdBQUcsSUFBQSx1QkFBVSxFQUNuQyxlQUFlLEVBQ2YsVUFBQyxFQUE0QixFQUFFLEdBQUc7UUFBL0IsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3ZCLElBQU0sT0FBTyxHQUFHLElBQUEseUJBQVUsRUFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRS9DLElBQU0sU0FBUyxHQUFHLElBQUEsZUFBTyxFQUNyQixjQUFNLE9BQUEsSUFBQSx5QkFBVyxFQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRyxRQUFnQixDQUFDLEdBQUcsQ0FBQyxFQUFsRSxDQUFrRSxFQUN4RSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FDN0MsQ0FBQztJQUVGLE9BQU8sQ0FDSDtRQUNLLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLFNBQVMsRUFDTCx3SEFBd0g7WUFDNUgsR0FBRyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVztZQUM3QixLQUFLLEVBQUUsT0FBTyxDQUFDLGNBQWM7U0FDaEMsQ0FBQztZQUVGLHVDQUFLLFNBQVMsRUFBQyxnRkFBZ0YsSUFDMUYsS0FBSyxDQUNKO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUMxQiw4QkFBQywwQkFBVyxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUMxQyxFQUY2QixDQUU3QixDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FDSixDQUFDIn0=

package/lib/menu/ui/sub-menu/sub-menu.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactElement } from "react";
+import { MenuItem as Model } from "../../model";
+export interface SubMenuProps {
+    children: ReactElement;
+    content: Model[];
+}
+export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;

package/lib/menu/ui/sub-menu/sub-menu.js

@@ -0,0 +1,55 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenu = void 0;
+var react_1 = __importStar(require("react"));
+var forwardRef_1 = require("@uxf/core/utils/forwardRef");
+var use_sub_menu_1 = require("./use-sub-menu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
+    var children = _a.children, content = _a.content;
+    var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: false });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref); }, [ref, subMenu.refs.setReference, children]);
+    return (react_1.default.createElement("div", { className: "hidden md:block" },
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
+        subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
+            ref: subMenu.refs.setFloating,
+            style: subMenu.floatingStyles,
+            className: "sidebar__scrollbar bg-sidebar-highlight rounded-xl overflow-y-auto z-dropdown max-w-64 shadow-lg w-full",
+        })), content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvc3ViLW1lbnUvc3ViLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELCtDQUE0QztBQUM1QywyREFBMEQ7QUFFMUQsK0NBQTZDO0FBT2hDLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHO1FBQXhCLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtJQUN4RixJQUFNLE9BQU8sR0FBRyxJQUFBLHlCQUFVLEVBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVoRCxJQUFNLFNBQVMsR0FBRyxJQUFBLGVBQU8sRUFDckIsY0FBTSxPQUFBLElBQUEseUJBQVcsRUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBbEUsQ0FBa0UsRUFDeEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQzdDLENBQUM7SUFFRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGlCQUFpQjtRQUMzQixJQUFBLG9CQUFZLEVBQ1QsUUFBUSxFQUNSLE9BQU8sQ0FBQyxpQkFBaUIscUJBQ3JCLEdBQUcsRUFBRSxTQUFTLElBQ1gsUUFBUSxDQUFDLEtBQUssS0FDakIsWUFBWSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUNoRCxDQUNMO1FBQ0EsT0FBTyxDQUFDLElBQUksSUFBSSxDQUNiLGtEQUNRLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQztZQUN6QixHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXO1lBQzdCLEtBQUssRUFBRSxPQUFPLENBQUMsY0FBYztZQUM3QixTQUFTLEVBQ0wseUdBQXlHO1NBQ2hILENBQUMsR0FFRCxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzFCLDhCQUFDLDBCQUFXLElBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQzFDLEVBRjZCLENBRTdCLENBQUMsQ0FDQSxDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDLENBQUMifQ==

package/lib/menu/ui/sub-menu/sub-menuItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../../model";
+export interface MenuItemProps {
+    idPrefix?: string;
+    item: Model;
+}
+export declare const SubMenuItem: FC<MenuItemProps>;

package/lib/menu/ui/sub-menu/sub-menuItem.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenuItem = void 0;
+var react_1 = __importDefault(require("react"));
+var config_1 = require("../../../../config");
+var link_1 = __importDefault(require("next/link"));
+var SubMenuItem = function (props) {
+    var _a;
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    if (!item.isVisible(loggedUser)) {
+        return null;
+    }
+    var Content = (react_1.default.createElement("div", { className: "hover:text-darkLight w-full bg-sidebar-highlight px-4 py-3.5 text-body text-darkMedium hover:bg-sidebar-background md:text-body2" }, item.title));
+    if (item.url || item.route) {
+        return (react_1.default.createElement(link_1.default, { href: (_a = item.url) !== null && _a !== void 0 ? _a : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined }, Content));
+    }
+    return Content;
+};
+exports.SubMenuItem = SubMenuItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLDZDQUErQztBQUUvQyxtREFBNkI7QUFPdEIsSUFBTSxXQUFXLEdBQXNCLFVBQUMsS0FBSzs7SUFDeEMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssU0FBUyxFQUFDLGtJQUFrSSxJQUM1SSxJQUFJLENBQUMsS0FBSyxDQUNULENBQ1QsQ0FBQztJQUVGLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQzdFLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDOUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZELE9BQU8sQ0FDTCxDQUNWLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFdBQVcsZUE2QnRCIn0=

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export interface SubMenuOptions {
+    isMobile?: boolean;
+}
+export declare function useSubMenu(options: SubMenuOptions): {
+    placement: import("@floating-ui/react").Placement;
+    strategy: import("@floating-ui/react").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number;
+    y: number;
+    update: () => void;
+    context: {
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        isPositioned: boolean;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    isPositioned: boolean;
+    floatingStyles: import("react").CSSProperties;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/lib/menu/ui/sub-menu/use-sub-menu.js

@@ -0,0 +1,72 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.useSubMenu = void 0;
+var react_1 = require("react");
+var react_2 = require("@floating-ui/react");
+function useSubMenu(options) {
+    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
+    var data = (0, react_2.useFloating)({
+        middleware: [
+            (0, react_2.offset)(options.isMobile ? 24 : 16),
+            (0, react_2.flip)(),
+            (0, react_2.shift)({ padding: 8 }),
+            (0, react_2.size)({
+                apply: function (_a) {
+                    var availableHeight = _a.availableHeight, elements = _a.elements;
+                    Object.assign(elements.floating.style, {
+                        maxHeight: Math.max(240, availableHeight) + "px",
+                    });
+                },
+            }),
+        ],
+        onOpenChange: setOpen,
+        open: open,
+        placement: options.isMobile ? "top" : "right-start",
+        whileElementsMounted: function (reference, floating, update) {
+            return (0, react_2.autoUpdate)(reference, floating, update, {
+                elementResize: typeof ResizeObserver !== "undefined",
+            });
+        },
+    });
+    var context = data.context;
+    var hover = (0, react_2.useHover)(context, {
+        move: false,
+        delay: 200,
+        handleClose: (0, react_2.safePolygon)(),
+        enabled: !options.isMobile,
+    });
+    var click = (0, react_2.useClick)(context, { enabled: !!options.isMobile });
+    var focus = (0, react_2.useFocus)(context);
+    var dismiss = (0, react_2.useDismiss)(context);
+    var interactions = (0, react_2.useInteractions)([hover, click, focus, dismiss]);
+    return (0, react_1.useMemo)(function () { return (__assign(__assign({ open: open, setOpen: setOpen }, interactions), data)); }, [open, setOpen, interactions, data]);
+}
+exports.useSubMenu = useSubMenu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXN1Yi1tZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3VzZS1zdWItbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQTBDO0FBQzFDLDRDQWE0QjtBQU01QixTQUFnQixVQUFVLENBQUMsT0FBdUI7SUFDeEMsSUFBQSxLQUFBLE9BQWtCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUM7SUFFeEMsSUFBTSxJQUFJLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3JCLFVBQVUsRUFBRTtZQUNSLElBQUEsY0FBTSxFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ2xDLElBQUEsWUFBSSxHQUFFO1lBQ04sSUFBQSxhQUFLLEVBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBQSxZQUFJLEVBQUM7Z0JBQ0QsS0FBSyxZQUFDLEVBQTZCO3dCQUEzQixlQUFlLHFCQUFBLEVBQUUsUUFBUSxjQUFBO29CQUM3QixNQUFNLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFO3dCQUNuQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDLEdBQUcsSUFBSTtxQkFDbkQsQ0FBQyxDQUFDO2dCQUNQLENBQUM7YUFDSixDQUFDO1NBQ0w7UUFDRCxZQUFZLEVBQUUsT0FBTztRQUNyQixJQUFJLE1BQUE7UUFDSixTQUFTLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ25ELG9CQUFvQixFQUFFLFVBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNO1lBQzlDLE9BQUEsSUFBQSxrQkFBVSxFQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO2dCQUNwQyxhQUFhLEVBQUUsT0FBTyxjQUFjLEtBQUssV0FBVzthQUN2RCxDQUFDO1FBRkYsQ0FFRTtLQUNULENBQUMsQ0FBQztJQUVILElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFFN0IsSUFBTSxLQUFLLEdBQUcsSUFBQSxnQkFBUSxFQUFDLE9BQU8sRUFBRTtRQUM1QixJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxHQUFHO1FBQ1YsV0FBVyxFQUFFLElBQUEsbUJBQVcsR0FBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtLQUM3QixDQUFDLENBQUM7SUFDSCxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXBDLElBQU0sWUFBWSxHQUFHLElBQUEsdUJBQWUsRUFBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFckUsT0FBTyxJQUFBLGVBQU8sRUFDVixjQUFNLE9BQUEscUJBQ0YsSUFBSSxNQUFBLEVBQ0osT0FBTyxTQUFBLElBQ0osWUFBWSxHQUNaLElBQUksRUFDVCxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUN0QyxDQUFDO0FBQ04sQ0FBQztBQWhERCxnQ0FnREMifQ==

package/lib/menu/ui/user-menu.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface UserMenuProps {
+    menu: Model[];
+}
+export declare const UserMenu: FC<UserMenuProps>;