@uxf/cms 2.0.0-beta.9 → 2.2.1

package/lib/FlashMessages/FlashMessage.js

@@ -51,17 +51,16 @@ var ANCHOR_ORIGIN = {
 var FlashMessage = function (props) {
     var _a, _b;
     var config = props.config, offset = props.offset, closing = props.closing, onClose = props.onClose;
-    var classes = (0, styles_1.useStyles)(props);
     var variant = (_a = config.variant) !== null && _a !== void 0 ? _a : "info";
     var Icon = styles_1.variantIcon[variant];
     var handleClose = (0, react_1.useCallback)(function () {
         onClose(config);
     }, [onClose, config]);
-    return (react_1.default.createElement(Snackbar_1.default, { style: (0, styles_1.getTransitionStyles)(offset), anchorOrigin: ANCHOR_ORIGIN, TransitionComponent: SlideTransition, open: !closing, autoHideDuration: (_b = config.dismissTimeout) !== null && _b !== void 0 ? _b : 6000, onClose: function (_, reason) { return (reason !== "clickaway" ? handleClose() : null); } },
-        react_1.default.createElement(SnackbarContent_1.default, { className: classes[variant], "aria-describedby": "client-snackbar", message: react_1.default.createElement("span", { id: "client-snackbar", className: classes.message },
-                react_1.default.createElement(Icon, { className: classes.messageIcon }),
+    return (react_1.default.createElement(Snackbar_1.default, { TransitionComponent: SlideTransition, anchorOrigin: ANCHOR_ORIGIN, autoHideDuration: (_b = config.dismissTimeout) !== null && _b !== void 0 ? _b : 6000, onClose: function (_, reason) { return (reason !== "clickaway" ? handleClose() : null); }, open: !closing, style: (0, styles_1.getTransitionStyles)(offset) },
+        react_1.default.createElement(SnackbarContent_1.default, { className: variant, "aria-describedby": "client-snackbar", message: react_1.default.createElement("span", { style: { display: "flex", alignItems: "center" } },
+                react_1.default.createElement(Icon, { sx: { fontSize: 20, opacity: 0.9, mr: 2 } }),
                 config.body), action: react_1.default.createElement(IconButton_1.default, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, size: "large" },
-                react_1.default.createElement(Close_1.default, { className: classes.buttonIcon })) })));
+                react_1.default.createElement(Close_1.default, { sx: { fontSize: 20 } })) })));
 };
 exports.FlashMessage = FlashMessage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDhEQUF3QztBQUN4QyxvRUFBaUU7QUFDakUsa0ZBQTREO0FBQzVELG9FQUFrRDtBQUNsRCw2Q0FBMkM7QUFDM0MsbUNBQXVFO0FBR3ZFLFNBQVMsZUFBZSxDQUFDLEtBQVU7SUFDL0IsT0FBTyw4QkFBQyxlQUFLLGVBQUssS0FBSyxJQUFFLFNBQVMsRUFBQyxPQUFPLElBQUcsQ0FBQztBQUNsRCxDQUFDO0FBRUQsSUFBTSxhQUFhLEdBQWtDO0lBQ2pELFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxNQUFNO0NBQ3JCLENBQUM7QUFFSyxJQUFNLFlBQVksR0FBZ0MsVUFBQyxLQUFLOztJQUNuRCxJQUFBLE1BQU0sR0FBK0IsS0FBSyxPQUFwQyxFQUFFLE1BQU0sR0FBdUIsS0FBSyxPQUE1QixFQUFFLE9BQU8sR0FBYyxLQUFLLFFBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ25ELElBQU0sT0FBTyxHQUFHLElBQUEsa0JBQVMsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxJQUFNLE9BQU8sR0FBd0IsTUFBQSxNQUFNLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUM7SUFDOUQsSUFBTSxJQUFJLEdBQUcsb0JBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUVsQyxJQUFNLFdBQVcsR0FBRyxJQUFBLG1CQUFXLEVBQUM7UUFDNUIsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BCLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRXRCLE9BQU8sQ0FDSCw4QkFBQyxrQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFBLDRCQUFtQixFQUFDLE1BQU0sQ0FBQyxFQUNsQyxZQUFZLEVBQUUsYUFBYSxFQUMzQixtQkFBbUIsRUFBRSxlQUFlLEVBQ3BDLElBQUksRUFBRSxDQUFDLE9BQU8sRUFDZCxnQkFBZ0IsRUFBRSxNQUFBLE1BQU0sQ0FBQyxjQUFjLG1DQUFJLElBQUksRUFDL0MsT0FBTyxFQUFFLFVBQUMsQ0FBQyxFQUFFLE1BQU0sSUFBSyxPQUFBLENBQUMsTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUEvQyxDQUErQztRQUV2RSw4QkFBQyx5QkFBZSxJQUNaLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLHNCQUNWLGlCQUFpQixFQUNsQyxPQUFPLEVBQ0gsd0NBQU0sRUFBRSxFQUFDLGlCQUFpQixFQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTztnQkFDakQsOEJBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsV0FBVyxHQUFJO2dCQUN2QyxNQUFNLENBQUMsSUFBSSxDQUNULEVBRVgsTUFBTSxFQUNGLDhCQUFDLG9CQUFVLElBQ1AsR0FBRyxFQUFDLE9BQU8sZ0JBQ0EsT0FBTyxFQUNsQixLQUFLLEVBQUMsU0FBUyxFQUNmLE9BQU8sRUFBRSxXQUFXLEVBQ3BCLElBQUksRUFBQyxPQUFPO2dCQUNaLDhCQUFDLGVBQVMsSUFBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLFVBQVUsR0FBSSxDQUNuQyxHQUVuQixDQUNLLENBQ2QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpDVyxRQUFBLFlBQVksZ0JBeUN2QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDhEQUF3QztBQUN4QyxvRUFBaUU7QUFDakUsa0ZBQTREO0FBQzVELG9FQUFrRDtBQUNsRCw2Q0FBMkM7QUFDM0MsbUNBQTREO0FBRzVELFNBQVMsZUFBZSxDQUFDLEtBQVU7SUFDL0IsT0FBTyw4QkFBQyxlQUFLLGVBQUssS0FBSyxJQUFFLFNBQVMsRUFBQyxPQUFPLElBQUcsQ0FBQztBQUNsRCxDQUFDO0FBRUQsSUFBTSxhQUFhLEdBQWtDO0lBQ2pELFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxNQUFNO0NBQ3JCLENBQUM7QUFFSyxJQUFNLFlBQVksR0FBZ0MsVUFBQyxLQUFLOztJQUNuRCxJQUFBLE1BQU0sR0FBK0IsS0FBSyxPQUFwQyxFQUFFLE1BQU0sR0FBdUIsS0FBSyxPQUE1QixFQUFFLE9BQU8sR0FBYyxLQUFLLFFBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ25ELElBQU0sT0FBTyxHQUF3QixNQUFBLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLE1BQU0sQ0FBQztJQUM5RCxJQUFNLElBQUksR0FBRyxvQkFBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRWxDLElBQU0sV0FBVyxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM1QixPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEIsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFdEIsT0FBTyxDQUNILDhCQUFDLGtCQUFRLElBQ0wsbUJBQW1CLEVBQUUsZUFBZSxFQUNwQyxZQUFZLEVBQUUsYUFBYSxFQUMzQixnQkFBZ0IsRUFBRSxNQUFBLE1BQU0sQ0FBQyxjQUFjLG1DQUFJLElBQUksRUFDL0MsT0FBTyxFQUFFLFVBQUMsQ0FBQyxFQUFFLE1BQU0sSUFBSyxPQUFBLENBQUMsTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUEvQyxDQUErQyxFQUN2RSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQ2QsS0FBSyxFQUFFLElBQUEsNEJBQW1CLEVBQUMsTUFBTSxDQUFDO1FBRWxDLDhCQUFDLHlCQUFlLElBQ1osU0FBUyxFQUFFLE9BQU8sc0JBQ0QsaUJBQWlCLEVBQ2xDLE9BQU8sRUFDSCx3Q0FBTSxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUU7Z0JBQ2xELDhCQUFDLElBQUksSUFBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFJO2dCQUNsRCxNQUFNLENBQUMsSUFBSSxDQUNULEVBRVgsTUFBTSxFQUNGLDhCQUFDLG9CQUFVLElBQUMsR0FBRyxFQUFDLE9BQU8sZ0JBQVksT0FBTyxFQUFDLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUMsT0FBTztnQkFDekYsOEJBQUMsZUFBUyxJQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FBSSxDQUMxQixHQUVuQixDQUNLLENBQ2QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5DVyxRQUFBLFlBQVksZ0JBbUN2QiJ9

