infinity-forge 0.6.99 → 0.7.0

package/dist/ui/components/menu-mobile/top/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.Top = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Top = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: rgb(26, 26, 26);\n  color: #fff;\n  padding: 15px 20px;\n\n  a {\n    color: #fff;\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      width: 12px;\n      margin: 0 0 0 auto;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n    }\n\n    .links {\n      a {\n        text-decoration: underline !important;\n        color: #fff;\n        font-size: 16px;\n        width: fit-content;\n        font-weight: bold;\n        text-transform: uppercase;\n      }\n\n      span {\n        font-size: 16px;\n      }\n    }\n\n    .icon {\n      display: flex;\n      width: fit-content;\n      margin: 0 0 0 auto;\n      padding: 0;\n      border: 0;\n      background: none;\n      width: 15px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n\n      &.arrow {\n        width: 8px;\n      }\n    }\n  }\n\n  .bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 20px;\n\n    a {\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    svg {\n      width: 15px;\n      fill: #fff;\n    }\n  }\n"], ["\n  width: 100%;\n  background-color: rgb(26, 26, 26);\n  color: #fff;\n  padding: 15px 20px;\n\n  a {\n    color: #fff;\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      width: 12px;\n      margin: 0 0 0 auto;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n    }\n\n    .links {\n      a {\n        text-decoration: underline !important;\n        color: #fff;\n        font-size: 16px;\n        width: fit-content;\n        font-weight: bold;\n        text-transform: uppercase;\n      }\n\n      span {\n        font-size: 16px;\n      }\n    }\n\n    .icon {\n      display: flex;\n      width: fit-content;\n      margin: 0 0 0 auto;\n      padding: 0;\n      border: 0;\n      background: none;\n      width: 15px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: #fff;\n      }\n\n      &.arrow {\n        width: 8px;\n      }\n    }\n  }\n\n  .bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 20px;\n\n    a {\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    svg {\n      width: 15px;\n      fill: #fff;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/menu-mobile/top/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu-mobile/top/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,GAAG,GAAG,2BAAM,CAAC,GAAG,i3CAAA,8yCAmF5B,KAAA"}

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

@@ -0,0 +1,2 @@
+import { NextImageProps } from './interfaces';
+export declare function NextImage({ src, alt, forceLoading }: NextImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/next-image/index.js

@@ -0,0 +1,41 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextImage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var image_1 = __importDefault(require("next/image"));
+var error_boundary_1 = require("../error-boundary");
+var loader_circle_1 = require("../loader-circle");
+var S = __importStar(require("./styles"));
+function NextImage(_a) {
+    var src = _a.src, alt = _a.alt, forceLoading = _a.forceLoading;
+    var isLoading = forceLoading;
+    return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'next-image', children: (0, jsx_runtime_1.jsx)(S.Image, { children: isLoading ? (0, jsx_runtime_1.jsx)(loader_circle_1.LoaderCircle, { size: 30, color: '#fff' }) : (0, jsx_runtime_1.jsx)(image_1.default, { fill: true, alt: alt || src, src: src }) }) }));
+}
+exports.NextImage = NextImage;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/next-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/next-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA8B;AAE9B,oDAAyC;AACzC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAA0C;QAAxC,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,YAAY,kBAAA;IAChD,IAAM,SAAS,GAAG,YAAY,CAAA;IAE9B,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,CAAC,CAAC,KAAK,cACL,SAAS,CAAC,CAAC,CAAC,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,uBAAC,eAAK,IAAC,IAAI,QAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,GACxF,GACJ,CACT,CAAA;AACH,CAAC;AAVD,8BAUC"}

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

@@ -0,0 +1,7 @@
+export interface NextImageProps {
+    alt?: string;
+    onClick?: () => void;
+    className?: string;
+    forceLoading?: boolean;
+    src: string | undefined;
+}

package/dist/ui/components/next-image/interfaces.js

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

package/dist/ui/components/next-image/interfaces.js.map

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

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

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

