infinity-forge 0.12.1 → 0.12.3

package/dist/system/presentation/components/data/input-search/index.d.ts

@@ -1,3 +1,2 @@
-export declare function InputSearch({ onChange }: {
-    onChange: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { IInputSearch } from './interfaces.js';
+export declare function InputSearch({ onChange, ...props }: IInputSearch): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/data/input-search/index.js

@@ -1,4 +1,15 @@
 "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);
@@ -22,14 +33,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSearch = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function InputSearch(_a) {
-    var onChange = _a.onChange;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSearch', children: (0, jsx_runtime_1.jsxs)(S.SearchInput, { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: 'search', className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'LupaIcon' }) }), (0, jsx_runtime_1.jsx)("input", { className: 'font-14-regular', id: 'search', type: 'text', onChange: onChange, placeholder: 'Pesquisar...' })] }) }));
+    var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSearch', children: (0, jsx_runtime_1.jsxs)(S.SearchInput, { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: 'search', className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'LupaIcon' }) }), (0, jsx_runtime_1.jsx)("input", __assign({}, props, { className: 'font-14-regular', id: 'search', type: 'text', onChange: onChange, placeholder: 'Pesquisar...' }))] }) }));
 }
 exports.InputSearch = InputSearch;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/input-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAElC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAY;QAAV,QAAQ,cAAA;IACpC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,kCAAO,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,YACtC,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GAClB,EAER,kCAAO,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAC,cAAc,GAAG,IAC9F,GACV,CACT,CAAA;AACH,CAAC;AAZD,kCAYC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAIlC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAoC;IAAlC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC9C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,kCAAO,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,YACtC,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GAClB,EAER,6CACM,KAAK,IACT,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,cAAc,IAC1B,IACY,GACV,CACT,CAAA;AACH,CAAC;AAnBD,kCAmBC"}

package/dist/system/presentation/components/data/input-search/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+export interface IInputSearch {
+    onChange: (e: any) => void;
+    ref?: MutableRefObject<any>;
+}

package/dist/system/presentation/components/data/input-search/interfaces.js

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

package/dist/system/presentation/components/data/input-search/interfaces.js.map

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

package/dist/system/presentation/components/layout/header/components/menu-right/messages/content/index.js

@@ -1,15 +1,4 @@
 "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);
@@ -33,22 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.Content = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-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"));
 function Content(_a) {
     var setVisible = _a.setVisible, messages = _a.messages;
     if (!messages && messages.length > 0) {
         return;
     }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsx)("h5", { className: 'font-18-semibold', children: "Mensagens" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: system_1.routes.support.inbox, onClick: function () { return setVisible(false); }, className: 'font-16-regular', children: "View all" })] }), (0, jsx_runtime_1.jsx)("div", { className: 'cards-box', children: messages.map(function (item) { return ((0, jsx_runtime_1.jsx)(system_1.MessageCard, __assign({}, item), 'message-card' + item.id)); }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsx)(S.Content, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) }) }));
 }
 exports.Content = Content;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/header/components/menu-right/messages/content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/messages/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAA4B;AAC5B,mCAA8C;AAI9C,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA8C;QAA5C,UAAU,gBAAA,EAAE,QAAQ,cAAA;IAC5C,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrC,OAAM;IACR,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,wBAAC,CAAC,CAAC,OAAO,eACR,iCAAK,SAAS,EAAC,KAAK,aAClB,+BAAI,SAAS,EAAC,kBAAkB,0BAAe,EAE/C,uBAAC,cAAI,IAAC,IAAI,EAAE,eAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,SAAS,EAAC,iBAAiB,yBAExF,IACH,EAEN,gCAAK,SAAS,EAAC,WAAW,YACvB,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACtB,uBAAC,oBAAW,eAAoC,IAAI,GAAlC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAc,CACzD,EAFuB,CAEvB,CAAC,GACE,IACI,GACN,CACT,CAAA;AACH,CAAC;AAxBD,0BAwBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/messages/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2BAA4B;AAK5B,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA8C;QAA5C,UAAU,gBAAA,EAAE,QAAQ,cAAA;IAC5C,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrC,OAAM;IACR,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,cACR,kDAAK,GAcK,GACN,CACT,CAAA;AACH,CAAC;AAzBD,0BAyBC"}

package/dist/system/presentation/components/layout/header/components/menu-right/profile/content/index.js

