infinity-forge 0.44.7 → 0.44.8

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

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = exports.SelectWorkSpace = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.SelectWorkSpace = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .input_control {\n    margin-bottom: 0 !important;\n  }\n\n  [class*='-DummyInput'],\n  [id*='-input'],\n  #react-select-2-input {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n  }\n\n  [class*='-indicatorContainer'] {\n    padding: 0;\n  }\n\n  [class*='-control'] {\n    * {\n      color: #fff;\n      font-weight: 700;\n    }\n  }\n\n  [id*='-listbox'] {\n    > div {\n      padding: 2px 10px;\n    }\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    > div {\n      display: flex;\n      flex-direction: column;\n      text-align: start;\n\n      .title_workspace {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n        max-width: 100%;\n      }\n\n      .subtitle {\n        color: #828282;\n      }\n    }\n\n    .circle {\n      width: 30px;\n      height: 30px;\n      min-width: 30px;\n      min-height: 30px;\n      border-radius: 100rem;\n      background-color: #444444;\n    }\n\n    .avatar {\n      width: 30px;\n      height: 30px;\n      min-width: 30px;\n      min-height: 30px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n\n  .item + .item {\n    margin-top: 10px;\n  }\n"], ["\n  width: 100%;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .input_control {\n    margin-bottom: 0 !important;\n  }\n\n  [class*='-DummyInput'],\n  [id*='-input'],\n  #react-select-2-input {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n  }\n\n  [class*='-indicatorContainer'] {\n    padding: 0;\n  }\n\n  [class*='-control'] {\n    * {\n      color: #fff;\n      font-weight: 700;\n    }\n  }\n\n  [id*='-listbox'] {\n    > div {\n      padding: 2px 10px;\n    }\n  }\n\n  .item {\n    background: none;\n    padding: 0;\n    border: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n\n    > div {\n      display: flex;\n      flex-direction: column;\n      text-align: start;\n\n      .title_workspace {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n        max-width: 100%;\n      }\n\n      .subtitle {\n        color: #828282;\n      }\n    }\n\n    .circle {\n      width: 30px;\n      height: 30px;\n      min-width: 30px;\n      min-height: 30px;\n      border-radius: 100rem;\n      background-color: #444444;\n    }\n\n    .avatar {\n      width: 30px;\n      height: 30px;\n      min-width: 30px;\n      min-height: 30px;\n\n      img {\n        object-fit: cover !important;\n      }\n    }\n  }\n\n  .item + .item {\n    margin-top: 10px;\n  }\n"])));
-exports.Item = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  flex-direction: row !important;\n  justify-content: space-between;\n  margin-top: 0 !important;\n  margin-bottom: -2px;\n  padding: 5px 12px !important;\n\n  .content_option {\n    > div {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n\n      span {\n        line-height: 1;\n        display: flex;\n      }\n    }\n  }\n\n  .active_workspace {\n    height: 10px;\n    width: 10px;\n    border-radius: 100%;\n    border: 1px solid #6d6b6b;\n    overflow: hidden;\n  }\n\n  &:hover {\n    transition: 0.2s;\n    background-color: ", ";\n  }\n\n  &.active {\n    background: rgb(239 236 236 / 50%) !important;\n\n    .active_workspace {\n      > div {\n        background-color: #6d6b6b;\n        height: 100%;\n        width: 100%;\n      }\n    }\n  }\n"], ["\n  align-items: center;\n  flex-direction: row !important;\n  justify-content: space-between;\n  margin-top: 0 !important;\n  margin-bottom: -2px;\n  padding: 5px 12px !important;\n\n  .content_option {\n    > div {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n\n      span {\n        line-height: 1;\n        display: flex;\n      }\n    }\n  }\n\n  .active_workspace {\n    height: 10px;\n    width: 10px;\n    border-radius: 100%;\n    border: 1px solid #6d6b6b;\n    overflow: hidden;\n  }\n\n  &:hover {\n    transition: 0.2s;\n    background-color: ", ";\n  }\n\n  &.active {\n    background: rgb(239 236 236 / 50%) !important;\n\n    .active_workspace {\n      > div {\n        background-color: #6d6b6b;\n        height: 100%;\n        width: 100%;\n      }\n    }\n  }\n"])), function (props) { return (props.$isOption ? 'rgb(245 245 245 / 29%) !important' : 'unset'); });
+exports.Item = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  flex-direction: row !important;\n  justify-content: space-between;\n  margin-top: 0 !important;\n  margin-bottom: -2px;\n  padding: 5px 12px !important;\n\n  .content_option {\n    > div {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n\n      span {\n        line-height: 1;\n        display: flex;\n      }\n    }\n  }\n\n  .active_workspace {\n    min-height: 10px;\n    min-width: 10px;\n    max-width: 10px;\n    max-width: 10px;\n    border-radius: 100%;\n    border: 1px solid #6d6b6b;\n    overflow: hidden;\n  }\n\n  &:hover {\n    transition: 0.2s;\n    background-color: ", ";\n  }\n\n  &.active {\n    background: rgb(239 236 236 / 50%) !important;\n\n    .active_workspace {\n      > div {\n        background-color: #6d6b6b;\n        height: 100%;\n        width: 100%;\n      }\n    }\n  }\n"], ["\n  align-items: center;\n  flex-direction: row !important;\n  justify-content: space-between;\n  margin-top: 0 !important;\n  margin-bottom: -2px;\n  padding: 5px 12px !important;\n\n  .content_option {\n    > div {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n\n      span {\n        line-height: 1;\n        display: flex;\n      }\n    }\n  }\n\n  .active_workspace {\n    min-height: 10px;\n    min-width: 10px;\n    max-width: 10px;\n    max-width: 10px;\n    border-radius: 100%;\n    border: 1px solid #6d6b6b;\n    overflow: hidden;\n  }\n\n  &:hover {\n    transition: 0.2s;\n    background-color: ", ";\n  }\n\n  &.active {\n    background: rgb(239 236 236 / 50%) !important;\n\n    .active_workspace {\n      > div {\n        background-color: #6d6b6b;\n        height: 100%;\n        width: 100%;\n      }\n    }\n  }\n"])), function (props) { return (props.$isOption ? 'rgb(245 245 245 / 29%) !important' : 'unset'); });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yjDAAA,s/CAwF3C,KAAA;AACY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,22BAAwB,wkBA+BjC,EAA4E,8NAcnG,KAduB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAjE,CAAiE,EAcnG"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yjDAAA,s/CAwF3C,KAAA;AACY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+5BAAwB,4nBAiCjC,EAA4E,8NAcnG,KAduB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAjE,CAAiE,EAcnG"}

package/dist/ui/components/drop-down/index.d.ts

@@ -1,2 +1,2 @@
 import { DropDownProps } from './interfaces.js';
-export declare function DropDown({ options, trigger, position }: DropDownProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropDown({ options, trigger, position, closeOnClick }: DropDownProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/drop-down/index.js

@@ -29,8 +29,8 @@ var error_boundary_1 = require("../error-boundary/index.js");
 var tooltip_1 = require("../tooltip/index.js");
 var S = __importStar(require("./styles.js"));
 function DropDown(_a) {
-    var options = _a.options, trigger = _a.trigger, position = _a.position;
-    return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'DropDown', children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: trigger, position: position, bgColor: '#fff', content: (0, jsx_runtime_1.jsx)(S.Menu, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(S.MenuItem, { children: option }, index)); }) }) }) }));
+    var options = _a.options, trigger = _a.trigger, position = _a.position, closeOnClick = _a.closeOnClick;
+    return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'DropDown', children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: trigger, position: position, closeOnClick: closeOnClick, content: (0, jsx_runtime_1.jsx)(S.Menu, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(S.MenuItem, { children: option }, index)); }) }) }) }));
 }
 exports.DropDown = DropDown;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAyC;AACzC,sCAAoC;AAGpC,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAA6C;QAA3C,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnD,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,iBAAO,IACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EACL,uBAAC,CAAC,CAAC,IAAI,cACJ,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,uBAAC,CAAC,CAAC,QAAQ,cAAc,MAAM,IAAd,KAAK,CAAuB,CAC9C,EAF+B,CAE/B,CAAC,GACK,GAEX,GACI,CACT,CAAA;AACH,CAAC;AAjBD,4BAiBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAyC;AACzC,sCAAoC;AAGpC,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAA2D;QAAzD,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACjE,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,iBAAO,IACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,uBAAC,CAAC,CAAC,IAAI,cACJ,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,uBAAC,CAAC,CAAC,QAAQ,cAAc,MAAM,IAAd,KAAK,CAAuB,CAC9C,EAF+B,CAE/B,CAAC,GACK,GAEX,GACI,CACT,CAAA;AACH,CAAC;AAjBD,4BAiBC"}

