infinity-forge 0.51.9 → 0.52.0

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

@@ -0,0 +1,67 @@
+"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 modalManager_1 = require("./modalManager.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, children = _a.children;
+    var _b = (0, react_1.useState)(false), showPortal = _b[0], setShowPortal = _b[1];
+    var refModal = (0, react_1.useRef)(null);
+    var refContainer = (0, react_1.useRef)(null);
+    if (refContainer.current === null && process.browser) {
+        refContainer.current = document.createElement('div');
+        refContainer.current.classList.add('infinity_forge_modal');
+    }
+    (0, modalManager_1.useModalManager)(refModal, open);
+    (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() {
+        setShowPortal(false);
+        onClose();
+    }
+    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: [(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.jsx)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: children })] })] }) }), 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;AAC7E,wDAAgC;AAEhC,2BAAiD;AAEjD,+CAAgD;AAIhD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UAAC,EAA8D,EAAE,CAA+B;QAA7F,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC7C,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,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,IAAA,8BAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAC/B,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,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,CAAA;IACX,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,aAC1C,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,EAET,gCAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,aAAa,YAC/D,QAAQ,GACL,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,28 @@
+/// <reference types="react" />
+export interface ModalProps {
+    open: boolean;
+    center?: boolean;
+    closeOnEsc?: boolean;
+    closeOnOverlayClick?: boolean;
+    blockScroll?: boolean;
+    showCloseIcon?: boolean;
+    closeIconId?: string;
+    closeIcon?: React.ReactNode;
+    focusTrapped?: boolean;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    container?: Element | null;
+    styles?: React.CSSProperties;
+    stylesContent?: React.CSSProperties;
+    animationDuration?: number;
+    role?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    reserveScrollBarGap?: boolean;
+    containerId?: string;
+    modalId?: string;
+    onClose: () => void;
+    onEscKeyDown?: (event: KeyboardEvent) => void;
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onAnimationEnd?: () => void;
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1,2 @@
+import { Ref } from "react";
+export declare function useModalManager(ref: Ref<Element>, open: boolean): void;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalManager = void 0;
+var react_1 = require("react");
+var modals = [];
+function useModalManager(ref, open) {
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            modals.push(ref);
+        }
+        return function () {
+            modals = modals.filter(function (modal) { return modal !== ref; });
+        };
+    }, [open, ref]);
+}
+exports.useModalManager = useModalManager;
+//# sourceMappingURL=modalManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalManager.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/modalManager.ts"],"names":[],"mappings":";;;AAAA,+BAAuC;AAEvC,IAAI,MAAM,GAAmB,EAAE,CAAC;AAEhC,SAAgB,eAAe,CAAC,GAAiB,EAAE,IAAa;IAC9D,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;QACD,OAAO;YACL,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,GAAG,EAAb,CAAa,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AATD,0CASC"}

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: 9999999999;\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    width: fit-content;\n    max-width: 95vw;\n    max-height: 90vh;\n    position: fixed;\n    z-index: 99999999999;\n    background: #fff;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    padding: 35px 0 20px;\n    overflow: hidden;\n    overflow-y: auto;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\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: 9999999999;\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    width: fit-content;\n    max-width: 95vw;\n    max-height: 90vh;\n    position: fixed;\n    z-index: 99999999999;\n    background: #fff;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    padding: 35px 0 20px;\n    overflow: hidden;\n    overflow-y: auto;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\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,46BAAA,y2BA6CjC,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,10 @@
+export type PaginationAPIResponseModel = {
+    pageTotal: number;
+    pageSize: number;
+    pageNumber: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+};
+export declare function PaginationComponent({ pageTotal, pageSize, hasNextPage, hasPreviousPage }: PaginationAPIResponseModel): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,63 @@
+"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 react_1 = require("react");
+var router_1 = require("next/router");
+var ui_1 = require("../../../ui/index.js");
+var sevice_pagination_1 = require("./sevice_pagination.js");
+var S = __importStar(require("./styles.js"));
+function PaginationComponent(_a) {
+    var pageTotal = _a.pageTotal, pageSize = _a.pageSize, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
+    var _b = (0, react_1.useState)(null), pagination = _b[0], setPagination = _b[1];
+    var router = (0, router_1.useRouter)();
+    var routerBuild = (0, ui_1.createRouterBuild)(router);
+    (0, react_1.useEffect)(function () {
+        if (router.isReady) {
+            setPagination((0, sevice_pagination_1.Paginate)({
+                totalItems: pageTotal,
+                currentPage: !router.query.page || Number(router.query.page) <= 0 ? 1 : Number(router.query.page),
+                pageSize: pageSize,
+                hasNextPage: hasNextPage,
+                hasPreviousPage: hasPreviousPage,
+            }));
+        }
+    }, [router.isReady]);
+    function onSelect(page) {
+        (0, ui_1.scrollToTopPage)();
+        return routerBuild.updateRouteParam('page', page.toString());
+    }
+    if (!pagination || pagination.pages.length === 1) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { style: { display: Number(router.query.page) == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(Number(router.query.page) - 1); }, children: '<' })), pagination.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", { style: {
+                    display: pagination.pages[pagination.pages.length - 1] == pagination.page ? 'none' : 'block',
+                }, onClick: function () { return onSelect(pagination.page + 1); }, children: '>' }))] }));
+}
+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,+BAA2C;AAE3C,sCAAuC;AAEvC,2BAAyD;AACzD,yDAA2D;AAE3D,0CAA6B;AAY7B,SAAgB,mBAAmB,CAAC,EAAiF;QAA/E,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA;IAC/E,IAAA,KAA8B,IAAA,gBAAQ,EAAqB,IAAI,CAAC,EAA/D,UAAU,QAAA,EAAE,aAAa,QAAsC,CAAA;IAEtE,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,WAAW,GAAG,IAAA,sBAAiB,EAAC,MAAM,CAAC,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,aAAa,CACX,IAAA,4BAAQ,EAAC;gBACP,UAAU,EAAE,SAAS;gBACrB,WAAW,EAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;gBACjG,QAAQ,EAAE,QAAQ;gBAClB,WAAW,EAAE,WAAW;gBACxB,eAAe,EAAE,eAAe;aACjC,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpB,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,oBAAe,GAAE,CAAA;QAEjB,OAAO,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC9D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,eACf,eAAe,IAAI,CAClB,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAvC,CAAuC,YAChI,GAAG,GACC,CACR,EAEA,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,QAAQ;gBAC7B,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;YACH,CAAC,CAAC,EAED,WAAW,IAAI,CACd,iCACE,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBAC7F,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE3C,GAAG,GACC,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AA/DD,kDA+DC"}

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

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

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

