@uxf/cms 6.0.0-beta.1 → 6.0.0-beta.3

package/config/icons-config.d.ts

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

package/config/icons-config.js

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

package/config/icons.d.ts

@@ -0,0 +1,77 @@
+export declare const ICONS: {
+    readonly calendar: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly camera: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly caretDown: {
+        readonly w: 320;
+        readonly h: 512;
+    };
+    readonly clock: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly bars: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly check: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronDown: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronLeft: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly chevronsLeft: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronRight: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly chevronsRight: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronUp: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly user: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly xmarkLarge: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+};
+export declare type IconsType = keyof typeof ICONS;
+declare module "@uxf/ui/icon/theme" {
+    interface IconsSet {
+        "calendar": true;
+        "camera": true;
+        "caretDown": true;
+        "clock": true;
+        "bars": true;
+        "check": true;
+        "chevronDown": true;
+        "chevronLeft": true;
+        "chevronsLeft": true;
+        "chevronRight": true;
+        "chevronsRight": true;
+        "chevronUp": true;
+        "user": true;
+        "xmarkLarge": true;
+    }
+}

package/config/icons.js

@@ -0,0 +1,21 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICONS = void 0;
+exports.ICONS = {
+    "calendar": { w: 448, h: 512 },
+    "camera": { w: 512, h: 512 },
+    "caretDown": { w: 320, h: 512 },
+    "clock": { w: 512, h: 512 },
+    "bars": { w: 448, h: 512 },
+    "check": { w: 512, h: 512 },
+    "chevronDown": { w: 512, h: 512 },
+    "chevronLeft": { w: 384, h: 512 },
+    "chevronsLeft": { w: 512, h: 512 },
+    "chevronRight": { w: 384, h: 512 },
+    "chevronsRight": { w: 512, h: 512 },
+    "chevronUp": { w: 512, h: 512 },
+    "user": { w: 448, h: 512 },
+    "xmarkLarge": { w: 448, h: 512 },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0NBQzFCLENBQUMifQ==

package/forms/LoginForm/LoginForm.d.ts

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

package/forms/LoginForm/LoginForm.js

@@ -56,36 +56,25 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = void 0;
 var react_1 = __importStar(require("react"));
-var Button_1 = require("../../ui/Button/Button");
-var TextInput_1 = require("../components/TextInput");
-var react_final_form_1 = require("react-final-form");
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
-// TODO: email validation
+var form_1 = require("@uxf/form/form");
+var text_input_1 = require("@uxf/form/text-input");
+var button_1 = require("@uxf/ui/button");
+var text_link_1 = require("@uxf/ui/text-link");
 var LoginForm = function (props) {
     var onForgottenPassword = props.onForgottenPassword, formProps = __rest(props, ["onForgottenPassword"]);
     var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
     (0, react_1.useEffect)(function () {
         setFormDisabled(false);
     }, []);
-    return (react_1.default.createElement(react_final_form_1.Form, __assign({}, formProps), function (_a) {
-        var handleSubmit = _a.handleSubmit, submitting = _a.submitting;
-        return (react_1.default.createElement("form", { onSubmit: handleSubmit },
-            react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 },
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "E-mail", name: "username", required: true, type: "text" })),
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Heslo", name: "password", required: true, type: "password" })),
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(Button_1.Button, { color: "primary", disabled: submitting, fullWidth: true, loading: submitting, type: "submit", variant: "contained", mt: 2 }, "P\u0159ihl\u00E1sit")),
-                onForgottenPassword && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(Button_1.Button, { size: "small", onClick: onForgottenPassword, disabled: submitting, fullWidth: true }, "Zapomenut\u00E9 heslo"))))));
-    }));
+    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(text_input_1.TextInput, { className: "mb-6", isDisabled: formDisabled, label: "E-mail", name: "username", type: "email", control: control, isRequired: true }),
+        react_1.default.createElement(text_input_1.TextInput, { className: "mb-6", isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: control, isRequired: true }),
+        onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { onClick: onForgottenPassword, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "Nepamatujete si sv\u00E9 heslo?"))),
+        react_1.default.createElement(button_1.Button, { type: "submit", isFullWidth: true, className: "mt-6" }, "P\u0159ihl\u00E1sit se"))); }));
 };
 exports.LoginForm = LoginForm;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5Gb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0xvZ2luRm9ybS9Mb2dpbkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRDtBQUNuRCxpREFBZ0Q7QUFDaEQscURBQW9EO0FBQ3BELHFEQUF3QztBQUN4Qyw0REFBc0M7QUFHdEMseUJBQXlCO0FBRWxCLElBQU0sU0FBUyxHQUE2QixVQUFDLEtBQUs7SUFDN0MsSUFBQSxtQkFBbUIsR0FBbUIsS0FBSyxvQkFBeEIsRUFBSyxTQUFTLFVBQUssS0FBSyxFQUE3Qyx1QkFBcUMsQ0FBRixDQUFXO0lBRTlDLElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLElBQUEsRUFBL0MsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQixDQUFDO0lBRXZELElBQUEsaUJBQVMsRUFBQztRQUNOLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMsdUJBQUksZUFBSyxTQUFTLEdBQ2QsVUFBQyxFQUE0QjtZQUExQixZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQTtRQUFPLE9BQUEsQ0FDL0Isd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMsY0FBSSxJQUFDLFNBQVMsUUFBQyxPQUFPLEVBQUUsQ0FBQztnQkFDdEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtvQkFDYiw4QkFBQyxxQkFBUyxJQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLFFBQVEsRUFBQyxJQUFJLEVBQUMsVUFBVSxFQUFDLFFBQVEsUUFBQyxJQUFJLEVBQUMsTUFBTSxHQUFHLENBQ3RGO2dCQUNQLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUU7b0JBQ2IsOEJBQUMscUJBQVMsSUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLFVBQVUsRUFBQyxRQUFRLFFBQUMsSUFBSSxFQUFDLFVBQVUsR0FBRyxDQUN6RjtnQkFDUCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO29CQUNiLDhCQUFDLGVBQU0sSUFDSCxLQUFLLEVBQUMsU0FBUyxFQUNmLFFBQVEsRUFBRSxVQUFVLEVBQ3BCLFNBQVMsUUFDVCxPQUFPLEVBQUUsVUFBVSxFQUNuQixJQUFJLEVBQUMsUUFBUSxFQUNiLE9BQU8sRUFBQyxXQUFXLEVBQ25CLEVBQUUsRUFBRSxDQUFDLDBCQUdBLENBQ047Z0JBQ04sbUJBQW1CLElBQUksQ0FDcEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtvQkFDYiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxTQUFTLGtDQUV6RSxDQUNOLENBQ1YsQ0FDRSxDQUNKLENBQ1Y7SUEvQmtDLENBK0JsQyxDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTdDVyxRQUFBLFNBQVMsYUE2Q3BCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5Gb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0xvZ2luRm9ybS9Mb2dpbkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1RDtBQUV2RCx1Q0FBc0M7QUFDdEMsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4QywrQ0FBNkM7QUFFdEMsSUFBTSxTQUFTLEdBQXVCLFVBQUMsS0FBSztJQUN2QyxJQUFBLG1CQUFtQixHQUFtQixLQUFLLG9CQUF4QixFQUFLLFNBQVMsVUFBSyxLQUFLLEVBQTdDLHVCQUFxQyxDQUFGLENBQVc7SUFFOUMsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsSUFBQSxFQUEvQyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWtCLENBQUM7SUFFdkQsSUFBQSxpQkFBUyxFQUFDO1FBQ04sZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDSCw4QkFBQyxXQUFJLGVBQW9CLFNBQVMsR0FDN0IsVUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFLLE9BQUEsQ0FDbkI7UUFDSSw4QkFBQyxzQkFBUyxJQUNOLFNBQVMsRUFBQyxNQUFNLEVBQ2hCLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyxRQUFRLEVBQ2QsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUMsT0FBTyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsU0FDWjtRQUNGLDhCQUFDLHNCQUFTLElBQ04sU0FBUyxFQUFDLE1BQU0sRUFDaEIsVUFBVSxFQUFFLFlBQVksRUFDeEIsS0FBSyxFQUFDLE9BQU8sRUFDYixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBQyxVQUFVLEVBQ2YsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxTQUNaO1FBQ0QsbUJBQW1CLElBQUksQ0FDcEIsdUNBQUssU0FBUyxFQUFDLFlBQVk7WUFDdkIsOEJBQUMsb0JBQVEsSUFDTCxPQUFPLEVBQUUsbUJBQW1CLEVBQzVCLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDeEMsU0FBUyxFQUFDLCtCQUErQixzQ0FHbEMsQ0FDVCxDQUNUO1FBQ0QsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxRQUFDLFNBQVMsRUFBQyxNQUFNLDZCQUV6QyxDQUNWLENBQ04sRUFuQ3NCLENBbUN0QixDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpEVyxRQUFBLFNBQVMsYUFpRHBCIn0=