@@ -48,7 +48,7 @@ function Content() {
             href: system_1.routes.user.activityLog,
         },
     ];
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'user-profile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'user-info', children: [(0, jsx_runtime_1.jsx)("h6", { className: 'font-16-semibold', children: user.firstName }), (0, jsx_runtime_1.jsx)("p", { className: 'font-14-regular', children: user.emailAddress })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'menu', children: menuItems.map(function (item) { return ((0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-14-regular', href: item.href, children: (0, jsx_runtime_1.jsx)("span", { className: 'menu-item', children: item.name }) }, item.name)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'divider', children: (0, jsx_runtime_1.jsx)("button", { className: 'sign-out-button font-14-regular', type: 'button', onClick: signOut, children: "Sign Out" }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'user-profile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'user-info', children: [(0, jsx_runtime_1.jsx)("h6", { className: 'font-16-semibold', children: user.firstName }), (0, jsx_runtime_1.jsx)("p", { className: 'font-14-regular email', children: user.emailAddress })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'menu', children: menuItems.map(function (item) { return ((0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-14-regular', href: item.href, children: (0, jsx_runtime_1.jsx)("span", { className: 'menu-item', children: item.name }) }, item.name)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'divider', children: (0, jsx_runtime_1.jsx)("button", { className: 'sign-out-button font-14-regular', type: 'button', onClick: signOut, children: "Sign Out" }) })] }) }));
 }
 exports.Content = Content;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/header/components/menu-right/profile/content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mDAA4B;AAE5B,2BAA4B;AAC5B,mCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,OAAO;IACf,IAAA,KAAoB,IAAA,qBAAY,GAAE,EAAhC,IAAI,UAAA,EAAE,OAAO,aAAmB,CAAA;IAExC,IAAM,SAAS,GAAG;QAChB;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,OAAO;SAC1B;QACD;YACE,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,QAAQ;SAC3B;QACD;YACE,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,WAAW;SAC9B;KACF,CAAA;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,wBAAC,CAAC,CAAC,OAAO,eACR,gCAAK,SAAS,EAAC,cAAc,YAG3B,iCAAK,SAAS,EAAC,WAAW,aACxB,+BAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,SAAS,GAAM,EAEtD,8BAAG,SAAS,EAAC,iBAAiB,YAAE,IAAI,CAAC,YAAY,GAAK,IAClD,GACF,EAEN,gCAAK,SAAS,EAAC,MAAM,YAClB,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,uBAAC,cAAI,IAAC,SAAS,EAAC,iBAAiB,EAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,YAC/D,iCAAM,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,IAAI,GAAQ,IADT,IAAI,CAAC,IAAI,CAEzC,CACR,EAJwB,CAIxB,CAAC,GACE,EAEN,gCAAK,SAAS,EAAC,SAAS,YACtB,mCAAQ,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,yBAEzE,GACL,IACI,GACN,CACT,CAAA;AACH,CAAC;AA/CD,0BA+CC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mDAA4B;AAI5B,2BAA4B;AAC5B,mCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,OAAO;IACf,IAAA,KAAoB,IAAA,qBAAY,GAAE,EAAhC,IAAI,UAAA,EAAE,OAAO,aAAmB,CAAA;IAExC,IAAM,SAAS,GAAG;QAChB;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,OAAO;SAC1B;QACD;YACE,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,QAAQ;SAC3B;QACD;YACE,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,WAAW;SAC9B;KACF,CAAA;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,wBAAC,CAAC,CAAC,OAAO,eACR,gCAAK,SAAS,EAAC,cAAc,YAG3B,iCAAK,SAAS,EAAC,WAAW,aACxB,+BAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,SAAS,GAAM,EAEtD,8BAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,YAAY,GAAK,IACxD,GACF,EAEN,gCAAK,SAAS,EAAC,MAAM,YAClB,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,uBAAC,cAAI,IAAC,SAAS,EAAC,iBAAiB,EAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,YAC/D,iCAAM,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,IAAI,GAAQ,IADT,IAAI,CAAC,IAAI,CAEzC,CACR,EAJwB,CAIxB,CAAC,GACE,EAEN,gCAAK,SAAS,EAAC,SAAS,YACtB,mCAAQ,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,yBAEzE,GACL,IACI,GACN,CACT,CAAA;AACH,CAAC;AA/CD,0BA+CC"}