package/dist/ui/components/drop-down/interfaces.d.ts

@@ -2,5 +2,6 @@ import { PositionProp } from '../tooltip/interfaces.js';
 export interface DropDownProps {
     trigger: any;
     options: any[];
+    closeOnClick?: boolean;
     position?: PositionProp;
 }

package/dist/ui/components/tooltip/hooks/use-tool-tip.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-export declare function useToolTip(): {
+export declare function useToolTip(position: any, rest: any): {
     isOpen: boolean;
     contentRef: import("react").MutableRefObject<HTMLDivElement>;
     toolTipRef: import("react").MutableRefObject<HTMLDivElement>;
-    handleToggle: () => void;
-    handleContentMouseEnter: () => void;
-    handleContentMouseLeave: () => void;
+    tooltipStyle: import("react").CSSProperties;
+    handleToggle: (state?: boolean) => void;
 };

package/dist/ui/components/tooltip/hooks/use-tool-tip.js

@@ -1,43 +1,95 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToolTip = void 0;
 var react_1 = require("react");
-function useToolTip() {
+function useToolTip(position, rest) {
     var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
+    var _b = (0, react_1.useState)({}), tooltipStyle = _b[0], setTooltipStyle = _b[1];
     var toolTipRef = (0, react_1.useRef)(null);
     var contentRef = (0, react_1.useRef)(null);
-    var handleToggle = (0, react_1.useCallback)(function () {
-        if (!isOpen && toolTipRef.current) {
-        }
-        setIsOpen(function (prev) { return !prev; });
-    }, [isOpen]);
+    var handleToggle = (0, react_1.useCallback)(function (state) {
+        setIsOpen(function (prev) { return (typeof state === 'boolean' ? state : !prev); });
+    }, []);
     var handleClickOutside = (0, react_1.useCallback)(function (event) {
+        var _a;
         if (toolTipRef.current &&
             !toolTipRef.current.contains(event.target) &&
-            contentRef.current &&
-            !contentRef.current.contains(event.target)) {
+            !((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
             setIsOpen(false);
         }
     }, []);
-    var handleContentMouseEnter = (0, react_1.useCallback)(function () {
-        setIsOpen(true);
-    }, []);
-    var handleContentMouseLeave = (0, react_1.useCallback)(function () {
-        setIsOpen(false);
-    }, []);
     (0, react_1.useEffect)(function () {
-        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('click', handleClickOutside);
         return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('click', handleClickOutside);
         };
     }, [handleClickOutside]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (toolTipRef.current) {
+            var triggerRect = toolTipRef.current.getBoundingClientRect();
+            var contentRect = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            if (triggerRect && contentRect) {
+                var positions = {
+                    'top-left': {
+                        top: triggerRect.top - contentRect.height - 8,
+                        left: triggerRect.left,
+                    },
+                    'top-center': {
+                        top: triggerRect.top - contentRect.height - 8,
+                        left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
+                    },
+                    'top-right': {
+                        top: triggerRect.top - contentRect.height - 8,
+                        left: triggerRect.left + triggerRect.width - contentRect.width,
+                    },
+                    'left-center': {
+                        top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
+                        left: triggerRect.left - contentRect.width - 8,
+                    },
+                    'right-center': {
+                        top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
+                        left: triggerRect.left + triggerRect.width + 8,
+                    },
+                    'bottom-left': {
+                        top: triggerRect.top + triggerRect.height + 8,
+                        left: triggerRect.left,
+                    },
+                    'bottom-center': {
+                        top: triggerRect.top + triggerRect.height + 8,
+                        left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
+                    },
+                    'bottom-right': {
+                        top: triggerRect.top + triggerRect.height + 8,
+                        left: triggerRect.left + triggerRect.width - contentRect.width,
+                    },
+                    auto: {
+                        top: triggerRect.top + triggerRect.height + 8,
+                        left: triggerRect.left + triggerRect.width - contentRect.width,
+                    },
+                };
+                var _b = positions[position] || positions.auto, top_1 = _b.top, left = _b.left;
+                setTooltipStyle(__assign({ top: "".concat(top_1 + window.scrollY, "px"), left: "".concat(left + window.scrollX, "px"), position: 'absolute', zIndex: 99999999 }, rest.style));
+            }
+        }
+    }, [isOpen, position, rest.style]);
     return {
         isOpen: isOpen,
         contentRef: contentRef,
         toolTipRef: toolTipRef,
+        tooltipStyle: tooltipStyle,
         handleToggle: handleToggle,
-        handleContentMouseEnter: handleContentMouseEnter,
-        handleContentMouseLeave: handleContentMouseLeave,
     };
 }
 exports.useToolTip = useToolTip;

package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;AAAA,+BAAgE;AAEhE,SAAgB,UAAU;IAClB,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE/C,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,IAAI,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACpC,CAAC;QACD,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAiB;QACvD,IACE,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;YAClD,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAClD,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,MAAM,QAAA;QACN,UAAU,YAAA;QACV,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,uBAAuB,yBAAA;QACvB,uBAAuB,yBAAA;KACxB,CAAA;AACH,CAAC;AA9CD,gCA8CC"}
+{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/tooltip/index.d.ts

@@ -1,2 +1,2 @@
 import { IToolTipProps } from './interfaces.js';
-export declare function Tooltip({ trigger, content, position, enableHover, enableArrow, bgColor, ...rest }: IToolTipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ trigger, content, position, enableHover, enableArrow, closeOnClick, bgColor, ...rest }: IToolTipProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/tooltip/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);
@@ -44,28 +33,38 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_dom_1 = __importDefault(require("react-dom"));
 var use_tool_tip_1 = require("./hooks/use-tool-tip.js");
 var S = __importStar(require("./styles.js"));
 function Tooltip(_a) {
-    var trigger = _a.trigger, content = _a.content, _b = _a.position, position = _b === void 0 ? 'auto' : _b, enableHover = _a.enableHover, enableArrow = _a.enableArrow, bgColor = _a.bgColor, rest = __rest(_a, ["trigger", "content", "position", "enableHover", "enableArrow", "bgColor"]);
-    var _c = (0, use_tool_tip_1.useToolTip)(), isOpen = _c.isOpen, toolTipRef = _c.toolTipRef, contentRef = _c.contentRef, handleToggle = _c.handleToggle;
-    var handleMouseEnter = function () {
-        if (enableHover) {
-            handleToggle();
+    var trigger = _a.trigger, content = _a.content, _b = _a.position, position = _b === void 0 ? 'auto' : _b, enableHover = _a.enableHover, enableArrow = _a.enableArrow, _c = _a.closeOnClick, closeOnClick = _c === void 0 ? false : _c, bgColor = _a.bgColor, rest = __rest(_a, ["trigger", "content", "position", "enableHover", "enableArrow", "closeOnClick", "bgColor"]);
+    var _d = (0, use_tool_tip_1.useToolTip)(position, rest), isOpen = _d.isOpen, toolTipRef = _d.toolTipRef, contentRef = _d.contentRef, handleToggle = _d.handleToggle, tooltipStyle = _d.tooltipStyle;
+    var handleMouseEnter = function () { return enableHover && handleToggle(true); };
+    var handleMouseLeave = function () { return enableHover && handleToggle(false); };
+    (0, react_1.useEffect)(function () {
+        var handleClickContent = function (event) {
+            if (contentRef.current && contentRef.current.contains(event.target)) {
+                handleToggle(false);
+            }
+        };
+        if (closeOnClick && isOpen) {
+            document.addEventListener('click', handleClickContent);
+            return function () {
+                document.removeEventListener('click', handleClickContent);
+            };
         }
-    };
-    var handleMouseLeave = function () {
-        if (enableHover) {
-            handleToggle();
-        }
-    };
-    if (!trigger) {
+    }, [closeOnClick, contentRef, isOpen, handleToggle]);
+    if (!trigger)
         return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(S.TooltipContainer, { ref: toolTipRef, onClick: !enableHover ? handleToggle : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [trigger, isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: __assign({ position: 'absolute' }, rest.style), children: content }))] }));
+    var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: tooltipStyle, children: content }));
+    return ((0, jsx_runtime_1.jsxs)(S.TooltipContainer, { ref: toolTipRef, onClick: !enableHover ? function () { return handleToggle(true); } : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [trigger, isOpen && react_dom_1.default.createPortal(tooltipContent, document.getElementById('__next'))] }));
 }
 exports.Tooltip = Tooltip;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAiD;AAIjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAQR;IAPd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,OAAO,aAAA,EACJ,IAAI,cAPe,2EAQvB,CADQ;IAED,IAAA,KAAmD,IAAA,yBAAU,GAAE,EAA7D,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAiB,CAAA;IAErE,IAAM,gBAAgB,GAAG;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAChD,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EAEP,MAAM,IAAI,CACT,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,aACH,QAAQ,EAAE,UAAU,IACjB,IAAI,CAAC,KAAK,aAGd,OAAO,GACS,CACpB,IACkB,CACtB,CAAA;AACH,CAAC;AApDD,0BAoDC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;AAChC,qDAAiD;AAEjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EASR;IARd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,OAAO,aAAA,EACJ,IAAI,cARe,2FASvB,CADQ;IAED,IAAA,KAAiE,IAAA,yBAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,EAAzF,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAA+B,CAAA;IAEjG,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,EAAjC,CAAiC,CAAA;IAChE,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC,EAAlC,CAAkC,CAAA;IAEjE,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5E,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;YAC3B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACtD,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YAC3D,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,MAAM,IAAI,CAC/B,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,EAAE,YAAY,YAElB,OAAO,GACS,CACpB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAC,CAAC,SAAS,EAC5D,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EACP,MAAM,IAAI,mBAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,IAChE,CACtB,CAAA;AACH,CAAC;AAvDD,0BAuDC"}

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

