infinity-forge 0.12.3 → 0.12.5

package/dist/system/domain/entities/chat/index.d.ts

@@ -0,0 +1 @@
+export * from "./message.js";

package/dist/system/domain/entities/chat/index.js

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

package/dist/system/domain/entities/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/domain/entities/chat/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}

package/dist/system/domain/entities/chat/message.d.ts

@@ -0,0 +1,8 @@
+export type Message = {
+    id: number;
+    message: string;
+    userName: string;
+    usuarioId: number;
+    licitacaoId: number;
+    dataCriacao: string;
+};

package/dist/system/domain/entities/chat/message.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=message.js.map

package/dist/system/domain/entities/chat/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../../../src/system/domain/entities/chat/message.ts"],"names":[],"mappings":""}

package/dist/system/domain/entities/index.d.ts

@@ -0,0 +1 @@
+export * from "./chat/index.js";

package/dist/system/domain/entities/index.js

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

package/dist/system/domain/entities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/domain/entities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB"}

package/dist/system/domain/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./entities/index.js";
 export * from './generics/index.js';
 export * from './protocols/index.js';
 export * from './use-cases/index.js';

package/dist/system/domain/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./entities/index.js"), exports);
 __exportStar(require("./generics/index.js"), exports);
 __exportStar(require("./protocols/index.js"), exports);
 __exportStar(require("./use-cases/index.js"), exports);

package/dist/system/domain/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/system/domain/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/system/domain/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B"}

package/dist/system/presentation/components/data/chat/card-message/index.d.ts

@@ -0,0 +1,2 @@
+import { Message } from '../../../../../../system/index.js';
+export declare function CardMessage(props: Message): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/chat/card-message/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardMessage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var system_1 = require("../../../../../../system/index.js");
+function CardMessage(props) {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'card_message_error', children: (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'message-header ', children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { image: 'https://picsum.photos/200/300', className: 'avatar-image' }), props.userName && (0, jsx_runtime_1.jsx)("h4", { className: 'font-16-bold', children: props === null || props === void 0 ? void 0 : props.userName }), props.dataCriacao && (0, jsx_runtime_1.jsx)("p", { className: 'font-12', children: props === null || props === void 0 ? void 0 : props.dataCriacao })] }), props.message && ((0, jsx_runtime_1.jsx)("div", { className: 'message-body', children: (0, jsx_runtime_1.jsx)("p", { className: 'font-16', children: props === null || props === void 0 ? void 0 : props.message }) }))] }) }));
+}
+exports.CardMessage = CardMessage;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/chat/card-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/chat/card-message/index.tsx"],"names":[],"mappings":";;;;AAAA,2BAA4B;AAC5B,mCAA0C;AAE1C,SAAgB,WAAW,CAAC,KAAc;IACxC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,oBAAoB,YAC9B,2CACE,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,uBAAC,eAAM,IAAC,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAC,cAAc,GAAG,EAExE,KAAK,CAAC,QAAQ,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,GAAM,EACrE,KAAK,CAAC,WAAW,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,GAAK,IACjE,EAEL,KAAK,CAAC,OAAO,IAAI,CAChB,gCAAK,SAAS,EAAC,cAAc,YAC3B,8BAAG,SAAS,EAAC,SAAS,YAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,GAAK,GACvC,CACP,IACE,GACC,CACT,CAAA;AACH,CAAC;AAnBD,kCAmBC"}

package/dist/system/presentation/components/data/chat/index.d.ts