package/dist/system/presentation/components/layout/header/components/menu-right/profile/content/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n    }\n\n    p {\n      color: #4b5563;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"], ["\n  width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n    }\n\n    p {\n      color: #4b5563;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"])));
+exports.Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n    }\n\n    p {\n      color: #4b5563;\n    }\n\n    .email {\n      max-width: 260px;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"], ["\n  width: 100%;\n  min-width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n    }\n\n    p {\n      color: #4b5563;\n    }\n\n    .email {\n      max-width: 260px;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/header/components/menu-right/profile/content/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,27CAAA,w3CAyFhC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,0jDAAA,u/CAgGhC,KAAA"}

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js

@@ -41,7 +41,6 @@ exports.SearchList = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var link_1 = __importDefault(require("next/link"));
-var semantic_ui_react_1 = require("semantic-ui-react");
 var ui_1 = require("../../../../../../../../ui/index.js");
 var system_1 = require("../../../../../../../../system/index.js");
 var S = __importStar(require("./styles.js"));
@@ -49,7 +48,6 @@ function SearchList(_a) {
     var setOpen = _a.setOpen;
     var data = (0, system_1.useLoadMenu)().data;
     var newData = [{ title: 'Menu', icon: 'IconBox', items: data === null || data === void 0 ? void 0 : data.items }];
-    var inputRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(''), searchText = _b[0], setSearchText = _b[1];
     var menuItemsFiltered = newData;
     if (searchText.length > 0) {
@@ -65,15 +63,7 @@ function SearchList(_a) {
             return [];
         });
     }
-    (0, react_1.useEffect)(function () {
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-        return function () {
-            inputRef.current = null;
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Input, { onChange: function (e) { return setSearchText(e.target.value); }, size: 'massive', icon: 'search', ref: inputRef, iconPosition: 'left', placeholder: 'Buscar p\u00E1ginas...' }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: menuItemsFiltered.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (menuItemsFiltered.map(function (item, index) {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (e) { return setSearchText(e.target.value); } }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: menuItemsFiltered.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (menuItemsFiltered.map(function (item, index) {
                         var _a;
                         return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "font-12-bold uppercase ".concat(index !== 0 && 'last'), children: item.title }), (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
                                     return subItem.route ? ((0, jsx_runtime_1.jsxs)(link_1.default, { href: subItem.route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: subItem.icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: subItem.title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: subItem.route })] })] }, subItem.title)) : null;

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js.map

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

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchList = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SearchList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  .header {\n    width: 100%;\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    > div {\n      width: 100%;\n\n      .icon {\n        color: #484848;\n      }\n\n      input {\n        width: 100%;\n        height: 40px;\n        background: #ebebeb;\n        border-radius: 6px;\n        opacity: 1;\n\n        &::placeholder {\n          color: #9b9b9b;\n        }\n      }\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n\n  .header {\n    width: 100%;\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    > div {\n      width: 100%;\n\n      .icon {\n        color: #484848;\n      }\n\n      input {\n        width: 100%;\n        height: 40px;\n        background: #ebebeb;\n        border-radius: 6px;\n        opacity: 1;\n\n        &::placeholder {\n          color: #9b9b9b;\n        }\n      }\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"])));
+exports.SearchList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  .header {\n    width: 100%;\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    > div {\n      width: 100%;\n\n      .icon {\n        color: #484848;\n      }\n\n      input {\n        width: 100%;\n        height: 40px;\n        background: #ebebeb;\n        border-radius: 6px;\n        opacity: 1;\n\n        &::placeholder {\n          color: #9b9b9b;\n        }\n      }\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n\n  .header {\n    width: 100%;\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    > div {\n      width: 100%;\n\n      .icon {\n        color: #484848;\n      }\n\n      input {\n        width: 100%;\n        height: 40px;\n        background: #ebebeb;\n        border-radius: 6px;\n        opacity: 1;\n\n        &::placeholder {\n          color: #9b9b9b;\n        }\n      }\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,ktHAAA,+oHA+JnC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8uHAAA,2qHAgKnC,KAAA"}

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

@@ -10,12 +10,37 @@ 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 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 () {
@@ -23,7 +48,9 @@ function Input(props) {
             handlers.setValue(state.initialValue);
         }
     }, [state.initialValue]);
-    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 })) })));
+    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 }))] }) })));
 }
 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;AAEjC,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,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,6CAAW,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,KAAK,CAAC,IAAI,IAAI,IAClC,CAChB,CAAA;AACH,CAAC;AAdD,sBAcC"}