@@ -0,0 +1,54 @@
+"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 ? 40 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 3 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
+    var totalPages = Math.ceil(totalItems / pageSize);
+    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);
+    var pages = Array.from(Array(endPage + 1 - startPage).keys()).map(function (i) { return startPage + i; });
+    return {
+        page: page,
+        pages: pages,
+        endPage: endPage,
+        pageSize: pageSize,
+        endIndex: endIndex,
+        startPage: startPage,
+        totalPages: totalPages,
+        startIndex: startIndex,
+        totalItems: totalItems,
+        hasNextPage: hasNextPage,
+        hasPreviousPage: hasPreviousPage,
+    };
+}
+exports.Paginate = Paginate;
+//# sourceMappingURL=sevice_pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sevice_pagination.js","sourceRoot":"","sources":["../../../../src/ui/components/pagination/sevice_pagination.ts"],"names":[],"mappings":";;;AAuBA,SAAgB,QAAQ,CAAC,EAON;QANjB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA;IAEf,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;IACnD,IAAI,IAAI,GAAG,WAAW,CAAA;IAEtB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACb,IAAI,GAAG,CAAC,CAAA;IACV,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC7B,IAAI,GAAG,UAAU,CAAA;IACnB,CAAC;IAED,IAAI,SAAiB,CAAA;IACrB,IAAI,OAAe,CAAA;IACnB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,CAAC,CAAA;QACb,OAAO,GAAG,UAAU,CAAA;IACtB,CAAC;SAAM,CAAC;QACN,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;QAC1D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAC5D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACtC,SAAS,GAAG,CAAC,CAAA;YACb,OAAO,GAAG,QAAQ,CAAA;QACpB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACzD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAA;YACrC,OAAO,GAAG,UAAU,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAA;YAC5C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAA;QAC3C,CAAC;IACH,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;IACxC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAA;IAEpE,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAA;IAEzF,OAAO;QACL,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAA;AACH,CAAC;AAvDD,4BAuDC"}

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  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n  background-color: #000;\n\n  button,\n  span {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background-color: ", ";\n    color: #fff;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\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  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n  background-color: #000;\n\n  button,\n  span {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background-color: ", ";\n    color: #fff;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\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.secondaryColor) || "unset"; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || "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,wEAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,4kDAAA,6QAcjB,EAAkD,qNASlD,EAAgD,miCAwEvE,KAjFuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,KAAI,OAAO,CAAA,EAAA,EASlD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,OAAO,CAAA,EAAA,EAwEtE"}

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;
+    function handleClose() {
+        if (overlay) {
+            setOpen(false);
+            react_dom_1.default.unmountComponentAtNode(document.getElementById("__next"));
+        }
+    }
+    function handleContentClick(event) {
+        event.stopPropagation();
+    }
+    if (!process.browser) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    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,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;IAGD,IAAG,CAAE,OAAe,CAAC,OAAO,EAAE,CAAC;QAC7B,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,CAAC,CAAC,OAAO,gBAAW,OAAO,WAAS,IAAI,eAAa,QAAQ,gBAAc,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,yBAAyB,YAC9I,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;AA1BD,0BA0BC"}

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