package/forms/LoginForm/types.d.ts

@@ -1,8 +1,8 @@
-import { FormProps } from "react-final-form";
+import { FormProps } from "@uxf/form/form";
 export interface LoginFormData {
     username: string;
     password: string;
 }
-export interface LoginFormProps extends FormProps<LoginFormData> {
+export interface LoginFormProps extends Omit<FormProps<LoginFormData>, "children"> {
     onForgottenPassword?: () => void;
 }

package/lib/Layout/Layout.js

@@ -25,8 +25,8 @@ 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("div", { className: "flex flex-row w-full" },
-            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
-            react_1.default.createElement("main", { className: "sm:w-[calc(100%-240px)]" }, loading ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-96" },
+            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
+            react_1.default.createElement("main", { className: "sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-96" },
                 react_1.default.createElement("div", { className: "text-center" },
                     react_1.default.createElement(CircularProgress_1.default, null),
                     react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
@@ -42,4 +42,4 @@ var Layout = function (props) {
                 react_1.default.createElement("div", { className: "p-3" }, children)))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJO1FBQ2xELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7WUFDakMsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7WUFDakYsd0NBQU0sU0FBUyxFQUFDLHlCQUF5QixJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLDBCQUFnQixPQUFHO29CQUNwQiw4QkFBQyxvQkFBVSxJQUFDLEVBQUUsRUFBRSxDQUFDLG1DQUE4QixDQUM3QyxDQUNKLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQTtnQkFDSSw4QkFBQyxpQkFBVSxJQUFDLE9BQU8sRUFBQyxPQUFPLEdBQUc7Z0JBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtvQkFDMUMsVUFBVTtvQkFDWCx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUcsV0FBVyxDQUFPO29CQUNqRCx1Q0FBSyxTQUFTLEVBQUMsNEJBQTRCO3dCQUN2Qyw4QkFBQyxvQkFBVSxJQUNQLElBQUksRUFBRSxDQUFDLEVBQ1AsT0FBTyxFQUFDLElBQUksRUFDWixTQUFTLEVBQUMsSUFBSSxFQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVqQyxLQUFLLENBQ0c7d0JBQ1osbUJBQW1CLENBQ2xCO29CQUNMLFFBQVE7b0JBQ1IsTUFBTSxDQUNJO2dCQUNmLHVDQUFLLFNBQVMsRUFBQyxLQUFLLElBQUUsUUFBUSxDQUFPLENBQ3RDLENBQ04sQ0FDRSxDQUNMLENBQ0csQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9EVyxRQUFBLE1BQU0sVUErRGpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFpRDtBQUNqRCx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBaUU7QUFHMUQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJO1FBQ2xELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7WUFDakMsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSTtZQUM3Rix3Q0FDSSxTQUFTLEVBQUMsbUVBQW1FLEVBQzdFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFHLG9CQUFXLE9BQUksRUFBbUIsSUFFOUQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7Z0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywwQkFBZ0IsT0FBRztvQkFDcEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsQ0FBQyxtQ0FBOEIsQ0FDN0MsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO2dCQUM5Qiw4QkFBQyxxQkFBWSxJQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQzFDLFVBQVU7b0JBQ1gsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztvQkFDakQsdUNBQUssU0FBUyxFQUFDLDRCQUE0Qjt3QkFDdkMsOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLE9BQU8sRUFBQyxJQUFJLEVBQ1osU0FBUyxFQUFDLElBQUksRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFakMsS0FBSyxDQUNHO3dCQUNaLG1CQUFtQixDQUNsQjtvQkFDTCxRQUFRO29CQUNSLE1BQU0sQ0FDSTtnQkFDZix1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUN0QyxDQUNOLENBQ0UsQ0FDTCxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFsRVcsUUFBQSxNQUFNLFVBa0VqQiJ9

package/lib/Layout/Sidebar.js

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

package/lib/Layout/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const drawerWidth = 240;
+export declare const drawerWidth = 264;
 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;

package/lib/Layout/styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutHeader = exports.LayoutRoot = exports.drawerWidth = void 0;
 var react_1 = require("@emotion/react");
 var styles_1 = require("@mui/material/styles");
-exports.drawerWidth = 240;
+exports.drawerWidth = 264;
 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;

package/lib/Layout/types.d.ts

@@ -17,6 +17,7 @@ export interface AppBarProps {
     ToolbarRight?: ReactNode;
 }
 export interface SidebarProps {
+    Logo?: ReactNode;
     Menu?: ReactNode;
     UserMenu?: ReactNode;
     menuConfiguration?: MenuItem[];

package/lib/LoginLayout/LoginLayout.d.ts

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

package/lib/LoginLayout/LoginLayout.js

@@ -4,23 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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 paper_1 = require("@uxf/ui/paper/paper");
 var LoginLayout = function (props) {
-    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,
+    var hideTitle = props.hideTitle, title = props.title, subTitle = props.subTitle, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
+    return (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-gray-100" },
         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, { 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)));
+        Logo && react_1.default.createElement("div", { className: "mb-8" }, Logo),
+        title && react_1.default.createElement("h1", { className: hideTitle ? "sr-only" : "uxf-typo-h4" }, title),
+        subTitle && react_1.default.createElement("p", { className: "mt-2 uxf-typo-body text-lightMedium" }, subTitle),
+        react_1.default.createElement(paper_1.Paper, { className: "max-w-full w-[448px] p-6 mt-8" }, children)));
 };
 exports.LoginLayout = LoginLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9DQUE0QztBQUM1QyxtREFBNkI7QUFDN0IsZ0RBQTBCO0FBQzFCLG1DQUFnRjtBQUd6RSxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsU0FBUyxHQUF1QyxLQUFLLFVBQTVDLEVBQUUsS0FBSyxHQUFnQyxLQUFLLE1BQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFOUQsT0FBTyxDQUNILDhCQUFDLHdCQUFlO1FBQ1osOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMseUJBQWdCLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDaEMsOEJBQUMsMEJBQWlCO2dCQUNiLElBQUk7Z0JBQ0osS0FBSyxJQUFJLENBQ04sOEJBQUMsb0JBQVUsSUFDUCxTQUFTLEVBQUMsSUFBSSxFQUNkLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFDN0QsT0FBTyxFQUFDLElBQUksSUFFWCxLQUFLLENBQ0csQ0FDaEIsQ0FDZTtZQUNuQixRQUFRLENBQ00sQ0FDTCxDQUNyQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3RUFBd0U7UUFDbkYsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLCtCQUErQixJQUFFLFFBQVEsQ0FBUyxDQUNqRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==

package/lib/LoginLayout/types.d.ts

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

package/lib/Menu/factory.d.ts

@@ -1,7 +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 createExternalLink(title: string, href: string, icon?: ComponentType<SvgIconProps>): MenuItem;
-export declare function createTableLink(title: string, entityAlias: string, icon?: ComponentType<SvgIconProps>): MenuItem;
+import { IconName } from "@uxf/ui/icon/types";
+export declare function createSection(title: string, icon?: IconName, children?: MenuItem[]): MenuItem;
+export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: IconName): MenuItem;
+export declare function createExternalLink(title: string, href: string, icon?: IconName): MenuItem;
+export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;

package/lib/Menu/factory.js

@@ -25,4 +25,4 @@ function createTableLink(title, entityAlias, icon) {
         .setActiveResolver(activeItemResolver_1.ActiveItemResolver.tableLink());
 }
 exports.createTableLink = createTableLink;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFFbkMsU0FBZ0IsYUFBYSxDQUFDLEtBQWEsRUFBRSxJQUFrQyxFQUFFLFFBQXFCO0lBQ2xHLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUN0RSxDQUFDO0FBRkQsc0NBRUM7QUFFRCxTQUFnQixVQUFVLENBQ3RCLEtBQWEsRUFDYixTQUFpQixFQUNqQixXQUFpQixFQUNqQixJQUFrQztJQUVsQyxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUN4QixRQUFRLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztTQUNoQyxPQUFPLENBQUMsSUFBSSxDQUFDO1NBQ2IsaUJBQWlCLENBQUMsdUNBQWtCLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2xFLENBQUM7QUFWRCxnQ0FVQztBQUVELFNBQWdCLGtCQUFrQixDQUFDLEtBQWEsRUFBRSxJQUFZLEVBQUUsSUFBa0M7SUFDOUYsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGVBQWUsQ0FBQyxLQUFhLEVBQUUsV0FBbUIsRUFBRSxJQUFrQztJQUNsRyxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUN4QixRQUFRLENBQUMsV0FBVyxFQUFFLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQztTQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDO1NBQ2IsaUJBQWlCLENBQUMsdUNBQWtCLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztBQUMzRCxDQUFDO0FBTEQsMENBS0MifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFHbkMsU0FBZ0IsYUFBYSxDQUFDLEtBQWEsRUFBRSxJQUFlLEVBQUUsUUFBcUI7SUFDL0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3RFLENBQUM7QUFGRCxzQ0FFQztBQUVELFNBQWdCLFVBQVUsQ0FBQyxLQUFhLEVBQUUsU0FBaUIsRUFBRSxXQUFpQixFQUFFLElBQWU7SUFDM0YsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7U0FDeEIsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGVBQWUsQ0FBQyxLQUFhLEVBQUUsV0FBbUIsRUFBRSxJQUFlO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1NBQ3hCLFFBQVEsQ0FBQyxXQUFXLEVBQUUsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFDO1NBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDYixpQkFBaUIsQ0FBQyx1Q0FBa0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0FBQzNELENBQUM7QUFMRCwwQ0FLQyJ9

package/lib/Menu/model.d.ts

@@ -1,8 +1,7 @@
-import { SvgIconProps } from "@mui/material/SvgIcon";
-import { ComponentType } from "react";
 import { LoggedUser } from "../../config/Container";
 import { Resolver } from "./types";
 import { NextRouter } from "next/router";
+import { IconName } from "@uxf/ui/icon/types";
 export declare class MenuItem {
     private _title;
     private _children;
@@ -14,7 +13,7 @@ export declare class MenuItem {
     private _allowedRoles?;
     static create(title: string): MenuItem;
     constructor(title: string);
-    setIcon(icon?: ComponentType<SvgIconProps>): MenuItem;
+    setIcon(icon?: IconName): MenuItem;
     setChildren(children?: MenuItem[]): MenuItem;
     setRoute(route: string, routeParams?: object): MenuItem;
     setUrl(url: string): MenuItem;
@@ -29,6 +28,6 @@ export declare class MenuItem {
     get url(): string | undefined;
     get route(): string | undefined;
     get routeParams(): any;
-    get icon(): React.ComponentType<SvgIconProps> | undefined;
+    get icon(): IconName | undefined;
     get allowedRoles(): string[] | undefined;
 }

package/lib/Menu/model.js

@@ -128,4 +128,4 @@ var MenuItem = /** @class */ (function () {
     return MenuItem;
 }());
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFNQTtJQWNJLGtCQUFZLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVBhLGVBQU0sR0FBcEIsVUFBcUIsS0FBYTtRQUM5QixPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFPTSwwQkFBTyxHQUFkLFVBQWUsSUFBa0M7UUFDN0MsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDhCQUFXLEdBQWxCLFVBQW1CLFFBQXFCO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksRUFBRSxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSwyQkFBUSxHQUFmLFVBQWdCLEtBQWEsRUFBRSxXQUFvQjtRQUMvQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0seUJBQU0sR0FBYixVQUFjLEdBQVc7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDaEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLG9DQUFpQixHQUF4QixVQUF5QixRQUF5QjtRQUM5QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNqRSxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sa0NBQWUsR0FBdEIsVUFBdUIsS0FBZTtRQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixNQUFrQixFQUFFLFdBQW1CO1FBQ25ELE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRU0sb0NBQWlCLEdBQXhCLFVBQXlCLE1BQWtCLEVBQUUsV0FBbUI7UUFDNUQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxFQUFsQyxDQUFrQyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVNLDRCQUFTLEdBQWhCLFVBQWlCLFVBQXNCOztRQUNuQyxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssU0FBUyxFQUFFO1lBQ2xDLE9BQU8sSUFBSSxDQUFDO1NBQ2Y7O1lBRUQsS0FBMEIsSUFBQSxLQUFBLFNBQUEsSUFBSSxDQUFDLGFBQWEsQ0FBQSxnQkFBQSw0QkFBRTtnQkFBekMsSUFBTSxXQUFXLFdBQUE7Z0JBQ2xCLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEVBQUU7b0JBQ3hDLE9BQU8sSUFBSSxDQUFDO2lCQUNmO2FBQ0o7Ozs7Ozs7OztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFTSxxQ0FBa0IsR0FBekIsVUFBMEIsVUFBc0I7UUFDNUMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQTFCLENBQTBCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsc0JBQUksMkJBQUs7YUFBVDtZQUNJLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDhCQUFRO2FBQVo7WUFDSSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDMUIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSx5QkFBRzthQUFQO1lBQ0ksT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3JCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksMkJBQUs7YUFBVDtZQUNJLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLGlDQUFXO2FBQWY7WUFDSSxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDN0IsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwwQkFBSTthQUFSO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksa0NBQVk7YUFBaEI7WUFDSSxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDOUIsQ0FBQzs7O09BQUE7SUFDTCxlQUFDO0FBQUQsQ0FBQyxBQXZHRCxJQXVHQztBQXZHWSw0QkFBUSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFLQTtJQWNJLGtCQUFZLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVBhLGVBQU0sR0FBcEIsVUFBcUIsS0FBYTtRQUM5QixPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFPTSwwQkFBTyxHQUFkLFVBQWUsSUFBZTtRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sOEJBQVcsR0FBbEIsVUFBbUIsUUFBcUI7UUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxFQUFFLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDJCQUFRLEdBQWYsVUFBZ0IsS0FBYSxFQUFFLFdBQW9CO1FBQy9DLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx5QkFBTSxHQUFiLFVBQWMsR0FBVztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztRQUNoQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sb0NBQWlCLEdBQXhCLFVBQXlCLFFBQXlCO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2pFLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxrQ0FBZSxHQUF0QixVQUF1QixLQUFlO1FBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSwyQkFBUSxHQUFmLFVBQWdCLE1BQWtCLEVBQUUsV0FBbUI7UUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxvQ0FBaUIsR0FBeEIsVUFBeUIsTUFBa0IsRUFBRSxXQUFtQjtRQUM1RCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLEVBQWxDLENBQWtDLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRU0sNEJBQVMsR0FBaEIsVUFBaUIsVUFBc0I7O1FBQ25DLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7WUFDbEMsT0FBTyxJQUFJLENBQUM7U0FDZjs7WUFFRCxLQUEwQixJQUFBLEtBQUEsU0FBQSxJQUFJLENBQUMsYUFBYSxDQUFBLGdCQUFBLDRCQUFFO2dCQUF6QyxJQUFNLFdBQVcsV0FBQTtnQkFDbEIsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRTtvQkFDeEMsT0FBTyxJQUFJLENBQUM7aUJBQ2Y7YUFDSjs7Ozs7Ozs7O1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVNLHFDQUFrQixHQUF6QixVQUEwQixVQUFzQjtRQUM1QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksOEJBQVE7YUFBWjtZQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUMxQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLHlCQUFHO2FBQVA7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksaUNBQVc7YUFBZjtZQUNJLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM3QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDBCQUFJO2FBQVI7WUFDSSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSxrQ0FBWTthQUFoQjtZQUNJLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM5QixDQUFDOzs7T0FBQTtJQUNMLGVBQUM7QUFBRCxDQUFDLEFBdkdELElBdUdDO0FBdkdZLDRCQUFRIn0=

package/lib/Menu/ui/Menu.js

@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var List_1 = __importDefault(require("@mui/material/List"));
 var react_1 = __importDefault(require("react"));
 var MenuItem_1 = require("./MenuItem");
 var Menu = function (props) {
     var menu = props.menu;
-    return (react_1.default.createElement(List_1.default, null, menu.map(function (item) { return (react_1.default.createElement(MenuItem_1.MenuItem, { item: item, key: item.title })); })));
+    return (react_1.default.createElement("div", { className: "bg-sidebar-background px-3 pb-4 pt-8" }, menu.map(function (item) { return (react_1.default.createElement(MenuItem_1.MenuItem, { item: item, key: item.title })); })));
 };
 exports.Menu = Menu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSw0REFBc0M7QUFDdEMsZ0RBQWtDO0FBRWxDLHVDQUFzQztBQU0vQixJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLFFBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQ2hCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssR0FBSSxDQUM1QyxFQUZtQixDQUVuQixDQUFDLENBQ0MsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxJQUFJLFFBVWYifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFFbEMsdUNBQXNDO0FBTS9CLElBQU0sSUFBSSxHQUFrQixVQUFDLEtBQUs7SUFDN0IsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0MsSUFDaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQ2hCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssR0FBSSxDQUM1QyxFQUZtQixDQUVuQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxJQUFJLFFBVWYifQ==

package/lib/Menu/ui/MenuItem.js

@@ -1,108 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItem = void 0;
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var List_1 = __importDefault(require("@mui/material/List"));
-var Popover_1 = __importDefault(require("@mui/material/Popover"));
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var config_1 = require("../../../config");
 var ListItem_1 = require("../../../ui/ListItem");
-var MenuItem_1 = require("../../../ui/MenuItem");
 var router_1 = require("next/router");
 var MenuItem = function (props) {
     var _a, _b, _c;
     var item = props.item;
-    var listRef = (0, react_1.useRef)(null);
     var router = (0, router_1.useRouter)();
     var activeRoute = config_1.container.get("useActiveRoute")();
     var isActive = item.isActive(router, activeRoute);
     var hasActiveChildren = item.hasActiveChildren(router, activeRoute);
     var useLoggedUser = config_1.container.get("useLoggedUser");
     var loggedUser = useLoggedUser();
-    var _d = __read((0, react_1.useState)(null), 2), anchorEl = _d[0], setAnchorEl = _d[1];
-    var onMouseEnter = (0, react_1.useCallback)(function (e) {
-        setAnchorEl(e.currentTarget);
-    }, []);
-    var onMouseLeave = (0, react_1.useCallback)(function () {
-        setAnchorEl(null);
-    }, []);
-    (0, react_1.useEffect)(function () {
-        function closeHandler(e) {
-            var list = listRef.current;
-            if (list && e.target instanceof Element && (e.target !== list || !list.contains(e.target))) {
-                setAnchorEl(null);
-            }
-        }
-        document.addEventListener("click", closeHandler);
-        return function () {
-            document.removeEventListener("click", closeHandler);
-        };
-    }, []);
     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(Box_1.default, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-            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 }),
-            !isActive && !hasActiveChildren && item.children.length > 0 && (react_1.default.createElement(Popover_1.default, { PaperProps: {
-                    sx: {
-                        ml: 1,
-                        pointerEvents: "auto",
-                    },
-                }, anchorEl: anchorEl, anchorOrigin: {
-                    vertical: "top",
-                    horizontal: "right",
-                }, disableScrollLock: true, hideBackdrop: true, onClose: onMouseLeave, open: !!anchorEl, sx: {
-                    pointerEvents: "none",
-                }, transformOrigin: {
-                    vertical: "top",
-                    horizontal: "left",
-                } },
-                react_1.default.createElement(List_1.default, { ref: listRef }, visibleChildren.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
-        (isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, visibleChildren.map(function (i) {
-            var isSel = 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: isSel }));
+        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 }),
+        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 }));
         })))));
 };
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQStGO0FBQy9GLDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBRTlELHNDQUF3QztBQVdqQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE9BQU8sR0FBRyxJQUFBLGNBQU0sRUFBbUIsSUFBSSxDQUFDLENBQUM7SUFFL0MsSUFBTSxNQUFNLEdBQUcsSUFBQSxrQkFBUyxHQUFFLENBQUM7SUFDM0IsSUFBTSxXQUFXLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDO0lBRXRELElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ3BELElBQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztJQUV0RSxJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUU3QixJQUFBLEtBQUEsT0FBMEIsSUFBQSxnQkFBUSxFQUF3QixJQUFJLENBQUMsSUFBQSxFQUE5RCxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQXlDLENBQUM7SUFFdEUsSUFBTSxZQUFZLEdBQUcsSUFBQSxtQkFBVyxFQUFvQyxVQUFDLENBQUM7UUFDbEUsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNqQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQUM7UUFDN0IsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQUEsaUJBQVMsRUFBQztRQUNOLFNBQVMsWUFBWSxDQUFDLENBQWE7WUFDL0IsSUFBTSxJQUFJLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztZQUM3QixJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsTUFBTSxZQUFZLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRTtnQkFDeEYsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3JCO1FBQ0wsQ0FBQztRQUNELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFDakQsT0FBTztZQUNILFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFDeEQsQ0FBQyxDQUFDO0lBQ04sQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUMsRUFBRTtRQUNyRyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsSUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUF2QixDQUF1QixDQUFDLENBQUM7SUFDN0UsSUFBTSxpQkFBaUIsR0FBRyxNQUFBLGVBQWUsQ0FBQyxDQUFDLENBQUMsbUNBQUksU0FBUyxDQUFDO0lBRTFELE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGFBQUcsSUFBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZO1lBQ3ZELDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLElBQUksRUFBRSxJQUFJLENBQUMsR0FBRyxFQUNkLEtBQUssRUFBRSxNQUFBLElBQUksQ0FBQyxLQUFLLG1DQUFJLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLEtBQUssRUFDN0MsTUFBTSxFQUFFLE1BQUEsSUFBSSxDQUFDLFdBQVcsbUNBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFDdEYsUUFBUSxFQUFFLFFBQVEsR0FDcEI7WUFDRCxDQUFDLFFBQVEsSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUM1RCw4QkFBQyxpQkFBTyxJQUNKLFVBQVUsRUFBRTtvQkFDUixFQUFFLEVBQUU7d0JBQ0EsRUFBRSxFQUFFLENBQUM7d0JBQ0wsYUFBYSxFQUFFLE1BQU07cUJBQ3hCO2lCQUNKLEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsWUFBWSxFQUFFO29CQUNWLFFBQVEsRUFBRSxLQUFLO29CQUNmLFVBQVUsRUFBRSxPQUFPO2lCQUN0QixFQUNELGlCQUFpQixRQUNqQixZQUFZLFFBQ1osT0FBTyxFQUFFLFlBQVksRUFDckIsSUFBSSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQ2hCLEVBQUUsRUFBRTtvQkFDQSxhQUFhLEVBQUUsTUFBTTtpQkFDeEIsRUFDRCxlQUFlLEVBQUU7b0JBQ2IsUUFBUSxFQUFFLEtBQUs7b0JBQ2YsVUFBVSxFQUFFLE1BQU07aUJBQ3JCO2dCQUVELDhCQUFDLGNBQUksSUFBQyxHQUFHLEVBQUUsT0FBTyxJQUNiLGVBQWUsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUN4Qiw4QkFBQyxtQkFBVSxJQUNQLEdBQUcsRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLE1BQU0sRUFBRSxDQUFDLENBQUMsV0FBVyxFQUNyQixJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksR0FDZCxDQUNMLEVBUjJCLENBUTNCLENBQUMsQ0FDQyxDQUNELENBQ2IsQ0FDQztRQUNMLENBQUMsUUFBUSxJQUFJLGlCQUFpQixDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQzVELDhCQUFDLGNBQUksSUFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQ2QsZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFOUMsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLEtBQUssR0FDakIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0MsQ0FDVixDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXBIVyxRQUFBLFFBQVEsWUFvSG5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywwQ0FBNEM7QUFDNUMsaURBQWdEO0FBRWhELHNDQUF3QztBQVdqQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGFBQWEsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUVsRixPQUFPLENBQ0g7UUFDSSw4QkFBQyxtQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDZCxLQUFLLEVBQUUsTUFBQSxJQUFJLENBQUMsS0FBSyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxLQUFLLEVBQzdDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQ3RGLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3JDLE1BQU0sRUFBRSxhQUFhLEdBQ3ZCO1FBQ0QsYUFBYSxJQUFJLENBQ2QsMkNBQ0ssZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFbkQsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLFVBQVUsR0FDdEIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXREVyxRQUFBLFFBQVEsWUFzRG5CIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.3",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -21,12 +21,18 @@
   "scripts": {
     "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
     "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
+    "check": "npm run lint && npm run typecheck",
     "dev": "node dev-server.js",
-    "build": "./node_modules/.bin/tsc -P tsconfig.build.json"
+    "build": "./node_modules/.bin/tsc -P tsconfig.build.json",
+    "check:icons": "icons-check",
+    "gen:icons": "icons-gen"
   },
   "dependencies": {
+    "@uxf/form": "^1.0.0-beta.96",
+    "@uxf/ui": "^1.0.0-beta.96",
     "es6-error": "^4.1.1",
     "path-to-regexp": "^6.1.0",
+    "react-hook-form": "^7.41.5",
     "react-redux": "^7.2.5",
     "redux": "^4.1.1"
   },