package/lib/FlashMessages/FlashMessagesContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlashMessageConfig, FlashMessagesContainerState } from "./types";
+export declare class FlashMessagesContainer extends React.Component<{}, FlashMessagesContainerState> {
+    constructor(props: Readonly<{}>);
+    open: (config: FlashMessageConfig) => void;
+    private remove;
+    close: (config: FlashMessageConfig) => void;
+    render(): JSX.Element;
+}

package/lib/FlashMessages/FlashMessagesContainer.js

@@ -55,6 +55,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlashMessagesContainer = void 0;
+var styles_1 = require("./styles");
 var react_1 = __importDefault(require("react"));
 var FlashMessage_1 = require("./FlashMessage");
 var NOTIFICATION_HEIGHT = 48;
@@ -98,9 +99,9 @@ var FlashMessagesContainer = /** @class */ (function (_super) {
     FlashMessagesContainer.prototype.render = function () {
         var _this = this;
         var items = this.state.items;
-        return (react_1.default.createElement("div", null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
+        return (react_1.default.createElement(styles_1.Root, null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
     };
     return FlashMessagesContainer;
 }(react_1.default.Component));
 exports.FlashMessagesContainer = FlashMessagesContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsK0NBQThDO0FBRzlDLElBQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQy9CLElBQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQy9CLElBQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUV2QixTQUFTLHFCQUFxQixDQUFDLEtBQWE7SUFDeEMsT0FBTyxXQUFXLEdBQUcsS0FBSyxHQUFHLENBQUMsbUJBQW1CLEdBQUcsbUJBQW1CLENBQUMsQ0FBQztBQUM3RSxDQUFDO0FBRUQ7SUFBNEMsMENBQWdEO0lBQ3hGLGdDQUFZLEtBQW1CO1FBQS9CLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBS2Y7UUFFTSxVQUFJLEdBQUcsVUFBQyxNQUEwQjtZQUNyQyxLQUFJLENBQUMsUUFBUSxDQUFDLFVBQUEsS0FBSzs7Z0JBQUksT0FBQSxDQUFDO29CQUNwQixLQUFLLHlDQUNFLEtBQUssQ0FBQyxLQUFLO3dCQUNkOzRCQUNJLE1BQU0sd0JBQ0MsTUFBTSxLQUNULEVBQUUsRUFBRSxNQUFBLE1BQU0sQ0FBQyxFQUFFLG1DQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxHQUNwRDs0QkFDRCxPQUFPLEVBQUUsS0FBSzt5QkFDakI7NkJBQ0o7aUJBQ0osQ0FBQyxDQUFBO2FBQUEsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRU0sWUFBTSxHQUFHLFVBQUMsTUFBMEI7WUFDeEMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLENBQUM7Z0JBQ3BCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLE1BQU0sQ0FBQyxFQUFFLEVBQXpCLENBQXlCLENBQUM7YUFDNUQsQ0FBQyxFQUZxQixDQUVyQixDQUFDLENBQUM7UUFDUixDQUFDLENBQUM7UUFFSyxXQUFLLEdBQUcsVUFBQyxNQUEwQjtZQUN0QyxLQUFJLENBQUMsUUFBUSxDQUNULFVBQUEsS0FBSyxJQUFJLE9BQUEsQ0FBQztnQkFDTixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyx1QkFBTSxDQUFDLEtBQUUsT0FBTyxFQUFFLElBQUksSUFBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQXpELENBQXlELENBQUM7YUFDekYsQ0FBQyxFQUZPLENBRVAsRUFDRixjQUFNLE9BQUEsVUFBVSxDQUFDLGNBQU0sT0FBQSxLQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFuQixDQUFtQixFQUFFLEdBQUcsQ0FBQyxFQUExQyxDQUEwQyxDQUNuRCxDQUFDO1FBQ04sQ0FBQyxDQUFDO1FBakNFLEtBQUksQ0FBQyxLQUFLLEdBQUc7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNaLENBQUM7O0lBQ04sQ0FBQztJQWdDTSx1Q0FBTSxHQUFiO1FBQUEsaUJBZUM7UUFkVyxJQUFBLEtBQUssR0FBSyxJQUFJLENBQUMsS0FBSyxNQUFmLENBQWdCO1FBQzdCLE9BQU8sQ0FDSCwyQ0FDSyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQ3hCLDhCQUFDLDJCQUFZLElBQ1QsR0FBRyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUNuQixPQUFPLEVBQUUsS0FBSSxDQUFDLEtBQUssRUFDbkIsTUFBTSxFQUFFLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxFQUNwQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEdBQ3JCLENBQ0wsRUFSMkIsQ0FRM0IsQ0FBQyxDQUNBLENBQ1QsQ0FBQztJQUNOLENBQUM7SUFDTCw2QkFBQztBQUFELENBQUMsQUF2REQsQ0FBNEMsZUFBSyxDQUFDLFNBQVMsR0F1RDFEO0FBdkRZLHdEQUFzQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBZ0M7QUFDaEMsZ0RBQTBCO0FBQzFCLCtDQUE4QztBQUc5QyxJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsU0FBUyxxQkFBcUIsQ0FBQyxLQUFhO0lBQ3hDLE9BQU8sV0FBVyxHQUFHLEtBQUssR0FBRyxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDLENBQUM7QUFDN0UsQ0FBQztBQUVEO0lBQTRDLDBDQUFnRDtJQUN4RixnQ0FBWSxLQUFtQjtRQUEvQixZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUtmO1FBRU0sVUFBSSxHQUFHLFVBQUMsTUFBMEI7WUFDckMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFDLEtBQUs7O2dCQUFLLE9BQUEsQ0FBQztvQkFDdEIsS0FBSyx5Q0FDRSxLQUFLLENBQUMsS0FBSzt3QkFDZDs0QkFDSSxNQUFNLHdCQUNDLE1BQU0sS0FDVCxFQUFFLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSxtQ0FBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FDcEQ7NEJBQ0QsT0FBTyxFQUFFLEtBQUs7eUJBQ2pCOzZCQUNKO2lCQUNKLENBQUMsQ0FBQTthQUFBLENBQUMsQ0FBQztRQUNSLENBQUMsQ0FBQztRQUVNLFlBQU0sR0FBRyxVQUFDLE1BQTBCO1lBQ3hDLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUFDO2dCQUN0QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxFQUF6QixDQUF5QixDQUFDO2FBQzlELENBQUMsRUFGdUIsQ0FFdkIsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRUssV0FBSyxHQUFHLFVBQUMsTUFBMEI7WUFDdEMsS0FBSSxDQUFDLFFBQVEsQ0FDVCxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUM7Z0JBQ1IsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsdUJBQU0sQ0FBQyxLQUFFLE9BQU8sRUFBRSxJQUFJLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUF6RCxDQUF5RCxDQUFDO2FBQzNGLENBQUMsRUFGUyxDQUVULEVBQ0YsY0FBTSxPQUFBLFVBQVUsQ0FBQyxjQUFNLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBbkIsQ0FBbUIsRUFBRSxHQUFHLENBQUMsRUFBMUMsQ0FBMEMsQ0FDbkQsQ0FBQztRQUNOLENBQUMsQ0FBQztRQWpDRSxLQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDWixDQUFDOztJQUNOLENBQUM7SUFnQ00sdUNBQU0sR0FBYjtRQUFBLGlCQWVDO1FBZFcsSUFBQSxLQUFLLEdBQUssSUFBSSxDQUFDLEtBQUssTUFBZixDQUFnQjtRQUM3QixPQUFPLENBQ0gsOEJBQUMsYUFBSSxRQUNBLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDeEIsOEJBQUMsMkJBQVksSUFDVCxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ25CLE9BQU8sRUFBRSxLQUFJLENBQUMsS0FBSyxFQUNuQixNQUFNLEVBQUUscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQ3BDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNyQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FDckIsQ0FDTCxFQVIyQixDQVEzQixDQUFDLENBQ0MsQ0FDVixDQUFDO0lBQ04sQ0FBQztJQUNMLDZCQUFDO0FBQUQsQ0FBQyxBQXZERCxDQUE0QyxlQUFLLENBQUMsU0FBUyxHQXVEMUQ7QUF2RFksd0RBQXNCIn0=

package/lib/FlashMessages/FlashMessagesContainerInstance.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FlashMessagesContainerInstance: React.FC;

package/lib/FlashMessages/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FlashMessagesContainerInstance";
+export * from "./FlashMessagesContainer";

package/lib/FlashMessages/styles.d.ts

@@ -0,0 +1,9 @@
+import { FlashMessageVariant } from "./types";
+import { CSSProperties } from "react";
+export declare const variantIcon: {
+    [variant in FlashMessageVariant]: any;
+};
+export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TRANSITION_DELAY = 150;
+export declare const TRANSITION_DOWN_DURATION = 200;
+export declare const getTransitionStyles: (offset: number) => Partial<CSSProperties>;

package/lib/FlashMessages/styles.js

@@ -1,11 +1,16 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.useStyles = exports.variantIcon = void 0;
+exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.Root = exports.variantIcon = void 0;
+var react_1 = require("@emotion/react");
 var colors_1 = require("@mui/material/colors");
-var makeStyles_1 = __importDefault(require("@mui/styles/makeStyles"));
+var styles_1 = require("@mui/material/styles");
 var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
 var Error_1 = __importDefault(require("@mui/icons-material/Error"));
 var Info_1 = __importDefault(require("@mui/icons-material/Info"));
@@ -16,42 +21,16 @@ exports.variantIcon = {
     error: Error_1.default,
     info: Info_1.default,
 };
-exports.useStyles = (0, makeStyles_1.default)(function (theme) { return ({
-    success: {
-        backgroundColor: colors_1.green[600],
-    },
-    error: {
-        backgroundColor: theme.palette.error.dark,
-    },
-    info: {
-        backgroundColor: theme.palette.primary.dark,
-    },
-    warning: {
-        backgroundColor: colors_1.amber[700],
-    },
-    buttonIcon: {
-        fontSize: 20,
-    },
-    messageIcon: {
-        fontSize: 20,
-        opacity: 0.9,
-        marginRight: theme.spacing(1),
-    },
-    message: {
-        display: "flex",
-        alignItems: "center",
-    },
-}); });
+exports.Root = (0, styles_1.styled)("div")(function (_a) {
+    var theme = _a.theme;
+    return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        .MuiSnackbarContent-root {\n            &.success {\n                background-color: ", ";\n            }\n\n            &.error {\n                background-color: ", ";\n            }\n\n            &.info {\n                background-color: ", ";\n            }\n\n            &.warning {\n                background-color: ", ";\n            }\n        }\n    "], ["\n        .MuiSnackbarContent-root {\n            &.success {\n                background-color: ", ";\n            }\n\n            &.error {\n                background-color: ", ";\n            }\n\n            &.info {\n                background-color: ", ";\n            }\n\n            &.warning {\n                background-color: ", ";\n            }\n        }\n    "])), colors_1.green[600], theme.palette.error.dark, theme.palette.primary.dark, colors_1.amber[700]);
+});
 exports.TRANSITION_DELAY = 150;
 exports.TRANSITION_DOWN_DURATION = 200;
 var getTransitionStyles = function (offset) { return ({
     bottom: offset,
-    WebKitTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    MozTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    msTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    OTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    transition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    transitionDelay: exports.TRANSITION_DELAY + "ms",
+    transition: "all ".concat(exports.TRANSITION_DOWN_DURATION, "ms ease-in-out ").concat(exports.TRANSITION_DELAY, "ms"),
 }); };
 exports.getTransitionStyles = getTransitionStyles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwrQ0FBb0Q7QUFFcEQsc0VBQWdEO0FBQ2hELGdGQUE4RDtBQUM5RCxvRUFBa0Q7QUFDbEQsa0VBQWdEO0FBQ2hELHdFQUFzRDtBQUd6QyxRQUFBLFdBQVcsR0FBOEM7SUFDbEUsT0FBTyxFQUFFLHFCQUFlO0lBQ3hCLE9BQU8sRUFBRSxpQkFBVztJQUNwQixLQUFLLEVBQUUsZUFBUztJQUNoQixJQUFJLEVBQUUsY0FBUTtDQUNqQixDQUFDO0FBRVcsUUFBQSxTQUFTLEdBQUcsSUFBQSxvQkFBVSxFQUFDLFVBQUMsS0FBWSxJQUFLLE9BQUEsQ0FBQztJQUNuRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELEtBQUssRUFBRTtRQUNILGVBQWUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJO0tBQzVDO0lBQ0QsSUFBSSxFQUFFO1FBQ0YsZUFBZSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUk7S0FDOUM7SUFDRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELFVBQVUsRUFBRTtRQUNSLFFBQVEsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxXQUFXLEVBQUU7UUFDVCxRQUFRLEVBQUUsRUFBRTtRQUNaLE9BQU8sRUFBRSxHQUFHO1FBQ1osV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ2hDO0lBQ0QsT0FBTyxFQUFFO1FBQ0wsT0FBTyxFQUFFLE1BQU07UUFDZixVQUFVLEVBQUUsUUFBUTtLQUN2QjtDQUNKLENBQUMsRUF6Qm9ELENBeUJwRCxDQUFDLENBQUM7QUFFUyxRQUFBLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQUN2QixRQUFBLHdCQUF3QixHQUFHLEdBQUcsQ0FBQztBQUVyQyxJQUFNLG1CQUFtQixHQUFHLFVBQUMsTUFBYyxJQUFVLE9BQUEsQ0FBQztJQUN6RCxNQUFNLEVBQUUsTUFBTTtJQUNkLGdCQUFnQixFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDckQsYUFBYSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDbEQsWUFBWSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDakQsV0FBVyxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDaEQsVUFBVSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDL0MsZUFBZSxFQUFLLHdCQUFnQixPQUFJO0NBQzNDLENBQUMsRUFSMEQsQ0FRMUQsQ0FBQztBQVJVLFFBQUEsbUJBQW1CLHVCQVE3QiJ9
+var templateObject_1;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsd0NBQXFDO0FBQ3JDLCtDQUFvRDtBQUNwRCwrQ0FBOEM7QUFDOUMsZ0ZBQThEO0FBQzlELG9FQUFrRDtBQUNsRCxrRUFBZ0Q7QUFDaEQsd0VBQXNEO0FBSXpDLFFBQUEsV0FBVyxHQUE4QztJQUNsRSxPQUFPLEVBQUUscUJBQWU7SUFDeEIsT0FBTyxFQUFFLGlCQUFXO0lBQ3BCLEtBQUssRUFBRSxlQUFTO0lBQ2hCLElBQUksRUFBRSxjQUFRO0NBQ2pCLENBQUM7QUFFVyxRQUFBLElBQUksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FDN0IsVUFBQyxFQUFTO1FBQVAsS0FBSyxXQUFBO0lBQU8sV0FBQSxXQUFHLGdjQUFBLG1HQUdjLEVBQVUsK0VBSVYsRUFBd0IsOEVBSXhCLEVBQTBCLGlGQUkxQixFQUFVLG1DQUd6QyxLQWYrQixjQUFLLENBQUMsR0FBRyxDQUFDLEVBSVYsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUl4QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBSTFCLGNBQUssQ0FBQyxHQUFHLENBQUM7QUFmM0IsQ0FrQmQsQ0FDSixDQUFDO0FBRVcsUUFBQSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFDdkIsUUFBQSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFFckMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLE1BQWMsSUFBNkIsT0FBQSxDQUFDO0lBQzVFLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFLGNBQU8sZ0NBQXdCLDRCQUFrQix3QkFBZ0IsT0FBSTtDQUNwRixDQUFDLEVBSDZFLENBRzdFLENBQUM7QUFIVSxRQUFBLG1CQUFtQix1QkFHN0IifQ==

package/lib/FlashMessages/types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+export declare type FlashMessageVariant = "success" | "info" | "warning" | "error";
+export interface FlashMessageConfig {
+    id?: number;
+    body?: ReactNode;
+    dismissTimeout?: number;
+    variant?: FlashMessageVariant;
+    onClick?: () => void;
+}
+export interface FlashMessageProps {
+    config: FlashMessageConfig;
+    onClose: (config: FlashMessageConfig) => void;
+    offset: number;
+    closing?: boolean;
+}
+interface FlashMessageState {
+    config: FlashMessageConfig;
+    closing: boolean;
+}
+export interface FlashMessagesContainerState {
+    items: FlashMessageState[];
+}
+export {};

package/lib/Layout/AppBar.d.ts

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

package/lib/Layout/AppBar.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppBar = void 0;
 var AppBar_1 = __importDefault(require("@mui/material/AppBar"));
-var Toolbar_1 = require("./Toolbar");
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var react_1 = __importDefault(require("react"));
 var config_1 = require("../../config");
 var styles_1 = require("./styles");
@@ -19,7 +19,10 @@ var AppBar = function (props) {
             alignItems: "center",
         } },
         react_1.default.createElement(styles_1.LogoContainer, null, Logo !== null && Logo !== void 0 ? Logo : config_1.config.get("app-name")),
-        react_1.default.createElement(Toolbar_1.Toolbar, { style: { flex: 1, justifyContent: "flex-end" } }, ToolbarRight)));
+        react_1.default.createElement(Toolbar_1.default, { sx: {
+                flex: 1,
+                justifyContent: "flex-end",
+            }, variant: "dense" }, ToolbarRight)));
 };
 exports.AppBar = AppBar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnRUFBNkM7QUFDN0MscUNBQW9DO0FBQ3BDLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFFdEMsbUNBQXlDO0FBRWxDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQW1CLEtBQUssS0FBeEIsRUFBRSxZQUFZLEdBQUssS0FBSyxhQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLElBQUcsWUFBWSxDQUFXLENBQ3pFLENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpCVyxRQUFBLE1BQU0sVUFpQmpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnRUFBNkM7QUFDN0Msa0VBQStDO0FBQy9DLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQXlDO0FBR2xDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQW1CLEtBQUssS0FBeEIsRUFBRSxZQUFZLEdBQUssS0FBSyxhQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFVLElBQ1AsRUFBRSxFQUFFO2dCQUNBLElBQUksRUFBRSxDQUFDO2dCQUNQLGNBQWMsRUFBRSxVQUFVO2FBQzdCLEVBQ0QsT0FBTyxFQUFDLE9BQU8sSUFFZCxZQUFZLENBQ0osQ0FDTCxDQUNmLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9

