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

package/lib/Menu/ui/MenuItem.js

@@ -1,15 +1,51 @@
 "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.MenuItem = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var config_1 = require("../../../config");
-var ListItem_1 = require("../../../ui/ListItem");
+var ListItem_1 = require("./ListItem");
 var router_1 = require("next/router");
 var MenuItem = function (props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var item = props.item;
     var router = (0, router_1.useRouter)();
     var activeRoute = config_1.container.get("useActiveRoute")();
@@ -17,18 +53,20 @@ var MenuItem = function (props) {
     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 = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : 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;
     }
-    var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
-    var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
-    var isSubmenuOpen = (isActive || hasActiveChildren) && item.children.length > 0;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: item.url, route: (_b = item.route) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_c = item.routeParams) !== null && _c !== void 0 ? _c : (firstVisibleChild ? firstVisibleChild.routeParams : null), selected: isActive, hasSubItems: item.children.length > 0, isOpen: isSubmenuOpen }),
+        react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: (_b = item.url) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.url, route: (_c = item.route) !== null && _c !== void 0 ? _c : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_d = item.routeParams) !== null && _d !== void 0 ? _d : (firstVisibleChild ? firstVisibleChild.routeParams : 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(ListItem_1.ListItem, { key: i.title, label: i.title, href: i.url, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSelected }));
+            return (react_1.default.createElement(ListItem_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywwQ0FBNEM7QUFDNUMsaURBQWdEO0FBRWhELHNDQUF3QztBQVdqQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGFBQWEsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUVsRixPQUFPLENBQ0g7UUFDSSw4QkFBQyxtQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDZCxLQUFLLEVBQUUsTUFBQSxJQUFJLENBQUMsS0FBSyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxLQUFLLEVBQzdDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQ3RGLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3JDLE1BQU0sRUFBRSxhQUFhLEdBQ3ZCO1FBQ0QsYUFBYSxJQUFJLENBQ2QsMkNBQ0ssZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFbkQsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLFVBQVUsR0FDdEIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXREVyxRQUFBLFFBQVEsWUFzRG5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1QywwQ0FBNEM7QUFDNUMsdUNBQXNDO0FBRXRDLHNDQUF3QztBQU1qQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGVBQWUsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUU5RSxJQUFBLEtBQUEsT0FBb0MsSUFBQSxnQkFBUSxFQUFDLGVBQWUsQ0FBQyxJQUFBLEVBQTVELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUE2QixDQUFDO0lBRXBFLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxnQkFBZ0IsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxFQUFqQyxDQUFpQyxDQUFDO0lBRXZELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSDtRQUNJLDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLElBQUksRUFBRSxNQUFBLElBQUksQ0FBQyxHQUFHLG1DQUFJLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLEdBQUcsRUFDeEMsS0FBSyxFQUFFLE1BQUEsSUFBSSxDQUFDLEtBQUssbUNBQUksaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsS0FBSyxFQUM3QyxNQUFNLEVBQUUsTUFBQSxJQUFJLENBQUMsV0FBVyxtQ0FBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUN0RixRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFDdEIsTUFBTSxFQUFFLGFBQWEsRUFDckIsTUFBTSxFQUFFLE1BQU0sRUFDZCxlQUFlLEVBQUUsZUFBZSxFQUNoQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVUsR0FDN0I7UUFDRCxhQUFhLElBQUksQ0FDZCwyQ0FDSyxlQUFlLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQztZQUNuQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztZQUVuRCxPQUFPLENBQ0gsOEJBQUMsbUJBQVEsSUFDTCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFDWCxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFDckIsS0FBSyxFQUFFLENBQUMsRUFDUixRQUFRLEVBQUUsVUFBVSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxDQUFDLFVBQVUsR0FDMUIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlEVyxRQUFBLFFBQVEsWUE4RG5CIn0=

package/lib/Menu/ui/MenuSuperSectionItem.js

@@ -32,11 +32,11 @@ var MenuSuperSectionItem = function (props) {
     var item = props.item;
     var useLoggedUser = config_1.container.get("useLoggedUser");
     var loggedUser = useLoggedUser();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        item.isVisible(loggedUser) && (react_1.default.createElement("p", { className: "uxf-typo-overline mb-3 mt-6 uppercase text-darkLow" }, item.title)),
+    return (react_1.default.createElement("div", { className: !!item.userMenuData ? "sm: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(MenuCustomItem_1.MenuCustomItem, { item: i }),
             (i.type === "section" || i.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: i }))); })));
 };
 exports.MenuSuperSectionItem = MenuSuperSectionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVN1cGVyU2VjdGlvbkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudVN1cGVyU2VjdGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBTTNDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0g7UUFDSyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQzNCLHFDQUFHLFNBQVMsRUFBQyxvREFBb0QsSUFBRSxJQUFJLENBQUMsS0FBSyxDQUFLLENBQ3JGO1FBQ0EsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDN0IsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztZQUNmLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSTtZQUNsRCxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksOEJBQUMsbUJBQVEsSUFBQyxJQUFJLEVBQUUsQ0FBQyxHQUFJLENBQzlELENBQ2QsRUFMZ0MsQ0FLaEMsQ0FBQyxDQUNILENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5CVyxRQUFBLG9CQUFvQix3QkFtQi9CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVN1cGVyU2VjdGlvbkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudVN1cGVyU2VjdGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBTTNDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUMzQixxQ0FBRyxTQUFTLEVBQUMseURBQXlELElBQUUsSUFBSSxDQUFDLEtBQUssQ0FBSyxDQUMxRjtRQUNBLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdCLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUs7WUFDZixDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSw4QkFBQywrQkFBYyxJQUFDLElBQUksRUFBRSxDQUFDLEdBQUk7WUFDbEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSSxDQUM5RCxDQUNkLEVBTGdDLENBS2hDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFuQlcsUUFBQSxvQkFBb0Isd0JBbUIvQiJ9