@@ -38,16 +44,19 @@
     "@mui/material": "^5.0.2",
     "@mui/styles": "^5.0.1",
     "@mui/x-date-pickers": "^5.0.0-alpha.1",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/line-clamp": "^0.4.2",
     "@types/express-http-proxy": "^1.6.2",
     "@types/node": "^16.7.10",
     "@types/qs": "^6.9.7",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@uxf/core": "^2.1.4",
+    "@uxf/core": "^4.3.0",
     "@uxf/data-grid": "^4.0.0",
     "@uxf/eslint-config": "^1.2.3",
+    "@uxf/icons-generator": "^1.3.0",
     "@uxf/router": "^3.0.0-beta.3",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
@@ -55,7 +64,7 @@
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
     "coordinate-parser": "^1.0.7",
-    "dayjs": "^1.11.1",
+    "dayjs": "^1.11.7",
     "eslint": "^8.8.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -67,9 +76,12 @@
     "final-form-arrays": "^3.0.2",
     "final-form-calculate": "^1.3.2",
     "http-proxy-middleware": "^2.0.1",
-    "next": "^13.1.1",
+    "next": "^12.3.4",
     "path": "^0.12.7",
     "postcss": "^8.4.14",
+    "postcss-focus-visible": "^7.1.0",
+    "postcss-import": "^15.1.0",
+    "postcss-pxtorem": "^6.0.0",
     "prettier": "^2.4.1",
     "qs": "^6.10.1",
     "react": "^18.2.0",
