infinity-forge 0.51.9 → 0.52.0

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/hooks/use-tool-tip.d.ts

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

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

@@ -0,0 +1,103 @@
+"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(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 (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) &&
+            !((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            setIsOpen(false);
+        }
+    }, []);
+    var updateTooltipStyle = (0, react_1.useCallback)(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, "px"), left: "".concat(left, "px"), position: 'fixed', zIndex: 999999999 }, rest.style));
+            }
+        }
+    }, [position, rest.style]);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('click', handleClickOutside);
+        window.addEventListener('scroll', updateTooltipStyle, true);
+        window.addEventListener('resize', updateTooltipStyle); // Added resize listener
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+            window.removeEventListener('scroll', updateTooltipStyle, true);
+            window.removeEventListener('resize', updateTooltipStyle); // Cleanup resize listener
+        };
+    }, [handleClickOutside, updateTooltipStyle]);
+    (0, react_1.useEffect)(function () {
+        updateTooltipStyle();
+    }, [isOpen, updateTooltipStyle]);
+    return {
+        isOpen: isOpen,
+        contentRef: contentRef,
+        toolTipRef: toolTipRef,
+        tooltipStyle: tooltipStyle,
+        handleToggle: handleToggle,
+    };
+}
+exports.useToolTip = useToolTip;
+//# sourceMappingURL=use-tool-tip.js.map

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

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

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

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

@@ -0,0 +1,74 @@
+"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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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, bgColor = _a.bgColor, enableHover = _a.enableHover, enableArrow = _a.enableArrow, _b = _a.position, position = _b === void 0 ? 'auto' : _b, _c = _a.closeOnClick, closeOnClick = _c === void 0 ? false : _c, rest = __rest(_a, ["trigger", "content", "bgColor", "enableHover", "enableArrow", "position", "closeOnClick"]);
+    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;
+    function handleMouseEnter() {
+        enableHover && handleToggle(true);
+    }
+    function handleMouseLeave() {
+        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);
+            };
+        }
+    }, [closeOnClick, contentRef, isOpen, handleToggle]);
+    if (!trigger)
+        return null;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;AAEhC,qDAAiD;AAIjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EASR;IARd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,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,SAAS,gBAAgB;QACvB,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC;IAED,SAAS,gBAAgB;QACvB,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAED,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;AA5DD,0BA4DC"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type PositionProp = 'top-left' | 'top-center' | 'top-right' | 'left-center' | 'right-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'auto';
+export interface IToolTipProps {
+    content: any;
+    bgColor?: string;
+    enableArrow?: boolean;
+    enableHover?: boolean;
+    position?: PositionProp;
+    trigger: any;
+    closeOnClick?: boolean;
+    style?: React.CSSProperties;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/interfaces.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IStyledToolTip {
+    $bgColor?: string;
+    $enableArrow?: boolean;
+}
+export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledToolTip>> & string;
+export {};

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

@@ -0,0 +1,61 @@
+"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 __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.TooltipContent = exports.TooltipContainer = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var getArrowStyles = function (position, $bgColor) {
+    switch (position) {
+        case 'top-left':
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:before {\n          bottom: -12px;\n          left: 12px;\n          transform: rotate(180deg);\n        }\n      "], ["\n        &:before {\n          bottom: -12px;\n          left: 12px;\n          transform: rotate(180deg);\n        }\n      "])));
+        case 'top-center':
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        &:before {\n          bottom: -12px;\n          left: calc(50% - 10px);\n          transform: rotate(180deg);\n        }\n      "], ["\n        &:before {\n          bottom: -12px;\n          left: calc(50% - 10px);\n          transform: rotate(180deg);\n        }\n      "])));
+        case 'top-right':
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        &:before {\n          bottom: -12px;\n          right: 12px;\n          transform: rotate(180deg);\n        }\n      "], ["\n        &:before {\n          bottom: -12px;\n          right: 12px;\n          transform: rotate(180deg);\n        }\n      "])));
+        case 'left-center':
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &:before {\n          top: 50%;\n          right: -10px;\n          transform: translateY(-50%) rotate(90deg);\n        }\n      "], ["\n        &:before {\n          top: 50%;\n          right: -10px;\n          transform: translateY(-50%) rotate(90deg);\n        }\n      "])));
+        case 'right-center':
+            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &:before {\n          top: 50%;\n          left: -10px;\n          transform: translateY(-50%) rotate(270deg);\n        }\n      "], ["\n        &:before {\n          top: 50%;\n          left: -10px;\n          transform: translateY(-50%) rotate(270deg);\n        }\n      "])));
+        case 'bottom-left':
+            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        &:before {\n          top: -12px;\n          left: 12px;\n        }\n      "], ["\n        &:before {\n          top: -12px;\n          left: 12px;\n        }\n      "])));
+        case 'bottom-center':
+            return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        &:before {\n          top: -12px;\n          left: calc(50% - 12px);\n        }\n      "], ["\n        &:before {\n          top: -12px;\n          left: calc(50% - 12px);\n        }\n      "])));
+        case 'bottom-right':
+            return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        &:before {\n          top: -12px;\n          right: 12px;\n        }\n      "], ["\n        &:before {\n          top: -12px;\n          right: 12px;\n        }\n      "])));
+        case 'auto':
+            return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        &:before {\n          top: -12px;\n          right: 12px;\n        }\n      "], ["\n        &:before {\n          top: -12px;\n          right: 12px;\n        }\n      "])));
+        default:
+            return '';
+    }
+};
+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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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;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/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toast/index.js';
+export * from './route-loading/index.js';

