infinity-forge 0.30.8 → 0.31.0

package/dist/system/presentation/hooks/menu/use-load-menu.d.ts

@@ -1,4 +1,4 @@
-export declare function useLoadMenu(): import("swr/dist/_internal").SWRResponse<import("../../../../system/index.js").LoadAllMenu.Model, any, {
+export declare function useLoadMenu(): import("swr").SWRResponse<import("../../../../system/index.js").LoadAllMenu.Model, any, {
     revalidateIfStale: false;
     revalidateOnFocus: false;
     revalidateOnReconnect: false;

package/dist/system/presentation/hooks/notifications/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-load-all/index.js';
+export * from './use-load-no-read/index.js';

package/dist/system/presentation/hooks/notifications/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("./use-load-all/index.js"), exports);
+__exportStar(require("./use-load-no-read/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/hooks/notifications/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,qDAAkC"}

package/dist/system/presentation/hooks/notifications/use-load-all/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useLoadAllNotifications(): {
+    notifications: any;
+    isLoading: boolean;
+};

package/dist/system/presentation/hooks/notifications/use-load-all/index.js

@@ -0,0 +1,67 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadAllNotifications = void 0;
+var swr_1 = __importDefault(require("swr"));
+var container_1 = require("../../../../../system/container/index.js");
+function useLoadAllNotifications() {
+    var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    function fetcher() {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, container_1.container.get(container_1.Types.RemoteNotifications).loadAll({ timezone: timezone })];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, response];
+                }
+            });
+        });
+    }
+    var swrResponse = (0, swr_1.default)('LoadAllNotifications' + timezone, fetcher);
+    return {
+        notifications: swrResponse.data,
+        isLoading: swrResponse.isLoading,
+    };
+}
+exports.useLoadAllNotifications = useLoadAllNotifications;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/notifications/use-load-all/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-all/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,gDAAqD;AAGrD,SAAgB,uBAAuB;IACrC,IAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAA;IACjE,SAAe,OAAO;;;;;4BACH,qBAAM,qBAAS,CAAC,GAAG,CAAsB,iBAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAA;;wBAApG,QAAQ,GAAG,SAAyF;wBAE1G,sBAAO,QAAQ,EAAA;;;;KAChB;IAED,IAAM,WAAW,GAAG,IAAA,aAAM,EAAC,sBAAsB,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAA;IAEtE,OAAO;QACL,aAAa,EAAE,WAAW,CAAC,IAAI;QAC/B,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAA;AACH,CAAC;AAdD,0DAcC"}

package/dist/system/presentation/hooks/notifications/use-load-no-read/index.d.ts

@@ -0,0 +1,2 @@
+import { LoadNoReadNotifications } from '../../../../../system/domain/index.js';
+export declare function useLoadNoReadNotifications(): import("swr").SWRResponse<LoadNoReadNotifications.Model, any, any>;

package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js

@@ -0,0 +1,62 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadNoReadNotifications = void 0;
+var swr_1 = __importDefault(require("swr"));
+var container_1 = require("../../../../../system/container/index.js");
+function useLoadNoReadNotifications() {
+    function fetcher() {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, container_1.container.get(container_1.Types.RemoteNotifications).loadNoRead()];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, response];
+                }
+            });
+        });
+    }
+    return (0, swr_1.default)('LoadNoReadNotifications', fetcher);
+}
+exports.useLoadNoReadNotifications = useLoadNoReadNotifications;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-no-read/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,gDAAqD;AAGrD,SAAgB,0BAA0B;IACxC,SAAe,OAAO;;;;;4BACH,qBAAM,qBAAS,CAAC,GAAG,CAA0B,iBAAK,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,EAAA;;wBAA/F,QAAQ,GAAG,SAAoF;wBAErG,sBAAO,QAAQ,EAAA;;;;KAChB;IAED,OAAO,IAAA,aAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,CAAA;AACnD,CAAC;AARD,gEAQC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/create/styles.d.ts

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