@@ -0,0 +1,2 @@
+import { IChatProps } from './interfaces.js';
+export declare function Chat({ messages, isLoading, sendMensage }: IChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/chat/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chat = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("../../../../../ui/index.js");
+var loader_1 = require("./loader/index.js");
+var card_message_1 = require("./card-message/index.js");
+var S = __importStar(require("./styles.js"));
+function Chat(_a) {
+    var messages = _a.messages, isLoading = _a.isLoading, sendMensage = _a.sendMensage;
+    var chatRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (chatRef.current && !isLoading && messages && messages.length > 0) {
+            chatRef.current.scrollTop = chatRef.current.scrollHeight;
+        }
+    }, [isLoading]);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'chat_error', children: (0, jsx_runtime_1.jsxs)(S.Chat, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'top_chat', children: (0, jsx_runtime_1.jsx)("h3", { children: "Chat" }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'content_chat', children: [(0, jsx_runtime_1.jsxs)("ul", { ref: chatRef, children: [isLoading && (0, jsx_runtime_1.jsx)(loader_1.ChatLoader, {}), !messages || (messages.length === 0 && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Nenhum mensagem por aqui" })), messages === null || messages === void 0 ? void 0 : messages.map(function (message) { return ((0, jsx_runtime_1.jsx)(card_message_1.CardMessage, __assign({}, message), message.id)); })] }), (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { svg: 'IconSendMessage' }, onSucess: sendMensage, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'message', type: 'text', placeholder: 'Digite sua mensagem' }) })] })] }) }));
+}
+exports.Chat = Chat;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AAEzC,2BAAgD;AAEhD,mCAAqC;AACrC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,IAAI,CAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IACrD,IAAM,OAAO,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE9C,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrE,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAA;QAC1D,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,wBAAC,CAAC,CAAC,IAAI,eACL,gCAAK,SAAS,EAAC,UAAU,YACvB,kDAAa,GACT,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC3B,gCAAI,GAAG,EAAE,OAAO,aACb,SAAS,IAAI,uBAAC,mBAAU,KAAG,EAE3B,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,wFAA6B,CAAC,EAErE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC1B,uBAAC,0BAAW,eAAsB,OAAO,GAAvB,OAAO,CAAC,EAAE,CAAiB,CAC9C,EAF2B,CAE3B,CAAC,IACC,EAEL,uBAAC,gBAAW,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,EAAE,QAAQ,EAAE,WAAW,YACpE,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,qBAAqB,GAAG,GAC1D,IACV,IACC,GACH,CACT,CAAA;AACH,CAAC;AAlCD,oBAkCC"}

package/dist/system/presentation/components/data/chat/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { Message } from '../../../../../system/index.js';
+export interface IChatProps {
+    messages?: Message[];
+    isLoading?: boolean;
+    sendMensage: ({ message }: {
+        message: string;
+    }) => void;
+}

package/dist/system/presentation/components/data/chat/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/system/presentation/components/data/chat/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/interfaces.ts"],"names":[],"mappings":""}

package/dist/system/presentation/components/data/chat/loader/index.d.ts

@@ -0,0 +1 @@
+export declare function ChatLoader(): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/chat/loader/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var semantic_ui_react_1 = require("semantic-ui-react");
+var S = __importStar(require("./styles.js"));
+function ChatLoader() {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(S.Skeleton, { children: (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder, { fluid: true, children: [(0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Header, { image: true, children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] }), (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Paragraph, { children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] })] }) }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(S.Skeleton, { children: (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder, { fluid: true, children: [(0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Header, { image: true, children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] }), (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Paragraph, { children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] })] }) }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(S.Skeleton, { children: (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder, { fluid: true, children: [(0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Header, { image: true, children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] }), (0, jsx_runtime_1.jsxs)(semantic_ui_react_1.Placeholder.Paragraph, { children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {}), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Placeholder.Line, {})] })] }) }) })] }));
+}
+exports.ChatLoader = ChatLoader;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/chat/loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/chat/loader/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,UAAU;IACxB,OAAO,CACL,6DACE,yCACE,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,+BAAW,IAAC,KAAK,mBAChB,wBAAC,+BAAW,CAAC,MAAM,IAAC,KAAK,mBACvB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACD,EACrB,wBAAC,+BAAW,CAAC,SAAS,eACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACE,IACZ,GACH,GACV,EACL,yCACE,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,+BAAW,IAAC,KAAK,mBAChB,wBAAC,+BAAW,CAAC,MAAM,IAAC,KAAK,mBACvB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACD,EACrB,wBAAC,+BAAW,CAAC,SAAS,eACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACE,IACZ,GACH,GACV,EACL,yCACE,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,+BAAW,IAAC,KAAK,mBAChB,wBAAC,+BAAW,CAAC,MAAM,IAAC,KAAK,mBACvB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACD,EACrB,wBAAC,+BAAW,CAAC,SAAS,eACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,EACpB,uBAAC,+BAAW,CAAC,IAAI,KAAG,IACE,IACZ,GACH,GACV,IACJ,CACJ,CAAA;AACH,CAAC;AAlDD,gCAkDC"}

package/dist/{ui/components/form/input → system/presentation/components/data/chat/loader}/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const InputBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Skeleton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, never>>;