@@ -86,20 +98,24 @@
     "@mui/icons-material": "^5.0.0",
     "@mui/material": "^5.0.0",
     "@mui/x-date-pickers": "^5.0.0-alpha.1",
-    "@uxf/core": ">= 2.1.3",
+    "@uxf/core": ">= 4.3.0",
     "@uxf/data-grid": "^4.0.0",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
     "axios": "^0.21.0",
     "axios-hooks": "^2.2.0",
-    "dayjs": "^1.11.1",
+    "dayjs": "^1.11.7",
     "final-form": "^4.20.1",
     "final-form-arrays": "^3.0",
     "final-form-calculate": "^1.3.2",
-    "react": "17 - 18",
-    "react-dom": "17 - 18",
+    "react": ">= 18.2.0",
+    "react-dom": ">= 18.2.0",
     "react-dropzone": "^14.2.2",
     "react-final-form": "^6.5.1",
     "react-final-form-arrays": "^3.1.3"
+  },
+  "volta": {
+    "node": "18.5.0",
+    "yarn": "1.22.19"
   }
 }

package/pages/LoginPage/LoginPage.js

@@ -93,8 +93,8 @@ var LoginPage = function (config) {
                 }
             });
         }); }, [props.redirectUrl]);
-        return (react_1.default.createElement(LoginLayout_1.LoginLayout, { hideTitle: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.hideTitle, Logo: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Logo, pageTitle: config.pageTitle, title: config.title },
-            react_1.default.createElement(LoginForm_1.LoginForm, { onSubmit: onLogin, initialValues: INITIAL_VALUES, onForgottenPassword: config.onForgottenPassword })));
+        return (react_1.default.createElement(LoginLayout_1.LoginLayout, { hideTitle: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.hideTitle, Logo: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Logo, pageTitle: config.pageTitle, title: config.title, subTitle: config.subTitle },
+            react_1.default.createElement(LoginForm_1.LoginForm, { onSubmit: onLogin, defaultValues: INITIAL_VALUES, onForgottenPassword: config.onForgottenPassword })));
     };
     Component.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
         var query, e_2;
