infinity-forge 0.30.7 → 0.30.9

package/dist/system/presentation/components/layout/component.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+import { INotification } from './header/components/menu-right/notifications/interfaces.js';
 import { WorkSpace } from './menu/components/index.js';
-export declare function Layout({ children, workspaces }: {
-    children: React.ReactNode;
+interface ILayout {
     workspaces?: WorkSpace;
-}): import("react/jsx-runtime").JSX.Element;
+    children: React.ReactNode;
+    notifications?: INotification;
+}
+export declare function Layout({ children, workspaces, notifications }: ILayout): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/system/presentation/components/layout/component.js

@@ -28,8 +28,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var header_1 = require("./header/index.js");
 var S = __importStar(require("./styles.js"));
 function Layout(_a) {
-    var children = _a.children, workspaces = _a.workspaces;
-    return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)("div", { className: 'content_layout', children: (0, jsx_runtime_1.jsx)("main", { children: children }) })] }));
+    var children = _a.children, workspaces = _a.workspaces, notifications = _a.notifications;
+    return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, { workspaces: workspaces, notifications: notifications }), (0, jsx_runtime_1.jsx)("div", { className: 'content_layout', children: (0, jsx_runtime_1.jsx)("main", { children: children }) })] }));
 }
 exports.Layout = Layout;
 //# sourceMappingURL=component.js.map

package/dist/system/presentation/components/layout/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AAGjC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,EAA+E;QAA7E,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAC3C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,IAAC,UAAU,EAAE,UAAU,GAAI,EAElC,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,2CAAO,QAAQ,GAAQ,GACnB,IACG,CACZ,CAAA;AACH,CAAC;AAVD,wBAUC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AAIjC,0CAA6B;AAQ7B,SAAgB,MAAM,CAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAC1D,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,EAEhE,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,2CAAO,QAAQ,GAAQ,GACnB,IACG,CACZ,CAAA;AACH,CAAC;AAVD,wBAUC"}

package/dist/system/presentation/components/layout/header/components/menu-right/index.d.ts

@@ -1 +1 @@
-export declare function MenuRight(): import("react/jsx-runtime").JSX.Element;
+export declare function MenuRight(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -31,8 +31,8 @@ var settings_1 = require("./settings/index.js");
 var messages_1 = require("./messages/index.js");
 var notifications_1 = require("./notifications/index.js");
 var S = __importStar(require("./styles.js"));
-function MenuRight() {
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'MenuRight', children: (0, jsx_runtime_1.jsxs)(S.MenuRight, { children: [(0, jsx_runtime_1.jsx)(notifications_1.Notifications, {}), (0, jsx_runtime_1.jsx)(messages_1.Messages, {}), (0, jsx_runtime_1.jsx)(settings_1.Settings, {}), (0, jsx_runtime_1.jsx)(profile_1.Profile, {})] }) }));
+function MenuRight(props) {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'MenuRight', children: (0, jsx_runtime_1.jsxs)(S.MenuRight, { children: [props.notifications && (0, jsx_runtime_1.jsx)(notifications_1.Notifications, { notifications: props === null || props === void 0 ? void 0 : props.notifications }), (0, jsx_runtime_1.jsx)(messages_1.Messages, {}), (0, jsx_runtime_1.jsx)(settings_1.Settings, {}), (0, jsx_runtime_1.jsx)(profile_1.Profile, {})] }) }));
 }
 exports.MenuRight = MenuRight;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAC5B,qCAAmC;AACnC,uCAAqC;AACrC,uCAAqC;AACrC,iDAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,SAAS;IACvB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,wBAAC,CAAC,CAAC,SAAS,eACV,uBAAC,6BAAa,KAAG,EAEjB,uBAAC,mBAAQ,KAAG,EAEZ,uBAAC,mBAAQ,KAAG,EAEZ,uBAAC,iBAAO,KAAG,IACC,GACR,CACT,CAAA;AACH,CAAC;AAdD,8BAcC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAC5B,qCAAmC;AACnC,uCAAqC;AACrC,uCAAqC;AACrC,iDAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,KAAK;IAC7B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,wBAAC,CAAC,CAAC,SAAS,eACT,KAAK,CAAC,aAAa,IAAI,uBAAC,6BAAa,IAAC,aAAa,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,GAAI,EAE9E,uBAAC,mBAAQ,KAAG,EAEZ,uBAAC,mBAAQ,KAAG,EAEZ,uBAAC,iBAAO,KAAG,IACC,GACR,CACT,CAAA;AACH,CAAC;AAdD,8BAcC"}

package/dist/system/presentation/components/layout/header/components/menu-right/notifications/index.d.ts

