infinity-forge 0.41.0 → 0.41.2

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

@@ -0,0 +1,8 @@
+export declare function Skeleton({ type, size }: {
+    type: 'line' | 'square' | 'ball';
+    size?: {
+        width: string;
+        height: string;
+        margin?: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/skeleton/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = __importStar(require("./styles.js"));
+function Skeleton(_a) {
+    var type = _a.type, size = _a.size;
+    return (0, jsx_runtime_1.jsx)(S.Skeleton, { className: type, style: size });
+}
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/skeleton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAA+G;QAA7G,IAAI,UAAA,EAAE,IAAI,UAAA;IACnC,OAAO,uBAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAA;AACpD,CAAC;AAFD,4BAEC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Skeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Skeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n  height: 100%;\n  width: 100%;\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 2.5s infinite;\n    content: '';\n\n    @keyframes shimmer {\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  &.line {\n    width: 100%;\n    height: 8px;\n    margin-bottom: 8px;\n  }\n\n  &.square {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.ball {\n    width: 40px;\n    width: 40px;\n    border-radius: 100%;\n  }\n"], ["\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n  height: 100%;\n  width: 100%;\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 2.5s infinite;\n    content: '';\n\n    @keyframes shimmer {\n      100% {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  &.line {\n    width: 100%;\n    height: 8px;\n    margin-bottom: 8px;\n  }\n\n  &.square {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.ball {\n    width: 40px;\n    width: 40px;\n    border-radius: 100%;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/skeleton/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,w3BAAA,qzBA+CjC,KAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ITooltip } from 'react-tooltip';
+export declare function Tooltip(props: ITooltip & {
+    target: React.ReactNode;
+    custom?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+"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.Tooltip = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../ui/utils/index.js");
+var react_tooltip_1 = require("react-tooltip");
+function Tooltip(props) {
+    var id = String("uid_" + (0, utils_1.uid)(8));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, __assign({}, props, { id: id, anchorSelect: "#".concat(id), children: props.custom && props.custom })), (0, jsx_runtime_1.jsx)("a", { id: id, children: props.target })] }));
+}
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oCAAiC;AACjC,+CAAiE;AAEjE,SAAgB,OAAO,CAAC,KAAuE;IAC7F,IAAM,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,IAAA,WAAG,EAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,6DACE,uBAAC,uBAAY,eAAK,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,WAAI,EAAE,CAAE,YACpD,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAChB,EAEf,8BAAG,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,MAAM,GAAK,IAC5B,CACJ,CAAA;AACH,CAAC;AAZD,0BAYC"}

package/dist/ui/contexts/toast/index.js

@@ -33,15 +33,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -61,9 +52,9 @@ function ToastProvider(_a) {
     var _b = (0, react_1.useState)([]), toasts = _b[0], setToast = _b[1];
     function createToast(item) {
         var id = (0, utils_1.uid)(32);
-        setToast(function (s) { return __spreadArray(__spreadArray([], s, true), [__assign(__assign({}, item), { uid: id })], false); });
+        setToast([__assign(__assign({}, item), { uid: id })]);
     }
-    return ((0, jsx_runtime_1.jsxs)(ToastContext.Provider, { value: { createToast: createToast }, children: [children, react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.Toast, { children: toasts === null || toasts === void 0 ? void 0 : toasts.map(function (toast, index) { return ((0, jsx_runtime_1.jsx)(toast_item_1.ToastItem, __assign({}, toast, { setToast: setToast }), index)); }) }), document.getElementById('__next'))] }));
+    return ((0, jsx_runtime_1.jsxs)(ToastContext.Provider, { value: { createToast: createToast }, children: [children, react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.Toast, { children: toasts === null || toasts === void 0 ? void 0 : toasts.map(function (toast) { return ((0, jsx_runtime_1.jsx)(toast_item_1.ToastItem, __assign({}, toast, { setToast: setToast }), toast.uid)); }) }), document.getElementById('__next'))] }));
 }
 exports.ToastProvider = ToastProvider;
 function useToast() {

package/dist/ui/contexts/toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAChC,+BAA2D;AAE3D,oCAAgC;AAChC,2CAAwC;AAIxC,0CAA6B;AAE7B,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAyC;IACzE,WAAW,EAAE,cAAO,CAAC;CACtB,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAY;QAAV,QAAQ,cAAA;IACzB,IAAA,KAAqB,IAAA,gBAAQ,EAAU,EAAE,CAAC,EAAzC,MAAM,QAAA,EAAE,QAAQ,QAAyB,CAAA;IAEhD,SAAS,WAAW,CAAC,IAAW;QAC9B,IAAM,EAAE,GAAG,IAAA,WAAG,EAAC,EAAE,CAAC,CAAA;QAElB,QAAQ,CAAC,UAAC,CAAC,IAAK,uCAAI,CAAC,gCAAO,IAAI,KAAE,GAAG,EAAE,EAAE,cAAzB,CAA4B,CAAC,CAAA;IAC/C,CAAC;IAED,OAAO,CACL,wBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,aAAA,EAAE,aAC1C,QAAQ,EAER,mBAAQ,CAAC,YAAY,CACpB,uBAAC,CAAC,CAAC,KAAK,cACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC7B,uBAAC,sBAAS,eAAiB,KAAK,IAAE,QAAQ,EAAE,QAAQ,KAApC,KAAK,CAAmC,CACzD,EAF8B,CAE9B,CAAC,GACM,EACV,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAClC,IACqB,CACzB,CAAA;AACH,CAAC;AAQQ,sCAAa;AANtB,SAAS,QAAQ;IACf,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAExC,OAAO,OAAO,CAAA;AAChB,CAAC;AAEuB,4BAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAChC,+BAA2D;AAE3D,oCAAgC;AAChC,2CAAwC;AAIxC,0CAA6B;AAE7B,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAyC;IACzE,WAAW,EAAE,cAAO,CAAC;CACtB,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAY;QAAV,QAAQ,cAAA;IACzB,IAAA,KAAqB,IAAA,gBAAQ,EAAU,EAAE,CAAC,EAAzC,MAAM,QAAA,EAAE,QAAQ,QAAyB,CAAA;IAEhD,SAAS,WAAW,CAAC,IAAW;QAC9B,IAAM,EAAE,GAAG,IAAA,WAAG,EAAC,EAAE,CAAC,CAAA;QAElB,QAAQ,CAAC,uBAAM,IAAI,KAAE,GAAG,EAAE,EAAE,IAAG,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,CACL,wBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,aAAA,EAAE,aAC1C,QAAQ,EAER,mBAAQ,CAAC,YAAY,CACpB,uBAAC,CAAC,CAAC,KAAK,cACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACtB,uBAAC,sBAAS,eAAqB,KAAK,IAAE,QAAQ,EAAE,QAAQ,KAAxC,KAAK,CAAC,GAAG,CAAmC,CAC7D,EAFuB,CAEvB,CAAC,GACM,EACV,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAClC,IACqB,CACzB,CAAA;AACH,CAAC;AAQQ,sCAAa;AANtB,SAAS,QAAQ;IACf,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAExC,OAAO,OAAO,CAAA;AAChB,CAAC;AAEuB,4BAAQ"}

package/dist/ui/contexts/toast/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toast = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Toast = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 15px;\n  right: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"], ["\n  position: fixed;\n  top: 15px;\n  right: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
+exports.Toast = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 15px;\n  right: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  z-index: 99;\n\n  & + * {\n    z-index: 2;\n    position: relative;\n  }\n"], ["\n  position: fixed;\n  top: 15px;\n  right: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  z-index: 99;\n\n  & + * {\n    z-index: 2;\n    position: relative;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/contexts/toast/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/contexts/toast/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oLAAA,iHAOjC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/contexts/toast/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,gQAAA,6LAajC,KAAA"}

package/dist/ui/styles/libs/react-tool-tip.css

@@ -0,0 +1,109 @@
+:root {
+    --rt-color-white: #fff;
+    --rt-color-dark: #222;
+    --rt-color-success: #8dc572;
+    --rt-color-error: #be6464;
+    --rt-color-warning: #f0ad4e;
+    --rt-color-info: #337ab7;
+    --rt-opacity: 0.9;
+    --rt-transition-show-delay: 0.15s;
+    --rt-transition-closing-delay: 0.15s;
+  }
+  
+  .core-styles-module_tooltip__3vRRp {
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    opacity: 0;
+    will-change: opacity;
+  }
+  
+  .core-styles-module_fixed__pcSol {
+    position: fixed;
+  }
+  
+  .core-styles-module_arrow__cvMwQ {
+    position: absolute;
+    background: inherit;
+  }
+  
+  .core-styles-module_noArrow__xock6 {
+    display: none;
+  }
+  
+  .core-styles-module_clickable__ZuTTB {
+    pointer-events: auto;
+  }
+  
+  .core-styles-module_show__Nt9eE {
+    opacity: var(--rt-opacity);
+    transition: opacity var(--rt-transition-show-delay) ease-out;
+  }
+  
+  .core-styles-module_closing__sGnxF {
+    opacity: 0;
+    transition: opacity var(--rt-transition-closing-delay) ease-in;
+  }
+  
+  /** end - core styles **/
+  
+  .styles-module_tooltip__mnnfp {
+    padding: 8px 16px;
+    border-radius: 3px;
+    font-size: 90%;
+    width: max-content;
+  }
+  
+  .styles-module_arrow__K0L3T {
+    width: 8px;
+    height: 8px;
+  }
+  
+  [class*='react-tooltip__place-top'] > .styles-module_arrow__K0L3T {
+    transform: rotate(45deg);
+  }
+  
+  [class*='react-tooltip__place-right'] > .styles-module_arrow__K0L3T {
+    transform: rotate(135deg);
+  }
+  
+  [class*='react-tooltip__place-bottom'] > .styles-module_arrow__K0L3T {
+    transform: rotate(225deg);
+  }
+  
+  [class*='react-tooltip__place-left'] > .styles-module_arrow__K0L3T {
+    transform: rotate(315deg);
+  }
+  
+  /** Types variant **/
+  .styles-module_dark__xNqje {
+    background: var(--rt-color-dark);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_light__Z6W-X {
+    background-color: var(--rt-color-white);
+    color: var(--rt-color-dark);
+  }
+  
+  .styles-module_success__A2AKt {
+    background-color: var(--rt-color-success);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_warning__SCK0X {
+    background-color: var(--rt-color-warning);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_error__JvumD {
+    background-color: var(--rt-color-error);
+    color: var(--rt-color-white);
+  }
+  
+  .styles-module_info__BWdHW {
+    background-color: var(--rt-color-info);
+    color: var(--rt-color-white);
+  }
+  

package/dist/ui/styles/reset.css

@@ -0,0 +1,352 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+button,
+a {
+  outline: unset !important;
+  cursor: pointer;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.row {
+  display: flex;
+  gap: 15px;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+article,
+aside,
+dialog,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: none !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1rem;
+}
+dfn {
+  font-style: italic;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
+  text-decoration: none;
+}
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+pre {
+  margin-top: 0;
+
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+
+a,
+area,
+button,
+[role="button"],
+input:not([type="range"]),
+label,
+select,
+summary,
+textarea {
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+}
+
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #868e96;
+  text-align: left;
+  caption-side: bottom;
+}
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+ul,
+ul li {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+@keyframes placeHolderShimmer {
+  0% {
+    background-position: 0px 0;
+  }
+  100% {
+    background-position: 100vw 0;
+  }
+}
+.ReactModal__Overlay, .ReactModalPortal {
+  z-index: 100000;
+  position: relative;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.41.0",
+  "version": "0.41.2",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -73,6 +73,7 @@
     "react-semantic-ui-datepickers": "^2.17.2",
     "react-share": "^5.1.0",
     "react-slick": "^0.30.2",
+    "react-tooltip": "^5.26.4",
     "reflect-metadata": "^0.2.2",
     "semantic-ui-react": "^2.1.5",
     "sharp": "^0.33.4",