@@ -132,4 +132,4 @@ var LoginPage = function (config) {
     return Component;
 };
 exports.LoginPage = LoginPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5QYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0xvZ2luUGFnZS9Mb2dpblBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsaUNBQWlEO0FBQ2pELHVDQUF5QztBQUN6QyxtREFBaUY7QUFDakYscURBQW9EO0FBRXBELHVEQUFpQztBQUVqQyxJQUFNLGNBQWMsR0FBa0I7SUFDbEMsUUFBUSxFQUFFLEVBQUU7SUFDWixRQUFRLEVBQUUsRUFBRTtDQUNmLENBQUM7QUFFSyxJQUFNLFNBQVMsR0FBRyxVQUFDLE1BQXVCO0lBQzdDLElBQU0sU0FBUyxHQUEyQixVQUFDLEtBQUs7O1FBQzVDLElBQU0sT0FBTyxHQUFHLElBQUEsbUJBQVcsRUFDdkIsVUFBTyxNQUFNOzs7Ozs7d0JBRVkscUJBQU0sSUFBQSxXQUFLLEVBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEVBQU4sQ0FBTSxDQUFDLEVBQUE7O3dCQUF4RCxRQUFRLEdBQUcsU0FBNkM7d0JBQzlELHFCQUFNLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxXQUFXLENBQUMsRUFBQTs7d0JBQXJELFNBQXFELENBQUM7Ozs7d0JBRXRELGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFDLENBQUMsQ0FBQzs7Ozs7YUFFckQsRUFDRCxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FDdEIsQ0FBQztRQUVGLE9BQU8sQ0FDSCw4QkFBQyx5QkFBVyxJQUNSLFNBQVMsRUFBRSxNQUFBLE1BQU0sQ0FBQyxFQUFFLDBDQUFFLFNBQVMsRUFDL0IsSUFBSSxFQUFFLE1BQUEsTUFBTSxDQUFDLEVBQUUsMENBQUUsSUFBSSxFQUNyQixTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDM0IsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO1lBRW5CLDhCQUFDLHFCQUFTLElBQ04sUUFBUSxFQUFFLE9BQU8sRUFDakIsYUFBYSxFQUFFLGNBQWMsRUFDN0IsbUJBQW1CLEVBQUUsTUFBTSxDQUFDLG1CQUFtQixHQUNqRCxDQUNRLENBQ2pCLENBQUM7SUFDTixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsZUFBZSxHQUFHLFVBQU8sR0FBRzs7Ozs7b0JBQzVCLEtBQUssR0FBeUIsR0FBRyxDQUFDLEtBQUssQ0FBQzt5QkFFMUMsTUFBTSxDQUFDLHFCQUFxQixFQUE1Qix3QkFBNEI7Ozs7b0JBRXhCLHFCQUFNLElBQUEsbUJBQWEsRUFBQyxHQUFHLENBQUMsRUFBQTs7b0JBQXhCLFNBQXdCLENBQUM7eUJBRXJCLENBQUEsT0FBTyxNQUFNLEtBQUssV0FBVyxDQUFBLEVBQTdCLHdCQUE2QjtvQkFDN0IsSUFBSSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUU7d0JBQ2pDLEdBQUcsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO3dCQUNuRSxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDO3FCQUNqQjs7d0JBRUQscUJBQU0sZ0JBQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLHFCQUFxQixDQUFDLEVBQUE7O29CQUEvQyxTQUErQyxDQUFDOzs7Ozs7d0JBTzVELHNCQUFPO3dCQUNILFdBQVcsRUFBRSxLQUFLLENBQUMsUUFBUTtxQkFDOUIsRUFBQzs7O1NBQ0wsQ0FBQztJQUVGLE9BQU8sU0FBUyxDQUFDO0FBQ3JCLENBQUMsQ0FBQztBQXhEVyxRQUFBLFNBQVMsYUF3RHBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5QYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0xvZ2luUGFnZS9Mb2dpblBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsaUNBQWlEO0FBQ2pELHVDQUF5QztBQUN6QyxtREFBaUY7QUFDakYscURBQW9EO0FBRXBELHVEQUFpQztBQUVqQyxJQUFNLGNBQWMsR0FBa0I7SUFDbEMsUUFBUSxFQUFFLEVBQUU7SUFDWixRQUFRLEVBQUUsRUFBRTtDQUNmLENBQUM7QUFFSyxJQUFNLFNBQVMsR0FBRyxVQUFDLE1BQXVCO0lBQzdDLElBQU0sU0FBUyxHQUEyQixVQUFDLEtBQUs7O1FBQzVDLElBQU0sT0FBTyxHQUFHLElBQUEsbUJBQVcsRUFDdkIsVUFBTyxNQUFNOzs7Ozs7d0JBRVkscUJBQU0sSUFBQSxXQUFLLEVBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEVBQU4sQ0FBTSxDQUFDLEVBQUE7O3dCQUF4RCxRQUFRLEdBQUcsU0FBNkM7d0JBQzlELHFCQUFNLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxXQUFXLENBQUMsRUFBQTs7d0JBQXJELFNBQXFELENBQUM7Ozs7d0JBRXRELGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFDLENBQUMsQ0FBQzs7Ozs7YUFFckQsRUFDRCxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FDdEIsQ0FBQztRQUVGLE9BQU8sQ0FDSCw4QkFBQyx5QkFBVyxJQUNSLFNBQVMsRUFBRSxNQUFBLE1BQU0sQ0FBQyxFQUFFLDBDQUFFLFNBQVMsRUFDL0IsSUFBSSxFQUFFLE1BQUEsTUFBTSxDQUFDLEVBQUUsMENBQUUsSUFBSSxFQUNyQixTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDM0IsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUTtZQUV6Qiw4QkFBQyxxQkFBUyxJQUNOLFFBQVEsRUFBRSxPQUFPLEVBQ2pCLGFBQWEsRUFBRSxjQUFjLEVBQzdCLG1CQUFtQixFQUFFLE1BQU0sQ0FBQyxtQkFBbUIsR0FDakQsQ0FDUSxDQUNqQixDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsU0FBUyxDQUFDLGVBQWUsR0FBRyxVQUFPLEdBQUc7Ozs7O29CQUM1QixLQUFLLEdBQXlCLEdBQUcsQ0FBQyxLQUFLLENBQUM7eUJBRTFDLE1BQU0sQ0FBQyxxQkFBcUIsRUFBNUIsd0JBQTRCOzs7O29CQUV4QixxQkFBTSxJQUFBLG1CQUFhLEVBQUMsR0FBRyxDQUFDLEVBQUE7O29CQUF4QixTQUF3QixDQUFDO3lCQUVyQixDQUFBLE9BQU8sTUFBTSxLQUFLLFdBQVcsQ0FBQSxFQUE3Qix3QkFBNkI7b0JBQzdCLElBQUksR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFO3dCQUNqQyxHQUFHLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDLHFCQUFxQixFQUFFLENBQUMsQ0FBQzt3QkFDbkUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQztxQkFDakI7O3dCQUVELHFCQUFNLGdCQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxFQUFBOztvQkFBL0MsU0FBK0MsQ0FBQzs7Ozs7O3dCQU81RCxzQkFBTzt3QkFDSCxXQUFXLEVBQUUsS0FBSyxDQUFDLFFBQVE7cUJBQzlCLEVBQUM7OztTQUNMLENBQUM7SUFFRixPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7QUF6RFcsUUFBQSxTQUFTLGFBeURwQiJ9