package/dist/system/presentation/hooks/ui/use-table/components/table/export/styles.d.ts

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

package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.d.ts

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

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const PaginationStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/hooks/ui/use-table/components/table/skeleton-table/styles.d.ts

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

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.d.ts

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

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableBottom = exports.TopActions = exports.Table = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px 6px 0 0;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n  border-bottom: 0;\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 48px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 60px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: left;\n        font-weight: 400;\n      }\n    }\n  }\n\n  .error_table {\n    min-height: 400px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: column;\n    width: 100%;\n\n    h3 {\n      margin-top: 15px;\n      color: #828282;\n      font-size: 18px;\n    }\n}\n"], ["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px 6px 0 0;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n  border-bottom: 0;\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 48px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 60px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: left;\n        font-weight: 400;\n      }\n    }\n  }\n\n  .error_table {\n    min-height: 400px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: column;\n    width: 100%;\n\n    h3 {\n      margin-top: 15px;\n      color: #828282;\n      font-size: 18px;\n    }\n}\n"])));
+exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px 6px 0 0;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n  border-bottom: 0;\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 48px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 45px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: left;\n        font-weight: 400;\n      }\n    }\n  }\n\n  .error_table {\n    min-height: 400px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: column;\n    width: 100%;\n\n    h3 {\n      margin-top: 15px;\n      color: #828282;\n      font-size: 18px;\n    }\n  }\n"], ["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px 6px 0 0;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n  border-bottom: 0;\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 48px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 45px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 15px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: left;\n        font-weight: 400;\n      }\n    }\n  }\n\n  .error_table {\n    min-height: 400px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: column;\n    width: 100%;\n\n    h3 {\n      margin-top: 15px;\n      color: #828282;\n      font-size: 18px;\n    }\n  }\n"])));
 exports.TopActions = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 15px;\n  justify-content: space-between;\n\n  > div {\n    width: fit-content;\n  }\n\n  .right {\n    display: flex;\n    gap: 15px;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 15px;\n  justify-content: space-between;\n\n  > div {\n    width: fit-content;\n  }\n\n  .right {\n    display: flex;\n    gap: 15px;\n  }\n"])));
 exports.TableBottom = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 60px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 20px;\n  border-radius: 0 0 5px 5px;\n  border: 1px solid #e1e1e1;\n  border-top: 0;\n\n  > span {\n    color: #828282;\n  }\n\n  p {\n    margin: 0;\n    color: #808080;\n  }\n\n  .pagination {\n    margin: 0 0 0 auto;\n  }\n"], ["\n  height: 60px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 20px;\n  border-radius: 0 0 5px 5px;\n  border: 1px solid #e1e1e1;\n  border-top: 0;\n\n  > span {\n    color: #828282;\n  }\n\n  p {\n    margin: 0;\n    color: #808080;\n  }\n\n  .pagination {\n    margin: 0 0 0 auto;\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ojDAAA,i/CAmFjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,sPAAA,mLAatC,KAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oaAAA,iWAuBvC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,sjDAAA,m/CAmFjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,sPAAA,mLAatC,KAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oaAAA,iWAuBvC,KAAA"}

package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const THeadItem: 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/accordion/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Accordion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/ui/components/breadcrumb/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Breadcrumb: 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/button/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 interface ButtonProps {
     $loading?: boolean;
 }

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

@@ -49,7 +49,7 @@ function InputCheckbox(props) {
     }, [field.value]);
     return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { name: props.name, children: (0, jsx_runtime_1.jsx)(S.InputCheckbox, { children: (0, jsx_runtime_1.jsx)("div", { className: 'list-radios', children: props.options.map(function (option, index) {
                     var _a;
-                    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + index }, field, { checked: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v === option.value; }), type: 'checkbox', value: option.value })), option.label] }, option.value));
+                    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name + index, children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name + index }, field, { checked: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v === option.value; }), type: 'checkbox', value: option.value })), (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: option.label } })] }, option.value));
                 }) }) }) })));
 }
 exports.InputCheckbox = InputCheckbox;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,iCAAiC;AAEjC,kDAA+C;AAE/C,0CAA6B;AAQ7B,SAAgB,aAAa,CAAC,KAAyB;IAC/C,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACvC,uBAAC,CAAC,CAAC,aAAa,cACd,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;oBAAK,OAAA,CACpC,mCAA0B,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,aACnD,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,IAClB,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,EACtD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,IACnB,EACD,MAAM,CAAC,KAAK,KARH,MAAM,CAAC,KAAK,CAShB,CACT,CAAA;iBAAA,CAAC,GACE,GACU,IACL,CAChB,CAAA;AACH,CAAC;AA7BD,sCA6BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,iCAAiC;AAEjC,kDAA+C;AAE/C,0CAA6B;AAQ7B,SAAgB,aAAa,CAAC,KAAyB;IAC/C,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACvC,uBAAC,CAAC,CAAC,aAAa,cACd,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;oBAAK,OAAA,CACpC,mCAA0B,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,aACnD,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,IAClB,KAAK,IACT,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,MAAM,CAAC,KAAK,EAAlB,CAAkB,CAAC,EACtD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,IACnB,EAEF,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,KATjD,MAAM,CAAC,KAAK,CAUhB,CACT,CAAA;iBAAA,CAAC,GACE,GACU,IACL,CAChB,CAAA;AACH,CAAC;AA9BD,sCA8BC"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const InputCheckbox: 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/handler/dynamic_form_handler/component.js