package/dist/system/presentation/components/data/chat/loader/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Skeleton = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .header {\n    margin-bottom: 0;\n  }\n\n  .ui.placeholder .image.header:after,\n  .ui.placeholder .line,\n  .ui.placeholder .line:after,\n  .ui.placeholder > :before {\n    background-color: #f2f2f2;\n  }\n\n  .header {\n    border-radius: 5px;\n\n    &::after {\n    }\n  }\n"], ["\n  .header {\n    margin-bottom: 0;\n  }\n\n  .ui.placeholder .image.header:after,\n  .ui.placeholder .line,\n  .ui.placeholder .line:after,\n  .ui.placeholder > :before {\n    background-color: #f2f2f2;\n  }\n\n  .header {\n    border-radius: 5px;\n\n    &::after {\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/chat/loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/chat/loader/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8VAAA,2RAkBpC,KAAA"}

package/dist/system/presentation/components/data/chat/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Chat: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

package/dist/system/presentation/components/data/chat/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chat = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 5px;\n  background-color: #f2f2f2;\n\n  .top_chat {\n    height: 62px;\n    text-align: center;\n    padding-top: 15px;\n    border-bottom: solid 1px #e1e1e1;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n  }\n\n  .content_chat {\n    padding: 5px 16px 20px 20px;\n\n    ul {\n      height: 495px;\n      overflow-y: auto;\n      padding-right: 4px;\n\n      li {\n        padding: 10px;\n        margin-bottom: 15px;\n        border-radius: 5px;\n        border: solid 1px #e1e1e1;\n\n        .message-header {\n          margin-bottom: 10px;\n\n          display: flex;\n          align-items: center;\n          gap: 10px;\n\n          .avatar-image {\n            width: 30px;\n            height: 30px;\n          }\n\n          h4 {\n            margin: 0;\n            color: #2b2b2b;\n          }\n\n          p {\n            margin-left: auto;\n            color: #828282;\n          }\n        }\n\n        .message-body {\n          p {\n            color: #2a2a2a;\n          }\n        }\n      }\n\n      li:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 2px;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: #ccc;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: #000;\n        border-radius: 10px;\n      }\n    }\n\n    form {\n      background-color: #fff;\n      border-radius: 5px;\n      padding-right: 15px;\n\n      .input_control {\n        width: calc(100% - 15px);\n        margin-right: 15px;\n\n        .input-content {\n          padding: 6px 0 6px 6px;\n\n          input {\n            border: 0;\n            outline-color: rgba(0, 0, 0, 0.1);\n          }\n        }\n      }\n\n      > div {\n        display: flex;\n        height: 40px;\n\n        > div {\n          margin: 0;\n\n          * {\n            height: 100%;\n          }\n        }\n      }\n\n      .form-button {\n        height: 100%;\n\n        > div {\n          height: inherit;\n\n          button {\n            border: 0;\n            padding: 0;\n            background-color: transparent;\n            height: inherit;\n\n            .button-icon {\n              display: flex;\n              align-items: center;\n\n              svg {\n                height: 15px;\n                width: auto;\n                fill: #000;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  border-radius: 5px;\n  background-color: #f2f2f2;\n\n  .top_chat {\n    height: 62px;\n    text-align: center;\n    padding-top: 15px;\n    border-bottom: solid 1px #e1e1e1;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n  }\n\n  .content_chat {\n    padding: 5px 16px 20px 20px;\n\n    ul {\n      height: 495px;\n      overflow-y: auto;\n      padding-right: 4px;\n\n      li {\n        padding: 10px;\n        margin-bottom: 15px;\n        border-radius: 5px;\n        border: solid 1px #e1e1e1;\n\n        .message-header {\n          margin-bottom: 10px;\n\n          display: flex;\n          align-items: center;\n          gap: 10px;\n\n          .avatar-image {\n            width: 30px;\n            height: 30px;\n          }\n\n          h4 {\n            margin: 0;\n            color: #2b2b2b;\n          }\n\n          p {\n            margin-left: auto;\n            color: #828282;\n          }\n        }\n\n        .message-body {\n          p {\n            color: #2a2a2a;\n          }\n        }\n      }\n\n      li:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 2px;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: #ccc;\n        border-radius: 10px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: #000;\n        border-radius: 10px;\n      }\n    }\n\n    form {\n      background-color: #fff;\n      border-radius: 5px;\n      padding-right: 15px;\n\n      .input_control {\n        width: calc(100% - 15px);\n        margin-right: 15px;\n\n        .input-content {\n          padding: 6px 0 6px 6px;\n\n          input {\n            border: 0;\n            outline-color: rgba(0, 0, 0, 0.1);\n          }\n        }\n      }\n\n      > div {\n        display: flex;\n        height: 40px;\n\n        > div {\n          margin: 0;\n\n          * {\n            height: 100%;\n          }\n        }\n      }\n\n      .form-button {\n        height: 100%;\n\n        > div {\n          height: inherit;\n\n          button {\n            border: 0;\n            padding: 0;\n            background-color: transparent;\n            height: inherit;\n\n            .button-icon {\n              display: flex;\n              align-items: center;\n\n              svg {\n                height: 15px;\n                width: auto;\n                fill: #000;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/chat/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0jFAAA,u/EA6IhC,KAAA"}

package/dist/system/presentation/components/data/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./chat/index.js";
 export * from './logo/index.js';
 export * from './cards/index.js';
 export * from './avatar/index.js';

package/dist/system/presentation/components/data/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./chat/index.js"), exports);
 __exportStar(require("./logo/index.js"), exports);
 __exportStar(require("./cards/index.js"), exports);
 __exportStar(require("./avatar/index.js"), exports);

package/dist/system/presentation/components/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/data/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/data/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B"}

package/dist/system/presentation/components/layout/menu/components/menu/index.js

@@ -33,16 +33,20 @@ var link_1 = __importDefault(require("next/link"));
 var ui_1 = require("../../../../../../../ui/index.js");
 var system_1 = require("../../../../../../../system/index.js");
 var S = __importStar(require("./styles.js"));
+var router_1 = require("next/router");
 function MenuItem(_a) {
     var _b;
     var item = _a.item;
-    var _c = (0, react_1.useState)(false), isSubMenuVisible = _c[0], setIsSubMenuVisible = _c[1];
+    var router = (0, router_1.useRouter)();
+    var path = router.asPath;
     var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
     function ItemContent() {
         var _a;
         return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-14-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), item === null || item === void 0 ? void 0 : item.title, ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("li", { onMouseEnter: function () { return hasMenuItems && setIsSubMenuVisible(true); }, onMouseLeave: function () { return hasMenuItems && setIsSubMenuVisible(false); }, children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: 'item-title font-14-regular', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: 'item-title', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && isSubMenuVisible && (0, jsx_runtime_1.jsx)(SubMenu, { item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
+    var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
+    var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
+    return ((0, jsx_runtime_1.jsxs)("li", { className: isActive ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-14-regular ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
 }
 function SubMenu(_a) {
     var item = _a.item;

package/dist/system/presentation/components/layout/menu/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/components/layout/menu/components/menu/styles.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubMenu = exports.Menu = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: 15px;\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n  }\n\n  li {\n    position: relative !important;\n    z-index: 9999;\n    width: 100%;\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: 10px;\n    padding-left: 15px;\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 15px;\n    height: 40px;\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    &.active {\n      background-color: #3872fa;\n      color: #fff;\n    }\n\n    &:hover {\n      transform: scale(1.01);\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n\n        .icon {\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: 15px;\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n  }\n\n  li {\n    position: relative !important;\n    z-index: 9999;\n    width: 100%;\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: 10px;\n    padding-left: 15px;\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 15px;\n    height: 40px;\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    &.active {\n      background-color: #3872fa;\n      color: #fff;\n    }\n\n    &:hover {\n      transform: scale(1.01);\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n\n        .icon {\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
-exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n\n  li {\n    &:hover {\n      background-color: #f3f4f6;\n    }\n  }\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n\n  li {\n    &:hover {\n      background-color: #f3f4f6;\n    }\n  }\n"])));
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: 15px;\n\n  @keyframes in {\n    from {\n      margin-left: 0;\n    }\n    to {\n      margin-left: 10px;\n    }\n  }\n\n  @keyframes out {\n    from {\n      margin-left: 10px;\n    }\n    to {\n      margin-left: 0;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n\n      * {\n        animation: none !important;\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: 10px;\n    padding-left: 15px;\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 15px;\n    height: 40px;\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    &:hover {\n      /* transform: scale(1.01); */\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n\n        .icon {\n          animation: in 0.2s forwards;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        animation: out 0.2s forwards;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: 15px;\n\n  @keyframes in {\n    from {\n      margin-left: 0;\n    }\n    to {\n      margin-left: 10px;\n    }\n  }\n\n  @keyframes out {\n    from {\n      margin-left: 10px;\n    }\n    to {\n      margin-left: 0;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n\n      * {\n        animation: none !important;\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: 10px;\n    padding-left: 15px;\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 15px;\n    height: 40px;\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    &:hover {\n      /* transform: scale(1.01); */\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n\n        .icon {\n          animation: in 0.2s forwards;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        animation: out 0.2s forwards;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
+exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/menu/components/menu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,wmDAAA,24BAqDJ,EAAgC,oRAkB3C,EAAgC,kYA2B9C,KA7CyB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkB3C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2B9C;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,ijBAAA,8eAsB/B,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+kFAAA,2iBA0Cb,EAAgC,idA6B3B,EAAgC,iyBA+C5B,EAAgC,8TAoB3C,EAAgC,yaA4B9C,KA5HgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA6B3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA+C5B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoB3C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA4B9C;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,0eAAA,uaAgB/B,KAAA"}

package/dist/system/presentation/components/layout/menu/components/select-workspace/index.d.ts

@@ -2,6 +2,7 @@ type WorkSpaceItem = {
     label: string;
     value: string;
     img: string;
+    subtitle?: string;
 };
 export type WorkSpace = {
     list: WorkSpaceItem[];

package/dist/system/presentation/components/layout/menu/components/select-workspace/index.js

@@ -48,18 +48,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectWorkSpace = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var system_1 = require("../../../../../../../system/index.js");
-var S = __importStar(require("./styles.js"));
 var ui_1 = require("../../../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function Item(_a) {
     var data = _a.data, props = __rest(_a, ["data"]);
-    return ((0, jsx_runtime_1.jsxs)("button", __assign({ className: 'item' }, props.innerProps, { children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { className: 'avatar', image: data.img }), (0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: data.label })] })));
+    return ((0, jsx_runtime_1.jsxs)("button", __assign({ className: 'item' }, props.innerProps, { children: [data.img ? (0, jsx_runtime_1.jsx)(system_1.Avatar, { className: 'avatar', image: data.img }) : (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: data.label }), data.subtitle && (0, jsx_runtime_1.jsx)("span", { className: 'font-12-regular subtitulo', children: data.subtitle })] })] })));
 }
 function SelectWorkSpace(_a) {
     var workspaces = _a.workspaces;
     if (!(workspaces === null || workspaces === void 0 ? void 0 : workspaces.list) || workspaces.list.length === 0) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return ((0, jsx_runtime_1.jsx)(S.SelectWorkSpace, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onChangeForm: { callbackResult: workspaces.onChangeWorkSpace && workspaces.onChangeWorkSpace }, initialData: { workspace: workspaces.activeWorkspace }, children: (0, jsx_runtime_1.jsx)(ui_1.Select, { name: 'workspace', options: workspaces.list, onlyOneValue: true }) }) }));
+    return ((0, jsx_runtime_1.jsx)(S.SelectWorkSpace, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onChangeForm: { callbackResult: workspaces.onChangeWorkSpace && workspaces.onChangeWorkSpace }, initialData: { workspace: workspaces.activeWorkspace }, children: (0, jsx_runtime_1.jsx)(ui_1.Select, { name: 'workspace', menuPlacement: 'bottom', options: workspaces.list, onlyOneValue: true, CustomOption: Item }) }) }));
 }
 exports.SelectWorkSpace = SelectWorkSpace;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/menu/components/select-workspace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,mCAAiC;AAEjC,0CAA6B;AAC7B,2BAA0C;AAE1C,SAAS,IAAI,CAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC5B,OAAO,CACL,6CAAQ,SAAS,EAAC,MAAM,IAAK,KAAK,CAAC,UAAU,eAC3C,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAI,EAE9C,iCAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,CAAC,KAAK,GAAQ,KAC9C,CACV,CAAA;AACH,CAAC;AAcD,SAAgB,eAAe,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAC1C,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,eAAe,cAChB,uBAAC,gBAAW,IACV,YAAY,EAAE,EAAE,cAAc,EAAE,UAAU,CAAC,iBAAiB,IAAI,UAAU,CAAC,iBAAiB,EAAE,EAC9F,WAAW,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,YAEtD,uBAAC,WAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,YAAY,SAAG,GACtD,GACI,CACrB,CAAA;AACH,CAAC;AAfD,0CAeC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,2BAA0C;AAE1C,0CAA6B;AAE7B,SAAS,IAAI,CAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC5B,OAAO,CACL,6CAAQ,SAAS,EAAC,MAAM,IAAK,KAAK,CAAC,UAAU,eAC1C,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAEvF,4CACE,iCAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAEpD,IAAI,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,QAAQ,GAAQ,IAChF,KACC,CACV,CAAA;AACH,CAAC;AAeD,SAAgB,eAAe,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAC1C,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,eAAe,cAChB,uBAAC,gBAAW,IACV,YAAY,EAAE,EAAE,cAAc,EAAE,UAAU,CAAC,iBAAiB,IAAI,UAAU,CAAC,iBAAiB,EAAE,EAC9F,WAAW,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,YAEtD,uBAAC,WAAM,IAAC,IAAI,EAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,YAAY,QAAC,YAAY,EAAE,IAAI,GAAI,GACjG,GACI,CACrB,CAAA;AACH,CAAC;AAfD,0CAeC"}

package/dist/system/presentation/components/layout/menu/components/select-workspace/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectWorkSpace = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0 15px 0 0;\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n    fill: #2b2b2b;\n    width: 18px;\n  }\n\n  [class*='indicatorContainer'] {\n    padding-right: 15px !important;\n  }\n\n  [class*='ValueContainer'] {\n    height: 60px;\n    overflow: visible;\n    padding-left: 15px !important;\n    display: flex;\n  }\n\n  [class*='indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-placeholder'] {\n    color: #2b2b2b;\n    font-size: 14px;\n    font-weight: 400;\n  }\n\n  [class*='-menu'] {\n    width: 100%;\n    max-width: 400px;\n  }\n\n  [class*='-MenuList'] {\n    display: flex;\n    flex-direction: column;\n\n    .item {\n      padding: 5px 15px;\n      transition: background 0.2s;\n\n      &:hover {\n        background: #e1e1e1;\n      }\n    }\n  }\n\n  .css-13cymwt-control {\n    border: 1px solid #e1e1e1;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    .avatar {\n      width: 36px;\n      height: 36px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n\n  .item + .item {\n  }\n"], ["\n  width: 100%;\n  padding: 0 15px 0 0;\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n    fill: #2b2b2b;\n    width: 18px;\n  }\n\n  [class*='indicatorContainer'] {\n    padding-right: 15px !important;\n  }\n\n  [class*='ValueContainer'] {\n    height: 60px;\n    overflow: visible;\n    padding-left: 15px !important;\n    display: flex;\n  }\n\n  [class*='indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-placeholder'] {\n    color: #2b2b2b;\n    font-size: 14px;\n    font-weight: 400;\n  }\n\n  [class*='-menu'] {\n    width: 100%;\n    max-width: 400px;\n  }\n\n  [class*='-MenuList'] {\n    display: flex;\n    flex-direction: column;\n\n    .item {\n      padding: 5px 15px;\n      transition: background 0.2s;\n\n      &:hover {\n        background: #e1e1e1;\n      }\n    }\n  }\n\n  .css-13cymwt-control {\n    border: 1px solid #e1e1e1;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    .avatar {\n      width: 36px;\n      height: 36px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n\n  .item + .item {\n  }\n"])));
+exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 20px 15px 0 0;\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n    fill: #2b2b2b;\n    width: 18px;\n  }\n\n  [class*='indicatorContainer'] {\n    padding-right: 15px !important;\n  }\n\n  [class*='ValueContainer'] {\n    height: 60px;\n    overflow: visible;\n    padding-left: 15px !important;\n    display: flex;\n  }\n\n  [class*='indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-placeholder'] {\n    color: #2b2b2b;\n    font-size: 14px;\n    font-weight: 400;\n  }\n\n  [class*='-menu'] {\n    width: 100%;\n    max-width: 400px;\n    z-index: 9999;\n  }\n\n  [class*='-MenuList'] {\n    display: flex;\n    flex-direction: column;\n\n    .item {\n      padding: 5px 15px;\n      transition: background 0.2s;\n\n      &:hover {\n        background: #e1e1e1;\n      }\n    }\n  }\n\n  .css-13cymwt-control {\n    border: 1px solid #e1e1e1;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    > div {\n      display: flex;\n      flex-direction: column;\n      text-align: start;\n\n      .subtitulo {\n        color: #828282;\n      }\n    }\n\n    .circle {\n      width: 36px;\n      height: 36px;\n      border-radius: 100rem;\n      background-color: #444444;\n    }\n\n    .avatar {\n      width: 36px;\n      height: 36px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  padding: 20px 15px 0 0;\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n    fill: #2b2b2b;\n    width: 18px;\n  }\n\n  [class*='indicatorContainer'] {\n    padding-right: 15px !important;\n  }\n\n  [class*='ValueContainer'] {\n    height: 60px;\n    overflow: visible;\n    padding-left: 15px !important;\n    display: flex;\n  }\n\n  [class*='indicatorSeparator'] {\n    display: none;\n  }\n\n  [class*='-placeholder'] {\n    color: #2b2b2b;\n    font-size: 14px;\n    font-weight: 400;\n  }\n\n  [class*='-menu'] {\n    width: 100%;\n    max-width: 400px;\n    z-index: 9999;\n  }\n\n  [class*='-MenuList'] {\n    display: flex;\n    flex-direction: column;\n\n    .item {\n      padding: 5px 15px;\n      transition: background 0.2s;\n\n      &:hover {\n        background: #e1e1e1;\n      }\n    }\n  }\n\n  .css-13cymwt-control {\n    border: 1px solid #e1e1e1;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    > div {\n      display: flex;\n      flex-direction: column;\n      text-align: start;\n\n      .subtitulo {\n        color: #828282;\n      }\n    }\n\n    .circle {\n      width: 36px;\n      height: 36px;\n      border-radius: 100rem;\n      background-color: #444444;\n    }\n\n    .avatar {\n      width: 36px;\n      height: 36px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/menu/components/select-workspace/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,k1CAAA,+wCAgFxC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,6mDAAA,0iDA+FxC,KAAA"}

package/dist/system/presentation/components/layout/menu/version-01/index.js

@@ -31,7 +31,7 @@ var S = __importStar(require("./styles.js"));
 function MenuVersion01(_a) {
     var workspaces = _a.workspaces;
     var headerHeight = (0, hook_1.useHeader)().headerHeight;
-    return ((0, jsx_runtime_1.jsxs)(S.MenuVersion01, { style: { height: "calc(100vh - ".concat(headerHeight + 'px', ")") }, id: 'left-menu', children: [(0, jsx_runtime_1.jsx)(components_1.Menu, {}), (0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, { workspaces: workspaces })] }));
+    return ((0, jsx_runtime_1.jsxs)(S.MenuVersion01, { style: { height: "calc(100vh - ".concat(headerHeight + 'px', ")") }, id: 'left-menu', children: [(0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] }));
 }
 exports.MenuVersion01 = MenuVersion01;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/menu/version-01/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AAExC,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAChC,IAAA,YAAY,GAAK,IAAA,gBAAS,GAAE,aAAhB,CAAgB;IAEpC,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,YAAY,GAAG,IAAI,MAAG,EAAE,EAAE,EAAE,EAAC,WAAW,aACxF,uBAAC,iBAAI,KAAG,EAER,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,IAC3B,CACnB,CAAA;AACH,CAAC;AAVD,sCAUC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AAExC,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAChC,IAAA,YAAY,GAAK,IAAA,gBAAS,GAAE,aAAhB,CAAgB;IAEpC,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,YAAY,GAAG,IAAI,MAAG,EAAE,EAAE,EAAE,EAAC,WAAW,aACxF,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EAE3C,uBAAC,iBAAI,KAAG,IACQ,CACnB,CAAA;AACH,CAAC;AAVD,sCAUC"}

package/dist/system/presentation/components/layout/menu/version-01/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuVersion01 = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.MenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 285px;\n  padding: 0 0 20px 15px;\n  border-right: 1px solid #e1e1e1;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n\n  .menu {\n    margin-top: 20px;\n  }\n"], ["\n  width: 100%;\n  max-width: 285px;\n  padding: 0 0 20px 15px;\n  border-right: 1px solid #e1e1e1;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n\n  .menu {\n    margin-top: 20px;\n  }\n"])));
+exports.MenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 285px;\n  padding: 0 0 20px 15px;\n  border-right: 1px solid #e1e1e1;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  left: 0;\n\n  .menu {\n    margin-top: 20px;\n  }\n"], ["\n  width: 100%;\n  max-width: 285px;\n  padding: 0 0 20px 15px;\n  border-right: 1px solid #e1e1e1;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  left: 0;\n\n  .menu {\n    margin-top: 20px;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/menu/version-01/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,sVAAA,mRAexC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,mTAAA,gPAcxC,KAAA"}

package/dist/ui/components/button/interfaces.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IconsNames } from '../../../ui/index.js';
 export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
-    text: string;
+    text?: string;
     href?: string;
     svg?: IconsNames;
     loading?: boolean;

package/dist/ui/components/form/input/index.js

@@ -10,37 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var formik_1 = require("formik");
 var input_control_1 = require("../input-control/index.js");
-var react_1 = require("react");
-var icons_1 = require("../../../../ui/icons/index.js");
-var S = __importStar(require("./styles.js"));
 function Input(props) {
     var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], state = _a[1], handlers = _a[2];
     (0, react_1.useEffect)(function () {
@@ -48,9 +23,7 @@ function Input(props) {
             handlers.setValue(state.initialValue);
         }
     }, [state.initialValue]);
-    var icon = props.icon && props.icon;
-    var iconDirectuon = props.iconDirection && props.iconDirection;
-    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputBox, { className: "".concat(iconDirectuon ? iconDirectuon || 'left' : ''), children: [icon && ((0, jsx_runtime_1.jsx)("label", { htmlFor: props.name, style: { width: icon.size, height: icon.size }, className: 'input-icon', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: icon.name, fill: icon.color }) })), (0, jsx_runtime_1.jsx)("input", __assign({}, field, props, { id: props.name }))] }) })));
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", __assign({}, field, props, { id: props.name })) })));
 }
 exports.Input = Input;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,kDAA+C;AAG/C,+BAAiC;AACjC,oCAAiC;AAEjC,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAExB,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAA;IACrC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,CAAA;IAEhE,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAE,UAAG,aAAa,CAAC,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,aACrE,IAAI,IAAI,CACP,kCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,YAAY,YAChG,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GACrC,CACT,EAED,6CAAW,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,KAAK,CAAC,IAAI,IAAI,IACpC,IACA,CAChB,CAAA;AACH,CAAC;AAzBD,sBAyBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,iCAAiC;AAEjC,kDAA+C;AAI/C,SAAgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAA2B,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA1E,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,QAAQ,QAAoD,CAAA;IAEjF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IAGxB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACnB,6CAAW,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,KAAK,CAAC,IAAI,IAAI,IACpC,CAChB,CAAA;AACH,CAAC;AAfD,sBAeC"}

package/dist/ui/components/form/input-control/index.js

@@ -32,7 +32,7 @@ var loader_input_1 = require("./loader-input/index.js");
 var S = __importStar(require("./styles.js"));
 function InputControl(_a) {
     var name = _a.name, label = _a.label, loading = _a.loading, children = _a.children, icon = _a.icon;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), (0, jsx_runtime_1.jsx)("div", { children: children })] }), (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { name: name })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, className: 'input_control', children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), (0, jsx_runtime_1.jsx)("div", { children: children })] }), (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { name: name })] }) }));
 }
 exports.InputControl = InputControl;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBAAW,OAAO,aAC9B,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE3B,0CAAM,QAAQ,GAAO,IACjB,EAEN,uBAAC,oBAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACb,GACX,CACT,CAAA;AACH,CAAC;AAhBD,oCAgBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBAAW,OAAO,EAAE,SAAS,EAAC,eAAe,aACzD,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAE3B,0CAAM,QAAQ,GAAO,IACjB,EAEN,uBAAC,oBAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACb,GACX,CACT,CAAA;AACH,CAAC;AAhBD,oCAgBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.12.3",
