@gustavo-valsechi/client 1.3.31 → 1.3.32

package/dist/components/types/table/index.mjs

@@ -1,135 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { Container } from "./styles";
-import { LoadingBar } from "../../../components";
-import { Paginate } from "./paginate";
-import { useModal, useTheme } from "../../../contexts";
-import _ from "lodash";
-import Modal from "./modal";
-export * from "./paginate";
-function Table(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const theme = useTheme();
-  const modal = useModal();
-  const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
-  useEffect(() => {
-    modal.add({ component: Modal, name: "table" });
-    return () => modal.remove("table");
-  }, []);
-  const onShowLine = (key) => {
-    if (window.innerWidth > Number(_.replace(theme.content.mobileMaxWidth, "px", ""))) return;
-    let content = {};
-    _.forEach(props.options, (data, index) => {
-      var _a2, _b2;
-      const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
-      const columnName = !_.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
-      content[columnName] = columnName === "actions" ? (_b2 = data.row) == null ? void 0 : _b2.actions : renderRowContainer(props.content[key], data);
-    });
-    modal.setProps("table", { toggle: true, content });
-  };
-  const renderRowContainer = (data, option) => {
-    var _a2, _b2, _c2, _d2;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `
-          iz-table-content 
-          ${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "iz-table-action" : ""} 
-          ${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "iz-table-identifier" : ""}
-        `,
-        style: _.isFunction((_c2 = option.row) == null ? void 0 : _c2.style) ? option.row.style(data, option) : (_d2 = option.row) == null ? void 0 : _d2.style,
-        children: renderRowContent(data, option)
-      }
-    );
-  };
-  const renderRowContent = (data, option) => {
-    var _a2, _b2, _c2, _d2, _e2;
-    if (!!((_a2 = option.row) == null ? void 0 : _a2.actions)) {
-      return /* @__PURE__ */ jsx("div", { className: "iz-table-actions", children: _.map(
-        (_b2 = option.row) == null ? void 0 : _b2.actions,
-        (action, index) => renderButton(action, data, index)
-      ) });
-    }
-    if ((_c2 = option.row) == null ? void 0 : _c2.icon) {
-      return /* @__PURE__ */ jsx("div", { className: "iz-table-icon", children: /* @__PURE__ */ jsx(
-        "i",
-        {
-          "aria-hidden": true,
-          className: _.isFunction((_d2 = option.row) == null ? void 0 : _d2.icon) ? option.row.icon(data) || "fa-solid fa-circle-user" : ((_e2 = option.row) == null ? void 0 : _e2.icon) || "fa-solid fa-circle-user"
-        }
-      ) });
-    }
-    return renderRowText(data, option);
-  };
-  const renderButton = (action, data, index) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: `iz-table-button ${_.includes(action.icon, "trash") ? "negative" : ""}`,
-        onClick: () => action.function ? action.function(data) : null,
-        disabled: action.disabled,
-        "data-tooltip": action.tooltip,
-        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" })
-      },
-      index
-    );
-  };
-  const renderRowText = (data, option) => {
-    const row = option.row || {};
-    const content = data[row.name] || data;
-    let body;
-    while (!body) {
-      if (_.isString(row)) body = data[row];
-      if (_.isString(content)) body = content;
-      if (_.isFunction(row.mask)) body = row.mask(content);
-      if (_.isFunction(row.custom)) body = row.custom(content);
-      body = body != null ? body : "---";
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "iz-table-content-elipse",
-        title: _.isString(body) ? body : "",
-        children: body
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(Container, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
-    /* @__PURE__ */ jsx("div", { className: "iz-table-container", children: /* @__PURE__ */ jsxs("table", { children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: _.map(
-        props.options,
-        (option, index) => {
-          var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
-          return /* @__PURE__ */ jsx("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `iz-table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `iz-table-action ${((_d2 = (_c2 = option.column) == null ? void 0 : _c2.action) == null ? void 0 : _d2.position) ? (_f2 = (_e2 = option.column) == null ? void 0 : _e2.action) == null ? void 0 : _f2.position : ""}` : ""}`,
-              children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) : _.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
-            }
-          ) }, index);
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx("tbody", { children: loading ? _.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ jsx("tr", { children: _.map(props.options, (data2, index) => {
-        var _a2;
-        return /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
-          LoadingBar,
-          {
-            height: "2.5rem",
-            borderRadius: index === 0 ? "5px 0 0 5px" : ((_a2 = props.options) == null ? void 0 : _a2.length) - 1 === index ? "0 5px 5px 0" : "0",
-            margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0"
-          }
-        ) }, index);
-      }) }, key)) : _.map(props.content, (data, key) => /* @__PURE__ */ jsx("tr", { children: _.map(props.options, (option, index) => /* @__PURE__ */ jsx("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index)) }, key)) })
-    ] }) }),
-    !((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ jsxs("div", { className: "iz-table-not-found", children: [
-      /* @__PURE__ */ jsx("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
-      /* @__PURE__ */ jsx("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
-    ] }),
-    !!props.paginate && /* @__PURE__ */ jsx(Paginate, { ...props.paginate })
-  ] });
-}
-export {
-  Table
-};

package/dist/components/types/table/modal/actions.js

@@ -1,30 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var actions_exports = {};
-__export(actions_exports, {
-  default: () => actions_default
-});
-module.exports = __toCommonJS(actions_exports);
-var import_content = require("../../../../contexts/theme/content");
-const actionConfig = {
-  "fa-solid fa-pen-to-square": { label: "editar" },
-  "fa-solid fa-trash-can": { label: "remover", color: import_content.CommonTheme.negative }
-};
-var actions_default = actionConfig;

package/dist/components/types/table/modal/actions.mjs

@@ -1,10 +0,0 @@
-"use client";
-import { CommonTheme } from "../../../../contexts/theme/content";
-const actionConfig = {
-  "fa-solid fa-pen-to-square": { label: "editar" },
-  "fa-solid fa-trash-can": { label: "remover", color: CommonTheme.negative }
-};
-var actions_default = actionConfig;
-export {
-  actions_default as default
-};

package/dist/components/types/table/modal/index.js

@@ -1,91 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var modal_exports = {};
-__export(modal_exports, {
-  default: () => Modal
-});
-module.exports = __toCommonJS(modal_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import_styles2 = require("../styles");
-var import__ = require("../../..");
-var import_contexts = require("../../../../contexts");
-var import_lodash = __toESM(require("lodash"));
-var import_actions = __toESM(require("./actions"));
-function Modal(props) {
-  const modal = (0, import_contexts.useModal)();
-  const content = import_lodash.default.omit(props.content, ["actions"]);
-  const actions = Object.values(import_lodash.default.pick(props.content, ["actions"]))[0];
-  const onClose = () => {
-    modal.setProps("table", { toggle: false });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import__.Component,
-    {
-      content: [{
-        type: "Modal",
-        props: {
-          toggle: props.toggle,
-          onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles2.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Content, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: import_lodash.default.map(
-              content,
-              (value, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-                !!key && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-column", children: key }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-row", children: value })
-              ] }, key)
-            ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import__.Component,
-              {
-                content: import_lodash.default.concat(import_lodash.default.map(actions, (data) => ({
-                  type: "Button",
-                  props: {
-                    ...import_actions.default[data.icon] || {},
-                    onClick: data.function
-                  }
-                })), {
-                  type: "Button",
-                  props: {
-                    label: "fechar",
-                    outline: true,
-                    onClick: onClose
-                  }
-                })
-              }
-            ) })
-          ] }) })
-        }
-      }]
-    }
-  );
-}