@@ -81,8 +81,8 @@ function DynamicFormHandler(props) {
     var _this = this;
     var queryKEY = props.getDetails && props.getDetails.key && props.getDetails.key(props.tableItem);
     function fetcher() {
-        var _a;
         return __awaiter(this, void 0, void 0, function () {
+            var _a;
             return __generator(this, function (_b) {
                 return [2 /*return*/, (_a = props === null || props === void 0 ? void 0 : props.getDetails) === null || _a === void 0 ? void 0 : _a.fetcher(props.tableItem)];
             });

package/dist/ui/components/form/handler/dynamic_form_handler/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const DynamiFormHandler: 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/handler/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const FormHandler: 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-control/error/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const ErrorMessage: 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-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({ icon, name, label, loading, children }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -32,10 +32,10 @@ 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 icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
     var errors = (0, formik_1.useFormikContext)().errors;
     var error = errors[name];
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!(error), className: 'input_control', children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), (0, jsx_runtime_1.jsx)("div", { children: children })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: 'input_control', "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', 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, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon.name, fill: icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
 }
 exports.InputControl = InputControl;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,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;IAEnD,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE1B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBAAW,OAAO,YAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,eAAe,aAC5E,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,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC;AArBD,oCAqBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,2BAAkC;AAClC,iCAA+B;AAC/B,iCAAsC;AACtC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE1B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,wBAAiB,IAAI,CAAE,YAClC,wBAAC,CAAC,CAAC,YAAY,gBACH,OAAO,YACT,CAAC,CAAC,KAAK,EACf,SAAS,EAAC,eAAe,oBACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,yBACX,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,aAE7C,KAAK,IAAI,uBAAC,aAAK,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,IAAI,uBAAC,0BAAW,KAAG,EAC1B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,YAAY,YACzB,uBAAC,SAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GACvC,CACP,EAED,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,IAC3C,EAEL,KAAK,IAAI,uBAAC,oBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,IACzB,GACX,CACT,CAAA;AACH,CAAC;AA/BD,oCA+BC"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Label: 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-control/loader-input/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const LoaderInput: 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-control/styles.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 interface IInputStyleProps {
-    $loading?: boolean;
     $error?: boolean;
+    $loading?: boolean;
+    $inputIconSize: number;
+    $inputIconDirection?: 'left' | 'right';
 }
 export declare const InputControl: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;

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

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputControl = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: 100%;\n    position: relative;\n    display: flex;\n    height: 40px;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  textarea {\n    height: 120px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n"], ["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: 100%;\n    position: relative;\n    display: flex;\n    height: 40px;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  textarea {\n    height: 120px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
+exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  .input-icon {\n    position: absolute;\n    z-index: 2;\n    left: ", ";\n    right: ", ";\n    top: 50%;\n    transform: translateY(-50%);\n\n    svg {\n      width: 100%;\n      height: auto;\n      max-width: ", ";\n    }\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: 100%;\n    position: relative;\n    display: flex;\n    height: 40px;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  .input-icon + .input-wrapper {\n    input,\n    select,\n    textarea {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  textarea {\n    height: 120px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n"], ["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  .input-icon {\n    position: absolute;\n    z-index: 2;\n    left: ", ";\n    right: ", ";\n    top: 50%;\n    transform: translateY(-50%);\n\n    svg {\n      width: 100%;\n      height: auto;\n      max-width: ", ";\n    }\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: 100%;\n    position: relative;\n    display: flex;\n    height: 40px;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  .input-icon + .input-wrapper {\n    input,\n    select,\n    textarea {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  textarea {\n    height: 120px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '16px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '16px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAOzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+5BAAkB,uJAU/C,EAAwD,uGAQvD,EAA0C,0JAO/B,EAA0C,6IAOnD,EAA6C,kJAW/C,EAAmC,kDAInC,EAAmC,uGAO/C,KA5CW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAQvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAO/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAW/C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAO/C"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0xCAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,0JAO/B,EAA0C,6IAOnD,EAA6C,kHAQtC,EAA6F,0BAC5F,EAA8F,kJAWxG,EAAmC,kDAInC,EAAmC,uGAO/C,KApEW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAMxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAO/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAQtC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAO/C"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const InputDate: 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-file/file-card/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const FileCard: 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-file/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const InputFile: 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-password/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const InputPassword: 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/interfaces.d.ts

@@ -8,6 +8,7 @@ interface Props {
         name: IconsNames;
         size: number;
         color: string;
+        direction?: 'left' | 'right';
     };
     iconDirection?: 'left' | 'right';
     $isAccumalativeFile?: boolean;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const InputRadio: 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/select/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const SelectWrapper: 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/loading-screen/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const LoadingScreen: 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/menu-mobile/components/nav-links/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const NavLinks: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/ui/components/menu-mobile/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const MenuMobile: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/ui/components/menu-mobile/top/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Top: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/ui/components/next-image/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Image: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/ui/components/sidebar/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 interface IStyledSideBar {
     $open: boolean;
     $maxWidth: string;

package/dist/ui/contexts/toast/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Toast: 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/contexts/toast/toast-item/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const ToastItem: 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/utils/file/load-file.js

@@ -43,9 +43,9 @@ exports.loadFile = void 0;
 var system_1 = require("../../../system/index.js");
 var axios_1 = __importDefault(require("axios"));
 function loadFile(data) {
-    var _a;
     return __awaiter(this, void 0, void 0, function () {
         var token, response, type, blob, url, link;
+        var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0: return [4 /*yield*/, ((_a = system_1.container.get(system_1.InfraTypes.storage).get('token')) === null || _a === void 0 ? void 0 : _a.value)];

package/dist/ui/utils/file/upload-file.js

@@ -39,11 +39,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.uploadFile = void 0;
 var system_1 = require("../../../system/index.js");
 function uploadFile(_a) {
-    var files = _a.files;
-    return __awaiter(this, void 0, void 0, function () {
+    return __awaiter(this, arguments, void 0, function (_b) {
         var filesToArray, formData, response;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var files = _b.files;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     if (!files || files.length === 0) {
                         return [2 /*return*/, []];
@@ -55,7 +55,7 @@ function uploadFile(_a) {
                     });
                     return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteFile).upload(formData)];
                 case 1:
-                    response = _b.sent();
+                    response = _c.sent();
                     return [2 /*return*/, response.items];
             }
         });