infinity-forge 0.0.1

package/dist/components/menu/components/select-workspace/index.js

@@ -0,0 +1,81 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectWorkSpace = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var components_1 = require("../../../../components");
+var S = __importStar(require("./styles"));
+var io_1 = require("react-icons/io");
+function Item(_a) {
+    var avatar = _a.avatar, label = _a.label, value = _a.value, onClick = _a.onClick;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'item', onClick: function () { return onClick({ label: label, value: value, avatar: avatar }); }, children: [(0, jsx_runtime_1.jsx)(components_1.Avatar, { className: 'avatar', image: avatar }), (0, jsx_runtime_1.jsxs)("div", { className: 'font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: '-bold', children: label }), (0, jsx_runtime_1.jsx)("span", { className: 'text', children: value })] })] }));
+}
+function SelectWorkSpace() {
+    var customOptions = [
+        {
+            label: 'REDQ',
+            value: 'redq@redq.io',
+            avatar: 'https://s3.envato.com/files/368170631/REDQ.png',
+        },
+        {
+            label: 'Apple',
+            value: 'Apple@apple.com',
+            avatar: 'https://1.bp.blogspot.com/-IHIprxC2Za0/UBg14NttLLI/AAAAAAAAA28/nyBH-GeEX7Y/s1600/white-apple-logo-wallpaper.jpg',
+        },
+        {
+            label: 'Microsoft',
+            value: 'microsofr@microsoft.com',
+            avatar: 'https://ca16c2df-cdn.agilitycms.cloud/Attachments/NewItems/MS-thumbnail_20230620211556_0.jpg',
+        },
+        {
+            label: 'Google',
+            value: 'google@google.com',
+            avatar: 'https://wallpapercave.com/wp/wp2860498.jpg',
+        },
+        // Insira outros objetos de opções aqui
+    ];
+    // Inicializa com o primeiro item da lista de opções
+    var _a = (0, react_1.useState)(customOptions[0]), selected = _a[0], setSelected = _a[1];
+    var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
+    var handleSelect = function (option) {
+        setSelected(option);
+        setIsOpen(false); // Fecha o dropdown após a seleção
+    };
+    return ((0, jsx_runtime_1.jsxs)(S.SelectWorkSpace, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "select ".concat(isOpen ? 'open' : ''), onClick: function () { return setIsOpen(!isOpen); }, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsx)(components_1.Avatar, { className: 'avatar', image: selected.avatar }), (0, jsx_runtime_1.jsxs)("div", { className: 'font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: '-bold', children: selected.label }), (0, jsx_runtime_1.jsx)("span", { className: 'text', children: "Select Workspace" })] })] }), (0, jsx_runtime_1.jsx)(io_1.IoIosArrowDown, {})] }), (0, jsx_runtime_1.jsx)(components_1.Overlay, { state: isOpen, dispatch: setIsOpen, children: isOpen && ((0, jsx_runtime_1.jsx)("ul", { className: 'option-box', children: customOptions.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Item, __assign({}, option, { onClick: handleSelect }), index) })); }) })) })] }));
+}
+exports.SelectWorkSpace = SelectWorkSpace;
+//# sourceMappingURL=index.js.map

package/dist/components/menu/components/select-workspace/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAuC;AACvC,2CAA8C;AAC9C,0CAA6B;AAC7B,qCAA+C;AAC/C,SAAS,IAAI,CAAC,EAAiC;QAA/B,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC3C,OAAO,CACL,iCAAK,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAjC,CAAiC,aACpE,uBAAC,mBAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,GAAI,EAE5C,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,iCAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,EAEtC,iCAAM,SAAS,EAAC,MAAM,YAAE,KAAK,GAAQ,IACjC,IACF,CACP,CAAA;AACH,CAAC;AAED,SAAgB,eAAe;IAC7B,IAAM,aAAa,GAAG;QACpB;YACE,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,gDAAgD;SACzD;QACD;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,iBAAiB;YACxB,MAAM,EACJ,iHAAiH;SACpH;QACD;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,yBAAyB;YAChC,MAAM,EAAE,8FAA8F;SACvG;QACD;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,4CAA4C;SACrD;QAED,uCAAuC;KACxC,CAAA;IAED,oDAAoD;IAC9C,IAAA,KAA0B,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAA;IACpD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,IAAM,YAAY,GAAG,UAAC,MAAM;QAC1B,WAAW,CAAC,MAAM,CAAC,CAAA;QACnB,SAAS,CAAC,KAAK,CAAC,CAAA,CAAC,kCAAkC;IACrD,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,eAChB,iCAAK,SAAS,EAAE,iBAAU,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aACjF,iCAAK,SAAS,EAAC,MAAM,aACnB,uBAAC,mBAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAI,EAErD,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,iCAAM,SAAS,EAAC,OAAO,YAAE,QAAQ,CAAC,KAAK,GAAQ,EAE/C,iCAAM,SAAS,EAAC,MAAM,iCAAwB,IAC1C,IACF,EAEN,uBAAC,mBAAc,KAAG,IACd,EAEN,uBAAC,oBAAO,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,YACxC,MAAM,IAAI,CACT,+BAAI,SAAS,EAAC,YAAY,YACvB,aAAa,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACpC,yCACE,uBAAC,IAAI,eAAiB,MAAM,IAAE,OAAO,EAAE,YAAY,KAAxC,KAAK,CAAuC,GACpD,CACN,EAJqC,CAIrC,CAAC,GACC,CACN,GACO,IACQ,CACrB,CAAA;AACH,CAAC;AAjED,0CAiEC"}

package/dist/components/menu/components/select-workspace/styles.d.ts

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

package/dist/components/menu/components/select-workspace/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.SelectWorkSpace = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  z-index: 99;\n  padding: 14px 24px;\n\n  .select {\n    width: 100%;\n    border: 2px solid rgb(241, 241, 241);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    padding: 8px 10px 8px 12px;\n    justify-content: space-between;\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.open {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  .text {\n    color: #666666;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .avatar {\n      width: 32px;\n      height: 32px;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .option-box {\n    width: 100%;\n    max-width: 250px;\n    padding: 6px;\n    position: absolute;\n    z-index: 22;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    border-radius: 6px;\n\n    .item {\n      padding: 6px;\n      border-radius: 6px;\n      cursor: pointer;\n\n      &:hover {\n        background-color: #f3f4f6;\n      }\n    }\n\n    .item + .item {\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  z-index: 99;\n  padding: 14px 24px;\n\n  .select {\n    width: 100%;\n    border: 2px solid rgb(241, 241, 241);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    padding: 8px 10px 8px 12px;\n    justify-content: space-between;\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.open {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  .text {\n    color: #666666;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .avatar {\n      width: 32px;\n      height: 32px;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .option-box {\n    width: 100%;\n    max-width: 250px;\n    padding: 6px;\n    position: absolute;\n    z-index: 22;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    border-radius: 6px;\n\n    .item {\n      padding: 6px;\n      border-radius: 6px;\n      cursor: pointer;\n\n      &:hover {\n        background-color: #f3f4f6;\n      }\n    }\n\n    .item + .item {\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/menu/components/select-workspace/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,89CAAA,25CAyExC,KAAA"}

package/dist/components/menu/index.d.ts

@@ -0,0 +1 @@
+export declare function Menu(): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var version_01_1 = require("./version-01");
+function Menu() {
+    var type = 'version01';
+    var headerSwitch = function () {
+        switch (type) {
+            case 'version01':
+                return (0, jsx_runtime_1.jsx)(version_01_1.MenuVersion01, {});
+            default:
+                ;
+                (0, jsx_runtime_1.jsx)(version_01_1.MenuVersion01, {});
+        }
+        return (0, jsx_runtime_1.jsx)(version_01_1.MenuVersion01, {});
+    };
+    return headerSwitch();
+}
+exports.Menu = Menu;
+//# sourceMappingURL=index.js.map

package/dist/components/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAE5C,SAAgB,IAAI;IAClB,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,IAAM,YAAY,GAAG;QACnB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,WAAW;gBACd,OAAO,uBAAC,0BAAa,KAAG,CAAA;YAE1B;gBACE,CAAC;gBAAA,uBAAC,0BAAa,KAAG,CAAA;QACtB,CAAC;QAED,OAAO,uBAAC,0BAAa,KAAG,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,YAAY,EAAE,CAAA;AACvB,CAAC;AAhBD,oBAgBC"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/dist/components/menu/menu.js

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

package/dist/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu/menu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}

package/dist/components/menu/version-01/index.d.ts

@@ -0,0 +1 @@
+export declare function MenuVersion01(): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/version-01/index.js

@@ -0,0 +1,35 @@
+"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.MenuVersion01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var logo_1 = require("../../../components/logo");
+var components_1 = require("../components");
+var S = __importStar(require("./styles"));
+function MenuVersion01() {
+    return ((0, jsx_runtime_1.jsxs)(S.MenuVersion01, { children: [(0, jsx_runtime_1.jsx)(logo_1.Logo, {}), (0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, {}), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] }));
+}
+exports.MenuVersion01 = MenuVersion01;
+//# sourceMappingURL=index.js.map

package/dist/components/menu/version-01/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAwC;AACxC,4CAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;IAC3B,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,eACd,uBAAC,WAAI,KAAG,EAER,uBAAC,4BAAe,KAAG,EAEnB,uBAAC,iBAAI,KAAG,IACQ,CACnB,CAAA;AACH,CAAC;AAVD,sCAUC"}

package/dist/components/menu/version-01/styles.d.ts

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

package/dist/components/menu/version-01/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.MenuVersion01 = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.MenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 286px;\n  height: 100vh;\n  border-right: 2px solid rgb(241, 241, 241);\n\n  .top {\n  }\n"], ["\n  width: 100%;\n  max-width: 286px;\n  height: 100vh;\n  border-right: 2px solid rgb(241, 241, 241);\n\n  .top {\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/menu/version-01/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,8LAAA,2HAQxC,KAAA"}

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

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

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

@@ -0,0 +1,42 @@
+"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 react_1 = require("react");
+var image_1 = __importDefault(require("next/image"));
+var S = __importStar(require("./styles"));
+function NextImage(_a) {
+    var src = _a.src;
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
+    return ((0, jsx_runtime_1.jsx)(S.Image, { className: loading ? "loading" : "", children: (0, jsx_runtime_1.jsx)(image_1.default, { src: src, fill: true, alt: src || "", onLoad: function () { return setLoading(true); }, onLoadingComplete: function () { return setLoading(false); }, onError: function () {
+                setLoading(false);
+            } }) }));
+}
+exports.NextImage = NextImage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/next-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,qDAA+B;AAE/B,0CAA8B;AAE9B,SAAgB,SAAS,CAAC,EAAwB;QAAtB,GAAG,SAAA;IACvB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IAE7C,OAAO,CACL,uBAAC,CAAC,CAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAC1C,uBAAC,eAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,QACJ,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,MAAM,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAC9B,iBAAiB,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAC1C,OAAO,EAAE;gBACP,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,GACD,GACM,CACX,CAAC;AACJ,CAAC;AAjBD,8BAiBC"}

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

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

package/dist/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: inherit;\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\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: 1s 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  img {\n    width: 100% !important;\n    position: relative !important;\n    height: inherit !important;\n    position: relative !important;\n    min-height: inherit !important;\n    max-height: inherit !important;\n    min-width: inherit !important;\n    max-width: inherit !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    aspect-ratio: inherit;\n  }\n"], ["\n  height: inherit;\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\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: 1s 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  img {\n    width: 100% !important;\n    position: relative !important;\n    height: inherit !important;\n    position: relative !important;\n    min-height: inherit !important;\n    max-height: inherit !important;\n    min-width: inherit !important;\n    max-width: inherit !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    aspect-ratio: inherit;\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) + "8a" || "#ddd8a"; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.secondaryColor) + "8a" || "#ddd8a"; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/next-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2nCAAA,iOAWP,EAAwD,uLAOxE,EAAwD,4pBA6B/D,KApCuB,UAAA,KAAK,YAAI,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,IAAG,IAAI,IAAI,QAAQ,CAAA,EAAA,EAOxE,UAAA,KAAK,YAAI,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,IAAG,IAAI,IAAI,QAAQ,CAAA,EAAA,EA6B9D"}

package/dist/components/overlay/index.d.ts

@@ -0,0 +1,2 @@
+import { IOverlay } from "./interfaces";
+export declare function Overlay({ children, state, dispatch }: IOverlay): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/index.js

@@ -0,0 +1,35 @@
+"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.Overlay = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var error_boundary_1 = require("../error-boundary");
+var S = __importStar(require("./styles"));
+function Overlay(_a) {
+    var children = _a.children, state = _a.state, dispatch = _a.dispatch;
+    return ((0, jsx_runtime_1.jsxs)(error_boundary_1.Error, { name: "overlay-component", children: [(0, jsx_runtime_1.jsx)(S.Overlay, { "$state": state, onClick: function () { return dispatch(false); } }), (0, jsx_runtime_1.jsx)(S.ElementOutSideOverlay, { "$state": state, children: children })] }));
+}
+exports.Overlay = Overlay;
+//# sourceMappingURL=index.js.map

package/dist/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAA0C;AAG1C,0CAA8B;AAE9B,SAAgB,OAAO,CAAC,EAAuC;QAArC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACjD,OAAO,CACL,wBAAC,sBAAK,IAAC,IAAI,EAAC,mBAAmB,aAC7B,uBAAC,CAAC,CAAC,OAAO,cAAS,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,GAAI,EAE5D,uBAAC,CAAC,CAAC,qBAAqB,cAAS,KAAK,YACnC,QAAQ,GACe,IACpB,CACT,CAAC;AACJ,CAAC;AAVD,0BAUC"}

package/dist/components/overlay/interfaces.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+interface IOverlay {
+    state: boolean;
+    children: React.ReactNode;
+    dispatch: Dispatch<SetStateAction<boolean>>;
+}
+export type { IOverlay };

package/dist/components/overlay/interfaces.js

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

package/dist/components/overlay/interfaces.js.map

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

package/dist/components/overlay/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IOverlayStyleProps {
+    $state: boolean;
+}
+export declare const Overlay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IOverlayStyleProps>>;
+export declare const ElementOutSideOverlay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IOverlayStyleProps>>;
+export {};

package/dist/components/overlay/styles.js

@@ -0,0 +1,15 @@
+"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.ElementOutSideOverlay = exports.Overlay = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Overlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 10;\n  position: fixed;\n  top: -100vh;\n  left: -100vw;\n  width: 100%;\n  height: 100%;\n  min-height: 300vh;\n  min-width: 300vw;\n  display: ", ";\n\n  & + * {\n    position: relative;\n    z-index: 11;\n    transition: 0.3s;\n  }\n\n  svg {\n    stroke: #000;\n  }\n"], ["\n  z-index: 10;\n  position: fixed;\n  top: -100vh;\n  left: -100vw;\n  width: 100%;\n  height: 100%;\n  min-height: 300vh;\n  min-width: 300vw;\n  display: ", ";\n\n  & + * {\n    position: relative;\n    z-index: 11;\n    transition: 0.3s;\n  }\n\n  svg {\n    stroke: #000;\n  }\n"])), function (props) { return (props.$state ? "block" : "none"); });
+exports.ElementOutSideOverlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: ", ";\n  display: ", ";\n"], ["\n  opacity: ", ";\n  display: ", ";\n"])), function (props) { return (props.$state ? "1" : "0"); }, function (props) { return (props.$state ? "block" : "none"); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/components/overlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/overlay/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAM1B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,iWAAoB,gKASxC,EAA4C,4HAWxD,KAXY,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC,EAWvD;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,2GAAoB,eACtD,EAAqC,gBACrC,EAA4C,KACxD,KAFY,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAA1B,CAA0B,EACrC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC,EACvD"}

package/dist/components/page-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+import { IPageWrapper } from './interfaces';
+export declare function PageWrapper({ title, children }: IPageWrapper): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-wrapper/index.js

@@ -0,0 +1,35 @@
+"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.PageWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var breadcrumb_1 = require("../breadcrumb");
+var S = __importStar(require("./styles"));
+function PageWrapper(_a) {
+    var title = _a.title, children = _a.children;
+    return ((0, jsx_runtime_1.jsxs)(S.PageWrapper, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'font-24-bold-lexend', children: title }), (0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, {})] }), children] }));
+}
+exports.PageWrapper = PageWrapper;
+//# sourceMappingURL=index.js.map