package/lib/Layout/Layout.d.ts

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

package/lib/Layout/Layout.js

@@ -23,9 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
+var material_1 = require("@mui/material");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
-var Toolbar_1 = require("./Toolbar");
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var head_1 = __importDefault(require("next/head"));
 var react_1 = __importStar(require("react"));
@@ -35,7 +36,7 @@ var AppBar_1 = require("./AppBar");
 var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
 var Layout = function (props) {
-    var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight;
+    var children = props.children, _a = props.title, title = _a === void 0 ? "Na\u010D\u00EDt\u00E1m\u2026" : _a, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight, loading = props.loading;
     var close = (0, CmsProvider_1.useCmsContext)("sidebar").close;
     var onClick = (0, react_1.useCallback)(function () {
         if (window.innerWidth < 1280) {
@@ -53,13 +54,16 @@ var Layout = function (props) {
         react_1.default.createElement(CssBaseline_1.default, null),
         react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
         react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
-        react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } },
-            react_1.default.createElement(Toolbar_1.Toolbar, null),
+        react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } }, loading ? (react_1.default.createElement(Box_1.default, { minHeight: "60vh", display: "flex", alignItems: "center", justifyContent: "center" },
+            react_1.default.createElement(Box_1.default, { textAlign: "center" },
+                react_1.default.createElement(material_1.CircularProgress, null),
+                react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
             react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
                 react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
-                react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#FFF" : undefined }, title),
+                react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
                 header),
-            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))));
+            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCxxQ0FBb0M7QUFDcEMsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3Qiw2Q0FBK0M7QUFDL0MsdUNBQXNDO0FBQ3RDLDhDQUErQztBQUMvQyxtQ0FBa0M7QUFDbEMscUNBQW9DO0FBQ3BDLG1DQUFvRDtBQUc3QyxJQUFNLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ2pDLElBQUEsUUFBUSxHQUF3RixLQUFLLFNBQTdGLEVBQUUsS0FBSyxHQUFpRixLQUFLLE1BQXRGLEVBQUUsSUFBSSxHQUEyRSxLQUFLLEtBQWhGLEVBQUUsSUFBSSxHQUFxRSxLQUFLLEtBQTFFLEVBQUUsaUJBQWlCLEdBQWtELEtBQUssa0JBQXZELEVBQUUsUUFBUSxHQUF3QyxLQUFLLFNBQTdDLEVBQUUsTUFBTSxHQUFnQyxLQUFLLE9BQXJDLEVBQUUsV0FBVyxHQUFtQixLQUFLLFlBQXhCLEVBQUUsWUFBWSxHQUFLLEtBQUssYUFBVixDQUFXO0lBRXRHLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRTtZQUNyQyw4QkFBQyxpQkFBTyxPQUFHO1lBQ1gsOEJBQUMscUJBQVksSUFBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUMzQyx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUcsV0FBVyxDQUFPO2dCQUNqRCw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDckUsS0FBSyxDQUNHO2dCQUNaLE1BQU0sQ0FDSTtZQUNmLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUcsUUFBUSxDQUFPLENBQ3ZDLENBQ0csQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXBDVyxRQUFBLE1BQU0sVUFvQ2pCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMENBQWlEO0FBQ2pELDBEQUFvQztBQUNwQywwRUFBb0Q7QUFDcEQsa0VBQStDO0FBQy9DLHdFQUFrRDtBQUNsRCxtREFBNkI7QUFDN0IsNkNBQStDO0FBQy9DLHVDQUFzQztBQUN0Qyw4Q0FBK0M7QUFDL0MsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FVUixLQUFLLFNBVkcsRUFDUixLQVNBLEtBQUssTUFUa0IsRUFBdkIsS0FBSyxtQkFBRyw4QkFBZSxLQUFBLEVBQ3ZCLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixJQUFJLEdBT0osS0FBSyxLQVBELEVBQ0osaUJBQWlCLEdBTWpCLEtBQUssa0JBTlksRUFDakIsUUFBUSxHQUtSLEtBQUssU0FMRyxFQUNSLE1BQU0sR0FJTixLQUFLLE9BSkMsRUFDTixXQUFXLEdBR1gsS0FBSyxZQUhNLEVBQ1gsWUFBWSxHQUVaLEtBQUssYUFGTyxFQUNaLE9BQU8sR0FDUCxLQUFLLFFBREUsQ0FDRDtJQUVGLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxVQUFVLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO1lBQzVFLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsUUFBUTtnQkFDbkIsOEJBQUMsMkJBQWdCLE9BQUc7Z0JBQ3BCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLENBQUMsbUNBQThCLENBQzdDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO1lBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtnQkFDM0MsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztnQkFDakQsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JFLEtBQUssQ0FDRztnQkFDWixNQUFNLENBQ0k7WUFDZiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFHLFFBQVEsQ0FBTyxDQUMxQyxDQUNOLENBQ0MsQ0FDRyxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMURXLFFBQUEsTUFBTSxVQTBEakIifQ==