+  "version": "0.12.5",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/ui/components/form/input/styles.js

@@ -1,14 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputBox = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.InputBox = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  border: 0;\n  background-color: #fff;\n  color: #111;\n  padding: 0 0 0 10px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  height: 40px;\n  font-weight: 400;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 14px;\n  align-items: center;\n  overflow: hidden;\n\n  &.right {\n    flex-direction: row-reverse;\n    padding: 0 10px 0 0;\n\n    .input-icon {\n      margin-left: 10px;\n      margin-right: 0;\n    }\n  }\n\n  &.left {\n    input {\n      padding-left: 0 !important;\n    }\n\n    .input-icon {\n      margin-right: 10px;\n    }\n  }\n\n  input {\n    width: 100%;\n    border: 0;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .input-icon {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin: 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"], ["\n  display: flex;\n  border: 0;\n  background-color: #fff;\n  color: #111;\n  padding: 0 0 0 10px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  height: 40px;\n  font-weight: 400;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 14px;\n  align-items: center;\n  overflow: hidden;\n\n  &.right {\n    flex-direction: row-reverse;\n    padding: 0 10px 0 0;\n\n    .input-icon {\n      margin-left: 10px;\n      margin-right: 0;\n    }\n  }\n\n  &.left {\n    input {\n      padding-left: 0 !important;\n    }\n\n    .input-icon {\n      margin-right: 10px;\n    }\n  }\n\n  input {\n    width: 100%;\n    border: 0;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .input-icon {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin: 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"])));
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i8BAAA,83BA0DpC,KAAA"}