package/pages/LoginPage/types.d.ts

@@ -6,6 +6,7 @@ export interface InitialProps {
 export interface LoginPageConfig {
     pageTitle?: string;
     title: ReactNode;
+    subTitle?: ReactNode;
     onForgottenPassword?: () => void;
     onLoginDone: (loginResponse: LoginResponse, redirectUrl?: string) => Promise<void>;
     loggedUserRedirectUrl?: string;

package/ui/ListItem/ListItem.js

@@ -4,19 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
-var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
-var ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 var react_1 = __importDefault(require("react"));
 var config_1 = require("../../config");
+var icon_1 = require("@uxf/ui/icon");
 var link_1 = __importDefault(require("next/link"));
 var ListItem = function (props) {
-    var children = props.children, icon = props.icon, label = props.label, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href;
-    var MenuIcon = icon !== null && icon !== void 0 ? icon : null; // TODO
-    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(ListItemButton_1.default, { dense: true, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, selected: selected, sx: { py: 0, minHeight: 32, px: 1 } },
-        !!icon && level !== 1 && (react_1.default.createElement(ListItemIcon_1.default, { sx: { pl: level * 2, pr: 0, minWidth: 32 } },
-            react_1.default.createElement(MenuIcon, null))),
-        react_1.default.createElement(ListItemText_1.default, { primary: label, sx: { ml: level > 0 ? 4 : undefined }, primaryTypographyProps: { fontSize: 14 } })));
+    var children = props.children, icon = props.icon, label = props.label, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href, hasSubItems = props.hasSubItems, isOpen = props.isOpen;
+    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement("div", { className: "flex items-center p-2.5 rounded-lg hover:bg-sidebar-hover mb-1 cursor-pointer ".concat(selected ? "bg-sidebar-highlight text-darkHigh font-bold" : "bg-sidebar-background text-darkMedium") },
+        react_1.default.createElement("div", { className: "w-10" }, !!icon && level !== 1 && react_1.default.createElement(icon_1.Icon, { name: icon, size: 20 })),
+        react_1.default.createElement("div", { className: "uxf-typo-body" }, label),
+        hasSubItems && react_1.default.createElement(icon_1.Icon, { name: isOpen ? "chevronDown" : "chevronRight", size: 12, className: "ml-auto mr-2" })));
     if (route) {
         return react_1.default.createElement(link_1.default, { href: config_1.container.get("route")(route, params) }, Content);
     }
@@ -26,4 +23,4 @@ var ListItem = function (props) {
     return Content;
 };
 exports.ListItem = ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxnRkFBMEQ7QUFDMUQsNEVBQXNEO0FBQ3RELGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMsbURBQTZCO0FBRXRCLElBQU0sUUFBUSxHQUFHLFVBQWdCLEtBQXVCO0lBRXZELElBQUEsUUFBUSxHQVdSLEtBQUssU0FYRyxFQUNSLElBQUksR0FVSixLQUFLLEtBVkQsRUFDSixLQUFLLEdBU0wsS0FBSyxNQVRBLEVBQ0wsT0FBTyxHQVFQLEtBQUssUUFSRSxFQUNQLFlBQVksR0FPWixLQUFLLGFBUE8sRUFDWixZQUFZLEdBTVosS0FBSyxhQU5PLEVBQ1osS0FBSyxHQUtMLEtBQUssTUFMQSxFQUNMLE1BQU0sR0FJTixLQUFLLE9BSkMsRUFDTixLQUdBLEtBQUssTUFISSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLElBQUksR0FDSixLQUFLLEtBREQsQ0FDRTtJQUNWLElBQU0sUUFBUSxHQUFRLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLElBQUksQ0FBQyxDQUFDLE9BQU87SUFFM0MsSUFBTSxPQUFPLEdBQUcsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksQ0FDeEIsOEJBQUMsd0JBQWMsSUFDWCxLQUFLLFFBQ0wsT0FBTyxFQUFFLE9BQU8sRUFDaEIsWUFBWSxFQUFFLFlBQVksRUFDMUIsWUFBWSxFQUFFLFlBQVksRUFDMUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7UUFFbEMsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQ3RCLDhCQUFDLHNCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1lBQ3BELDhCQUFDLFFBQVEsT0FBRyxDQUNELENBQ2xCO1FBQ0QsOEJBQUMsc0JBQVksSUFDVCxPQUFPLEVBQUUsS0FBSyxFQUNkLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUNyQyxzQkFBc0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FDMUMsQ0FDVyxDQUNwQixDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQW5EVyxRQUFBLFFBQVEsWUFtRG5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMscUNBQW9DO0FBQ3BDLG1EQUE2QjtBQUV0QixJQUFNLFFBQVEsR0FBRyxVQUFnQixLQUF1QjtJQUNuRCxJQUFBLFFBQVEsR0FBaUYsS0FBSyxTQUF0RixFQUFFLElBQUksR0FBMkUsS0FBSyxLQUFoRixFQUFFLEtBQUssR0FBb0UsS0FBSyxNQUF6RSxFQUFFLEtBQUssR0FBNkQsS0FBSyxNQUFsRSxFQUFFLE1BQU0sR0FBcUQsS0FBSyxPQUExRCxFQUFFLEtBQW1ELEtBQUssTUFBL0MsRUFBVCxLQUFLLG1CQUFHLENBQUMsS0FBQSxFQUFFLFFBQVEsR0FBZ0MsS0FBSyxTQUFyQyxFQUFFLElBQUksR0FBMEIsS0FBSyxLQUEvQixFQUFFLFdBQVcsR0FBYSxLQUFLLFlBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXZHLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx3RkFDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUMsTUFBTSxJQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQU87UUFDckYsdUNBQUssU0FBUyxFQUFDLGVBQWUsSUFBRSxLQUFLLENBQU87UUFDM0MsV0FBVyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQyxjQUFjLEdBQUcsQ0FDeEcsQ0FDVCxDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTVCVyxRQUFBLFFBQVEsWUE0Qm5CIn0=

package/ui/ListItem/types.d.ts

@@ -1,16 +1,14 @@
-import { ListItemButtonProps } from "@mui/material";
-import { SvgIconProps } from "@mui/material/SvgIcon";
-import { ComponentType, ReactElement } from "react";
+import { ReactElement } from "react";
+import { IconName } from "@uxf/ui/icon/types";
 export interface ListItemProps<RouteList> {
     children?: ReactElement;
-    icon?: ComponentType<SvgIconProps>;
+    icon?: IconName;
     label: string;
     level?: number;
-    onClick?: (event?: any) => void;
-    onMouseEnter?: ListItemButtonProps["onMouseEnter"];
-    onMouseLeave?: ListItemButtonProps["onMouseLeave"];
     params?: any;
     route?: keyof RouteList;
     selected?: boolean;
     href?: string;
+    hasSubItems?: boolean;
+    isOpen?: boolean;
 }

package/lib/LoginLayout/styles.d.ts

@@ -1,13 +0,0 @@
-/// <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?: "elevation" | "outlined" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | "key"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "square" | "variant"> & 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

@@ -1,57 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            alignItems: "center",
-            display: "flex",
-            justifyContent: "center",
-            minHeight: "100vh",
-            paddingLeft: theme.spacing(2),
-            paddingRight: theme.spacing(2),
-            paddingBottom: theme.spacing(10),
-            paddingTop: theme.spacing(6)
-        },
-        _b[theme.breakpoints.up("sm")] = {
-            paddingLeft: theme.spacing(3),
-            paddingRight: theme.spacing(3),
-        },
-        _b);
-});
-exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            alignItems: "center",
-            display: "flex",
-            flex: "0 1 ".concat(theme.spacing(50)),
-            flexDirection: "column",
-            maxWidth: theme.spacing(50),
-            paddingBottom: theme.spacing(3),
-            paddingLeft: theme.spacing(2),
-            paddingRight: theme.spacing(2),
-            paddingTop: theme.spacing(2)
-        },
-        _b[theme.breakpoints.up("sm")] = {
-            paddingLeft: theme.spacing(3),
-            paddingRight: theme.spacing(3),
-        },
-        _b);
-});
-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/utils/cookie.d.ts