+{"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"}

package/dist/ui/components/form/input/styles.d.ts

@@ -0,0 +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"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

package/dist/ui/components/form/input/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.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

@@ -0,0 +1 @@
+{"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"}

package/dist/ui/components/form/input-control/index.d.ts

@@ -1,2 +1,2 @@
 import { InputProps } from '../interfaces.js';
-export declare function InputControl({ name, label, loading, children }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputControl({ name, label, loading, children, icon }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -31,7 +31,7 @@ var error_1 = require("./error/index.js");
 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;
+    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 })] }) }));
 }
 exports.InputControl = InputControl;

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,2BAA4B;AAC5B,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAA8C;QAA5C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3D,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,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"}

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

@@ -1,8 +1,15 @@
 /// <reference types="react" />
+import { IconsNames } from '../../../ui/icons/index.js';
 interface Props {
     name: string;
     label?: string;
     loading?: boolean;
+    icon?: {
+        name: IconsNames;
+        size: number;
+        color: string;
+    };
+    iconDirection?: 'left' | 'right';
     $isAccumalativeFile?: boolean;
     only?: 'cpf' | 'cpnj';
 }
@@ -10,5 +17,5 @@ export interface IOptionSelect {
     label: string;
     value: string;
 }
-export type InputProps = JSX.IntrinsicElements["input"] & JSX.IntrinsicElements["textarea"] & Props;
+export type InputProps = JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'] & Props;
 export {};

package/dist/ui/icons/index.d.ts

@@ -46,6 +46,7 @@ export * from './render/empty-chat.js';
 export * from './render/not-found.js';
 export * from './render/plus-sharp.js';
 export * from './render/exclamation.js';
+export * from './render/send-message.js';
 export * from './render/phone-message.js';
 export * from './render/arrow-forward.js';
 export * from './render/fullfield-bell.js';

package/dist/ui/icons/index.js

@@ -62,6 +62,7 @@ __exportStar(require("./render/empty-chat.js"), exports);
 __exportStar(require("./render/not-found.js"), exports);
 __exportStar(require("./render/plus-sharp.js"), exports);
 __exportStar(require("./render/exclamation.js"), exports);
+__exportStar(require("./render/send-message.js"), exports);
 __exportStar(require("./render/phone-message.js"), exports);
 __exportStar(require("./render/arrow-forward.js"), exports);
 __exportStar(require("./render/fullfield-bell.js"), exports);

package/dist/ui/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C"}

package/dist/ui/icons/render/send-message.d.ts

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

package/dist/ui/icons/render/send-message.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSendMessage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function IconSendMessage(_a) {
+    var fill = _a.fill;
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '16', viewBox: '0 0 15 16', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": 'evenodd', "clip-rule": 'evenodd', d: 'M0.0377615 2.09925C-0.0221318 1.86028 -0.012185 1.60914 0.0664205 1.37565C0.145026 1.14217 0.288987 0.936153 0.481208 0.78207C0.673428 0.627986 0.90583 0.53231 1.15081 0.506404C1.3958 0.480498 1.64307 0.525451 1.86326 0.635925L14.2878 6.84924C14.5016 6.95611 14.6815 7.12043 14.8072 7.32378C14.9329 7.52713 14.9994 7.76147 14.9994 8.00054C14.9994 8.23961 14.9329 8.47396 14.8072 8.67731C14.6815 8.88066 14.5016 9.04498 14.2878 9.15185L1.86326 15.3644C1.64313 15.4748 1.39596 15.5197 1.15107 15.4938C0.906179 15.4679 0.673857 15.3723 0.481673 15.2184C0.289489 15.0644 0.145512 14.8585 0.0668277 14.6251C-0.0118566 14.3918 -0.0219444 14.1408 0.0377615 13.9018L1.33976 8.69808L8.89526 8.00054L1.33976 7.30301L0.0377615 2.09925Z', fill: fill }) }));
+}
+exports.IconSendMessage = IconSendMessage;
+//# sourceMappingURL=send-message.js.map

package/dist/ui/icons/render/send-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-message.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/send-message.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,eAAe,CAAC,EAAe;QAAb,IAAI,UAAA;IACpC,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,8CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,stBAAstB,EACxtB,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AAXD,0CAWC"}

package/package.json

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