package/dist/components/types/table/modal/index.mjs

@@ -1,61 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Content } from "./styles";
-import { Container } from "../styles";
-import { Component } from "../../..";
-import { useModal } from "../../../../contexts";
-import _ from "lodash";
-import actionConfig from "./actions";
-function Modal(props) {
-  const modal = useModal();
-  const content = _.omit(props.content, ["actions"]);
-  const actions = Object.values(_.pick(props.content, ["actions"]))[0];
-  const onClose = () => {
-    modal.setProps("table", { toggle: false });
-  };
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      content: [{
-        type: "Modal",
-        props: {
-          toggle: props.toggle,
-          onClose,
-          children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Content, { children: [
-            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
-            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ jsx("ul", { children: _.map(
-              content,
-              (value, key) => /* @__PURE__ */ jsxs("li", { children: [
-                !!key && /* @__PURE__ */ jsx("div", { className: "iz-table-modal-column", children: key }),
-                /* @__PURE__ */ jsx("div", { className: "iz-table-modal-row", children: value })
-              ] }, key)
-            ) }) }),
-            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ jsx(
-              Component,
-              {
-                content: _.concat(_.map(actions, (data) => ({
-                  type: "Button",
-                  props: {
-                    ...actionConfig[data.icon] || {},
-                    onClick: data.function
-                  }
-                })), {
-                  type: "Button",
-                  props: {
-                    label: "fechar",
-                    outline: true,
-                    onClick: onClose
-                  }
-                })
-              }
-            ) })
-          ] }) })
-        }
-      }]
-    }
-  );
-}
-export {
-  Modal as default
-};

package/dist/components/types/table/modal/styles.js