@@ -1,9 +0,0 @@
-export default class Cookie {
-    private ctx;
-    constructor(ctx?: any | null);
-    static create(ctx?: any): Cookie;
-    exists(name: string): boolean;
-    set(name: string, value: string, ttl?: number): Cookie;
-    delete(name: string): Cookie;
-    get(cookieName: string): string;
-}

package/utils/cookie.js

@@ -1,80 +0,0 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Cookie = /** @class */ (function () {
-    function Cookie(ctx) {
-        if (ctx === void 0) { ctx = null; }
-        this.ctx = ctx;
-    }
-    Cookie.create = function (ctx) {
-        if (ctx === void 0) { ctx = null; }
-        return new Cookie(ctx);
-    };
-    Cookie.prototype.exists = function (name) {
-        return !!this.get(name);
-    };
-    Cookie.prototype.set = function (name, value, ttl) {
-        var _a, _b, _c;
-        if (ttl === void 0) { ttl = 3600; }
-        var date = new Date();
-        date.setTime(date.getTime() + ttl * 1000);
-        var expires = "expires=" + date.toUTCString();
-        var cookie = name + "=" + encodeURIComponent(value) + ";" + expires + ";path=/";
-        if (typeof document !== "undefined") {
-            document.cookie = cookie;
-        }
-        else {
-            var existsCookies = (((_a = this.ctx.res) === null || _a === void 0 ? void 0 : _a.getHeader("Set-Cookie")) || []).slice(0);
-            existsCookies.push(cookie);
-            (_c = (_b = this.ctx) === null || _b === void 0 ? void 0 : _b.res) === null || _c === void 0 ? void 0 : _c.setHeader("Set-Cookie", existsCookies);
-        }
-        return this;
-    };
-    Cookie.prototype.delete = function (name) {
-        this.set(name, "", -1);
-        return this;
-    };
-    Cookie.prototype.get = function (cookieName) {
-        var e_1, _a;
-        var _b, _c, _d, _e;
-        var decodedCookie = typeof document !== "undefined"
-            ? decodeURIComponent(document.cookie)
-            : decodeURIComponent((_e = (_d = (_c = (_b = this.ctx) === null || _b === void 0 ? void 0 : _b.req) === null || _c === void 0 ? void 0 : _c.headers) === null || _d === void 0 ? void 0 : _d.cookie) !== null && _e !== void 0 ? _e : "");
-        var name = cookieName + "=";
-        var cookies = decodedCookie.split(";");
-        try {
-            for (var cookies_1 = __values(cookies), cookies_1_1 = cookies_1.next(); !cookies_1_1.done; cookies_1_1 = cookies_1.next()) {
-                var cookie = cookies_1_1.value;
-                // tslint:disable-next-line:triple-equals
-                while (cookie.charAt(0) == " ") {
-                    cookie = cookie.substring(1);
-                }
-                // tslint:disable-next-line:triple-equals
-                if (cookie.indexOf(name) == 0) {
-                    return cookie.substring(name.length, cookie.length);
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (cookies_1_1 && !cookies_1_1.done && (_a = cookies_1.return)) _a.call(cookies_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return "";
-    };
-    return Cookie;
-}());
-exports.default = Cookie;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29va2llLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL2Nvb2tpZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBRUE7SUFHSSxnQkFBWSxHQUFzQjtRQUF0QixvQkFBQSxFQUFBLFVBQXNCO1FBQzlCLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFYSxhQUFNLEdBQXBCLFVBQXFCLEdBQWU7UUFBZixvQkFBQSxFQUFBLFVBQWU7UUFDaEMsT0FBTyxJQUFJLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRU0sdUJBQU0sR0FBYixVQUFjLElBQVk7UUFDdEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRU0sb0JBQUcsR0FBVixVQUFXLElBQVksRUFBRSxLQUFhLEVBQUUsR0FBa0I7O1FBQWxCLG9CQUFBLEVBQUEsVUFBa0I7UUFDdEQsSUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDMUMsSUFBTSxPQUFPLEdBQUcsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNoRCxJQUFNLE1BQU0sR0FBRyxJQUFJLEdBQUcsR0FBRyxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsR0FBRyxPQUFPLEdBQUcsU0FBUyxDQUFDO1FBQ2xGLElBQUksT0FBTyxRQUFRLEtBQUssV0FBVyxFQUFFO1lBQ2pDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1NBQzVCO2FBQU07WUFDSCxJQUFNLGFBQWEsR0FBRyxDQUFDLENBQUMsTUFBQSxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsMENBQUUsU0FBUyxDQUFDLFlBQVksQ0FBYyxLQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzRixhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzNCLE1BQUEsTUFBQSxJQUFJLENBQUMsR0FBRywwQ0FBRSxHQUFHLDBDQUFFLFNBQVMsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLENBQUM7U0FDekQ7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sdUJBQU0sR0FBYixVQUFjLElBQVk7UUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLG9CQUFHLEdBQVYsVUFBVyxVQUFrQjs7O1FBQ3pCLElBQU0sYUFBYSxHQUNmLE9BQU8sUUFBUSxLQUFLLFdBQVc7WUFDM0IsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDckMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLE1BQUEsTUFBQSxNQUFBLE1BQUEsSUFBSSxDQUFDLEdBQUcsMENBQUUsR0FBRywwQ0FBRSxPQUFPLDBDQUFFLE1BQU0sbUNBQUksRUFBRSxDQUFDLENBQUM7UUFFbkUsSUFBTSxJQUFJLEdBQUcsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUM5QixJQUFNLE9BQU8sR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDOztZQUN6QyxLQUFtQixJQUFBLFlBQUEsU0FBQSxPQUFPLENBQUEsZ0NBQUEscURBQUU7Z0JBQXZCLElBQUksTUFBTSxvQkFBQTtnQkFDWCx5Q0FBeUM7Z0JBQ3pDLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUU7b0JBQzVCLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUNoQztnQkFDRCx5Q0FBeUM7Z0JBQ3pDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQzNCLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztpQkFDdkQ7YUFDSjs7Ozs7Ozs7O1FBRUQsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0wsYUFBQztBQUFELENBQUMsQUF6REQsSUF5REMifQ==