package/lib/Layout/Sidebar.d.ts

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

package/lib/Layout/Sidebar.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sidebar = void 0;
 var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
-var Toolbar_1 = require("./Toolbar");
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var react_1 = __importDefault(require("react"));
 var Menu_1 = require("../Menu");
 var drawerWidth = 240;
@@ -13,15 +13,15 @@ var Sidebar = function (props) {
     var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
     // const { isOpen } = useCmsContext("sidebar");
     return (react_1.default.createElement(Drawer_1.default, { sx: {
-            width: drawerWidth,
             flexShrink: 0,
+            width: drawerWidth,
             "& .MuiDrawer-paper": {
-                width: drawerWidth,
                 boxSizing: "border-box",
+                width: drawerWidth,
             },
         }, variant: "permanent", anchor: "left" },
-        react_1.default.createElement(Toolbar_1.Toolbar, null), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
+        react_1.default.createElement(Toolbar_1.default, { variant: "dense" }), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
         UserMenu));
 };
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxxQ0FBb0M7QUFDcEMsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxLQUFLLEVBQUUsV0FBVztZQUNsQixVQUFVLEVBQUUsQ0FBQztZQUNiLG9CQUFvQixFQUFFO2dCQUNsQixLQUFLLEVBQUUsV0FBVztnQkFDbEIsU0FBUyxFQUFFLFlBQVk7YUFDMUI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQU8sT0FBRyxFQUNWLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBK0M7QUFDL0MsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxVQUFVLEVBQUUsQ0FBQztZQUNiLEtBQUssRUFBRSxXQUFXO1lBQ2xCLG9CQUFvQixFQUFFO2dCQUNsQixTQUFTLEVBQUUsWUFBWTtnQkFDdkIsS0FBSyxFQUFFLFdBQVc7YUFDckI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHLEVBQzdCLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9