package/dist/ui/contexts/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./toast/index.js"), exports);
+__exportStar(require("./route-loading/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,kDAA+B"}

package/dist/ui/contexts/route-loading/index.d.ts

@@ -0,0 +1,3 @@
+export declare function LoaderOnRouteChange({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/contexts/route-loading/index.js

@@ -0,0 +1,39 @@
+"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.LoaderOnRouteChange = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var router_1 = __importDefault(require("next/router"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var StylesRoute = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 5px;\n  animation-duration: 1.8s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 99;\n\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: 0px 0;\n    }\n    100% {\n      background-position: 100vw 0;\n    }\n  }\n"], ["\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 5px;\n  animation-duration: 1.8s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 99;\n\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: 0px 0;\n    }\n    100% {\n      background-position: 100vw 0;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) { return "linear-gradient(\n  to right,\n  ".concat(props.theme.primaryColor, " 8%,\n  #fff 25%,\n  ").concat(props.theme.primaryColor, " 33%\n  )"); });
+function LoaderOnRouteChange(_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    (0, react_1.useEffect)(function () {
+        var start = function () {
+            setLoading(true);
+        };
+        var end = function () {
+            setLoading(false);
+        };
+        router_1.default.events.on('routeChangeStart', start);
+        router_1.default.events.on('routeChangeComplete', end);
+        router_1.default.events.on('routeChangeError', end);
+        return function () {
+            router_1.default.events.off('routeChangeStart', start);
+            router_1.default.events.off('routeChangeComplete', end);
+            router_1.default.events.off('routeChangeError', end);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && (0, jsx_runtime_1.jsx)(StylesRoute, {}), children] }));
+}
+exports.LoaderOnRouteChange = LoaderOnRouteChange;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

package/dist/ui/contexts/route-loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/route-loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA2C;AAE3C,uDAAgC;AAChC,wEAAsC;AAEtC,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kkBAAA,iRAWjB,EAAmC,mBACnC,EAKZ,uNAcH,KApBe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EACnC,UAAC,KAAK,IAAK,OAAA,2CAEvB,KAAK,CAAC,KAAK,CAAC,YAAY,kCAExB,KAAK,CAAC,KAAK,CAAC,YAAY,cACxB,EALuB,CAKvB,CAcH,CAAA;AAED,SAAgB,mBAAmB,CAAC,EAAY;QAAV,QAAQ,cAAA;IACtC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,CAAA;QAED,IAAM,GAAG,GAAG;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;QAED,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC3C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QAC5C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAEzC,OAAO;YACL,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;YAC5C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;YAC7C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6DACG,OAAO,IAAI,uBAAC,WAAW,KAAG,EAE1B,QAAQ,IACR,CACJ,CAAA;AACH,CAAC;AA9BD,kDA8BC"}

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

@@ -0,0 +1,8 @@
+import { Toast } from './interfaces.js';
+declare function ToastProvider({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare function useToast(): {
+    createToast: (item: Toast) => void;
+};
+export { ToastProvider, useToast };

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

@@ -0,0 +1,65 @@
+"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);
+    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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = exports.ToastProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = __importDefault(require("react-dom"));
+var react_1 = require("react");
+var utils_1 = require("../../../ui/utils/index.js");
+var toast_item_1 = require("./toast-item/index.js");
+var S = __importStar(require("./styles.js"));
+var ToastContext = (0, react_1.createContext)({
+    createToast: function () { },
+});
+function ToastProvider(_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)([]), toasts = _b[0], setToast = _b[1];
+    function createToast(item) {
+        var id = (0, utils_1.uid)(32);
+        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) { return ((0, jsx_runtime_1.jsx)(toast_item_1.ToastItem, __assign({}, toast, { setToast: setToast }), toast.uid)); }) }), document.body)] }));
+}
+exports.ToastProvider = ToastProvider;
+function useToast() {
+    var context = (0, react_1.useContext)(ToastContext);
+    return context;
+}
+exports.useToast = useToast;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,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,IAAI,CACd,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/interfaces.d.ts

