infinity-forge 3.0.1 → 3.0.2

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

@@ -0,0 +1,64 @@
+"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.Modal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_dom_1 = __importDefault(require("react-dom"));
+var ui_1 = require("../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
+    var open = _a.open, styles = _a.styles, stylesContent = _a.stylesContent, onClose = _a.onClose, actions = _a.actions, children = _a.children, hideCloseButton = _a.hideCloseButton, _b = _a.closePortalOnCloseModal, closePortalOnCloseModal = _b === void 0 ? true : _b;
+    var _c = (0, react_1.useState)(false), showPortal = _c[0], setShowPortal = _c[1];
+    var refContainer = (0, react_1.useRef)(null);
+    (0, ui_1.disableScroll)(open);
+    (0, react_1.useEffect)(function () {
+        if (open && !showPortal) {
+            setShowPortal(true);
+            if (refContainer.current && !document.body.contains(refContainer.current)) {
+                document.body.appendChild(refContainer.current);
+            }
+        }
+        if (!open && showPortal) {
+            setShowPortal(false);
+            if (refContainer.current && document.body.contains(refContainer.current)) {
+                document.body.removeChild(refContainer.current);
+            }
+        }
+    }, [open]);
+    function closeModal() {
+        closePortalOnCloseModal && setShowPortal(false);
+        onClose(setShowPortal);
+    }
+    if (refContainer.current === null && process.browser) {
+        refContainer.current = document.createElement('div');
+        refContainer.current.classList.add('infinity_forge_modal');
+    }
+    return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: styles, children: [!hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) })), (0, jsx_runtime_1.jsxs)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: [children, actions && (0, jsx_runtime_1.jsx)("div", { className: 'actions_modal_infinity_forge', children: actions })] })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAE7E,wDAAgC;AAEhC,2BAAiD;AAIjD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UACE,EAAwH,EACxH,CAA+B;QAD7B,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAE,+BAA8B,EAA9B,uBAAuB,mBAAG,IAAI,KAAA;IAGpG,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,IAAA,kBAAa,EAAC,IAAI,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAA;YAEnB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,IAAI,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,UAAU;QACjB,uBAAuB,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;QAE/C,OAAO,CAAC,aAAa,CAAC,CAAA;IACxB,CAAC;IAED,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpD,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;IAC5D,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,mBAAQ,CAAC,YAAY,CACnB,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,MAAM,aACzC,CAAC,eAAe,IAAI,CACnB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,4BAA4B,YAC/E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,CACV,EAED,iCAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,aAAa,aAC/D,QAAQ,EAER,OAAO,IAAI,gCAAK,SAAS,EAAC,8BAA8B,YAAE,OAAO,GAAO,IACrE,IACF,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB,CACF,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,CAAA;AACH,CAAC,CACF,CAAA"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface ModalProps {
+    actions?: React.ReactNode;
+    open: boolean;
+    center?: boolean;
+    styles?: React.CSSProperties;
+    stylesContent?: React.CSSProperties;
+    onClose: (setShowPortal: React.Dispatch<React.SetStateAction<boolean>>) => void;
+    children?: React.ReactNode;
+    hideCloseButton?: boolean;
+    closePortalOnCloseModal?: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Modal: 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/components/modal/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.Modal = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .overlay {\n    position: fixed;\n    z-index: 1;\n    min-width: 100%;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(1px);\n    left: 0;\n    top: 0;\n  }\n\n  .modal_content {\n    position: fixed;\n    z-index: 2;\n    width: fit-content;\n    max-width: 95vw;\n    max-height: 94vh;\n    background: #fff;\n    top: 50%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    transform: translateY(-50%);\n    padding: 35px 0 0;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\n      overflow: auto;\n      max-height: calc(94vh - 30px);\n      background: #fff;\n      border-radius: 10px;\n\n      .actions_modal_infinity_forge {\n        position: sticky;\n        bottom: 0;\n        background-color: #fff;\n        padding: 15px 0;\n      }\n    }\n\n    .close_modal_infinity_forge {\n      position: absolute;\n      top: 10px;\n      right: 15px;\n      display: flex;\n      background-color: transparent;\n      border: 0;\n\n      svg {\n        width: 15px;\n        height: auto;\n      }\n    }\n  }\n"], ["\n  .overlay {\n    position: fixed;\n    z-index: 1;\n    min-width: 100%;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(1px);\n    left: 0;\n    top: 0;\n  }\n\n  .modal_content {\n    position: fixed;\n    z-index: 2;\n    width: fit-content;\n    max-width: 95vw;\n    max-height: 94vh;\n    background: #fff;\n    top: 50%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    transform: translateY(-50%);\n    padding: 35px 0 0;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\n      overflow: auto;\n      max-height: calc(94vh - 30px);\n      background: #fff;\n      border-radius: 10px;\n\n      .actions_modal_infinity_forge {\n        position: sticky;\n        bottom: 0;\n        background-color: #fff;\n        padding: 15px 0;\n      }\n    }\n\n    .close_modal_infinity_forge {\n      position: absolute;\n      top: 10px;\n      right: 15px;\n      display: flex;\n      background-color: transparent;\n      border: 0;\n\n      svg {\n        width: 15px;\n        height: auto;\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mpCAAA,glCAwDjC,KAAA"}

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

@@ -0,0 +1,2 @@
+import { NextImageProps } from './interfaces.js';
+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,40 @@
+"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/index.js");
+var loader_circle_1 = require("../loader-circle/index.js");
+var S = __importStar(require("./styles.js"));
+function NextImage(_a) {
+    var src = _a.src, alt = _a.alt, forceLoading = _a.forceLoading;
+    return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'next-image', children: (0, jsx_runtime_1.jsx)(S.Image, { children: forceLoading ? (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;IAEhD,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,CAAC,CAAC,KAAK,cACL,YAAY,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,GAC3F,GACJ,CACT,CAAA;AACH,CAAC;AATD,8BASC"}

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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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/pagination/index.d.ts

@@ -0,0 +1,2 @@
+import { PaginationModel } from '../../../system/index.js';
+export declare function PaginationComponent({ page, endPage, pages, pageSize, totalItems, hasNextPage, hasPreviousPage }: PaginationModel): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+"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.PaginationComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var router_1 = require("next/router");
+var ui_1 = require("../../../ui/index.js");
+var service_1 = require("./service.js");
+var S = __importStar(require("./styles.js"));
+function PaginationComponent(_a) {
+    var page = _a.page, endPage = _a.endPage, pages = _a.pages, pageSize = _a.pageSize, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
+    var router = (0, router_1.useRouter)();
+    var pagination = (0, service_1.paginate)({
+        totalPages: endPage,
+        pageSize: pageSize,
+        totalItems: totalItems,
+        hasNextPage: hasNextPage,
+        hasPreviousPage: hasPreviousPage,
+        currentPage: !router.query.page ? 1 : Number(router.query.page) <= 0 || !router.query.page ? 1 : Number(router.query.page),
+    });
+    function onSelect(page) {
+        (0, ui_1.updateRoute)({ router: router, params: { page: page.toString() } });
+    }
+    if (!pagination || (pages === null || pages === void 0 ? void 0 : pages.length) === 1) {
+        return (0, jsx_runtime_1.jsx)("div", { className: 'no_pages' });
+    }
+    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { className: 'pagination', children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: { display: page == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(page - 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardLeftArrow' }) })), (0, jsx_runtime_1.jsx)("div", { className: 'navigations', children: pages === null || pages === void 0 ? void 0 : pages.map(function (pageItem) {
+                    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(pagination.page === pageItem ? 'active' : ''), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
+                }) }), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: {
+                    display: pages[pages.length - 1] == pagination.page ? 'none' : 'block',
+                }, onClick: function () { return onSelect(pagination.page + 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
+}
+exports.PaginationComponent = PaginationComponent;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAwC;AAGxC,qCAAoC;AAEpC,0CAA6B;AAE7B,SAAgB,mBAAmB,CAAC,EAA6F;QAA3F,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA;IAE5G,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC;QAC1B,UAAU,EAAE,OAAO;QACnB,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,WAAW,EACX,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;KAC/G,CAAC,CAAA;IAEF,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,gBAAW,EAAC,EAAE,MAAM,QAAA,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,CAAC,EAAE,CAAC;QACvC,OAAO,gCAAK,SAAS,EAAC,UAAU,GAAO,CAAA;IACzC,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,IAAC,SAAS,EAAC,YAAY,aACtC,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EAAlB,CAAkB,YACvG,uBAAC,SAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,GAChC,CACR,EAED,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,QAAQ;oBACnB,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EAC5D,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,YAEhC,QAAQ,IALJ,UAAG,QAAQ,iBAAc,CAMvB,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EAEL,WAAW,IAAI,CACd,iCACE,SAAS,EAAC,KAAK,EACf,KAAK,EAAE;oBACL,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACvE,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE5C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GACjC,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AA1DD,kDA0DC"}

package/dist/ui/components/pagination/service.d.ts

@@ -0,0 +1,24 @@
+interface IPagination {
+    totalItems: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    startPage: number;
+    endPage: number;
+    startIndex: number;
+    endIndex: number;
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
+}
+interface IPaginationProps {
+    totalItems: number;
+    currentPage?: number;
+    pageSize?: number;
+    maxPages?: number;
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
+    totalPages: number;
+}
+declare function paginate({ totalItems, currentPage, pageSize, maxPages, hasNextPage, hasPreviousPage, totalPages }: IPaginationProps): IPagination;
+export { paginate };
+export type { IPagination, IPaginationProps };

package/dist/ui/components/pagination/service.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paginate = void 0;
+function paginate(_a) {
+    var totalItems = _a.totalItems, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 1 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 1 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, totalPages = _a.totalPages;
+    var page = currentPage;
+    if (page < 1) {
+        page = 1;
+    }
+    else if (page > totalPages) {
+        page = totalPages;
+    }
+    var startPage;
+    var endPage;
+    if (totalPages <= maxPages) {
+        startPage = 1;
+        endPage = totalPages;
+    }
+    else {
+        var maxPagesBeforeCurrentPage = Math.floor(maxPages / 2);
+        var maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1;
+        if (page <= maxPagesBeforeCurrentPage) {
+            startPage = 1;
+            endPage = maxPages;
+        }
+        else if (page + maxPagesAfterCurrentPage >= totalPages) {
+            startPage = totalPages - maxPages + 1;
+            endPage = totalPages;
+        }
+        else {
+            startPage = page - maxPagesBeforeCurrentPage;
+            endPage = page + maxPagesAfterCurrentPage;
+        }
+    }
+    var startIndex = (page - 1) * pageSize;
+    var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
+    return {
+        page: page,
+        endPage: endPage,
+        pageSize: pageSize,
+        startPage: startPage,
+        startIndex: startIndex,
+        endIndex: endIndex,
+        totalPages: totalPages,
+        totalItems: totalItems,
+        hasNextPage: hasNextPage,
+        hasPreviousPage: hasPreviousPage
+    };
+}
+exports.paginate = paginate;
+//# sourceMappingURL=service.js.map

package/dist/ui/components/pagination/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/service.ts"],"names":[],"mappings":";;;AAuBA,SAAS,QAAQ,CAAE,EAQK;QAPpB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,UAAU,gBAAA;IAKV,IAAI,IAAI,GAAG,WAAW,CAAC;IAEvB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACX,IAAI,GAAG,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC3B,IAAI,GAAG,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,SAAiB,CAAC;IACtB,IAAI,OAAe,CAAC;IACpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACzB,SAAS,GAAG,CAAC,CAAC;QACd,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC3D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC7D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACpC,SAAS,GAAG,CAAC,CAAC;YACd,OAAO,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACvD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;YACtC,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAC;YAC7C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;IAErE,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAClB,CAAC;AACN,CAAC;AAEQ,4BAAQ"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PaginationStyle: 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/pagination/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.PaginationStyle = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.PaginationStyle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n\n  .nav {\n    width: 9px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 10px;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .navigations {\n    display: flex;\n    align-items: center;\n\n    > button + button {\n      margin-left: 10px;\n    }\n  }\n\n  button,\n  span {\n    width: 30px;\n    height: 30px;\n    border-radius: 5px;\n    color: #000;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    background: none;\n  }\n\n  button.active {\n    color: #fff;\n    background-color: ", ";\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n\n  .nav {\n    width: 9px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 10px;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .navigations {\n    display: flex;\n    align-items: center;\n\n    > button + button {\n      margin-left: 10px;\n    }\n  }\n\n  button,\n  span {\n    width: 30px;\n    height: 30px;\n    border-radius: 5px;\n    color: #000;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    background: none;\n  }\n\n  button.active {\n    color: #fff;\n    background-color: ", ";\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.darkColor) || 'unset'; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,yzDAAA,muBA2CjB,EAA6C,ihCAuEpE,KAvEuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,SAAS,KAAI,OAAO,CAAA,EAAA,EAuEpE"}

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

@@ -0,0 +1,2 @@
+import { ISideBar } from './interfaces.js';
+export declare function SideBar({ children, maxWidth, open, setOpen, direction, overlay }: ISideBar): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+"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.js"));
+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;
+    if (!process.browser) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    function handleClose() {
+        if (overlay) {
+            setOpen(false);
+            react_dom_1.default.unmountComponentAtNode(document.getElementById('__next'));
+        }
+    }
+    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, className: 'side_bar_infinity_forge', children: (0, jsx_runtime_1.jsx)("div", { onClick: handleContentClick, className: 'content', children: open && children }) }), document.getElementById('__next'));
+}
+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,IAAI,CAAE,OAAe,CAAC,OAAO,EAAE,CAAC;QAC9B,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,SAAS,WAAW;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;YAEd,mBAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;QACpE,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,gBACE,OAAO,WACV,IAAI,eACA,QAAQ,gBACP,SAAS,EACrB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,yBAAyB,YAEnC,gCAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,YAClD,IAAI,IAAI,QAAQ,GACb,GACI,EACZ,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAClC,CAAA;AACH,CAAC;AAhCD,0BAgCC"}

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/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, IStyledSideBar>> & string;
+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,EAA+E,kBAC3E,EAAuD,OAClE,EAAoE,mOAS1D,EAAsE,mEAGnE,EAA0B,oBAC1B,EAC4F,sDAM5G,KAtBU,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAApE,CAAoE,EAC3E,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAA5C,CAA4C,EAClE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,EAAzD,CAAyD,EAS1D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,EAA3D,CAA2D,EAGnE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,EAAf,CAAe,EAC1B,UAAC,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;AAAvG,CAAuG,EAM5G"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { IToolTipProps } from './interfaces.js';
+export declare function Tooltip(props: IToolTipProps): import("react/jsx-runtime").JSX.Element;