package/dist/ui/components/next-image/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.Image = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Image = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  min-height: inherit;\n  max-height: inherit;\n  width: inherit;\n  min-width: inherit;\n  max-width: inherit;\n  aspect-ratio: inherit;\n  position: relative;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: inherit;\n    position: unset !important;\n    min-height: inherit;\n    max-height: inherit;\n    min-width: inherit;\n    max-width: inherit;\n    object-fit: cover;\n    object-position: center center;\n    aspect-ratio: inherit;\n  }\n\n  &.loading {\n    background-color: ", ";\n    background: linear-gradient(\n        100deg,\n        rgba(255, 255, 255, 0) 40%,\n        rgba(255, 255, 255, 0.5) 50%,\n        rgba(255, 255, 255, 0) 60%\n      )\n      ", ";\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 0.8s loading ease-in-out infinite;\n\n    > img {\n      opacity: 0;\n    }\n  }\n\n  @keyframes loading {\n    to {\n      background-position-x: -20%;\n    }\n  }\n"], ["\n  height: 100%;\n  min-height: inherit;\n  max-height: inherit;\n  width: inherit;\n  min-width: inherit;\n  max-width: inherit;\n  aspect-ratio: inherit;\n  position: relative;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: inherit;\n    position: unset !important;\n    min-height: inherit;\n    max-height: inherit;\n    min-width: inherit;\n    max-width: inherit;\n    object-fit: cover;\n    object-position: center center;\n    aspect-ratio: inherit;\n  }\n\n  &.loading {\n    background-color: ", ";\n    background: linear-gradient(\n        100deg,\n        rgba(255, 255, 255, 0) 40%,\n        rgba(255, 255, 255, 0.5) 50%,\n        rgba(255, 255, 255, 0) 60%\n      )\n      ", ";\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 0.8s loading ease-in-out infinite;\n\n    > img {\n      opacity: 0;\n    }\n  }\n\n  @keyframes loading {\n    to {\n      background-position-x: -20%;\n    }\n  }\n"])), function (props) { return props.theme.secondaryColor + '8a'; }, function (props) { return props.theme.secondaryColor + '8a'; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/next-image/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/next-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,sgCAAA,2gBAyBP,EAA4C,uLAO5D,EAA4C,6PAenD,KAtBuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,EAAjC,CAAiC,EAO5D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,EAAjC,CAAiC,EAenD"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISideBar } from './interfaces';
+export declare function SideBar({ children, maxWidth, open, setOpen, direction, overlay }: ISideBar): import("react").ReactPortal;

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