package/lib/Layout/index.d.ts

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

package/lib/Layout/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const LayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    hasHeader?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LogoContainer: any;

package/lib/Layout/styles.js

@@ -1,20 +1,17 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogoContainer = exports.LayoutHeader = exports.LayoutRoot = void 0;
+var react_1 = require("@emotion/react");
 var styles_1 = require("@mui/material/styles");
-var SIDEBAR_WIDTH = 240;
-exports.LayoutRoot = (0, styles_1.styled)("div")(function () { return ({
-    display: "flex",
-}); });
+exports.LayoutRoot = (0, styles_1.styled)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
 exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
     var theme = _a.theme, hasHeader = _a.hasHeader;
-    return hasHeader
-        ? "\n    background-color: " + theme.palette.primary.main + ";\n    color: #FFF;\n"
-        : "";
+    return hasHeader && (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            background-color: ", ";\n            color: #fff;\n        "], ["\n            background-color: ", ";\n            color: #fff;\n        "])), theme.palette.primary.main);
 });
-exports.LogoContainer = (0, styles_1.styled)("div")(function () { return ({
-    width: SIDEBAR_WIDTH,
-    justifyContent: "center",
-    height: "100%",
-}); });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtDQUE4QztBQUU5QyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUMzQyxPQUFPLEVBQUUsTUFBTTtDQUNsQixDQUFDLEVBRjRDLENBRTVDLENBQUMsQ0FBQztBQUVTLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBRXJHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2xCLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyw2QkFDYyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLDBCQUVqRDtRQUNPLENBQUMsQ0FBQyxFQUFFO0FBTFIsQ0FLUSxDQUNYLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUM5QyxLQUFLLEVBQUUsYUFBYTtJQUNwQixjQUFjLEVBQUUsUUFBUTtJQUN4QixNQUFNLEVBQUUsTUFBTTtDQUNqQixDQUFDLEVBSitDLENBSS9DLENBQUMsQ0FBQyJ9
+exports.LogoContainer = (0, styles_1.styled)("div")(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%;\n    justify-content: center;\n    width: 240px;\n"], ["\n    height: 100%;\n    justify-content: center;\n    width: 240px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx3Q0FBcUM7QUFDckMsK0NBQThDO0FBRWpDLFFBQUEsVUFBVSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywyRkFBQSx3QkFFdEMsS0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBR3BHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2YsT0FBQSxTQUFTLFFBQ1QsV0FBRywrSUFBQSxrQ0FDcUIsRUFBMEIsdUNBRWpELEtBRnVCLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FFakQ7QUFKRCxDQUlDLENBQ1IsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFRLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywySUFBQSx3RUFJOUMsS0FBQyJ9

package/lib/Layout/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { MenuItem } from "../Menu/model";
+export declare type LayoutProps = SidebarProps & {
+    Breadcrumbs?: ReactNode;
+    subtitle?: string;
+    header?: ReactNode;
+    Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
+} & ({
+    loading: true;
+    title?: string;
+} | {
+    loading?: never;
+    title: string;
+});
+export interface AppBarProps {
+    Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
+}
+export interface SidebarProps {
+    Menu?: ReactNode;
+    UserMenu?: ReactNode;
+    menuConfiguration?: MenuItem[];
+}

package/lib/LoginLayout/LoginLayout.d.ts

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

package/lib/LoginLayout/LoginLayout.js

@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginLayout = void 0;
 var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var utils_1 = require("@mui/utils");
 var head_1 = __importDefault(require("next/head"));
 var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
 var LoginLayout = function (props) {
-    var title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
+    var hideTitle = props.hideTitle, title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
     return (react_1.default.createElement(styles_1.LoginLayoutRoot, null,
         react_1.default.createElement(head_1.default, null,
             react_1.default.createElement("title", null, pageTitle || "")),
         react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(styles_1.LoginLayoutPaper, null,
-            Logo,
-            react_1.default.createElement(Typography_1.default, { component: "h1", variant: "h5" }, title),
+        react_1.default.createElement(styles_1.LoginLayoutPaper, { variant: "outlined" },
+            react_1.default.createElement(styles_1.LoginLayoutHeader, null,
+                Logo,
+                title && (react_1.default.createElement(Typography_1.default, { component: "h1", sx: hideTitle ? utils_1.visuallyHidden : { mt: Logo ? 2 : undefined }, variant: "h5" }, title))),
             children)));
 };
 exports.LoginLayout = LoginLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3QixnREFBMEI7QUFDMUIsbUNBQTZEO0FBR3RELElBQU0sV0FBVyxHQUErQixVQUFDLEtBQUs7SUFDakQsSUFBQSxLQUFLLEdBQWdDLEtBQUssTUFBckMsRUFBRSxTQUFTLEdBQXFCLEtBQUssVUFBMUIsRUFBRSxRQUFRLEdBQVcsS0FBSyxTQUFoQixFQUFFLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUVuRCxPQUFPLENBQ0gsOEJBQUMsd0JBQWU7UUFDWiw4QkFBQyxjQUFJO1lBQ0QsNkNBQVEsU0FBUyxJQUFJLEVBQUUsQ0FBUyxDQUM3QjtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyx5QkFBZ0I7WUFDWixJQUFJO1lBQ0wsOEJBQUMsb0JBQVUsSUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLElBQ2xDLEtBQUssQ0FDRztZQUNaLFFBQVEsQ0FDTSxDQUNMLENBQ3JCLENBQUM7QUFDTixDQUFDLENBQUM7QUFsQlcsUUFBQSxXQUFXLGVBa0J0QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9DQUE0QztBQUM1QyxtREFBNkI7QUFDN0IsZ0RBQTBCO0FBQzFCLG1DQUFnRjtBQUd6RSxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsU0FBUyxHQUF1QyxLQUFLLFVBQTVDLEVBQUUsS0FBSyxHQUFnQyxLQUFLLE1BQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFOUQsT0FBTyxDQUNILDhCQUFDLHdCQUFlO1FBQ1osOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMseUJBQWdCLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDaEMsOEJBQUMsMEJBQWlCO2dCQUNiLElBQUk7Z0JBQ0osS0FBSyxJQUFJLENBQ04sOEJBQUMsb0JBQVUsSUFDUCxTQUFTLEVBQUMsSUFBSSxFQUNkLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFDN0QsT0FBTyxFQUFDLElBQUksSUFFWCxLQUFLLENBQ0csQ0FDaEIsQ0FDZTtZQUNuQixRQUFRLENBQ00sQ0FDTCxDQUNyQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEIifQ==

package/lib/LoginLayout/index.d.ts

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

package/lib/LoginLayout/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const LoginLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const LoginLayoutPaper: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/Paper").PaperClasses> | undefined;
+    elevation?: number | undefined;
+    square?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    variant?: "outlined" | "elevation" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const LoginLayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/LoginLayout/styles.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
+exports.LoginLayoutHeader = exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
 var Paper_1 = __importDefault(require("@mui/material/Paper"));
 var styles_1 = require("@mui/material/styles");
 exports.LoginLayoutRoot = (0, styles_1.styled)("main")(function (_a) {
@@ -31,7 +31,7 @@ exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
     return (_b = {
             alignItems: "center",
             display: "flex",
-            flex: "0 1 " + theme.spacing(50),
+            flex: "0 1 ".concat(theme.spacing(50)),
             flexDirection: "column",
             maxWidth: theme.spacing(50),
             paddingBottom: theme.spacing(3),
@@ -45,4 +45,13 @@ exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
         },
         _b);
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9Mb2dpbkxheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsOERBQXdDO0FBQ3hDLCtDQUE4QztBQUVqQyxRQUFBLGVBQWUsR0FBRyxJQUFBLGVBQU0sRUFBQyxNQUFNLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM3QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDOUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFiMkQsQ0FhM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU0sRUFBQyxlQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLElBQUksRUFBRSxTQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFHO1lBQ2hDLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUMzQixhQUFhLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDL0IsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM5QixVQUFVLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7O1FBQzVCLEdBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUc7WUFDMUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUNqQztXQUNIO0FBZDJELENBYzNELENBQUMsQ0FBQyJ9
+exports.LoginLayoutHeader = (0, styles_1.styled)("div")(function (_a) {
+    var theme = _a.theme;
+    return ({
+        alignItems: "center",
+        display: "flex",
+        flexDirection: "column",
+        marginBottom: theme.spacing(2),
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9Mb2dpbkxheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsOERBQXdDO0FBQ3hDLCtDQUE4QztBQUVqQyxRQUFBLGVBQWUsR0FBRyxJQUFBLGVBQU0sRUFBQyxNQUFNLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM3QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDOUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFiMkQsQ0FhM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU0sRUFBQyxlQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLElBQUksRUFBRSxjQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUU7WUFDaEMsYUFBYSxFQUFFLFFBQVE7WUFDdkIsUUFBUSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQzNCLGFBQWEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUMvQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzlCLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFkMkQsQ0FjM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFBTyxPQUFBLENBQUM7UUFDM0QsVUFBVSxFQUFFLFFBQVE7UUFDcEIsT0FBTyxFQUFFLE1BQU07UUFDZixhQUFhLEVBQUUsUUFBUTtRQUN2QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7S0FDakMsQ0FBQztBQUw0RCxDQUs1RCxDQUFDLENBQUMifQ==

package/lib/LoginLayout/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export interface LoginLayoutProps {
+    hideTitle?: boolean;
+    title: ReactNode;
+    pageTitle?: string;
+    Logo?: ReactNode;
+}

package/lib/Menu/activeItemResolver.d.ts

@@ -0,0 +1,7 @@
+import { Resolver } from "./types";
+export declare const ActiveItemResolver: {
+    anyOf: (routeNames: string[]) => Resolver;
+    exactMatch: () => Resolver;
+    exactMatchWithParams: () => Resolver;
+    tableLink: () => Resolver;
+};

package/lib/Menu/factory.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from "react";
+import { SvgIconProps } from "@mui/material/SvgIcon";
+import { MenuItem } from "./model";
+export declare function createSection(title: string, icon?: ComponentType<SvgIconProps>, children?: MenuItem[]): MenuItem;
+export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: ComponentType<SvgIconProps>): MenuItem;
+export declare function createTableLink(title: string, entityAlias: string, icon?: ComponentType<SvgIconProps>): MenuItem;

package/lib/Menu/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./ui/Menu";
+export * from "./ui/MenuItem";
+export * from "./factory";
+export * from "./types";
+export * from "./activeItemResolver";

package/lib/Menu/model.d.ts

@@ -0,0 +1,34 @@
+import { SvgIconProps } from "@mui/material/SvgIcon";
+import { UxfRouter } from "@uxf/router";
+import { ComponentType } from "react";
+import { LoggedUser } from "../../config/Container";
+import { Resolver } from "./types";
+export declare class MenuItem {
+    private _title;
+    private _children;
+    private _url?;
+    private _route?;
+    private _routeParams?;
+    private _icon?;
+    private _activeItemResolver?;
+    private _allowedRoles?;
+    static create(title: string): MenuItem;
+    constructor(title: string);
+    setIcon(icon?: ComponentType<SvgIconProps>): MenuItem;
+    setChildren(children?: MenuItem[]): MenuItem;
+    setRoute(route: string, routeParams?: object): MenuItem;
+    setUrl(url: string): MenuItem;
+    setActiveResolver(resolver: Resolver | null): MenuItem;
+    setAllowedRoles(roles: string[]): MenuItem;
+    isActive(router: UxfRouter<any>): boolean;
+    hasActiveChildren(router: UxfRouter<any>): boolean;
+    isVisible(loggedUser: LoggedUser): boolean;
+    hasVisibleChildren(loggedUser: LoggedUser): boolean;
+    get title(): string;
+    get children(): MenuItem[];
+    get url(): string | undefined;
+    get route(): string | undefined;
+    get routeParams(): any;
+    get icon(): React.ComponentType<SvgIconProps> | undefined;
+    get allowedRoles(): string[] | undefined;
+}

package/lib/Menu/types.d.ts

@@ -0,0 +1,5 @@
+import { UxfRouter } from "@uxf/router";
+import { MenuItem } from "./model";
+export declare type RouterResolver = (router: UxfRouter<any>) => boolean;
+export declare type Resolver = (item: MenuItem) => RouterResolver;
+export declare type MenuConfiguration = MenuItem[];

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

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

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

@@ -0,0 +1,11 @@
+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>;