package/dist/components/page-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/page-wrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA0C;AAI1C,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAiC;QAA/B,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC3C,OAAO,CACL,wBAAC,CAAC,CAAC,WAAW,eACZ,iCAAK,SAAS,EAAC,QAAQ,aACrB,+BAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EAEhD,uBAAC,uBAAU,KAAG,IACV,EAEL,QAAQ,IACK,CACjB,CAAA;AACH,CAAC;AAZD,kCAYC"}

package/dist/components/page-wrapper/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface IPageWrapper {
+    title: string;
+    children: ReactNode;
+}

package/dist/components/page-wrapper/interfaces.js

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

package/dist/components/page-wrapper/interfaces.js.map

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

package/dist/components/page-wrapper/styles.d.ts

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

package/dist/components/page-wrapper/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.PageWrapper = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.PageWrapper = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .header {\n    margin-bottom: 40px;\n  }\n"], ["\n  .header {\n    margin-bottom: 40px;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/page-wrapper/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/page-wrapper/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,mHAAA,gDAI3C,KAAA"}

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+import { PaginationModel } from './interfaces';
+export declare function Pagination({ pageSize, pageIndex, totalItems, hasNextPage, hasPreviousPage, lastPage, }: PaginationModel): import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var utils_1 = require("../../utils");
+var service_1 = require("./service");
+var S = __importStar(require("./styles"));
+function Pagination(_a) {
+    var pageSize = _a.pageSize, pageIndex = _a.pageIndex, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, lastPage = _a.lastPage;
+    var _b = (0, react_1.useState)(null), pagination = _b[0], setPagination = _b[1];
+    var router = (0, router_1.useRouter)();
+    var routerBuild = (0, utils_1.createRouterBuild)(router);
+    (0, react_1.useEffect)(function () {
+        if (router.isReady) {
+            setPagination((0, service_1.paginate)({
+                totalPages: lastPage,
+                pageSize: pageSize,
+                totalItems: totalItems,
+                hasNextPage: hasNextPage,
+                hasPreviousPage: hasPreviousPage,
+                currentPage: Number(router.query.pageIndex) <= 0 || !router.query.pageIndex ? 1 : Number(router.query.pageIndex),
+            }));
+        }
+    }, [router.isReady]);
+    function onSelect(page) {
+        var inputToFocus = document.getElementById('target-focus');
+        inputToFocus === null || inputToFocus === void 0 ? void 0 : inputToFocus.focus();
+        return routerBuild.updateRouteParam('pageIndex', 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: pageIndex == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(pageIndex - 1); }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '11', viewBox: '0 0 12 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.72908 10.8085L0.757645 6.21454C0.480199 5.95796 0.480199 5.54167 0.757645 5.28647L5.72908 0.692535C6.00693 0.435822 6.45599 0.435822 6.73384 0.692535C7.01128 0.947784 7.01128 1.36394 6.73384 1.62061L2.97484 5.09366H11.2031C11.5959 5.09366 11.9138 5.38754 11.9138 5.7505C11.9138 6.11218 11.5959 6.40602 11.2031 6.40602H2.97325L6.73384 9.8804C7.01128 10.1357 7.01128 10.5519 6.73384 10.8085C6.59551 10.9362 6.41279 11 6.23166 11C6.05013 11 5.869 10.9362 5.72908 10.8085Z', fill: '#808080' }) }) })), pagination.pages.map(function (pageItem) {
+                return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "font-14-regular ".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: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '11', viewBox: '0 0 12 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M6.82048 10.8085L11.7919 6.21454C12.0694 5.95796 12.0694 5.54167 11.7919 5.28647L6.82048 0.692535C6.54263 0.435822 6.09357 0.435822 5.81572 0.692535C5.53828 0.947785 5.53828 1.36394 5.81572 1.62061L9.57472 5.09366H1.34646C0.953677 5.09366 0.635805 5.38754 0.635805 5.7505C0.635805 6.11218 0.953677 6.40602 1.34646 6.40602H9.57631L5.81572 9.8804C5.53828 10.1357 5.53828 10.5519 5.81572 10.8085C5.95405 10.9362 6.13677 11 6.3179 11C6.49943 11 6.68056 10.9362 6.82048 10.8085Z', fill: '#808080' }) }) }))] }));
+}
+exports.Pagination = Pagination;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/pagination/interfaces.d.ts

@@ -0,0 +1,9 @@
+export type PaginationModel = {
+    pageSize: number;
+    lastPage: number;
+    pageIndex: number;
+    totalItems: number;
+    startIndex: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+};

package/dist/components/pagination/interfaces.js

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

package/dist/components/pagination/interfaces.js.map

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