package/lib/Menu/ui/SubMenu/SubMenu.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/SubMenu/SubMenu.js

@@ -0,0 +1,61 @@
+"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 useSubMenu_1 = require("./useSubMenu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var SubMenuItem_1 = require("./SubMenuItem");
+exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
+    var _b, _c;
+    var children = _a.children, content = _a.content;
+    var subMenu = (0, useSubMenu_1.useSubMenu)({ isMobile: false });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
+    return (react_1.default.createElement("div", { className: "hidden sm: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.floating,
+            style: {
+                position: subMenu.strategy,
+                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
+                left: (_c = subMenu.x) !== null && _c !== void 0 ? _c : 0,
+                visibility: subMenu.x === null ? "hidden" : "visible",
+            },
+            className: "bg-white rounded-xl overflow-hidden z-dropdown max-w-64 shadow-lg w-full",
+        })), content.map(function (item, index) { return (react_1.default.createElement(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBTy9CLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHOztRQUF4QixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDeEYsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFaEQsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUJBQWlCO1FBQzNCLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixJQUFJLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNwQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFBRSwwRUFBMEU7U0FDeEYsQ0FBQyxHQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMseUJBQVcsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDMUMsRUFGNkIsQ0FFN0IsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQyJ9

package/lib/Menu/ui/SubMenu/SubMenuItem.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/SubMenu/SubMenuItem.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: "uxf-typo-body hover:text-darkLight sm:uxf-typo-body2 w-full bg-sidebar-highlight px-4 py-3.5 text-darkMedium hover:bg-sidebar-background" }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvU3ViTWVudS9TdWJNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLDZDQUErQztBQUUvQyxtREFBNkI7QUFPdEIsSUFBTSxXQUFXLEdBQXNCLFVBQUMsS0FBSzs7SUFDeEMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssU0FBUyxFQUFDLDBJQUEwSSxJQUNwSixJQUFJLENBQUMsS0FBSyxDQUNULENBQ1QsQ0FBQztJQUVGLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQzdFLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDOUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZELE9BQU8sQ0FDTCxDQUNWLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFdBQVcsZUE2QnRCIn0=

package/lib/Menu/ui/SubMenu/SubMenuMobile.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/SubMenu/SubMenuMobile.js

@@ -0,0 +1,62 @@
+"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 useSubMenu_1 = require("./useSubMenu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var SubMenuItem_1 = require("./SubMenuItem");
+exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", function (_a, ref) {
+    var _b;
+    var children = _a.children, content = _a.content, title = _a.title;
+    var subMenu = (0, useSubMenu_1.useSubMenu)({ isMobile: true });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, 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({
+            ref: subMenu.floating,
+            style: {
+                position: subMenu.strategy,
+                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
+                visibility: subMenu.x === null ? "hidden" : "visible",
+            },
+            className: "bg-sidebar-background rounded-xl overflow-hidden z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-2",
+        })),
+            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(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudU1vYmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnVNb2JpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBUS9CLFFBQUEsYUFBYSxHQUFHLElBQUEsdUJBQVUsRUFDbkMsZUFBZSxFQUNmLFVBQUMsRUFBNEIsRUFBRSxHQUFHOztRQUEvQixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUE7SUFDdkIsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFFL0MsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSDtRQUNLLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFDTCxxR0FBcUc7U0FDNUcsQ0FBQztZQUVGLHVDQUFLLFNBQVMsRUFBQyxnRkFBZ0YsSUFDMUYsS0FBSyxDQUNKO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUMxQiw4QkFBQyx5QkFBVyxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUMxQyxFQUY2QixDQUU3QixDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FDSixDQUFDIn0=

package/lib/Menu/ui/SubMenu/useSubMenu.d.ts

@@ -0,0 +1,24 @@
+/// <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 | null;
+    y: number | null;
+    update: () => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    floating: (node: HTMLElement | null) => void;
+    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    context: import("@floating-ui/react").FloatingContext<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;
+    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/SubMenu/useSubMenu.js

@@ -0,0 +1,56 @@
+"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)({
+        placement: options.isMobile ? "top" : "right-start",
+        open: open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_2.autoUpdate,
+        middleware: [(0, react_2.offset)(options.isMobile ? 24 : 16), (0, react_2.flip)(), (0, react_2.shift)({ padding: 8 })],
+    });
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L3VzZVN1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUEwQztBQUMxQyw0Q0FZNEI7QUFNNUIsU0FBZ0IsVUFBVSxDQUFDLE9BQXVCO0lBQ3hDLElBQUEsS0FBQSxPQUFrQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBaEMsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUFtQixDQUFDO0lBRXhDLElBQU0sSUFBSSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUNyQixTQUFTLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ25ELElBQUksTUFBQTtRQUNKLFlBQVksRUFBRSxPQUFPO1FBQ3JCLG9CQUFvQixFQUFFLGtCQUFVO1FBQ2hDLFVBQVUsRUFBRSxDQUFDLElBQUEsY0FBTSxFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsSUFBQSxZQUFJLEdBQUUsRUFBRSxJQUFBLGFBQUssRUFBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2xGLENBQUMsQ0FBQztJQUVILElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFFN0IsSUFBTSxLQUFLLEdBQUcsSUFBQSxnQkFBUSxFQUFDLE9BQU8sRUFBRTtRQUM1QixJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxHQUFHO1FBQ1YsV0FBVyxFQUFFLElBQUEsbUJBQVcsR0FBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtLQUM3QixDQUFDLENBQUM7SUFDSCxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXBDLElBQU0sWUFBWSxHQUFHLElBQUEsdUJBQWUsRUFBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFckUsT0FBTyxJQUFBLGVBQU8sRUFDVixjQUFNLE9BQUEscUJBQ0YsSUFBSSxNQUFBLEVBQ0osT0FBTyxTQUFBLElBQ0osWUFBWSxHQUNaLElBQUksRUFDVCxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUN0QyxDQUFDO0FBQ04sQ0FBQztBQWxDRCxnQ0FrQ0MifQ==

package/lib/Menu/ui/UserMenu.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>;

package/lib/Menu/ui/UserMenu.js

@@ -0,0 +1,67 @@
+"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.UserMenu = void 0;
+var react_1 = __importStar(require("react"));
+var avatar_1 = require("@uxf/ui/avatar");
+var icon_1 = require("@uxf/ui/icon");
+var ListItem_1 = require("./ListItem");
+var Component = function (props) {
+    var _a = __read((0, react_1.useState)(false), 2), isSubmenuOpen = _a[0], setIsSubmenuOpen = _a[1];
+    var hasSubmenu = props.submenu.length > 0;
+    var toggle = hasSubmenu ? function () { return setIsSubmenuOpen(function (prev) { return !prev; }); } : undefined;
+    return (react_1.default.createElement("div", { className: "hidden border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium sm:block" },
+        react_1.default.createElement("button", { className: "flex w-full items-center text-left", onClick: toggle },
+            react_1.default.createElement(avatar_1.Avatar, { className: "mr-3 shrink-0" }),
+            react_1.default.createElement("div", { className: "truncate" },
+                react_1.default.createElement("div", { className: "uxf-typo-body2 mb-1" }, props.name),
+                react_1.default.createElement("div", { className: "uxf-typo-caption truncate text-darkLow" }, props.roles)),
+            react_1.default.createElement("div", { className: "ml-auto" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-2 ".concat(!isSubmenuOpen ? "-rotate-90" : "") })))),
+        isSubmenuOpen && (react_1.default.createElement("div", { className: "mt-4" }, props.submenu.map(function (item, index) { return (react_1.default.createElement(ListItem_1.ListItem, { label: item.title, route: item.route, params: item.routeParams, icon: item.icon, key: index })); })))));
+};
+var UserMenu = function (props) {
+    var _a, _b, _c, _d, _e;
+    var menu = props.menu;
+    var userMenu = menu.find(function (item) { return !!item.userMenuData; });
+    return (react_1.default.createElement(Component, { submenu: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _a !== void 0 ? _a : [], name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "Uživatel", roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : "nepřihlášený" }));
+};
+exports.UserMenu = UserMenu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXNlck1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvVXNlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx5Q0FBd0M7QUFDeEMscUNBQW9DO0FBQ3BDLHVDQUFzQztBQU10QyxJQUFNLFNBQVMsR0FBMEQsVUFBQyxLQUFLO0lBQ3JFLElBQUEsS0FBQSxPQUFvQyxJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBbEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQW1CLENBQUM7SUFDMUQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQzVDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsY0FBTSxPQUFBLGdCQUFnQixDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQWpDLENBQWlDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUVoRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHVFQUF1RTtRQUNsRiwwQ0FBUSxTQUFTLEVBQUMsb0NBQW9DLEVBQUMsT0FBTyxFQUFFLE1BQU07WUFDbEUsOEJBQUMsZUFBTSxJQUFDLFNBQVMsRUFBQyxlQUFlLEdBQVU7WUFDM0MsdUNBQUssU0FBUyxFQUFDLFVBQVU7Z0JBQ3JCLHVDQUFLLFNBQVMsRUFBQyxxQkFBcUIsSUFBRSxLQUFLLENBQUMsSUFBSSxDQUFPO2dCQUN2RCx1Q0FBSyxTQUFTLEVBQUMsd0NBQXdDLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTyxDQUN6RTtZQUNOLHVDQUFLLFNBQVMsRUFBQyxTQUFTLElBQ25CLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGVBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFLEdBQUksQ0FDL0YsQ0FDQyxDQUNEO1FBQ1IsYUFBYSxJQUFJLENBQ2QsdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFDaEIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDaEMsOEJBQUMsbUJBQVEsSUFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUN4QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixHQUFHLEVBQUUsS0FBSyxHQUNaLENBQ0wsRUFSbUMsQ0FRbkMsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFFSyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQW5CLENBQW1CLENBQUMsQ0FBQztJQUUxRCxPQUFPLENBQ0gsOEJBQUMsU0FBUyxJQUNOLE9BQU8sRUFBRSxNQUFBLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRSxRQUFRLG1DQUFJLEVBQUUsRUFDakMsSUFBSSxFQUFFLE1BQUEsTUFBQSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsWUFBWSwwQ0FBRSxJQUFJLG1DQUFJLFVBQVUsRUFDaEQsS0FBSyxFQUFFLE1BQUEsTUFBQSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsWUFBWSwwQ0FBRSxLQUFLLG1DQUFJLGNBQWMsR0FDeEQsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxRQUFRLFlBWW5CIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.20",
+  "version": "6.0.0-beta.22",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -30,8 +30,9 @@
     "lint:css": "stylelint \"./**/*.(css)\""
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.111",
-    "@uxf/ui": "^1.0.0-beta.111",
+    "@floating-ui/react": "^0.18.1",
+    "@uxf/form": "^1.0.0-beta.112",
+    "@uxf/ui": "^1.0.0-beta.112",
     "es6-error": "^4.1.1",
     "path-to-regexp": "^6.1.0",
     "react-hook-form": "^7.41.5",

package/ui/Widget/Widget.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+import { WidgetProps } from "./types";
+export declare const Widget: FC<PropsWithChildren<WidgetProps>>;

package/ui/Widget/Widget.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = void 0;
+var paper_1 = require("@uxf/ui/paper/paper");
+var react_1 = __importDefault(require("react"));
+var Widget = function (props) {
+    var _a;
+    return (react_1.default.createElement(paper_1.Paper, { className: "".concat(props.footer ? "rounded-b-none" : "", " ").concat(props.withDividers ? "divide-y divide-lightBorder" : "", " ").concat((_a = props.className) !== null && _a !== void 0 ? _a : "") },
+        props.children,
+        props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3" }, props.footer)));
+};
+exports.Widget = Widget;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL1dpZGdldC9XaWRnZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxnREFBcUQ7QUFHOUMsSUFBTSxNQUFNLEdBQXVDLFVBQUMsS0FBSzs7SUFDNUQsT0FBTyxDQUNILDhCQUFDLGFBQUssSUFDRixTQUFTLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUM5QyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUN2RCxNQUFBLEtBQUssQ0FBQyxTQUFTLG1DQUFJLEVBQUUsQ0FBRTtRQUUxQixLQUFLLENBQUMsUUFBUTtRQUNkLEtBQUssQ0FBQyxNQUFNLElBQUksdUNBQUssU0FBUyxFQUFDLHNCQUFzQixJQUFFLEtBQUssQ0FBQyxNQUFNLENBQU8sQ0FDdkUsQ0FDWCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSxNQUFNLFVBV2pCIn0=

package/ui/Widget/index.d.ts

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

package/ui/Widget/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("./Widget"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvV2lkZ2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsMENBQXdCIn0=

package/ui/Widget/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { PaperProps } from "@uxf/ui/paper/paper";
+export interface WidgetProps extends PaperProps {
+    footer?: ReactNode;
+    withDividers?: boolean;
+}

package/ui/{ListItem → Widget}/types.js

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

package/ui/tw-tokens/tw-colors.js

@@ -330,6 +330,6 @@ exports.twColors = {
     },
     dataGridPrimary: "#140939",
     dataGridSecondary: "#FF4F06",
-    sidebar: { background: "#140939", highlight: "#241459", hover: "#241459" },
+    sidebar: { background: "#1F2937", highlight: "#111827", hover: "#111827" },
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHctY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL3R3LXRva2Vucy90dy1jb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHFHQUFxRzs7O0FBRXhGLFFBQUEsUUFBUSxHQUFHO0lBQ3BCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLFdBQVcsRUFBRSxhQUFhO0lBQzFCLEtBQUssRUFBRSxNQUFNO0lBQ2IsS0FBSyxFQUFFLE1BQU07SUFDYixLQUFLLEVBQUU7UUFDSCxFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELElBQUksRUFBRTtRQUNGLEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsSUFBSSxFQUFFO1FBQ0YsRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDTCxFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsR0FBRyxFQUFFO1FBQ0QsRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxNQUFNLEVBQUU7UUFDSixFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsTUFBTSxFQUFFO1FBQ0osRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxJQUFJLEVBQUU7UUFDRixFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lB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

package/utils/icons.config.js

@@ -6,9 +6,19 @@ module.exports = {
         height: 512,
         data: `<path fill="currentColor" d="m89.45 87.5 143.1 152a23.94 23.94 0 0 1 6.562 16.5 23.96 23.96 0 0 1-6.562 16.5l-143.1 152c-9.12 9.6-24.31 10-33.93.9-9.688-9.125-10.03-24.38-.938-33.94l128.4-135.5-128.4-135.5c-9.092-9.56-8.752-24.71.938-33.9 9.62-9.09 24.81-8.69 33.93.94z"/>`,
     },
+    key: {
+        width: 512,
+        height: 512,
+        data: `<path fill="currentColor" d="M336 144C336 126.3 350.3 112 368 112C385.7 112 400 126.3 400 144C400 161.7 385.7 176 368 176C350.3 176 336 161.7 336 144zM336 352C326.5 352 317.2 351.3 308.1 349.8L280.1 376.1C276.5 381.5 270.4 384 264 384H224V424C224 437.3 213.3 448 200 448H160V488C160 501.3 149.3 512 136 512H24C10.75 512 0 501.3 0 488V376C0 369.6 2.529 363.5 7.029 359L162.2 203.9C160.8 194.8 160 185.5 160 176C160 78.8 238.8 0 336 0C433.2 0 512 78.8 512 176C512 273.2 433.2 352 336 352zM336 304C406.7 304 464 246.7 464 176C464 105.3 406.7 48 336 48C265.3 48 208 105.3 208 176C208 182.9 208.5 189.7 209.6 196.3L213.4 220.5L47.1 385.9V464H111.1V400H175.1V336H254.1L291.5 298.6L315.7 302.4C322.3 303.5 329.1 304 336 304z"/>`,
+    },
     plus: {
         width: 448,
         height: 512,
         data: `<path fill="currentColor" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/>`,
     },
+    "right-from-bracket": {
+        width: 512,
+        height: 512,
+        data: `<path fill="currentColor" d="M168 432H96c-26.4 0-48-21.6-48-48V128c0-26.4 21.6-48 48-48h72C181.3 80 192 69.25 192 56C192 42.74 181.3 32 168 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h72C181.3 480 192 469.3 192 456C192 442.7 181.3 432 168 432zM503.9 238.6L351.5 104.4c-9.844-8.75-24-10.88-36.09-5.469C303.6 104.3 296 115.9 296 128.7v55.31H176c-22.06 0-40 17.94-40 40v64c0 22.06 17.94 40 40 40h120v55.31c0 12.75 7.625 24.41 19.41 29.72c4.438 2 9.156 2.969 13.84 2.969c8.062 0 16.03-2.906 22.25-8.438l152.4-133.1C509.1 269.9 512 263.4 512 256.5S509.1 243.1 503.9 238.6zM344 350V279.1h-160v-48h160V161.1l107.8 94.54L344 350z"/>`,
+    },
 };

package/utils/tailwind.config.js

@@ -3,14 +3,17 @@ module.exports = {
     presets: [require("@uxf/ui/utils/tailwind-config")],
     content: [],
     theme: {
+        fontFamily: {
+            sans: 'inter-custom, inter-fallback, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+        },
         extend: {
             colors: {
                 dataGridPrimary: "#140939",
                 dataGridSecondary: "#FF4F06",
                 sidebar: {
-                    background: "#140939",
-                    highlight: "#241459",
-                    hover: "#241459",
+                    background: "#1F2937",
+                    highlight: "#111827",
+                    hover: "#111827",
                 },
             },
         },