@@ -0,0 +1,5 @@
+export type Toast = {
+    uid?: string;
+    status: "success" | "error";
+    message: string;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/contexts/toast/interfaces.ts"],"names":[],"mappings":""}

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

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

package/dist/ui/contexts/toast/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.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  z-index: 999999999;\n"], ["\n  position: fixed;\n  top: 15px;\n  right: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  z-index: 999999999;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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,2MAAA,wIAQjC,KAAA"}

package/dist/ui/contexts/toast/toast-item/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Toast } from '../interfaces.js';
+export declare function ToastItem({ uid, status, message, setToast, }: {
+    setToast: React.Dispatch<React.SetStateAction<Toast[]>>;
+} & Toast): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+"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.ToastItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function ToastItem(_a) {
+    var uid = _a.uid, status = _a.status, message = _a.message, setToast = _a.setToast;
+    var animationDuration = 5000;
+    var _b = (0, react_1.useState)(100), progressWidth = _b[0], setProgressWidth = _b[1];
+    (0, react_1.useEffect)(function () {
+        var startTime;
+        var animate = function (timestamp) {
+            if (!startTime) {
+                startTime = timestamp;
+            }
+            var elapsed = timestamp - startTime;
+            var progress = Math.min(1, elapsed / animationDuration);
+            setProgressWidth(100 - progress * 100);
+            if (progress < 1) {
+                requestAnimationFrame(animate);
+            }
+            else {
+                setToast(function (s) { return s === null || s === void 0 ? void 0 : s.filter(function (st) { return st.uid !== uid; }); });
+            }
+        };
+        var animation = requestAnimationFrame(animate);
+        return function () { return cancelAnimationFrame(animation); };
+    }, [animationDuration]);
+    var IconToast = status === 'error' ? (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconBlock', fill: '#e74c3c' }) : (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CheckListIcon', fill: '#07bc0c' });
+    return ((0, jsx_runtime_1.jsxs)(S.ToastItem, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'toast-content', children: [IconToast, (0, jsx_runtime_1.jsx)("span", { children: message })] }), (0, jsx_runtime_1.jsx)("div", { className: 'progressbar_container', children: (0, jsx_runtime_1.jsx)("div", { className: 'progressbar', style: {
+                        width: "".concat(progressWidth, "%"),
+                        backgroundColor: status === 'success' ? '#07bc0c' : '#e74c3c',
+                    } }) })] }));
+}
+exports.ToastItem = ToastItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/contexts/toast/toast-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,2BAA2B;AAI3B,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAK4C;QAJpE,GAAG,SAAA,EACH,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAM,iBAAiB,GAAG,IAAI,CAAA;IAExB,IAAA,KAAoC,IAAA,gBAAQ,EAAC,GAAG,CAAC,EAAhD,aAAa,QAAA,EAAE,gBAAgB,QAAiB,CAAA;IAEvD,IAAA,iBAAS,EAAC;QACR,IAAI,SAAiB,CAAA;QAErB,IAAM,OAAO,GAAG,UAAC,SAAiB;YAChC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,SAAS,GAAG,SAAS,CAAA;YACvB,CAAC;YAED,IAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;YACrC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAA;YAEzD,gBAAgB,CAAC,GAAG,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA;YAEtC,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;gBACjB,qBAAqB,CAAC,OAAO,CAAC,CAAA;YAChC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,EAAd,CAAc,CAAC,EAAjC,CAAiC,CAAC,CAAA;YACpD,CAAC;QACH,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAA;QAEhD,OAAO,cAAM,OAAA,oBAAoB,CAAC,SAAS,CAAC,EAA/B,CAA+B,CAAA;IAC9C,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAM,SAAS,GACb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,GAAG,CAAA;IAE9G,OAAO,CACL,wBAAC,CAAC,CAAC,SAAS,eACV,iCAAK,SAAS,EAAC,eAAe,aAC3B,SAAS,EAEV,2CAAO,OAAO,GAAQ,IAClB,EAEN,gCAAK,SAAS,EAAC,uBAAuB,YACpC,gCACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;wBACL,KAAK,EAAE,UAAG,aAAa,MAAG;wBAC1B,eAAe,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;qBAC9D,GACI,GACH,IACM,CACf,CAAA;AACH,CAAC;AAzDD,8BAyDC"}