@@ -6,6 +6,7 @@ export interface IToolTipProps {
     enableArrow?: boolean;
     enableHover?: boolean;
     position?: PositionProp;
-    trigger: React.ReactNode;
+    trigger: any;
+    closeOnClick?: boolean;
     style?: React.CSSProperties;
 }

package/dist/ui/components/tooltip/styles.js

@@ -53,37 +53,9 @@ var getArrowStyles = function (position, $bgColor) {
             return '';
     }
 };
-var getPositionStyles = function (position) {
-    switch (position) {
-        case 'top-left':
-            return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        top: calc(-100% - 8px);\n        left: 0;\n      "], ["\n        top: calc(-100% - 8px);\n        left: 0;\n      "])));
-        case 'top-center':
-            return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        bottom: calc(100% + 8px);\n        left: 50%;\n        transform: translateX(-50%);\n      "], ["\n        bottom: calc(100% + 8px);\n        left: 50%;\n        transform: translateX(-50%);\n      "])));
-        case 'top-right':
-            return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        bottom: calc(100% + 8px);\n        right: 0;\n      "], ["\n        bottom: calc(100% + 8px);\n        right: 0;\n      "])));
-        case 'left-center':
-            return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        top: 50%;\n        transform: translateY(-50%);\n        right: calc(100% + 8px);\n      "], ["\n        top: 50%;\n        transform: translateY(-50%);\n        right: calc(100% + 8px);\n      "])));
-        case 'right-center':
-            return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        top: 50%;\n        transform: translateY(-50%);\n        left: calc(100% + 8px);\n      "], ["\n        top: 50%;\n        transform: translateY(-50%);\n        left: calc(100% + 8px);\n      "])));
-        case 'bottom-left':
-            return (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        top: calc(100% + 8px);\n        left: 0;\n      "], ["\n        top: calc(100% + 8px);\n        left: 0;\n      "])));
-        case 'bottom-center':
-            return (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        top: calc(100% + 8px);\n        left: 50%;\n        transform: translateX(-50%);\n      "], ["\n        top: calc(100% + 8px);\n        left: 50%;\n        transform: translateX(-50%);\n      "])));
-        case 'bottom-right':
-            return (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        top: calc(100% + 8px);\n        right: 0;\n      "], ["\n        top: calc(100% + 8px);\n        right: 0;\n      "])));
-        case 'auto':
-            return (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        top: calc(100% + 8px);\n        right: 0;\n      "], ["\n        top: calc(100% + 8px);\n        right: 0;\n      "])));
-        default:
-            return '';
-    }
-};
-// Styled component for tooltip container
-exports.TooltipContainer = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n"
-    // Styled component for tooltip content
-])));
-// Styled component for tooltip content
-exports.TooltipContent = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  position: absolute;\n  background-color: ", " !important;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  z-index: 1000;\n\n  &.auto,\n  &.top-left,\n  &.top-center,\n  &.top-right,\n  &.left-center,\n  &.right-center,\n  &.bottom-left,\n  &.bottom-center,\n  &.bottom-right {\n    ", "\n  }\n\n  ", "\n"], ["\n  position: absolute;\n  background-color: ", " !important;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  z-index: 1000;\n\n  &.auto,\n  &.top-left,\n  &.top-center,\n  &.top-right,\n  &.left-center,\n  &.right-center,\n  &.bottom-left,\n  &.bottom-center,\n  &.bottom-right {\n    ", "\n  }\n\n  ", "\n"])), function (props) { return props.$bgColor || '#000'; }, function (props) { return getPositionStyles(props.className || ''); }, function (props) {
-    return props.$enableArrow && (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      &:before {\n        content: '';\n        position: absolute;\n        border-width: 6px;\n        border-style: solid;\n        border-color: transparent transparent ", " transparent;\n      }\n\n      &.auto,\n      &.top-left,\n      &.top-center,\n      &.top-right,\n      &.left-center,\n      &.right-center,\n      &.bottom-left,\n      &.bottom-center,\n      &.bottom-right {\n        ", "\n      }\n    "], ["\n      &:before {\n        content: '';\n        position: absolute;\n        border-width: 6px;\n        border-style: solid;\n        border-color: transparent transparent ", " transparent;\n      }\n\n      &.auto,\n      &.top-left,\n      &.top-center,\n      &.top-right,\n      &.left-center,\n      &.right-center,\n      &.bottom-left,\n      &.bottom-center,\n      &.bottom-right {\n        ", "\n      }\n    "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#000'));
+exports.TooltipContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n"])));
+exports.TooltipContent = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  color: #000;\n  padding: 8px;\n  position: absolute;\n  z-index: 9999;\n\n  ", "\n"], ["\n  background-color: ", ";\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  color: #000;\n  padding: 8px;\n  position: absolute;\n  z-index: 9999;\n\n  ", "\n"])), function (props) { return props.$bgColor || '#fff'; }, function (props) {
+    return props.$enableArrow && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &:before {\n        content: '';\n        position: absolute;\n        border-width: 6px;\n        border-style: solid;\n        border-color: transparent transparent ", " transparent;\n      }\n\n      ", "\n    "], ["\n      &:before {\n        content: '';\n        position: absolute;\n        border-width: 6px;\n        border-style: solid;\n        border-color: transparent transparent ", " transparent;\n      }\n\n      ", "\n    "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#fff'));
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAA+C;AAO/C,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACxD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,oMAAA,gIAMT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,gNAAA,4IAMT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,qMAAA,iIAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2JAAA,uFAKT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,uKAAA,mGAKT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QAEH,KAAK,MAAM;YACT,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,QAAgB;IACzC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,6KAAA,uGAIT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,sIAAA,gEAGT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2KAAA,qGAIT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,0KAAA,oGAIT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,kIAAA,4DAGT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,0KAAA,oGAIT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH,KAAK,MAAM;YACT,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,yCAAyC;AAC5B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,oKAAA,+FAKzC;IAED,uCAAuC;KAFtC;AAED,uCAAuC;AAC1B,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kZAAgB,+CAElC,EAAmC,uQAcnD,EAAmD,aAGrD,EAsBC,IACJ,KAxCqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAxB,CAAwB,EAcnD,UAAC,KAAK,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,EAAxC,CAAwC,EAGrD,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,YAAY,QAClB,uBAAG,8eAAA,iLAMyC,EAAc,kOAYpD,EAA+D,iBAEpE,KAd2C,KAAK,CAAC,QAAQ,EAYpD,cAAc,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAEpE;AArBD,CAqBC,EACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAA+C;AAO/C,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACxD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,oMAAA,gIAMT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,gNAAA,4IAMT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,qMAAA,iIAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2JAAA,uFAKT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,uKAAA,mGAKT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH,KAAK,MAAM;YACT,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,oKAAA,+FAKzC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6PAAgB,wBAClC,EAAmC,wJAQrD,EAYC,IACJ,KArBqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAxB,CAAwB,EAQrD,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,YAAY,QAClB,uBAAG,qSAAA,iLAMyC,EAAc,kCAGtD,EAA+D,QAClE,KAJ2C,KAAK,CAAC,QAAQ,EAGtD,cAAc,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAClE;AAXD,CAWC,EACJ"}

package/dist/ui/styles/reset.css

@@ -24,6 +24,8 @@ html {
   gap: 15px;
 }
 
+
+
 @-ms-viewport {
   width: device-width;
 }

package/package.json

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