@@ -0,0 +1,46 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = __importDefault(require("react-dom"));
+var S = __importStar(require("./styles"));
+function SideBar(_a) {
+    var children = _a.children, maxWidth = _a.maxWidth, open = _a.open, setOpen = _a.setOpen, _b = _a.direction, direction = _b === void 0 ? 'right' : _b, overlay = _a.overlay;
+    function handleClose() {
+        if (overlay) {
+            setOpen(false);
+        }
+    }
+    function handleContentClick(event) {
+        event.stopPropagation();
+    }
+    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(S.SideBar, { overlay: overlay, open: open, maxWidth: maxWidth, direction: direction, onClick: handleClose, children: (0, jsx_runtime_1.jsx)("div", { onClick: handleContentClick, className: 'content', children: open && children }) }), document.body);
+}
+exports.SideBar = SideBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAIhC,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EAAE,OAAO,aAAA;IACvF,SAAS,WAAW;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;IACH,CAAC;IAED,SAAS,kBAAkB,CAAC,KAAmD;QAC7E,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,CAAC,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,YACrG,gCAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,YAClD,IAAI,IAAI,QAAQ,GACb,GACI,EACZ,QAAQ,CAAC,IAAI,CACd,CAAA;AACH,CAAC;AAnBD,0BAmBC"}

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface ISideBar {
+    overlay?: boolean;
+    children: ReactNode;
+    maxWidth: string;
+    open: boolean;
+    direction?: 'left' | 'right';
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface IStyledSideBar {
+    open: boolean;
+    maxWidth: string;
+    overlay?: boolean;
+    direction?: 'left' | 'right';
+}
+export declare const SideBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, IStyledSideBar>>;
+export {};

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

@@ -0,0 +1,16 @@
+"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.SideBar = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SideBar = (0, styled_components_1.default)('aside')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: fixed;\n  z-index: 99999;\n  top: 0;\n  height: 100vh;\n  min-height: 100vh;\n  transition: width 0.3s ease-in-out;\n  width: ", ";\n  max-width: ", ";\n  ", "\n\n  .content {\n    transition: transform 0.3s ease-in-out !important;\n    overflow: hidden;\n    background-color: #fff;\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n    height: 100%;\n    width: 100%;\n    margin: ", ";\n    position: relative;\n    z-index: 999999;\n    max-width: ", ";\n    transform: ", ";\n\n    > div {\n      padding: 15px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: fixed;\n  z-index: 99999;\n  top: 0;\n  height: 100vh;\n  min-height: 100vh;\n  transition: width 0.3s ease-in-out;\n  width: ", ";\n  max-width: ", ";\n  ", "\n\n  .content {\n    transition: transform 0.3s ease-in-out !important;\n    overflow: hidden;\n    background-color: #fff;\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n    height: 100%;\n    width: 100%;\n    margin: ", ";\n    position: relative;\n    z-index: 999999;\n    max-width: ", ";\n    transform: ", ";\n\n    > div {\n      padding: 15px;\n    }\n  }\n"])), function (props) { return (props.open ? (props.overlay ? '100vw' : props.maxWidth) : '0px'); }, function (props) { return (props.maxWidth ? '100%' : props.maxWidth); }, function (props) { return (props.direction === 'right' ? "right: 0;" : 'left: 0;'); }, function (props) { return (props.direction === 'left' ? '0 auto 0 0' : '0 0 0 auto'); }, function (props) { return props.maxWidth; }, function (props) {
+    return props.open ? 'translateX(0)' : props.direction === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/sidebar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,snBAAgB,8JAQ3C,EAA4E,kBACxE,EAAqD,OAChE,EAAmE,mOASzD,EAAqE,mEAGlE,EAAyB,oBACzB,EAC0F,sDAM1G,KAtBU,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjE,CAAiE,EACxE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA1C,CAA0C,EAChE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,EAAxD,CAAwD,EASzD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,EAA1D,CAA0D,EAGlE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,EACzB,UAAC,KAAK;IACjB,OAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;AAArG,CAAqG,EAM1G"}

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

@@ -0,0 +1,3 @@
+export * from './theme';
+export * from './toast';
+export * from './route-loading';

package/dist/ui/contexts/index.js

@@ -0,0 +1,20 @@
+"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("./theme"), exports);
+__exportStar(require("./toast"), exports);
+__exportStar(require("./route-loading"), 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,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: 2s;\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: 2s;\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.blue; }, function (props) { return "linear-gradient(\n  to right,\n  ".concat(props.theme.blue, " 8%,\n  ").concat(props.theme.orange, " 35%,\n  ").concat(props.theme.blue, " 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,gkBAAA,+QAWjB,EAA2B,mBAC3B,EAKZ,uNAcH,KApBe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAhB,CAAgB,EAC3B,UAAC,KAAK,IAAK,OAAA,2CAEvB,KAAK,CAAC,KAAK,CAAC,IAAI,qBAChB,KAAK,CAAC,KAAK,CAAC,MAAM,sBAClB,KAAK,CAAC,KAAK,CAAC,IAAI,cAChB,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/theme/context.d.ts

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

package/dist/ui/contexts/theme/context.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = require("styled-components");
+var interfaces_1 = require("./interfaces");
+var themeContext = (0, react_1.createContext)({});
+function ThemeProvider(_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: interfaces_1.theme, children: children }));
+}
+exports.ThemeProvider = ThemeProvider;
+function useTheme() {
+    var context = (0, react_1.useContext)(themeContext);
+    return context;
+}
+exports.useTheme = useTheme;
+//# sourceMappingURL=context.js.map

package/dist/ui/contexts/theme/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/theme/context.tsx"],"names":[],"mappings":";;;;AAAA,+BAAkD;AAElD,uDAA2E;AAE3E,2CAAqC;AAErC,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,CAAC,CAAC;AAEvC,SAAS,aAAa,CAAC,EAAY;QAAV,QAAQ,cAAA;IAC/B,OAAO,CACL,uBAAC,iCAAqB,IAAC,KAAK,EAAE,kBAAK,YAChC,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAQQ,sCAAa;AANtB,SAAS,QAAQ;IACf,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC;AACjB,CAAC;AAEuB,4BAAQ"}

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

