infinity-forge 0.51.9 → 0.52.0

package/dist/system/presentation/components/data/buttons/sidebar-button/index.js

@@ -0,0 +1,35 @@
+"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.SideBarButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var utils_1 = require("../../../../../../system/presentation/utils/index.js");
+var S = __importStar(require("./styles.js"));
+function SideBarButton() {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: '', children: (0, jsx_runtime_1.jsx)(S.SideBarButton, { onClick: utils_1.openSidebar, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '2', stroke: 'currentColor', children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5' }) }) }) }));
+}
+exports.SideBarButton = SideBarButton;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/buttons/sidebar-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/buttons/sidebar-button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,qDAAyD;AAEzD,0CAA6B;AAE7B,SAAgB,aAAa;IAC3B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,EAAE,YACZ,uBAAC,CAAC,CAAC,aAAa,IAAC,OAAO,EAAE,mBAAW,EAAE,IAAI,EAAC,QAAQ,YAClD,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,YAC3G,iCAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,4CAA4C,GAAQ,GACrG,GACU,GACZ,CACT,CAAA;AACH,CAAC;AAVD,sCAUC"}

package/dist/system/presentation/components/data/buttons/sidebar-button/styles.d.ts

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

package/dist/system/presentation/components/data/buttons/sidebar-button/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.SideBarButton = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SideBarButton = (0, styled_components_1.default)('button')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0;\n  border: none;\n  background: none;\n  width: 28px;\n  height: 28px;\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n"], ["\n  padding: 0;\n  border: none;\n  background: none;\n  width: 28px;\n  height: 28px;\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/buttons/sidebar-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/buttons/sidebar-button/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,QAAQ,CAAC,iSAAA,8NAe5C,KAAA"}

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

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

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

@@ -0,0 +1,36 @@
+"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.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");
+var S = __importStar(require("./styles.js"));
+function CardMessage(_a) {
+    var message = _a.message;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'card_message_error', children: (0, jsx_runtime_1.jsxs)(S.CardMessage, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'message-header ', children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { image: message.avatar, className: 'avatar-image' }), message.userName && (0, jsx_runtime_1.jsx)("h4", { children: message === null || message === void 0 ? void 0 : message.userName }), message.dataCriacaoText && (0, jsx_runtime_1.jsx)("p", { className: 'font-12', children: message === null || message === void 0 ? void 0 : message.dataCriacaoText })] }), message.message && ((0, jsx_runtime_1.jsx)("div", { className: 'message-body', children: (0, jsx_runtime_1.jsx)("p", { className: 'font-16', children: message === null || message === void 0 ? void 0 : message.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,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAiC;QAA/B,OAAO,aAAA;IACnC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,oBAAoB,YAC9B,wBAAC,CAAC,CAAC,WAAW,eACZ,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,uBAAC,eAAM,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAC,cAAc,GAAG,EAEzD,OAAO,CAAC,QAAQ,IAAI,yCAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,GAAM,EAChD,OAAO,CAAC,eAAe,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,GAAK,IAC7E,EAEL,OAAO,CAAC,OAAO,IAAI,CAClB,gCAAK,SAAS,EAAC,cAAc,YAC3B,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,GAAK,GACzC,CACP,IACa,GACV,CACT,CAAA;AACH,CAAC;AAnBD,kCAmBC"}

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

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

package/dist/system/presentation/components/data/chat/card-message/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.CardMessage = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.CardMessage = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 10px;\n  margin-top: 15px;\n  border-radius: 5px;\n  border: solid 1px #e1e1e1;\n  background-color: #fff;\n\n  .message-header {\n    margin-bottom: 10px;\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      font-size: 13px;\n      font-weight: 500;\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  padding: 10px;\n  margin-top: 15px;\n  border-radius: 5px;\n  border: solid 1px #e1e1e1;\n  background-color: #fff;\n\n  .message-header {\n    margin-bottom: 10px;\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      font-size: 13px;\n      font-weight: 500;\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"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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,38 @@
+"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.Chat = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../ui/index.js");
+var schema_1 = require("./schema.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;
+    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)("div", { className: 'chat', children: [isLoading && (0, jsx_runtime_1.jsx)(loader_1.ChatLoader, {}), !isLoading && (!messages || messages.length === 0) && ((0, jsx_runtime_1.jsxs)("div", { className: 'no-message', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconMessageBalloon' }) }), (0, jsx_runtime_1.jsx)("span", { className: 'font-16-bold', children: "Inicie uma conversa" })] })), messages === null || messages === void 0 ? void 0 : messages.map(function (message) { return ((0, jsx_runtime_1.jsx)(card_message_1.CardMessage, { message: message }, message.dataCriacao)); })] }), (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { svg: 'IconSendMessage' }, onSucess: sendMensage, schema: schema_1.chatSchema, 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,2BAAsD;AAEtD,mCAAqC;AAErC,mCAAqC;AACrC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,IAAI,CAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IACrD,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,iCAAK,SAAS,EAAC,MAAM,aAClB,SAAS,IAAI,uBAAC,mBAAU,KAAG,EAE3B,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CACrD,iCAAK,SAAS,EAAC,YAAY,aACzB,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAC,oBAAoB,GAAG,GAC9B,EAEN,iCAAM,SAAS,EAAC,cAAc,oCAA2B,IACrD,CACP,EAEA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC1B,uBAAC,0BAAW,IAA2B,OAAO,EAAE,OAAO,IAArC,OAAO,CAAC,WAAW,CAAuB,CAC7D,EAF2B,CAE3B,CAAC,IACE,EAEN,uBAAC,gBAAW,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAU,YACxF,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,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+function ChatLoader() {
+    return ((0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] }), (0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] }), (0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: '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,2BAA+B;AAE/B,SAAgB,UAAU;IACxB,OAAO,CACL,2CACE,gCAAI,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC7B,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACtD,uBAAC,aAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,EAE1B,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC3B,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACpB,IACF,EAEN,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACrB,EAEL,gCAAI,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC7B,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACtD,uBAAC,aAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,EAE1B,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC3B,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACpB,IACF,EAEN,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACrB,EAEL,gCAAI,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC7B,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACtD,uBAAC,aAAQ,IAAC,IAAI,EAAC,QAAQ,GAAG,EAE1B,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC3B,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACpB,IACF,EAEN,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,uBAAC,aAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,IACrB,IACF,CACN,CAAA;AACH,CAAC;AA9CD,gCA8CC"}

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

@@ -0,0 +1,4 @@
+import * as Yup from 'yup';
+export declare const chatSchema: {
+    message: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;
+};

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

@@ -0,0 +1,29 @@
+"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.chatSchema = void 0;
+var Yup = __importStar(require("yup"));
+exports.chatSchema = { message: Yup.string().required('') };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/schema.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0B;AAEb,QAAA,UAAU,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA"}

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

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

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  overflow: hidden;\n\n  .top_chat {\n    height: 47px;\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 5px 20px 20px;\n\n    > div:first-child {\n      margin-top: 0;\n    }\n\n    .chat {\n      height: 380px;\n      overflow-y: auto;\n      padding-right: 4px;\n      padding-bottom: 0;\n      margin-bottom: 10px;\n\n      .no-message {\n        color: #828282;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-height: 326px;\n        margin: auto 0;\n        position: relative;\n        top: 50%;\n        transform: translateY(-50%);\n\n        .icon {\n          width: 60px;\n          display: flex;\n          margin: 0 auto 16px;\n\n          svg {\n            width: 100%;\n            height: auto;\n            fill: currentColor;\n          }\n        }\n      }\n\n      .chat_item:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 5px;\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: 16px;\n      margin-top: 10px;\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  overflow: hidden;\n\n  .top_chat {\n    height: 47px;\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 5px 20px 20px;\n\n    > div:first-child {\n      margin-top: 0;\n    }\n\n    .chat {\n      height: 380px;\n      overflow-y: auto;\n      padding-right: 4px;\n      padding-bottom: 0;\n      margin-bottom: 10px;\n\n      .no-message {\n        color: #828282;\n        text-align: center;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-height: 326px;\n        margin: auto 0;\n        position: relative;\n        top: 50%;\n        transform: translateY(-50%);\n\n        .icon {\n          width: 60px;\n          display: flex;\n          margin: 0 auto 16px;\n\n          svg {\n            width: 100%;\n            height: auto;\n            fill: currentColor;\n          }\n        }\n      }\n\n      .chat_item:last-child {\n        margin-bottom: 0;\n      }\n\n      &::-webkit-scrollbar {\n        width: 5px;\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: 16px;\n      margin-top: 10px;\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,kqFAAA,+lFA4IhC,KAAA"}

package/dist/system/presentation/components/data/detail-card/component.d.ts

@@ -0,0 +1,2 @@
+import { IDetailCard } from './interfaces.js';
+export declare function DetailCard({ icon, color, title, subTitle, action, warning, iconSize, highlight }: IDetailCard): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/detail-card/component.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var highlight_icon_1 = require("../highlight-icon/index.js");
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function DetailCard(_a) {
+    var icon = _a.icon, color = _a.color, title = _a.title, subTitle = _a.subTitle, action = _a.action, warning = _a.warning, iconSize = _a.iconSize, highlight = _a.highlight;
+    if (!title) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'DetailCard', children: (0, jsx_runtime_1.jsxs)(S.DetailCard, { style: { color: color, borderColor: warning ? color : '#e1e1e1' }, className: highlight ? 'highlight' : '', children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(highlight_icon_1.HighlightIcon, { icon: {
+                                name: icon,
+                                size: iconSize || 'regular',
+                            }, color: color }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [title && (0, jsx_runtime_1.jsx)("span", { className: 'font-18-bold detail-title', children: title }), subTitle && (0, jsx_runtime_1.jsx)("span", { className: 'font-16-regular detail-subtitle', children: subTitle })] })] }), !action && warning && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, bgColor: '#fff', content: warning === null || warning === void 0 ? void 0 : warning.message, trigger: (0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconExclamation', fill: '#E02F2F' }) }) })), (action === null || action === void 0 ? void 0 : action.type) && !warning && ((0, jsx_runtime_1.jsx)("div", { className: 'action-box', children: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', type: 'button', onClick: action === null || action === void 0 ? void 0 : action.onClick, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: action.type }) }) }))] }) }));
+}
+exports.DetailCard = DetailCard;
+//# sourceMappingURL=component.js.map

package/dist/system/presentation/components/data/detail-card/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/detail-card/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AAEjD,2BAA2C;AAI3C,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAAmF;QAAjF,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC7F,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,wBAAC,CAAC,CAAC,UAAU,IACX,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAC1D,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,aAEvC,4CACE,uBAAC,8BAAa,IACZ,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI;gCACV,IAAI,EAAE,QAAQ,IAAI,SAAS;6BAC5B,EACD,KAAK,EAAE,KAAK,GACZ,EAEF,iCAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,EAEnE,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAQ,IAC5E,IACF,EAEL,CAAC,MAAM,IAAI,OAAO,IAAI,CACrB,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACzB,OAAO,EACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,GAAG,GAC1C,GAER,CACH,EAEA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,OAAO,IAAI,CAC3B,gCAAK,SAAS,EAAC,YAAY,YACzB,mCAAQ,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,YACtE,uBAAC,SAAI,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,GACpB,GACL,CACP,IACY,GACT,CACT,CAAA;AACH,CAAC;AAlDD,gCAkDC"}

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

@@ -0,0 +1,2 @@
+export * from "./component.js";
+export * from "./interfaces.js";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/detail-card/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,+CAA4B"}

package/dist/system/presentation/components/data/detail-card/interfaces.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { IconsNames } from '../../../../../ui/index.js';
+export interface IDetailCard {
+    id?: number;
+    icon: IconsNames;
+    color: string;
+    title: string | number;
+    subTitle: string;
+    highlight?: boolean;
+    children?: ReactNode;
+    iconSize?: 'regular' | 'small';
+    warning?: {
+        message: string;
+    };
+    action?: {
+        type?: IconsNames;
+        onClick?: (param?: any) => void;
+    };
+}

package/dist/system/presentation/components/data/detail-card/interfaces.js

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

package/dist/system/presentation/components/data/detail-card/interfaces.js.map

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

package/dist/system/presentation/components/data/detail-card/styles.d.ts

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

package/dist/system/presentation/components/data/detail-card/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.DetailCard = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.DetailCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 10px;\n  border-radius: 5px;\n  border: 1px solid #e1e1e1;\n  display: flex;\n  justify-content: space-between;\n\n  &.highlight {\n    background: currentColor;\n\n    span {\n      color: #fff;\n    }\n\n    > div {\n      > div:first-child {\n        background: rgba(255, 255, 255, 0.22) !important;\n      }\n    }\n\n    svg {\n      fill: #fff;\n    }\n  }\n\n  > div {\n    display: flex;\n    width: fit-content;\n  }\n\n  span {\n    display: block;\n    line-height: 1;\n  }\n\n  .content {\n    margin-left: 15px;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    gap: 6px;\n    color: ", ";\n  }\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n\n  .icon {\n    display: flex;\n    width: 16px;\n    height: 16px;\n  }\n\n  .action-box {\n    display: flex;\n    color: #828282;\n    align-items: flex-start;\n    gap: 15px;\n    height: fit-content;\n    margin: auto 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n\n    .icon {\n      display: flex;\n      width: 11.5px;\n      height: 11.5px;\n    }\n\n    button {\n      color: #828282;\n      background: none;\n      padding: 0;\n      border: 0;\n      min-width: 40px;\n      min-height: 40px;\n      border-radius: 5px;\n      border: 1px solid #828282;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      padding: 11px;\n\n      svg {\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1800px) {\n    > div {\n      align-items: center;\n    }\n\n    .content {\n      margin-left: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .detail-title {\n      font-size: 1.6rem;\n    }\n\n    .detail-subtitle {\n      font-size: 1.4rem;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      > div:first-child {\n        min-width: 45px;\n        min-height: 45px;\n        width: 45px;\n        height: 45px;\n      }\n    }\n\n    .detail-title {\n      font-size: 1.4rem;\n    }\n\n    .detail-subtitle {\n      font-size: 1.2rem;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      > div:first-child {\n        min-width: 40px;\n        min-height: 40px;\n        width: 40px;\n        height: 40px;\n        padding: 10px;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  padding: 10px;\n  border-radius: 5px;\n  border: 1px solid #e1e1e1;\n  display: flex;\n  justify-content: space-between;\n\n  &.highlight {\n    background: currentColor;\n\n    span {\n      color: #fff;\n    }\n\n    > div {\n      > div:first-child {\n        background: rgba(255, 255, 255, 0.22) !important;\n      }\n    }\n\n    svg {\n      fill: #fff;\n    }\n  }\n\n  > div {\n    display: flex;\n    width: fit-content;\n  }\n\n  span {\n    display: block;\n    line-height: 1;\n  }\n\n  .content {\n    margin-left: 15px;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    gap: 6px;\n    color: ", ";\n  }\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n\n  .icon {\n    display: flex;\n    width: 16px;\n    height: 16px;\n  }\n\n  .action-box {\n    display: flex;\n    color: #828282;\n    align-items: flex-start;\n    gap: 15px;\n    height: fit-content;\n    margin: auto 0;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n\n    .icon {\n      display: flex;\n      width: 11.5px;\n      height: 11.5px;\n    }\n\n    button {\n      color: #828282;\n      background: none;\n      padding: 0;\n      border: 0;\n      min-width: 40px;\n      min-height: 40px;\n      border-radius: 5px;\n      border: 1px solid #828282;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      padding: 11px;\n\n      svg {\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1800px) {\n    > div {\n      align-items: center;\n    }\n\n    .content {\n      margin-left: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .detail-title {\n      font-size: 1.6rem;\n    }\n\n    .detail-subtitle {\n      font-size: 1.4rem;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      > div:first-child {\n        min-width: 45px;\n        min-height: 45px;\n        width: 45px;\n        height: 45px;\n      }\n    }\n\n    .detail-title {\n      font-size: 1.4rem;\n    }\n\n    .detail-subtitle {\n      font-size: 1.2rem;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      > div:first-child {\n        min-width: 40px;\n        min-height: 40px;\n        width: 40px;\n        height: 40px;\n        padding: 10px;\n      }\n    }\n  }\n"])), function (props) { return props.theme.darkColor; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/detail-card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/detail-card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+6EAAA,upBA0C1B,EAAgC,mtDAyG5C,KAzGY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyG5C"}

package/dist/system/presentation/components/data/highlight-icon/index.d.ts

@@ -0,0 +1,2 @@
+import { IHighlightIcon } from './interfaces.js';
+export declare function HighlightIcon({ icon, color }: IHighlightIcon): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/highlight-icon/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighlightIcon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var chroma_js_1 = __importDefault(require("chroma-js"));
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function HighlightIcon(_a) {
+    var icon = _a.icon, color = _a.color;
+    var background = (0, chroma_js_1.default)(color).alpha(0.22).css();
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Highlight', children: (0, jsx_runtime_1.jsx)(S.Highlight, { "$size": icon === null || icon === void 0 ? void 0 : icon.size, style: { background: background, color: color }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon.name }) }) }));
+}
+exports.HighlightIcon = HighlightIcon;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/highlight-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/highlight-icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAA8B;AAE9B,2BAAkC;AAIlC,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA+B;QAA7B,IAAI,UAAA,EAAE,KAAK,WAAA;IACzC,IAAM,UAAU,GAAG,IAAA,mBAAM,EAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAA;IAElD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,uBAAC,CAAC,CAAC,SAAS,aAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,KAAK,OAAA,EAAE,YAC1D,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,GACb,GACR,CACT,CAAA;AACH,CAAC;AAVD,sCAUC"}

package/dist/system/presentation/components/data/highlight-icon/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { IconsNames } from '../../../../../ui/index.js';
+export interface IHighlightIcon {
+    color: string;
+    icon: {
+        name: IconsNames;
+        size: 'small' | 'regular';
+    };
+}

package/dist/system/presentation/components/data/highlight-icon/interfaces.js

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

package/dist/system/presentation/components/data/highlight-icon/interfaces.js.map

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

package/dist/system/presentation/components/data/highlight-icon/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Highlight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, {
+    $size?: 'small' | 'regular';
+}>> & string;

package/dist/system/presentation/components/data/highlight-icon/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.Highlight = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Highlight = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", ";\n  width: ", ";\n  height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n"], ["\n  padding: ", ";\n  width: ", ";\n  height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    width: 100%;\n    height: auto;\n    fill: currentColor;\n  }\n"])), function (props) { return (props.$size === 'regular' ? '13px' : '8px'); }, function (props) { return (props.$size === 'regular' ? '50px' : '40px'); }, function (props) { return (props.$size === 'regular' ? '50px' : '40px'); }, function (props) { return (props.$size === 'regular' ? '50px' : '40px'); }, function (props) { return (props.$size === 'regular' ? '50px' : '40px'); });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/highlight-icon/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/highlight-icon/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+UAAiC,eAC1D,EAAuD,cACzD,EAAwD,eACvD,EAAwD,kBACrD,EAAwD,mBACvD,EAAwD,iLAWvE,KAfY,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAA5C,CAA4C,EACzD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACrD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAWvE"}

package/dist/system/presentation/components/data/highlight-text/index.d.ts

@@ -0,0 +1,2 @@
+import { IHighlightText } from './interfaces.js';
+export declare function HighlightText({ text, color }: IHighlightText): import("react/jsx-runtime").JSX.Element;