@@ -1,90 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Content: () => Content
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Content = import_styled_components.default.div`
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    
-    .iz-table-modal-title {
-        font-size: 1.2rem;
-        font-weight: 500;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: ${({ theme }) => theme.t6};
-    }
-    
-    .iz-table-modal-content {
-        ul {
-            li {
-                border-bottom: solid 1px ${({ theme }) => theme.t05};
-                padding: .8rem 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 1rem;
-                font-size: .8rem;
-                color: ${({ theme }) => theme.t6};
-
-                &:last-child {
-                    border-bottom: none;
-                }
-                
-                .iz-table-modal-column {
-                    background: ${({ theme }) => theme.t05};
-                    padding: .5rem .8rem;
-                    font-weight: 600;
-                    border-radius: 5px;
-                }
-                
-                .iz-table-modal-row {
-                    text-align: right;
-                }
-            }
-        }
-    }
-    
-    .iz-table-modal-actions {
-        margin-top: 1rem;
-    }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Content
-});

package/dist/components/types/table/modal/styles.mjs

@@ -1,56 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Content = styled.div`
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    
-    .iz-table-modal-title {
-        font-size: 1.2rem;
-        font-weight: 500;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: ${({ theme }) => theme.t6};
-    }
-    
-    .iz-table-modal-content {
-        ul {
-            li {
-                border-bottom: solid 1px ${({ theme }) => theme.t05};
-                padding: .8rem 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 1rem;
-                font-size: .8rem;
-                color: ${({ theme }) => theme.t6};
-
-                &:last-child {
-                    border-bottom: none;
-                }
-                
-                .iz-table-modal-column {
-                    background: ${({ theme }) => theme.t05};
-                    padding: .5rem .8rem;
-                    font-weight: 600;
-                    border-radius: 5px;
-                }
-                
-                .iz-table-modal-row {
-                    text-align: right;
-                }
-            }
-        }
-    }
-    
-    .iz-table-modal-actions {
-        margin-top: 1rem;
-    }
-`;
-export {
-  Content
-};

package/dist/components/types/table/paginate/index.js

@@ -1,92 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var paginate_exports = {};
-__export(paginate_exports, {
-  Paginate: () => Paginate
-});
-module.exports = __toCommonJS(paginate_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import_lodash = __toESM(require("lodash"));
-function Paginate(props) {
-  const pages = () => {
-    const offset = Number(props.page.value) - 4;
-    let page = offset > 0 ? offset + 1 : 1;
-    let pages2 = [];
-    while (Number(props.total) >= page) {
-      pages2.push(page);
-      page++;
-    }
-    pages2 = import_lodash.default.slice(pages2, 0, 5);
-    if (Number(props.page.value) + 1 > 5) pages2 = import_lodash.default.concat(["1.."], pages2);
-    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return import_lodash.default.concat(pages2, `..${props.total}`);
-    return pages2;
-  };
-  return Number(props.total) > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "paginate back",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value ? props.page.value - 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
-      }
-    ),
-    import_lodash.default.map(
-      pages(),
-      (page, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "paginate page",
-          "data-current": String(props.page.value === Number(import_lodash.default.replace(page, /\D/g, "")) - 1),
-          onClick: () => props.page.set ? props.page.set(Number(import_lodash.default.replace(page, /\D/g, "")) - 1) : null,
-          children: page
-        },
-        index
-      )
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "paginate next",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
-      }
-    )
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Paginate
-});

package/dist/components/types/table/paginate/index.mjs

@@ -1,58 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Container } from "./styles";
-import _ from "lodash";
-function Paginate(props) {
-  const pages = () => {
-    const offset = Number(props.page.value) - 4;
-    let page = offset > 0 ? offset + 1 : 1;
-    let pages2 = [];
-    while (Number(props.total) >= page) {
-      pages2.push(page);
-      page++;
-    }
-    pages2 = _.slice(pages2, 0, 5);
-    if (Number(props.page.value) + 1 > 5) pages2 = _.concat(["1.."], pages2);
-    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return _.concat(pages2, `..${props.total}`);
-    return pages2;
-  };
-  return Number(props.total) > 1 && /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "paginate back",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value ? props.page.value - 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
-      }
-    ),
-    _.map(
-      pages(),
-      (page, index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "paginate page",
-          "data-current": String(props.page.value === Number(_.replace(page, /\D/g, "")) - 1),
-          onClick: () => props.page.set ? props.page.set(Number(_.replace(page, /\D/g, "")) - 1) : null,
-          children: page
-        },
-        index
-      )
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "paginate next",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
-      }
-    )
-  ] });
-}
-export {
-  Paginate
-};