@@ -1 +1,4 @@
-export declare function Notifications(): import("react/jsx-runtime").JSX.Element;
+import { INotification } from './interfaces.js';
+export declare function Notifications({ notifications }: {
+    notifications: INotification;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -28,9 +28,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../../../../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 var styles_1 = require("../styles.js");
-function Notifications() {
-    var hasNotification = true;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(styles_1.ActionBox, { type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' }) }) }) }));
+function Notifications(_a) {
+    var _b;
+    var notifications = _a.notifications;
+    var timezone = (_b = new Date()) === null || _b === void 0 ? void 0 : _b.toISOString();
+    console.log(timezone);
+    var result = notifications === null || notifications === void 0 ? void 0 : notifications.loadNotifications(timezone);
+    console.log(result);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', children: [(notifications === null || notifications === void 0 ? void 0 : notifications.noRead) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }) }) }));
 }
 exports.Notifications = Notifications;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAElC,0CAA6B;AAC7B,oCAAqC;AAErC,SAAgB,aAAa;IAC3B,IAAM,eAAe,GAAG,IAAI,CAAA;IAE5B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,YAGtB,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,GACvB,GACI,GACZ,CACT,CAAA;AACH,CAAC;AAdD,sCAcC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAIlC,0CAA6B;AAC7B,oCAAqC;AACrC,SAAgB,aAAa,CAAC,EAAmD;;QAAjD,aAAa,mBAAA;IAC3C,IAAM,QAAQ,GAAG,MAAA,IAAI,IAAI,EAAE,0CAAE,WAAW,EAAE,CAAA;IAC1C,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAErB,IAAM,MAAM,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAEzD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEnB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,wBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,aACrB,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,IAAI,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAExD,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACvB,GACI,GACZ,CACT,CAAA;AACH,CAAC;AAnBD,sCAmBC"}

package/dist/system/presentation/components/layout/header/components/menu-right/notifications/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface INotification {
+    noRead: number;
+    loadNotifications: (timezone: string) => Promise<any>;
+}

package/dist/system/presentation/components/layout/header/components/menu-right/notifications/interfaces.js

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

package/dist/system/presentation/components/layout/header/components/menu-right/notifications/interfaces.js.map

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

package/dist/system/presentation/components/layout/header/index.d.ts

@@ -1,3 +1,4 @@
-export declare function Header({ workspaces }: {
+export declare function Header({ workspaces, notifications }: {
     workspaces: any;
+    notifications: any;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -4,12 +4,14 @@ exports.Header = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var version_01_1 = require("./version-01/index.js");
 function Header(_a) {
-    var workspaces = _a.workspaces;
+    var workspaces = _a.workspaces, notifications = _a.notifications;
     var type = 'version01';
     switch (type) {
         case 'version01':
-            return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
-        default: (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
+            return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces, notifications: notifications });
+        default:
+            ;
+            (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces, notifications: notifications });
     }
 }
 exports.Header = Header;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,EAAc;QAAZ,UAAU,gBAAA;IACjC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAEpD,OAAO,CAAC,CAAC,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;IACtD,CAAC;AACH,CAAC;AATD,wBASC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAChD,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,CAAA;QAElF;YACE,CAAC;YAAA,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,CAAA;IAC9E,CAAC;AACH,CAAC;AAVD,wBAUC"}

package/dist/system/presentation/components/layout/header/version-01/index.d.ts

@@ -1,3 +1,4 @@
-export declare function HeaderVersion01({ workspaces }: {
+export declare function HeaderVersion01({ workspaces, notifications }: {
     workspaces: any;
+    notifications: any;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -34,8 +34,8 @@ var menu_1 = require("../../menu/index.js");
 var components_1 = require("../components/index.js");
 var S = __importStar(require("./styles.js"));
 function HeaderVersion01(_a) {
-    var workspaces = _a.workspaces;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'left', children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: '/', children: (0, jsx_runtime_1.jsx)("img", { src: '/images/logo.png', alt: 'header-logo' }) }) }), (0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, { workspaces: workspaces })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (0, jsx_runtime_1.jsx)(components_1.MenuRight, {})] })] }) }) }));
+    var workspaces = _a.workspaces, notifications = _a.notifications;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'left', children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: '/', children: (0, jsx_runtime_1.jsx)("img", { src: '/images/logo.png', alt: 'header-logo' }) }) }), (0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, { workspaces: workspaces })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (0, jsx_runtime_1.jsx)(components_1.MenuRight, { notifications: notifications })] })] }) }) }));
 }
 exports.HeaderVersion01 = HeaderVersion01;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAEvC,mCAAwC;AACxC,4CAAsD;AAEtD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAAc;QAAZ,UAAU,gBAAA;IAC1C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,iCAAK,SAAS,EAAC,MAAM,aACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YAC7B,gCAAK,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,aAAa,GAAG,GAC3C,GACH,EAEN,uBAAC,kBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IACnC,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,KAAG,IACT,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAxBD,0CAwBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAEvC,mCAAwC;AACxC,4CAAsD;AAEtD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,aAAa,mBAAA;IACzD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,iCAAK,SAAS,EAAC,MAAM,aACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YAC7B,gCAAK,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,aAAa,GAAG,GAC3C,GACH,EAEN,uBAAC,kBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IACnC,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,IAAC,aAAa,EAAE,aAAa,GAAI,IACvC,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAxBD,0CAwBC"}

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/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/styles.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 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/interfaces.d.ts

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

package/package.json

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