@@ -0,0 +1,2 @@
+export * from "./context";
+export * from "./interfaces";

package/dist/ui/contexts/theme/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("./context"), exports);
+__exportStar(require("./interfaces"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,+CAA6B"}

package/dist/ui/contexts/theme/interfaces.d.ts

@@ -0,0 +1,8 @@
+interface ITheme {
+    black: "#000";
+}
+interface IThemeStyledComponentProps {
+    theme?: ITheme;
+}
+export declare const theme: ITheme;
+export type { ITheme, IThemeStyledComponentProps };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/contexts/theme/interfaces.ts"],"names":[],"mappings":";;;AAQa,QAAA,KAAK,GAAW;IAC3B,KAAK,EAAE,MAAM;CACd,CAAC"}

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

@@ -0,0 +1,8 @@
+import { Toast } from './interfaces';
+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,70 @@
+"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 __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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = exports.ToastProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("@/ui/utils");
+var toast_item_1 = require("./toast-item");
+var S = __importStar(require("./styles"));
+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(function (s) { return __spreadArray(__spreadArray([], s, true), [__assign(__assign({}, item), { uid: id })], false); });
+    }
+    return ((0, jsx_runtime_1.jsxs)(ToastContext.Provider, { value: { createToast: createToast }, children: [(0, jsx_runtime_1.jsx)("div", { style: { position: 'relative', zIndex: 2 }, children: (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)); }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { position: 'relative', zIndex: 1 }, children: children })] }));
+}
+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,+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,aAC3C,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,YAC7C,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,GACN,EAEN,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,IAC3C,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").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

package/dist/ui/contexts/toast/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: 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"], ["\n  position: fixed;\n  top: 15px;\n  right: 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\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,wEAAuC;AAE1B,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oLAAA,iHAOjC,KAAC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Toast } from "../interfaces";
+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,65 @@
+"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 S = __importStar(require("./styles"));
+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]);
+    // const icon =
+    //   status === "error" ? (
+    //     <Icon name="IconWarning" color="#e74c3c" />
+    //   ) : (
+    //     <Icon name="IconGreenCheck" color="#07bc0c" />
+    //   );
+    return ((0, jsx_runtime_1.jsxs)(S.ToastItem, { children: [(0, jsx_runtime_1.jsx)("div", { className: "toast-content", children: (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,+BAA4C;AAI5C,0CAA8B;AAE9B,SAAgB,SAAS,CAAC,EAK4C;QAJpE,GAAG,SAAA,EACH,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAM,iBAAiB,GAAG,IAAI,CAAC;IAEzB,IAAA,KAAoC,IAAA,gBAAQ,EAAC,GAAG,CAAC,EAAhD,aAAa,QAAA,EAAE,gBAAgB,QAAiB,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,SAAiB,CAAC;QAEtB,IAAM,OAAO,GAAG,UAAC,SAAiB;YAChC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,SAAS,GAAG,SAAS,CAAC;YACxB,CAAC;YAED,IAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;YACtC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;YAE1D,gBAAgB,CAAC,GAAG,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC;YAEvC,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;gBACjB,qBAAqB,CAAC,OAAO,CAAC,CAAC;YACjC,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,CAAC;YACrD,CAAC;QACH,CAAC,CAAC;QAEF,IAAM,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAEjD,OAAO,cAAM,OAAA,oBAAoB,CAAC,SAAS,CAAC,EAA/B,CAA+B,CAAC;IAC/C,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,eAAe;IACf,2BAA2B;IAC3B,kDAAkD;IAClD,UAAU;IACV,qDAAqD;IACrD,OAAO;IAEP,OAAO,CACL,wBAAC,CAAC,CAAC,SAAS,eACV,gCAAK,SAAS,EAAC,eAAe,YAC5B,2CAAO,OAAO,GAAQ,GAClB,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,CAAC;AACJ,CAAC;AA3DD,8BA2DC"}

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

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