infinity-forge 0.46.0 → 0.46.2

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,70 @@
+"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;
+    var handleMouseEnter = function () { return enableHover && handleToggle(true); };
+    var handleMouseLeave = function () { return enableHover && handleToggle(false); };
+    (0, react_1.useEffect)(function () {
+        var handleClickContent = function (event) {
+            if (contentRef.current && contentRef.current.contains(event.target)) {
+                handleToggle(false);
+            }
+        };
+        if (closeOnClick && isOpen) {
+            document.addEventListener('click', handleClickContent);
+            return function () {
+                document.removeEventListener('click', handleClickContent);
+            };
+        }
+    }, [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,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,EAAjC,CAAiC,CAAA;IAChE,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC,EAAlC,CAAkC,CAAA;IAEjE,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5E,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;YAC3B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACtD,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YAC3D,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,MAAM,IAAI,CAC/B,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,EAAE,YAAY,YAElB,OAAO,GACS,CACpB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAC,CAAC,SAAS,EAC5D,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EACP,MAAM,IAAI,mBAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,IAChE,CACtB,CAAA;AACH,CAAC;AAvDD,0BAuDC"}

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

@@ -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 S = __importStar(require("./styles.js"));
+var icons_1 = require("../../../../ui/icons/index.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)(icons_1.Icon, { name: 'IconBlock', fill: '#e74c3c' }) : (0, jsx_runtime_1.jsx)(icons_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;AAI3C,0CAA6B;AAC7B,oCAAiC;AAEjC,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,YAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,uBAAC,YAAI,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"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ToastItem: 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/toast-item/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.ToastItem = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.ToastItem = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #fff;\n  padding: 10px;\n  border-radius: 4px;\n  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n  min-height: 40px;\n  min-width: 150px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n\n  .toast-content {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    svg {\n      width: 20px;\n      margin-right: 10px;\n    }\n\n    span {\n      color: #757575;\n      font-size: 14px;\n      width: calc(100% - 30px);\n    }\n  }\n\n  .progressbar_container {\n    height: 3px;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n\n    .progressbar {\n      height: inherit;\n      background-color: #000;\n    }\n  }\n"], ["\n  background-color: #fff;\n  padding: 10px;\n  border-radius: 4px;\n  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n  min-height: 40px;\n  min-width: 150px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n\n  .toast-content {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    svg {\n      width: 20px;\n      margin-right: 10px;\n    }\n\n    span {\n      color: #757575;\n      font-size: 14px;\n      width: calc(100% - 30px);\n    }\n  }\n\n  .progressbar_container {\n    height: 3px;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n\n    .progressbar {\n      height: inherit;\n      background-color: #000;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,4 @@
+export * from './use-window.js';
+export * from './use-scroll.js';
+export * from './use-element-id.js';
+export * from './use-component-is-mounted.js';

package/dist/ui/hooks/index.js

@@ -0,0 +1,21 @@
+"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("./use-window.js"), exports);
+__exportStar(require("./use-scroll.js"), exports);
+__exportStar(require("./use-element-id.js"), exports);
+__exportStar(require("./use-component-is-mounted.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,mDAAgC;AAChC,6DAA0C"}

package/dist/ui/hooks/use-component-is-mounted.d.ts

@@ -0,0 +1 @@
+export declare function useComponentIsMounted(): boolean;

package/dist/ui/hooks/use-component-is-mounted.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentIsMounted = void 0;
+var react_1 = require("react");
+function useComponentIsMounted() {
+    var _a = (0, react_1.useState)(false), mounted = _a[0], setMounted = _a[1];
+    (0, react_1.useEffect)(function () {
+        setMounted(true);
+    }, []);
+    return mounted;
+}
+exports.useComponentIsMounted = useComponentIsMounted;
+//# sourceMappingURL=use-component-is-mounted.js.map

package/dist/ui/hooks/use-component-is-mounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-is-mounted.js","sourceRoot":"","sources":["../../../src/ui/hooks/use-component-is-mounted.tsx"],"names":[],"mappings":";;;AAAA,+BAA4C;AAE5C,SAAgB,qBAAqB;IAC7B,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AARD,sDAQC"}

package/dist/ui/hooks/use-element-id.d.ts

@@ -0,0 +1,3 @@
+export declare function useElementId({ id }: {
+    id: string;
+}): HTMLElement | null;

package/dist/ui/hooks/use-element-id.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementId = void 0;
+var react_1 = require("react");
+function useElementId(_a) {
+    var id = _a.id;
+    var _b = (0, react_1.useState)(null), element = _b[0], setElement = _b[1];
+    function handleElement() {
+        if (process.browser) {
+            var element_1 = document.getElementById(id);
+            if (element_1) {
+                setElement(element_1);
+            }
+        }
+    }
+    (0, react_1.useEffect)(function () {
+        if (process.browser) {
+            window.addEventListener('resize', handleElement);
+            handleElement();
+        }
+        return function () {
+            window.removeEventListener('resize', handleElement);
+        };
+    }, []);
+    return element;
+}
+exports.useElementId = useElementId;
+//# sourceMappingURL=use-element-id.js.map

package/dist/ui/hooks/use-element-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-id.js","sourceRoot":"","sources":["../../../src/ui/hooks/use-element-id.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAE3C,SAAgB,YAAY,CAAC,EAAsB;QAApB,EAAE,QAAA;IACzB,IAAA,KAAwB,IAAA,gBAAQ,EAAqB,IAAI,CAAC,EAAzD,OAAO,QAAA,EAAE,UAAU,QAAsC,CAAA;IAEhE,SAAS,aAAa;QACpB,IAAK,OAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAM,SAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;YAE3C,IAAI,SAAO,EAAE,CAAC;gBACZ,UAAU,CAAC,SAAO,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,IAAK,OAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;YAEhD,aAAa,EAAE,CAAA;QACjB,CAAC;QAED,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QACrD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC;AA1BD,oCA0BC"}

package/dist/ui/hooks/use-scroll.d.ts

@@ -0,0 +1,8 @@
+export declare function useScroll({ maxScroll, minScroll }: {
+    maxScroll?: number;
+    minScroll?: number;
+} | undefined): {
+    scroll: number;
+    isScrollMore: boolean;
+    isScrollLess: boolean;
+};