@bluemarble/bm-components 2.4.1 → 3.0.0-beta.0

package/dist/index.js

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment3 = REACT_FRAGMENT_TYPE;
+        var Fragment10 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal2 = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment3;
+        exports.Fragment = Fragment10;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal2;
@@ -1179,8 +1179,278 @@ var require_react_is2 = __commonJS({
   }
 });
 
+// packages/http-client/types.ts
+var HttpClientError = class _HttpClientError extends Error {
+  constructor(status, statusText, data) {
+    super(`Request failed with status ${status}: ${statusText}`);
+    this.name = "HttpClientError";
+    this.status = status;
+    this.statusText = statusText;
+    this.data = data;
+  }
+  static isHttpClientError(e) {
+    return e instanceof _HttpClientError;
+  }
+};
+
+// packages/http-client/util.ts
+function buildURL(base, path, params) {
+  const url = base ? `${base.replace(/\/$/, "")}/${path.replace(/^\//, "")}` : path;
+  if (!params || Object.keys(params).length === 0) return url;
+  const query = new URLSearchParams(
+    Object.entries(params).map(([k, v]) => [k, String(v)])
+  ).toString();
+  return `${url}?${query}`;
+}
+function buildHeaders(defaults, overrides, token) {
+  const headers = {
+    "Content-Type": "application/json",
+    ...defaults,
+    ...overrides
+  };
+  if (token) {
+    headers["Authorization"] = `Bearer ${token}`;
+  }
+  return headers;
+}
+function toRecord(headers) {
+  const record = {};
+  headers.forEach((value, key) => {
+    record[key] = value;
+  });
+  return record;
+}
+function withTimeout(ms, external) {
+  if (!ms && !external) {
+    const controller2 = new AbortController();
+    return { signal: controller2.signal, clear: () => {
+    } };
+  }
+  if (!ms && external) {
+    return { signal: external, clear: () => {
+    } };
+  }
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(new DOMException("Request timed out", "TimeoutError")), ms);
+  if (external) {
+    external.addEventListener("abort", () => controller.abort(external.reason), { once: true });
+  }
+  return {
+    signal: controller.signal,
+    clear: () => clearTimeout(timer)
+  };
+}
+
+// packages/http-client/index.ts
+async function executeRequest(reqConfig, clientConfig, defaultHeaders, token, instanceSignal) {
+  const url = buildURL(clientConfig.baseURL, reqConfig.url, reqConfig.params);
+  const headers = buildHeaders(defaultHeaders, reqConfig.headers, token);
+  const timeout = reqConfig.timeout ?? clientConfig.timeout;
+  const externalSignal = reqConfig.signal ? AbortSignal.any([reqConfig.signal, instanceSignal]) : instanceSignal;
+  const { signal, clear } = withTimeout(timeout, externalSignal);
+  try {
+    const response = await fetch(url, {
+      method: reqConfig.method ?? "GET",
+      headers,
+      body: reqConfig.data != null ? JSON.stringify(reqConfig.data) : void 0,
+      signal
+    });
+    if (!response.ok) {
+      const contentType = response.headers.get("content-type") ?? "";
+      const errData = contentType.includes("application/json") ? await response.json() : await response.text();
+      throw new HttpClientError(response.status, response.statusText, errData);
+    }
+    let data;
+    const responseType = reqConfig.responseType;
+    if (responseType === "arraybuffer") {
+      data = await response.arrayBuffer();
+    } else if (responseType === "blob") {
+      data = await response.blob();
+    } else if (responseType === "text") {
+      data = await response.text();
+    } else if (responseType === "json") {
+      data = await response.json();
+    } else {
+      const contentType = response.headers.get("content-type") ?? "";
+      data = contentType.includes("application/json") ? await response.json() : await response.text();
+    }
+    return {
+      data,
+      status: response.status,
+      statusText: response.statusText,
+      headers: toRecord(response.headers)
+    };
+  } finally {
+    clear();
+  }
+}
+function createHttpClient(clientConfig = {}) {
+  const { auth } = clientConfig;
+  const maxRetries = auth?.maxRetries ?? 1;
+  const defaultHeaders = { ...clientConfig.headers };
+  let abortController = new AbortController();
+  async function request(reqConfig) {
+    const token = auth ? await auth.getToken() : null;
+    let attemptsLeft = maxRetries;
+    try {
+      return await executeRequest(reqConfig, clientConfig, defaultHeaders, token, abortController.signal);
+    } catch (err) {
+      if (!HttpClientError.isHttpClientError(err) || err.status !== 401) throw err;
+      if (!auth?.refreshToken) throw err;
+      while (attemptsLeft > 0) {
+        attemptsLeft--;
+        const newToken = await auth.refreshToken();
+        try {
+          return await executeRequest(reqConfig, clientConfig, defaultHeaders, newToken, abortController.signal);
+        } catch (retryErr) {
+          if (!HttpClientError.isHttpClientError(retryErr) || retryErr.status !== 401) throw retryErr;
+          if (attemptsLeft === 0) throw retryErr;
+        }
+      }
+      throw err;
+    }
+  }
+  return {
+    request,
+    get(url, config) {
+      return request({ ...config, url, method: "GET" });
+    },
+    post(url, data, config) {
+      return request({ ...config, url, method: "POST", data });
+    },
+    put(url, data, config) {
+      return request({ ...config, url, method: "PUT", data });
+    },
+    patch(url, data, config) {
+      return request({ ...config, url, method: "PATCH", data });
+    },
+    delete(url, config) {
+      return request({ ...config, url, method: "DELETE" });
+    },
+    setHeader(key, value) {
+      if (value === null) {
+        delete defaultHeaders[key];
+      } else {
+        defaultHeaders[key] = value;
+      }
+    },
+    abort() {
+      abortController.abort();
+      abortController = new AbortController();
+    }
+  };
+}
+
+// packages/nookies/index.ts
+import * as cookie from "cookie";
+import * as setCookieParser from "set-cookie-parser";
+
+// packages/nookies/util.ts
+function isBrowser() {
+  return typeof window !== "undefined";
+}
+function createCookie(name, value, options) {
+  let sameSite = options.sameSite;
+  if (sameSite === true) {
+    sameSite = "strict";
+  }
+  if (sameSite === void 0 || sameSite === false) {
+    sameSite = "lax";
+  }
+  const cookieToSet = { ...options, sameSite };
+  delete cookieToSet.encode;
+  return {
+    name,
+    value,
+    ...cookieToSet
+  };
+}
+function hasSameProperties(a, b) {
+  const aProps = Object.getOwnPropertyNames(a);
+  const bProps = Object.getOwnPropertyNames(b);
+  if (aProps.length !== bProps.length) {
+    return false;
+  }
+  for (let i = 0; i < aProps.length; i++) {
+    const propName = aProps[i];
+    if (a[propName] !== b[propName]) {
+      return false;
+    }
+  }
+  return true;
+}
+function areCookiesEqual(a, b) {
+  let sameSiteSame = a.sameSite === b.sameSite;
+  if (typeof a.sameSite === "string" && typeof b.sameSite === "string") {
+    sameSiteSame = a.sameSite.toLowerCase() === b.sameSite.toLowerCase();
+  }
+  return hasSameProperties(
+    { ...a, sameSite: void 0 },
+    { ...b, sameSite: void 0 }
+  ) && sameSiteSame;
+}
+
+// packages/nookies/index.ts
+function parseCookies(ctx, options) {
+  if (ctx?.req?.headers?.cookie) {
+    return cookie.parse(ctx.req.headers.cookie, options);
+  }
+  if (isBrowser()) {
+    return cookie.parse(document.cookie, options);
+  }
+  return {};
+}
+function setCookie(ctx, name, value, options = {}) {
+  if (ctx?.res?.getHeader && ctx.res.setHeader) {
+    if (ctx?.res?.finished) {
+      console.warn(`Not setting "${name}" cookie. Response has finished.`);
+      console.warn(`You should set cookie before res.send()`);
+      return {};
+    }
+    let cookies = ctx.res.getHeader("Set-Cookie") || [];
+    if (typeof cookies === "string") cookies = [cookies];
+    if (typeof cookies === "number") cookies = [];
+    const parsedCookies = setCookieParser.parse(cookies, {
+      decodeValues: false
+    });
+    const newCookie = createCookie(name, value, options);
+    let cookiesToSet = [];
+    parsedCookies.forEach((parsedCookie) => {
+      if (!areCookiesEqual(parsedCookie, newCookie)) {
+        const serializedCookie = cookie.serialize(
+          parsedCookie.name,
+          parsedCookie.value,
+          {
+            // we prevent reencoding by default, but you might override it
+            encode: (val) => val,
+            ...parsedCookie
+          }
+        );
+        cookiesToSet.push(serializedCookie);
+      }
+    });
+    cookiesToSet.push(cookie.serialize(name, value, options));
+    ctx.res.setHeader("Set-Cookie", cookiesToSet);
+  }
+  if (isBrowser()) {
+    if (options && options.httpOnly) {
+      throw new Error("Can not set a httpOnly cookie in the browser.");
+    }
+    document.cookie = cookie.serialize(name, value, options);
+  }
+  return {};
+}
+function destroyCookie(ctx, name, options) {
+  return setCookie(ctx, name, "", { ...options || {}, maxAge: -1 });
+}
+var nookies = {
+  set: setCookie,
+  get: parseCookies,
+  destroy: destroyCookie
+};
+
 // src/components/Grid/Grid.tsx
-import React7, {
+import {
   useEffect,
   useMemo,
   useRef,
@@ -1203,8 +1473,8 @@ import {
 } from "@mui/material";
 
 // src/components/Grid/Header.tsx
-import React from "react";
 import { TableCell, TableHead, TableRow, TableSortLabel } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
 var GridHeader = ({
   setOrder,
   setOrderBy,
@@ -1232,34 +1502,31 @@ var GridHeader = ({
         break;
     }
   }
-  return /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, { sx: { backgroundColor: "background.default" } }, titles.map((title) => {
-    return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { sx: { backgroundColor: "background.default" }, children: titles.map((title) => {
+    return /* @__PURE__ */ jsx(
       TableCell,
       {
-        key: title.name,
         sortDirection: orderBy === title.name ? order : false,
-        sx: { fontWeight: "bold", ...title.sx }
-      },
-      /* @__PURE__ */ React.createElement(
-        TableSortLabel,
-        {
-          onClick: () => onRequestSort(title.name),
-          active: orderBy === title.name,
-          direction: orderBy === title.name ? order : "asc",
-          sx: {
-            position: "relative",
-            svg: { position: "absolute", right: "27px" }
+        sx: { fontWeight: "bold", ...title.sx },
+        children: /* @__PURE__ */ jsx(
+          TableSortLabel,
+          {
+            onClick: () => onRequestSort(title.name),
+            active: orderBy === title.name,
+            direction: orderBy === title.name ? order : "asc",
+            sx: {
+              position: "relative",
+              svg: { position: "absolute", right: "27px" }
+            },
+            children: title.label
           }
-        },
-        title.label
-      )
+        )
+      },
+      title.name
     );
-  })));
+  }) }) });
 };
 
-// src/components/Grid/Filters.tsx
-import React5 from "react";
-
 // node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
 function formatMuiErrorMessage(code, ...args) {
   const url = new URL(`https://mui.com/production-error/?code=${code}`);
@@ -1288,7 +1555,7 @@ function styled(tag, options) {
 
 // node_modules/@mui/utils/esm/deepmerge/deepmerge.js
 var import_react_is = __toESM(require_react_is2(), 1);
-import * as React2 from "react";
+import * as React from "react";
 function isPlainObject(item) {
   if (typeof item !== "object" || item === null) {
     return false;
@@ -1297,7 +1564,7 @@ function isPlainObject(item) {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
 }
 function deepClone(source) {
-  if (/* @__PURE__ */ React2.isValidElement(source) || (0, import_react_is.isValidElementType)(source) || !isPlainObject(source)) {
+  if (/* @__PURE__ */ React.isValidElement(source) || (0, import_react_is.isValidElementType)(source) || !isPlainObject(source)) {
     return source;
   }
   const output = {};
@@ -1314,7 +1581,7 @@ function deepmerge(target, source, options = {
   } : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach((key) => {
-      if (/* @__PURE__ */ React2.isValidElement(source[key]) || (0, import_react_is.isValidElementType)(source[key])) {
+      if (/* @__PURE__ */ React.isValidElement(source[key]) || (0, import_react_is.isValidElementType)(source[key])) {
         output[key] = source[key];
       } else if (isPlainObject(source[key]) && // Avoid prototype pollution
       Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
@@ -2531,12 +2798,12 @@ function createTheme(options = {}, ...args) {
 var createTheme_default = createTheme;
 
 // node_modules/@mui/system/esm/useThemeWithoutDefault/useThemeWithoutDefault.js
-import * as React3 from "react";
+import * as React2 from "react";
 function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
 function useTheme(defaultTheme = null) {
-  const contextTheme = React3.useContext(ThemeContext);
+  const contextTheme = React2.useContext(ThemeContext);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 var useThemeWithoutDefault_default = useTheme;
@@ -2622,7 +2889,7 @@ var ClassNameGenerator = createClassNameGenerator();
 var ClassNameGenerator_default = ClassNameGenerator;
 
 // node_modules/@mui/system/esm/createBox/createBox.js
-import * as React4 from "react";
+import * as React3 from "react";
 
 // node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -2652,7 +2919,7 @@ function createBox(options = {}) {
   const BoxRoot = styled("div", {
     shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as"
   })(styleFunctionSx_default);
-  const Box9 = /* @__PURE__ */ React4.forwardRef(function Box10(inProps, ref) {
+  const Box9 = /* @__PURE__ */ React3.forwardRef(function Box10(inProps, ref) {
     const theme = useTheme_default(defaultTheme);
     const {
       className,
@@ -2732,6 +2999,7 @@ var Box_default = Box;
 // src/components/Grid/Filters.tsx
 import { MdFilterList, MdSearch } from "react-icons/md";
 import { Chip, IconButton, Tooltip } from "@mui/material";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var FiltersBar = ({
   customButtons,
   selectedFilters,
@@ -2742,7 +3010,7 @@ var FiltersBar = ({
   setAnchorEl,
   noFilters
 }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ jsxs(
     Box_default,
     {
       sx: {
@@ -2750,26 +3018,34 @@ var FiltersBar = ({
         justifyContent: "space-between",
         alignItems: "center",
         width: "100%"
-      }
-    },
-    !noFilters && /* @__PURE__ */ React5.createElement(Box_default, { sx: { pl: 1 } }, selectedFilters.map((item, index) => {
-      return /* @__PURE__ */ React5.createElement(
-        Chip,
-        {
-          key: index,
-          label: item.value,
-          onDelete: () => handleCloseFilter(item)
-        }
-      );
-    })),
-    /* @__PURE__ */ React5.createElement(Box_default, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" } }, customButtons, !noFilterButtons && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Tooltip, { title: "Buscar" }, /* @__PURE__ */ React5.createElement(IconButton, { onClick: () => setOpenSearch(true) }, /* @__PURE__ */ React5.createElement(MdSearch, { size: 8 * 3 }))), /* @__PURE__ */ React5.createElement(Tooltip, { title: "Filtrar" }, /* @__PURE__ */ React5.createElement(
-      IconButton,
-      {
-        sx: { position: "relative" },
-        onClick: ({ currentTarget }) => setAnchorEl(currentTarget)
       },
-      /* @__PURE__ */ React5.createElement(MdFilterList, { size: 8 * 3 })
-    ))))
+      children: [
+        !noFilters && /* @__PURE__ */ jsx2(Box_default, { sx: { pl: 1 }, children: selectedFilters.map((item, index) => {
+          return /* @__PURE__ */ jsx2(
+            Chip,
+            {
+              label: item.value,
+              onDelete: () => handleCloseFilter(item)
+            },
+            index
+          );
+        }) }),
+        /* @__PURE__ */ jsxs(Box_default, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" }, children: [
+          customButtons,
+          !noFilterButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx2(Tooltip, { title: "Buscar", children: /* @__PURE__ */ jsx2(IconButton, { onClick: () => setOpenSearch(true), children: /* @__PURE__ */ jsx2(MdSearch, { size: 8 * 3 }) }) }),
+            /* @__PURE__ */ jsx2(Tooltip, { title: "Filtrar", children: /* @__PURE__ */ jsx2(
+              IconButton,
+              {
+                sx: { position: "relative" },
+                onClick: ({ currentTarget }) => setAnchorEl(currentTarget),
+                children: /* @__PURE__ */ jsx2(MdFilterList, { size: 8 * 3 })
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
   );
 };
 
@@ -2795,9 +3071,6 @@ function getPropertyValue(obj, property) {
   return String(property.split(".").reduce((o, k) => o && o[k], obj));
 }
 
-// src/components/Grid/AutoCreatedRows.tsx
-import React6 from "react";
-
 // src/components/Grid/Td.tsx
 import { TableCell as TableCell2 } from "@mui/material";
 var Td = TableCell2;
@@ -2807,18 +3080,20 @@ import { TableRow as TableRow2 } from "@mui/material";
 var Tr = TableRow2;
 
 // src/components/Grid/AutoCreatedRows.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var AutoCreatedRows = ({
   tableData,
   columns,
   primaryKey
 }) => {
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, tableData.map((row) => /* @__PURE__ */ React6.createElement(Tr, { key: row[primaryKey] }, columns.map((column) => {
+  return /* @__PURE__ */ jsx3(Fragment2, { children: tableData.map((row) => /* @__PURE__ */ jsx3(Tr, { children: columns.map((column) => {
     const cellValue = column.transformer ? column.transformer(row[column.name]) : row[column.name];
-    return /* @__PURE__ */ React6.createElement(Td, { key: column.name }, cellValue);
-  }))));
+    return /* @__PURE__ */ jsx3(Td, { children: cellValue }, column.name);
+  }) }, row[primaryKey])) });
 };
 
 // src/components/Grid/Grid.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var Grid = (props) => {
   const {
     columnTitles,
@@ -2992,170 +3267,191 @@ var Grid = (props) => {
   useEffect(() => {
     updateFilters(selectedFilters);
   }, [selectedFilters]);
-  return /* @__PURE__ */ React7.createElement(Paper, null, isLoading && /* @__PURE__ */ React7.createElement(LinearProgress, null), /* @__PURE__ */ React7.createElement(
-    FiltersBar,
-    {
-      setAnchorEl,
-      setOpenSearch,
-      searchAnchorEl,
-      noFilters,
-      noFilterButtons,
-      selectedFilters,
-      customButtons,
-      handleCloseFilter
-    }
-  ), /* @__PURE__ */ React7.createElement(TableContainer, null, /* @__PURE__ */ React7.createElement(Table, { size: "small" }, /* @__PURE__ */ React7.createElement(
-    GridHeader,
-    {
-      titles: columnTitles,
-      order,
-      orderBy,
-      setOrder,
-      setOrderBy
-    }
-  ), /* @__PURE__ */ React7.createElement(TableBody, null, props.children ? props.children : primaryKey ? /* @__PURE__ */ React7.createElement(
-    AutoCreatedRows,
-    {
-      tableData,
-      columns: columnTitles,
-      primaryKey
-    }
-  ) : null, footer))), !noPagination && /* @__PURE__ */ React7.createElement(
-    TablePagination,
-    {
-      page,
-      component: "div",
-      rowsPerPage,
-      labelRowsPerPage: "Linhas por p\xE1gina",
-      rowsPerPageOptions: rowOptions,
-      count: countRows,
-      labelDisplayedRows: ({ page: page2 }) => `${page2 + 1} de ${Math.floor(countRows / rowsPerPage) + 1}`,
-      onPageChange: (_, newPage) => {
-        setPage(newPage);
-      },
-      onRowsPerPageChange: handleChangeRowsPerPage
-    }
-  ), /* @__PURE__ */ React7.createElement(
-    Popover,
-    {
-      anchorEl,
-      open: !!anchorEl,
-      onClose: () => setAnchorEl(null),
-      anchorOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      }
-    },
-    /* @__PURE__ */ React7.createElement(Box2, { sx: { minWidth: 300, padding: 2 } }, /* @__PURE__ */ React7.createElement(Typography, { fontWeight: "bold", variant: "body2" }, "Filtrar por:"), /* @__PURE__ */ React7.createElement(
-      Autocomplete,
+  return /* @__PURE__ */ jsxs2(Paper, { children: [
+    isLoading && /* @__PURE__ */ jsx4(LinearProgress, {}),
+    /* @__PURE__ */ jsx4(
+      FiltersBar,
       {
-        value: selectedTitle || "",
-        onChange: ({ target }) => {
-          !target.innerHTML.includes("path") ? setSelectedTitle(target.innerHTML) : setSelectedTitle(void 0);
-        },
-        options: columnTitles.map((title) => title.label),
-        renderInput: (params) => /* @__PURE__ */ React7.createElement(
-          TextField,
+        setAnchorEl,
+        setOpenSearch,
+        searchAnchorEl,
+        noFilters,
+        noFilterButtons,
+        selectedFilters,
+        customButtons,
+        handleCloseFilter
+      }
+    ),
+    /* @__PURE__ */ jsx4(TableContainer, { children: /* @__PURE__ */ jsxs2(Table, { size: "small", children: [
+      /* @__PURE__ */ jsx4(
+        GridHeader,
+        {
+          titles: columnTitles,
+          order,
+          orderBy,
+          setOrder,
+          setOrderBy
+        }
+      ),
+      /* @__PURE__ */ jsxs2(TableBody, { children: [
+        props.children ? props.children : primaryKey ? /* @__PURE__ */ jsx4(
+          AutoCreatedRows,
           {
-            variant: "standard",
-            margin: "dense",
-            ...params,
-            label: "Coluna"
+            tableData,
+            columns: columnTitles,
+            primaryKey
           }
-        )
-      }
-    ), /* @__PURE__ */ React7.createElement(
-      Autocomplete,
+        ) : null,
+        footer
+      ] })
+    ] }) }),
+    !noPagination && /* @__PURE__ */ jsx4(
+      TablePagination,
       {
-        value: selectedFilterValue || "",
-        onChange: ({ target }) => {
-          !target.innerHTML.includes("path") ? setSelectedFilterValue(target.innerHTML) : setSelectedFilterValue(void 0);
+        page,
+        component: "div",
+        rowsPerPage,
+        labelRowsPerPage: "Linhas por p\xE1gina",
+        rowsPerPageOptions: rowOptions,
+        count: countRows,
+        labelDisplayedRows: ({ page: page2 }) => `${page2 + 1} de ${Math.floor(countRows / rowsPerPage) + 1}`,
+        onPageChange: (_, newPage) => {
+          setPage(newPage);
         },
-        disabled: valuesToFilter.length < 1,
-        options: valuesToFilter.map((title) => title),
-        renderInput: (params) => /* @__PURE__ */ React7.createElement(
-          TextField,
-          {
-            variant: "standard",
-            margin: "dense",
-            ...params,
-            label: "Valor"
-          }
-        )
+        onRowsPerPageChange: handleChangeRowsPerPage
       }
-    ), /* @__PURE__ */ React7.createElement(Box2, { sx: { py: 1 } }), /* @__PURE__ */ React7.createElement(
-      Button,
+    ),
+    /* @__PURE__ */ jsx4(
+      Popover,
       {
-        disabled: !selectedFilterValue,
-        onClick: handleAddFilter,
-        fullWidth: true
-      },
-      "Adicionar filtro"
-    ))
-  ), /* @__PURE__ */ React7.createElement(
-    Popover,
-    {
-      anchorEl: searchAnchorEl.current,
-      open: openSearch,
-      onClose: () => setOpenSearch(false),
-      anchorOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "left"
+        anchorEl,
+        open: !!anchorEl,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        children: /* @__PURE__ */ jsxs2(Box2, { sx: { minWidth: 300, padding: 2 }, children: [
+          /* @__PURE__ */ jsx4(Typography, { fontWeight: "bold", variant: "body2", children: "Filtrar por:" }),
+          /* @__PURE__ */ jsx4(
+            Autocomplete,
+            {
+              value: selectedTitle || "",
+              onChange: ({ target }) => {
+                !target.innerHTML.includes("path") ? setSelectedTitle(target.innerHTML) : setSelectedTitle(void 0);
+              },
+              options: columnTitles.map((title) => title.label),
+              renderInput: (params) => /* @__PURE__ */ jsx4(
+                TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  ...params,
+                  label: "Coluna"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Autocomplete,
+            {
+              value: selectedFilterValue || "",
+              onChange: ({ target }) => {
+                !target.innerHTML.includes("path") ? setSelectedFilterValue(target.innerHTML) : setSelectedFilterValue(void 0);
+              },
+              disabled: valuesToFilter.length < 1,
+              options: valuesToFilter.map((title) => title),
+              renderInput: (params) => /* @__PURE__ */ jsx4(
+                TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  ...params,
+                  label: "Valor"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx4(Box2, { sx: { py: 1 } }),
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              disabled: !selectedFilterValue,
+              onClick: handleAddFilter,
+              fullWidth: true,
+              children: "Adicionar filtro"
+            }
+          )
+        ] })
       }
-    },
-    /* @__PURE__ */ React7.createElement(
-      Box2,
+    ),
+    /* @__PURE__ */ jsx4(
+      Popover,
       {
-        sx: {
-          minWidth: 300,
-          px: 2,
-          pb: 1,
-          display: "grid",
-          gridTemplateColumns: "1fr 30px",
-          alignItems: "flex-end"
-        }
-      },
-      /* @__PURE__ */ React7.createElement(
-        TextField,
-        {
-          variant: "standard",
-          margin: "dense",
-          label: "Buscar",
-          value: searchText,
-          onChange: ({ currentTarget }) => setSearchText(currentTarget.value)
-        }
-      ),
-      /* @__PURE__ */ React7.createElement(Box2, null, /* @__PURE__ */ React7.createElement(
-        IconButton2,
-        {
-          onClick: () => {
-            setSearchText("");
-            setOpenSearch(false);
-          }
+        anchorEl: searchAnchorEl.current,
+        open: openSearch,
+        onClose: () => setOpenSearch(false),
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "left"
         },
-        /* @__PURE__ */ React7.createElement(MdClose, { size: 8 * 3 })
-      ))
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ jsxs2(
+          Box2,
+          {
+            sx: {
+              minWidth: 300,
+              px: 2,
+              pb: 1,
+              display: "grid",
+              gridTemplateColumns: "1fr 30px",
+              alignItems: "flex-end"
+            },
+            children: [
+              /* @__PURE__ */ jsx4(
+                TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  label: "Buscar",
+                  value: searchText,
+                  onChange: ({ currentTarget }) => setSearchText(currentTarget.value)
+                }
+              ),
+              /* @__PURE__ */ jsx4(Box2, { children: /* @__PURE__ */ jsx4(
+                IconButton2,
+                {
+                  onClick: () => {
+                    setSearchText("");
+                    setOpenSearch(false);
+                  },
+                  children: /* @__PURE__ */ jsx4(MdClose, { size: 8 * 3 })
+                }
+              ) })
+            ]
+          }
+        )
+      }
     )
-  ));
+  ] });
 };
 var Grid_default = Grid;
 
 // src/components/Grid/EditableTableCell/index.tsx
 import { TableCell as TableCell3 } from "@mui/material";
-import React10, { useState as useState2 } from "react";
+import { useState as useState2 } from "react";
 
 // src/components/Grid/EditableTableCell/DefaultInput.tsx
-import React8 from "react";
 import { TextField as TextField2 } from "@mui/material";
-import moment from "moment";
+import dayjs from "dayjs";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var DefaultInput = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3174,9 +3470,9 @@ var DefaultInput = (allProps) => {
     if (formatInputDefautvalue) return formatInputDefautvalue(value);
     switch (type) {
       case "date":
-        return moment(value).format("YYYY-MM-DD");
+        return dayjs(value).format("YYYY-MM-DD");
       case "datetime-local":
-        return moment(value).format("YYYY-MM-DDTHH:mm:ss");
+        return dayjs(value).format("YYYY-MM-DDTHH:mm:ss");
       default:
         return String(value);
     }
@@ -3196,7 +3492,7 @@ var DefaultInput = (allProps) => {
     if (ev.code === "Enter") handleSave(ev);
     if (ev.code === "Escape") handleCancelEditing();
   };
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ jsx5(
     TextField2,
     {
       name,
@@ -3232,8 +3528,9 @@ var DefaultInput = (allProps) => {
 
 // src/components/Grid/EditableTableCell/InputMask.tsx
 import { useIMask } from "react-imask";
-import React9, { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect2 } from "react";
 import { TextField as TextField3 } from "@mui/material";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var InputMask = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3246,9 +3543,7 @@ var InputMask = (allProps) => {
     handleCancelEditing,
     setIsEditing
   } = allProps;
-  const { ref, unmaskedValue, setValue } = useIMask(
-    mask
-  );
+  const { ref, unmaskedValue, setValue } = useIMask(mask);
   const handleSave = (event) => {
     setIsEditing(false);
     setValue(String(event.target?.value));
@@ -3268,7 +3563,7 @@ var InputMask = (allProps) => {
   useEffect2(() => {
     if (rowData?.[name]) setValue(String(rowData?.[name]));
   }, [rowData?.[name]]);
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ jsx6(
     TextField3,
     {
       inputRef: ref,
@@ -3302,6 +3597,7 @@ var InputMask = (allProps) => {
 };
 
 // src/components/Grid/EditableTableCell/index.tsx
+import { Fragment as Fragment3, jsx as jsx7 } from "react/jsx-runtime";
 var EditableTableCell = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3325,7 +3621,7 @@ var EditableTableCell = (allProps) => {
     setIsEditing(false);
     if (onCancel) onCancel();
   };
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ jsx7(
     TableCell3,
     {
       ...props,
@@ -3335,55 +3631,55 @@ var EditableTableCell = (allProps) => {
         border: bordered ? "1px solid" : "initial",
         borderColor: "divider"
       },
-      onDoubleClick: () => setIsEditing(true)
-    },
-    isEditing ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, mask ? /* @__PURE__ */ React10.createElement(
-      InputMask,
-      {
-        mask,
-        isEditing,
-        setIsEditing,
-        name,
-        rowData,
-        onSave: ({ value: value2, ...rest }) => {
-          setValue(value2);
-          onSave({ value: value2, ...rest });
-        },
-        handleCancelEditing,
-        formatInputDefautvalue
-      }
-    ) : /* @__PURE__ */ React10.createElement(
-      DefaultInput,
-      {
-        onUpdateValue: (newValue) => {
-          setValue(newValue);
-        },
-        isEditing,
-        name,
-        rowData,
-        onSave,
-        handleCancelEditing,
-        setIsEditing,
-        formatInputDefautvalue,
-        type
-      }
-    )) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, formatCellValue(value))
-  );
-};
+      onDoubleClick: () => setIsEditing(true),
+      children: isEditing ? /* @__PURE__ */ jsx7(Fragment3, { children: mask ? /* @__PURE__ */ jsx7(
+        InputMask,
+        {
+          mask,
+          isEditing,
+          setIsEditing,
+          name,
+          rowData,
+          onSave: ({ value: value2, ...rest }) => {
+            setValue(value2);
+            onSave({ value: value2, ...rest });
+          },
+          handleCancelEditing,
+          formatInputDefautvalue
+        }
+      ) : /* @__PURE__ */ jsx7(
+        DefaultInput,
+        {
+          onUpdateValue: (newValue) => {
+            setValue(newValue);
+          },
+          isEditing,
+          name,
+          rowData,
+          onSave,
+          handleCancelEditing,
+          setIsEditing,
+          formatInputDefautvalue,
+          type
+        }
+      ) }) : /* @__PURE__ */ jsx7(Fragment3, { children: formatCellValue(value) })
+    }
+  );
+};
 
 // src/components/Input/index.tsx
-import React11 from "react";
 import { TextField as TextField4 } from "@mui/material";
 import { Field } from "formik";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var Input = ({ withFormik = true, ...rest }) => {
-  if (withFormik) return /* @__PURE__ */ React11.createElement(FormikInput, { ...rest });
-  else return /* @__PURE__ */ React11.createElement(BaseInput, { ...rest });
+  if (withFormik) return /* @__PURE__ */ jsx8(FormikInput, { ...rest });
+  else return /* @__PURE__ */ jsx8(BaseInput, { ...rest });
 };
 var BaseInput = (props) => {
-  return /* @__PURE__ */ React11.createElement(TextField4, { fullWidth: true, ...props });
+  return /* @__PURE__ */ jsx8(TextField4, { fullWidth: true, ...props });
 };
 var FormikInput = ({ name, shrink, ...rest }) => {
-  return /* @__PURE__ */ React11.createElement(Field, { name }, ({ field: { value, ...field }, meta: { error } }) => /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ jsx8(Field, { name, children: ({ field: { value, ...field }, meta: { error } }) => /* @__PURE__ */ jsx8(
     BaseInput,
     {
       defaultValue: value,
@@ -3393,16 +3689,17 @@ var FormikInput = ({ name, shrink, ...rest }) => {
       ...rest,
       InputLabelProps: { shrink, ...rest.InputLabelProps }
     }
-  ));
+  ) });
 };
 
 // src/components/InputMask/index.tsx
-import React12, { useEffect as useEffect3, useRef as useRef2 } from "react";
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
 import { useIMask as useIMask2 } from "react-imask";
 import { Field as Field2 } from "formik";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function InputMask2({ withFormik = true, ...rest }) {
-  if (withFormik) return /* @__PURE__ */ React12.createElement(FormikInputMask, { ...rest });
-  else return /* @__PURE__ */ React12.createElement(BaseInputMask, { ...rest });
+  if (withFormik) return /* @__PURE__ */ jsx9(FormikInputMask, { ...rest });
+  else return /* @__PURE__ */ jsx9(BaseInputMask, { ...rest });
 }
 var BaseInputMask = ({
   mask,
@@ -3427,7 +3724,7 @@ var BaseInputMask = ({
     setValue(controlledValue);
     maskRef.current.value = controlledValue;
   }, [controlledValue]);
-  return /* @__PURE__ */ React12.createElement(BaseInput, { inputRef: ref, ...rest });
+  return /* @__PURE__ */ jsx9(BaseInput, { inputRef: ref, ...rest });
 };
 function FormikInputMask({
   mask,
@@ -3454,14 +3751,14 @@ function FormikInputMask({
     if (formikSaveFunction.current)
       formikSaveFunction.current(name, unmaskedValue);
   }, [value]);
-  return /* @__PURE__ */ React12.createElement(Field2, { name }, ({
+  return /* @__PURE__ */ jsx9(Field2, { name, children: ({
     field: { value: value2, ...field },
     meta: { error },
     form: { setFieldValue }
   }) => {
     initialValue.current = value2;
     formikSaveFunction.current = setFieldValue;
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ jsx9(
       BaseInput,
       {
         ...rest,
@@ -3471,11 +3768,10 @@ function FormikInputMask({
         helperText: error
       }
     );
-  });
+  } });
 }
 
 // src/components/Select/index.tsx
-import React13 from "react";
 import {
   FormControl,
   FormHelperText,
@@ -3483,10 +3779,11 @@ import {
   Select as MuiSelect
 } from "@mui/material";
 import { useField } from "formik";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var CustomInputLabel = InputLabel;
-function Select({ withFormik = true, ...rest }) {
-  if (withFormik) return /* @__PURE__ */ React13.createElement(FormikSelect, { ...rest });
-  else return /* @__PURE__ */ React13.createElement(BaseSelect, { ...rest });
+function Select({ withFormik = true, helperText, ...rest }) {
+  if (withFormik) return /* @__PURE__ */ jsx10(FormikSelect, { helperText, ...rest });
+  else return /* @__PURE__ */ jsx10(BaseSelect, { ...rest });
 }
 function BaseSelect({
   name,
@@ -3496,18 +3793,21 @@ function BaseSelect({
   InputLabelProps: InputLabelProps2,
   ...rest
 }) {
-  return /* @__PURE__ */ React13.createElement(FormControl, { fullWidth: true, ...FormControlProps2 }, /* @__PURE__ */ React13.createElement(CustomInputLabel, { ...InputLabelProps2 }, label), /* @__PURE__ */ React13.createElement(
-    MuiSelect,
-    {
-      name,
-      inputProps: {
-        name
-      },
-      label,
-      ...rest
-    },
-    children
-  ));
+  return /* @__PURE__ */ jsxs3(FormControl, { fullWidth: true, ...FormControlProps2, children: [
+    /* @__PURE__ */ jsx10(CustomInputLabel, { ...InputLabelProps2, children: label }),
+    /* @__PURE__ */ jsx10(
+      MuiSelect,
+      {
+        name,
+        inputProps: {
+          name
+        },
+        label,
+        ...rest,
+        children
+      }
+    )
+  ] });
 }
 function FormikSelect({
   name,
@@ -3522,25 +3822,29 @@ function FormikSelect({
   const onChange = (_, { props: { value: value2 } }) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React13.createElement(FormControl, { fullWidth: true, ...FormControlProps2, error: Boolean(meta?.error) }, /* @__PURE__ */ React13.createElement(CustomInputLabel, { ...InputLabelProps2 }, label), /* @__PURE__ */ React13.createElement(
-    MuiSelect,
-    {
-      inputProps: {
-        name
-      },
-      label,
-      ...rest,
-      ...field,
-      defaultValue: value,
-      onChange
-    },
-    children
-  ), /* @__PURE__ */ React13.createElement(FormHelperText, null, helperText || meta?.error));
+  return /* @__PURE__ */ jsxs3(FormControl, { fullWidth: true, ...FormControlProps2, error: Boolean(meta?.error), children: [
+    /* @__PURE__ */ jsx10(CustomInputLabel, { ...InputLabelProps2, children: label }),
+    /* @__PURE__ */ jsx10(
+      MuiSelect,
+      {
+        inputProps: {
+          name
+        },
+        label,
+        ...rest,
+        ...field,
+        defaultValue: value,
+        onChange,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx10(FormHelperText, { children: helperText || meta?.error })
+  ] });
 }
 
 // src/components/Autocomplete/index.tsx
-import React14, {
-  Fragment,
+import {
+  Fragment as Fragment4,
   useMemo as useMemo2,
   useState as useState3
 } from "react";
@@ -3551,6 +3855,7 @@ import {
   CircularProgress
 } from "@mui/material";
 import { useTheme as useTheme3 } from "@mui/material/styles";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function Autocomplete2({
   withFormik = true,
   name,
@@ -3564,7 +3869,7 @@ function Autocomplete2({
     }, [theme]);
     const isLegacyBehaviorDisabled = typeof rest?.["data-legacy-behavior"] !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
     if (isLegacyBehaviorDisabled)
-      return /* @__PURE__ */ React14.createElement(
+      return /* @__PURE__ */ jsx11(
         FormikAutocomplete,
         {
           name,
@@ -3572,7 +3877,7 @@ function Autocomplete2({
           ...rest
         }
       );
-    return /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ jsx11(
       FormikAutocompleteLegacy,
       {
         name,
@@ -3581,14 +3886,14 @@ function Autocomplete2({
       }
     );
   }
-  return /* @__PURE__ */ React14.createElement(BaseInput2, { ...rest });
+  return /* @__PURE__ */ jsx11(BaseInput2, { ...rest });
 }
 function BaseInput2(props) {
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ jsx11(
     MuiAutocomplete,
     {
       fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ React14.createElement(TextField5, { label: props.label, ...params }),
+      renderInput: (params) => /* @__PURE__ */ jsx11(TextField5, { label: props.label, ...params }),
       ...props
     }
   );
@@ -3627,11 +3932,11 @@ function FormikAutocompleteLegacy({
     if (key) return a[key] === b[key];
     return Object.values(a)[0] === Object.values(b)[0];
   };
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ jsx11(
     MuiAutocomplete,
     {
       getOptionLabel,
-      renderInput: (params) => /* @__PURE__ */ React14.createElement(
+      renderInput: (params) => /* @__PURE__ */ jsx11(
         TextField5,
         {
           error: Boolean(meta?.error),
@@ -3640,7 +3945,10 @@ function FormikAutocompleteLegacy({
           ...field,
           InputProps: {
             ...params.InputProps,
-            endAdornment: /* @__PURE__ */ React14.createElement(Fragment, null, props.loading ? /* @__PURE__ */ React14.createElement(CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
+            endAdornment: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              props.loading ? /* @__PURE__ */ jsx11(CircularProgress, { color: "inherit", size: 20 }) : null,
+              params.InputProps.endAdornment
+            ] })
           },
           label: props.label,
           required: props.required,
@@ -3672,10 +3980,10 @@ function FormikAutocomplete({
       setValue(newValue[value2]);
     } else setValue(newValue);
   };
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ jsx11(
     MuiAutocomplete,
     {
-      renderInput: (params) => /* @__PURE__ */ React14.createElement(
+      renderInput: (params) => /* @__PURE__ */ jsx11(
         TextField5,
         {
           error: Boolean(meta?.error),
@@ -3684,7 +3992,10 @@ function FormikAutocomplete({
           ...field,
           InputProps: {
             ...params.InputProps,
-            endAdornment: /* @__PURE__ */ React14.createElement(Fragment, null, props.loading ? /* @__PURE__ */ React14.createElement(CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
+            endAdornment: /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              props.loading ? /* @__PURE__ */ jsx11(CircularProgress, { color: "inherit", size: 20 }) : null,
+              params.InputProps.endAdornment
+            ] })
           },
           label: props.label,
           required: props.required,
@@ -3700,174 +4011,199 @@ function FormikAutocomplete({
 }
 
 // src/components/Checkbox/index.tsx
-import React15 from "react";
 import {
   Checkbox as MuiCheckbox,
-  FormControlLabel
+  FormControl as FormControl2,
+  FormControlLabel,
+  FormHelperText as FormHelperText2
 } from "@mui/material";
 import { useField as useField3 } from "formik";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var Checkbox = ({
   withFormik = true,
   name,
   ...props
 }) => {
-  if (withFormik && name) return /* @__PURE__ */ React15.createElement(FormikCheckbox, { name, ...props });
-  else return /* @__PURE__ */ React15.createElement(BaseCheckbox, { ...props });
+  if (withFormik && name) return /* @__PURE__ */ jsx12(FormikCheckbox, { name, ...props });
+  else return /* @__PURE__ */ jsx12(BaseCheckbox, { ...props });
 };
 var BaseCheckbox = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React15.createElement(
-    FormControlLabel,
-    {
-      label,
-      control: /* @__PURE__ */ React15.createElement(MuiCheckbox, { ...props }),
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ jsxs5(FormControl2, { children: [
+    /* @__PURE__ */ jsx12(
+      FormControlLabel,
+      {
+        label,
+        control: /* @__PURE__ */ jsx12(MuiCheckbox, { ...props }),
+        ...FormControlLabelProps3
+      }
+    ),
+    helperText && /* @__PURE__ */ jsx12(FormHelperText2, { children: helperText })
+  ] });
 };
 var FormikCheckbox = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, ...field }, , { setValue }] = useField3({
-    name
-  });
+  const [{ value, ...field }, { error }, { setValue }] = useField3({ name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React15.createElement(
-    FormControlLabel,
-    {
-      label,
-      control: /* @__PURE__ */ React15.createElement(MuiCheckbox, { ...props, defaultChecked: Boolean(value) }),
-      ...field,
-      onChange,
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ jsxs5(FormControl2, { error: Boolean(error), children: [
+    /* @__PURE__ */ jsx12(
+      FormControlLabel,
+      {
+        label,
+        control: /* @__PURE__ */ jsx12(MuiCheckbox, { ...props, checked: Boolean(value) }),
+        ...field,
+        onChange,
+        ...FormControlLabelProps3
+      }
+    ),
+    (error || helperText) && /* @__PURE__ */ jsx12(FormHelperText2, { children: error ?? helperText })
+  ] });
 };
 
 // src/components/Switch/index.tsx
-import React16 from "react";
 import {
   Switch as MuiSwitch,
-  FormControlLabel as FormControlLabel2
+  FormControl as FormControl3,
+  FormControlLabel as FormControlLabel2,
+  FormHelperText as FormHelperText3
 } from "@mui/material";
 import { useField as useField4 } from "formik";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var Switch = ({ withFormik = true, name, ...props }) => {
-  if (withFormik && name) return /* @__PURE__ */ React16.createElement(FormikSwitch, { name, ...props });
-  else return /* @__PURE__ */ React16.createElement(BaseSwitch, { ...props });
+  if (withFormik && name) return /* @__PURE__ */ jsx13(FormikSwitch, { name, ...props });
+  else return /* @__PURE__ */ jsx13(BaseSwitch, { ...props });
 };
 var BaseSwitch = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React16.createElement(
-    FormControlLabel2,
-    {
-      label,
-      control: /* @__PURE__ */ React16.createElement(MuiSwitch, { ...props }),
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ jsxs6(FormControl3, { children: [
+    /* @__PURE__ */ jsx13(
+      FormControlLabel2,
+      {
+        label,
+        control: /* @__PURE__ */ jsx13(MuiSwitch, { ...props }),
+        ...FormControlLabelProps3
+      }
+    ),
+    helperText && /* @__PURE__ */ jsx13(FormHelperText3, { children: helperText })
+  ] });
 };
 var FormikSwitch = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, onChange: unused, ...field }, , { setValue }] = useField4({
-    name
-  });
+  const [{ value, onChange: unused, ...field }, { error }, { setValue }] = useField4({ name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React16.createElement(
-    FormControlLabel2,
-    {
-      label,
-      onChange,
-      control: /* @__PURE__ */ React16.createElement(MuiSwitch, { defaultChecked: value, ...props }),
-      ...field,
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ jsxs6(FormControl3, { error: Boolean(error), children: [
+    /* @__PURE__ */ jsx13(
+      FormControlLabel2,
+      {
+        label,
+        onChange,
+        control: /* @__PURE__ */ jsx13(MuiSwitch, { checked: value, ...props }),
+        ...field,
+        ...FormControlLabelProps3
+      }
+    ),
+    (error || helperText) && /* @__PURE__ */ jsx13(FormHelperText3, { children: error ?? helperText })
+  ] });
 };
 
 // src/components/Radio/index.tsx
-import React17 from "react";
 import {
-  FormControl as FormControl2,
+  FormControl as FormControl4,
   FormControlLabel as FormControlLabel3,
+  FormHelperText as FormHelperText4,
   FormLabel,
   Radio as MuiRadio,
   RadioGroup
 } from "@mui/material";
-import { Field as Field3 } from "formik";
+import { useField as useField5 } from "formik";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var Radio = ({
   name,
   withFormik = true,
   ...rest
 }) => {
-  if (withFormik && name) return /* @__PURE__ */ React17.createElement(FormikRadio, { name, ...rest });
-  else return /* @__PURE__ */ React17.createElement(BaseRadio, { ...rest });
+  if (withFormik && name) return /* @__PURE__ */ jsx14(FormikRadio, { name, ...rest });
+  else return /* @__PURE__ */ jsx14(BaseRadio, { ...rest });
 };
 var BaseRadio = ({
   label,
   options,
+  helperText,
   ...rest
 }) => {
-  return /* @__PURE__ */ React17.createElement(FormControl2, null, label && /* @__PURE__ */ React17.createElement(FormLabel, null, label), /* @__PURE__ */ React17.createElement(RadioGroup, { ...rest }, options.map((option) => /* @__PURE__ */ React17.createElement(
-    FormControlLabel3,
-    {
-      key: String(option.value),
-      value: option.value,
-      label: option.label,
-      control: /* @__PURE__ */ React17.createElement(MuiRadio, null)
-    }
-  ))));
+  return /* @__PURE__ */ jsxs7(FormControl4, { children: [
+    label && /* @__PURE__ */ jsx14(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx14(RadioGroup, { ...rest, children: options.map((option) => /* @__PURE__ */ jsx14(
+      FormControlLabel3,
+      {
+        value: option.value,
+        label: option.label,
+        control: /* @__PURE__ */ jsx14(MuiRadio, {})
+      },
+      String(option.value)
+    )) }),
+    helperText && /* @__PURE__ */ jsx14(FormHelperText4, { children: helperText })
+  ] });
 };
 var FormikRadio = ({
   label,
   name,
   options,
+  helperText,
   ...rest
 }) => {
-  const onChange = (setFieldValue, value) => {
-    setFieldValue(name, value);
-  };
-  return /* @__PURE__ */ React17.createElement(Field3, null, ({ field: { value }, form: { setFieldValue } }) => /* @__PURE__ */ React17.createElement(FormControl2, null, label && /* @__PURE__ */ React17.createElement(FormLabel, null, label), /* @__PURE__ */ React17.createElement(
-    RadioGroup,
-    {
-      defaultValue: value,
-      onChange: (_, value2) => onChange(setFieldValue, value2),
-      ...rest
-    },
-    options.map((option) => /* @__PURE__ */ React17.createElement(
-      FormControlLabel3,
+  const [{ value }, meta, { setValue }] = useField5(name);
+  return /* @__PURE__ */ jsxs7(FormControl4, { error: Boolean(meta.error), children: [
+    label && /* @__PURE__ */ jsx14(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx14(
+      RadioGroup,
       {
-        key: String(option.value),
-        value: option.value,
-        label: option.label,
-        control: /* @__PURE__ */ React17.createElement(MuiRadio, null)
+        value: value ?? "",
+        onChange: (_, val) => setValue(val),
+        ...rest,
+        children: options.map((option) => /* @__PURE__ */ jsx14(
+          FormControlLabel3,
+          {
+            value: option.value,
+            label: option.label,
+            control: /* @__PURE__ */ jsx14(MuiRadio, {})
+          },
+          String(option.value)
+        ))
       }
-    ))
-  )));
+    ),
+    /* @__PURE__ */ jsx14(FormHelperText4, { children: helperText || meta.error })
+  ] });
 };
 
 // src/components/LargeButton/index.tsx
-import React18 from "react";
 import {
   Button as Button2,
   CircularProgress as CircularProgress2
 } from "@mui/material";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var LargeButton = ({
   loading,
   children,
@@ -3875,28 +4211,28 @@ var LargeButton = ({
   sx,
   ...rest
 }) => {
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ jsx15(
     Button2,
     {
       variant: "contained",
       fullWidth: true,
       sx: { fontWeight: "bold", ...sx },
       disabled: rest.disabled || loading,
-      ...rest
-    },
-    loading ? /* @__PURE__ */ React18.createElement(
-      CircularProgress2,
-      {
-        size: 25,
-        color: "inherit",
-        ...CircularProgressProps2
-      }
-    ) : children
+      ...rest,
+      children: loading ? /* @__PURE__ */ jsx15(
+        CircularProgress2,
+        {
+          size: 25,
+          color: "inherit",
+          ...CircularProgressProps2
+        }
+      ) : children
+    }
   );
 };
 
 // src/components/TabPanel/index.tsx
-import React19 from "react";
+import { Fragment as Fragment5, jsx as jsx16 } from "react/jsx-runtime";
 function getTabProps(index) {
   return {
     id: `tab-${index}`,
@@ -3905,21 +4241,20 @@ function getTabProps(index) {
 }
 var TabPanel = (props) => {
   const { children, value, index, ...other } = props;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       role: "tabpanel",
       hidden: value !== index,
       id: `tabpanel-${index}`,
       "aria-labelledby": `tab-${index}`,
-      ...other
-    },
-    value === index && /* @__PURE__ */ React19.createElement(React19.Fragment, null, children)
+      ...other,
+      children: value === index && /* @__PURE__ */ jsx16(Fragment5, { children })
+    }
   );
 };
 
 // src/components/BaseGrid/index.tsx
-import React21 from "react";
 import {
   Box as Box4,
   LinearProgress as LinearProgress2,
@@ -3933,7 +4268,6 @@ import {
 } from "@mui/material";
 
 // src/components/BaseGrid/Pagination/index.tsx
-import React20 from "react";
 import {
   Box as Box3,
   IconButton as IconButton3,
@@ -3943,6 +4277,7 @@ import {
   Typography as Typography2
 } from "@mui/material";
 import { MdArrowForwardIos, MdArrowBackIosNew } from "react-icons/md";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var GridPagination = ({
   currentPage,
   totalNumberOfPages,
@@ -3952,44 +4287,55 @@ var GridPagination = ({
   rowsPerPage,
   dense
 }) => {
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ jsxs8(
     Stack,
     {
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
       width: "100%",
-      py: dense ? 0.5 : 1
-    },
-    /* @__PURE__ */ React20.createElement(Box3, null),
-    /* @__PURE__ */ React20.createElement(Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React20.createElement(
-      Select2,
-      {
-        variant: "standard",
-        size: "small",
-        margin: "dense",
-        sx: { width: 60, mr: 2, textAlign: "center", fontSize: 13 },
-        value: rowsPerPage,
-        onChange: ({ target }) => setRowsPerPage(parseInt(target.value))
-      },
-      rowsPerPageOptions.map((option) => /* @__PURE__ */ React20.createElement(MenuItem, { key: option, value: option }, option))
-    ), /* @__PURE__ */ React20.createElement(Typography2, { variant: "body2" }, currentPage + 1, " de ", totalNumberOfPages + 1), /* @__PURE__ */ React20.createElement(
-      IconButton3,
-      {
-        size: "small",
-        disabled: currentPage === 0,
-        onClick: () => onPageChange(currentPage - 1)
-      },
-      /* @__PURE__ */ React20.createElement(MdArrowBackIosNew, { size: 8 * 2 })
-    ), /* @__PURE__ */ React20.createElement(
-      IconButton3,
-      {
-        size: "small",
-        disabled: currentPage === totalNumberOfPages,
-        onClick: () => onPageChange(currentPage + 1)
-      },
-      /* @__PURE__ */ React20.createElement(MdArrowForwardIos, { size: 8 * 2 })
-    ))
+      py: dense ? 0.5 : 1,
+      children: [
+        /* @__PURE__ */ jsx17(Box3, {}),
+        /* @__PURE__ */ jsxs8(Stack, { direction: "row", alignItems: "center", children: [
+          /* @__PURE__ */ jsx17(
+            Select2,
+            {
+              variant: "standard",
+              size: "small",
+              margin: "dense",
+              sx: { width: 60, mr: 2, textAlign: "center", fontSize: 13 },
+              value: rowsPerPage,
+              onChange: ({ target }) => setRowsPerPage(parseInt(target.value)),
+              children: rowsPerPageOptions.map((option) => /* @__PURE__ */ jsx17(MenuItem, { value: option, children: option }, option))
+            }
+          ),
+          /* @__PURE__ */ jsxs8(Typography2, { variant: "body2", children: [
+            currentPage + 1,
+            " de ",
+            totalNumberOfPages + 1
+          ] }),
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              size: "small",
+              disabled: currentPage === 0,
+              onClick: () => onPageChange(currentPage - 1),
+              children: /* @__PURE__ */ jsx17(MdArrowBackIosNew, { size: 8 * 2 })
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              size: "small",
+              disabled: currentPage === totalNumberOfPages,
+              onClick: () => onPageChange(currentPage + 1),
+              children: /* @__PURE__ */ jsx17(MdArrowForwardIos, { size: 8 * 2 })
+            }
+          )
+        ] })
+      ]
+    }
   );
 };
 
@@ -4031,6 +4377,7 @@ var styles = {
 };
 
 // src/components/BaseGrid/index.tsx
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function BaseGrid({
   columns,
   children,
@@ -4057,7 +4404,7 @@ function BaseGrid({
   loadingColSpan,
   isLoading
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ jsxs9(
     Paper2,
     {
       ...paperProps,
@@ -4067,93 +4414,109 @@ function BaseGrid({
         ...styles.striped(striped),
         ...styles.lastRowBorder(hideFooter),
         ...paperProps?.sx
-      }
-    },
-    /* @__PURE__ */ React21.createElement(
-      Box4,
-      {
-        ...boxContainerProps,
-        sx: { overflowX: "auto", ...boxContainerProps?.sx }
       },
-      /* @__PURE__ */ React21.createElement(
-        Table2,
-        {
-          size: "small",
-          stickyHeader: true,
-          ...tableProps,
-          sx: {
-            ...tableProps?.sx
-          }
-        },
-        /* @__PURE__ */ React21.createElement(TableHead2, { ...tableHeadProps }, /* @__PURE__ */ React21.createElement(TableRow3, null, prependColumn, columns.map((column) => /* @__PURE__ */ React21.createElement(
-          TableCell4,
+      children: [
+        /* @__PURE__ */ jsx18(
+          Box4,
           {
-            key: column.name,
-            padding: dense ? "none" : "normal",
-            ...column.props,
-            sx: {
-              pl: 2,
-              ...column?.sx
-            }
-          },
-          column.children ? column.children : /* @__PURE__ */ React21.createElement(
-            TableSortLabel2,
-            {
-              active: sortedBy.some((p) => p.prop === column.name),
-              direction: sortedBy.find((p) => p.prop === column.name)?.direction || "desc",
-              onClick: () => onSortBy(column.name),
-              disabled: column.canSort === false,
-              ...tableSortLabelProps,
-              sx: { ...tableSortLabelProps?.sx }
-            },
-            column.label
-          )
-        )), appendColumn), isLoading && /* @__PURE__ */ React21.createElement(TableRow3, null, /* @__PURE__ */ React21.createElement(
-          TableCell4,
+            ...boxContainerProps,
+            sx: { overflowX: "auto", ...boxContainerProps?.sx },
+            children: /* @__PURE__ */ jsxs9(
+              Table2,
+              {
+                size: "small",
+                stickyHeader: true,
+                ...tableProps,
+                sx: {
+                  ...tableProps?.sx
+                },
+                children: [
+                  /* @__PURE__ */ jsxs9(TableHead2, { ...tableHeadProps, children: [
+                    /* @__PURE__ */ jsxs9(TableRow3, { children: [
+                      prependColumn,
+                      columns.map((column) => /* @__PURE__ */ jsx18(
+                        TableCell4,
+                        {
+                          padding: dense ? "none" : "normal",
+                          ...column.props,
+                          sx: {
+                            pl: 2,
+                            ...column?.sx
+                          },
+                          children: column.children ? column.children : /* @__PURE__ */ jsx18(
+                            TableSortLabel2,
+                            {
+                              active: sortedBy.some((p) => p.prop === column.name),
+                              direction: sortedBy.find((p) => p.prop === column.name)?.direction || "desc",
+                              onClick: () => onSortBy(column.name),
+                              disabled: column.canSort === false,
+                              ...tableSortLabelProps,
+                              sx: { ...tableSortLabelProps?.sx },
+                              children: column.label
+                            }
+                          )
+                        },
+                        column.name
+                      )),
+                      appendColumn
+                    ] }),
+                    isLoading && /* @__PURE__ */ jsx18(TableRow3, { children: /* @__PURE__ */ jsx18(
+                      TableCell4,
+                      {
+                        colSpan: loadingColSpan || columns.length,
+                        sx: { p: 0, border: "none" },
+                        children: /* @__PURE__ */ jsx18(LinearProgress2, {})
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsx18(TableBody2, { ...tableBodyProps, children })
+                ]
+              }
+            )
+          }
+        ),
+        !hideFooter && /* @__PURE__ */ jsx18(
+          GridPagination,
           {
-            colSpan: loadingColSpan || columns.length,
-            sx: { p: 0, border: "none" }
-          },
-          /* @__PURE__ */ React21.createElement(LinearProgress2, null)
-        ))),
-        /* @__PURE__ */ React21.createElement(TableBody2, { ...tableBodyProps }, children)
-      )
-    ),
-    !hideFooter && /* @__PURE__ */ React21.createElement(
-      GridPagination,
-      {
-        rowsPerPageOptions,
-        currentPage,
-        totalNumberOfPages,
-        onPageChange,
-        setRowsPerPage,
-        rowsPerPage,
-        dense
-      }
-    )
+            rowsPerPageOptions,
+            currentPage,
+            totalNumberOfPages,
+            onPageChange,
+            setRowsPerPage,
+            rowsPerPage,
+            dense
+          }
+        )
+      ]
+    }
   );
 }
 
 // src/components/BaseGrid/BaseGridAutoRows.tsx
-import React22 from "react";
-import { Fragment as Fragment2 } from "react";
+import { Fragment as Fragment6 } from "react";
 import { TableCell as TableCell5, TableRow as TableRow4 } from "@mui/material";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function BaseGridAutoRows({
   data,
   columns,
   rowKey
 }) {
-  return /* @__PURE__ */ React22.createElement(Fragment2, null, data.map((row) => /* @__PURE__ */ React22.createElement(TableRow4, { key: row[rowKey] }, columns.map((column) => /* @__PURE__ */ React22.createElement(TableCell5, { key: column.name }, row[column.name])))));
+  return /* @__PURE__ */ jsx19(Fragment6, { children: data.map((row) => /* @__PURE__ */ jsx19(TableRow4, { children: columns.map((column) => /* @__PURE__ */ jsx19(TableCell5, { children: row[column.name] }, column.name)) }, row[rowKey])) });
 }
 
 // src/components/Modal/index.tsx
-import React23 from "react";
 import {
   Box as Box5,
   Modal as MuiModal
 } from "@mui/material";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
-  return /* @__PURE__ */ React23.createElement(MuiModal, { open, onClose, ...rest }, /* @__PURE__ */ React23.createElement(
+  if (process.env.NODE_ENV !== "production") {
+    console.warn(
+      "[Modal] is deprecated. Use `BaseDialog` instead. `Modal` will be removed in a future release."
+    );
+  }
+  return /* @__PURE__ */ jsx20(MuiModal, { open, onClose, ...rest, children: /* @__PURE__ */ jsx20(
     Box5,
     {
       ...BoxProps3,
@@ -4166,10 +4529,10 @@ var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
         transform: "translate(-50%, -50%)",
         borderRadius: 1,
         ...BoxProps3?.sx
-      }
-    },
-    rest.children
-  ));
+      },
+      children: rest.children
+    }
+  ) });
 };
 
 // src/components/utils/GetInputLabel.ts
@@ -4181,7 +4544,6 @@ function GetInputLabel(columns) {
 }
 
 // src/components/Dialog/index.tsx
-import React24 from "react";
 import {
   Box as Box6,
   Dialog as DefaultDialog,
@@ -4191,6 +4553,7 @@ import {
   Button as Button3,
   CircularProgress as CircularProgress3
 } from "@mui/material";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var Dialog = ({
   open,
   title,
@@ -4199,27 +4562,30 @@ var Dialog = ({
   options,
   ...rest
 }) => {
-  return /* @__PURE__ */ React24.createElement(DefaultDialog, { open, ...rest }, /* @__PURE__ */ React24.createElement(Box6, { sx: { p: 2 } }, /* @__PURE__ */ React24.createElement(DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React24.createElement(DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React24.createElement(DialogActions, null, options.map((option, index) => {
-    return /* @__PURE__ */ React24.createElement(
-      Button3,
-      {
-        key: index,
-        onClick: () => option.cb(option.label),
-        variant: option.focus ? "contained" : "text",
-        sx: {
-          fontWeight: option.focus ? "bold" : "normal",
-          color: option.focus ? "#fff" : "primary.main"
+  return /* @__PURE__ */ jsx21(DefaultDialog, { open, ...rest, children: /* @__PURE__ */ jsxs10(Box6, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx21(DialogTitle, { sx: { fontWeight: "bold" }, children: title }),
+    /* @__PURE__ */ jsx21(DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 }, children: body }),
+    /* @__PURE__ */ jsx21(DialogActions, { children: options.map((option, index) => {
+      return /* @__PURE__ */ jsx21(
+        Button3,
+        {
+          onClick: () => option.cb(option.label),
+          variant: option.focus ? "contained" : "text",
+          sx: {
+            fontWeight: option.focus ? "bold" : "normal",
+            color: option.focus ? "#fff" : "primary.main"
+          },
+          disableElevation: true,
+          disabled: loading,
+          children: loading && option.focus ? /* @__PURE__ */ jsx21(CircularProgress3, { size: 25, color: "inherit" }) : /* @__PURE__ */ jsx21(Fragment7, { children: option.label })
         },
-        disableElevation: true,
-        disabled: loading
-      },
-      loading && option.focus ? /* @__PURE__ */ React24.createElement(CircularProgress3, { size: 25, color: "inherit" }) : /* @__PURE__ */ React24.createElement(React24.Fragment, null, option.label)
-    );
-  }))));
+        index
+      );
+    }) })
+  ] }) });
 };
 
 // src/components/DialogConfirm/DialogConfirm.view.tsx
-import React25 from "react";
 import { Box as Box7, Portal, Stack as Stack2, Typography as Typography3 } from "@mui/material";
 import { grey, orange } from "@mui/material/colors";
 import { MdOutlineWarningAmber } from "react-icons/md";
@@ -4271,56 +4637,65 @@ function UseDialogConfirm() {
 }
 
 // src/components/DialogConfirm/DialogConfirm.view.tsx
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_ICON = MdOutlineWarningAmber;
 var DialogConfirm = (props) => {
   const model = UseDialogConfirm();
   const Icon = props.icon || DEFAULT_ICON;
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, props.children({
-    onConfirm: model.onConfirm,
-    onCancel: model.onCancel
-  }), /* @__PURE__ */ React25.createElement(Portal, null, /* @__PURE__ */ React25.createElement(Modal, { open: model.opened, onClose: model.onCloseModal }, /* @__PURE__ */ React25.createElement(Box7, { sx: { p: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React25.createElement(
-    Stack2,
-    {
-      mx: "auto",
-      color: orange[800],
-      bgcolor: orange[50],
-      borderRadius: "50%",
-      height: 8 * 5,
-      width: 8 * 5,
-      direction: "row",
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React25.createElement(Icon, { size: 8 * 3 })
-  ), /* @__PURE__ */ React25.createElement(Typography3, { fontWeight: "bold", variant: "h6", mt: 1 }, props.title || "Aten\xE7\xE3o"), /* @__PURE__ */ React25.createElement(Typography3, { my: 1 }, props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?"), /* @__PURE__ */ React25.createElement(Stack2, { gap: 1, mt: 3, color: grey[600] }, /* @__PURE__ */ React25.createElement(
-    LargeButton,
-    {
-      color: "warning",
-      loading: model.isLoading,
-      onClick: model.onProceed
-    },
-    props.confirmButtonText || "Confirmar"
-  ), /* @__PURE__ */ React25.createElement(
-    LargeButton,
-    {
-      variant: "outlined",
-      disabled: model.isLoading,
-      onClick: model.onCancel,
-      color: "inherit"
-    },
-    props.cancelButtonText || "Cancelar"
-  ))))));
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    props.children({
+      onConfirm: model.onConfirm,
+      onCancel: model.onCancel
+    }),
+    /* @__PURE__ */ jsx22(Portal, { children: /* @__PURE__ */ jsx22(Modal, { open: model.opened, onClose: model.onCloseModal, children: /* @__PURE__ */ jsxs11(Box7, { sx: { p: 2, maxWidth: 400, textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx22(
+        Stack2,
+        {
+          mx: "auto",
+          color: orange[800],
+          bgcolor: orange[50],
+          borderRadius: "50%",
+          height: 8 * 5,
+          width: 8 * 5,
+          direction: "row",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /* @__PURE__ */ jsx22(Icon, { size: 8 * 3 })
+        }
+      ),
+      /* @__PURE__ */ jsx22(Typography3, { fontWeight: "bold", variant: "h6", mt: 1, children: props.title || "Aten\xE7\xE3o" }),
+      /* @__PURE__ */ jsx22(Typography3, { my: 1, children: props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?" }),
+      /* @__PURE__ */ jsxs11(Stack2, { gap: 1, mt: 3, color: grey[600], children: [
+        /* @__PURE__ */ jsx22(
+          LargeButton,
+          {
+            color: "warning",
+            loading: model.isLoading,
+            onClick: model.onProceed,
+            children: props.confirmButtonText || "Confirmar"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          LargeButton,
+          {
+            variant: "outlined",
+            disabled: model.isLoading,
+            onClick: model.onCancel,
+            color: "inherit",
+            children: props.cancelButtonText || "Cancelar"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
 };
 
-// src/components/BaseDialog/BaseDialog.tsx
-import React29 from "react";
-
 // src/components/BaseDialog/BaseDialogHook.ts
 import { useContext as useContext2 } from "react";
 
 // src/components/BaseDialog/BaseDialogContext.tsx
-import React26 from "react";
 import { createContext, useCallback, useState as useState5 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var BaseDialogContext = createContext({});
 var BaseDialogProvider = (props) => {
   const [openedDialogs, setOpenedDialogs] = useState5([]);
@@ -4348,7 +4723,7 @@ var BaseDialogProvider = (props) => {
   const closeAllDialogs = useCallback(() => {
     return setOpenedDialogs([]);
   }, [openedDialogs]);
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ jsx23(
     BaseDialogContext.Provider,
     {
       value: {
@@ -4358,21 +4733,21 @@ var BaseDialogProvider = (props) => {
         open: openDialog,
         closeAll: closeAllDialogs,
         close: closeDialog
-      }
-    },
-    props.children
+      },
+      children: props.children
+    }
   );
 };
 
 // src/components/BaseDialog/BaseDialogInstanceContext.tsx
-import React27 from "react";
 import { createContext as createContext2 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var BaseDialogInstanceContext = createContext2(
   {}
 );
 var BaseDialogInstanceProvider = (props) => {
   const actions = useBaseDialog();
-  return /* @__PURE__ */ React27.createElement(BaseDialogInstanceContext.Provider, { value: { name: props.name, actions } }, props.children);
+  return /* @__PURE__ */ jsx24(BaseDialogInstanceContext.Provider, { value: { name: props.name, actions }, children: props.children });
 };
 
 // src/components/BaseDialog/BaseDialogHook.ts
@@ -4387,13 +4762,13 @@ function useBaseDialogInstance() {
 import { Box as Box8, Button as Button4 } from "@mui/material";
 
 // src/components/BaseDialog/BaseDialogHeader.tsx
-import React28 from "react";
 import {
   IconButton as IconButton4,
   Stack as Stack3,
   Typography as Typography4
 } from "@mui/material";
 import { MdClose as MdClose2 } from "react-icons/md";
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var BaseDialogHeader = ({
   title,
   onClose,
@@ -4407,7 +4782,7 @@ var BaseDialogHeader = ({
     if (onClose) return onClose();
     closeDialog(name);
   }
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ jsxs12(
     Stack3,
     {
       direction: "row",
@@ -4415,24 +4790,27 @@ var BaseDialogHeader = ({
       justifyContent: "space-between",
       px: 2,
       my: 1,
-      ...props
-    },
-    /* @__PURE__ */ React28.createElement(Typography4, { variant: "h6", fontWeight: "bold", ...TypographyProps2 }, title),
-    /* @__PURE__ */ React28.createElement(IconButton4, { ...IconButtonProps, onClick: handleClose }, /* @__PURE__ */ React28.createElement(MdClose2, null))
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx25(Typography4, { variant: "h6", fontWeight: "bold", ...TypographyProps2, children: title }),
+        /* @__PURE__ */ jsx25(IconButton4, { ...IconButtonProps, onClick: handleClose, children: /* @__PURE__ */ jsx25(MdClose2, {}) })
+      ]
+    }
   );
 };
 
 // src/components/BaseDialog/BaseDialog.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
 var BaseDialogContainer = ({
   children,
   ...rest
 }) => {
   const { name } = useBaseDialogInstance();
   const { isOpened, close: closeDialog } = useBaseDialog();
-  return /* @__PURE__ */ React29.createElement(Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, children instanceof Function ? children({ close: () => closeDialog(name) }) : children);
+  return /* @__PURE__ */ jsx26(Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest, children: children instanceof Function ? children({ close: () => closeDialog(name) }) : children });
 };
 var BaseDialogBody = (props) => {
-  return /* @__PURE__ */ React29.createElement(Box8, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);
+  return /* @__PURE__ */ jsx26(Box8, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props, children: props.children });
 };
 var BaseDialogTrigger = ({
   name,
@@ -4440,23 +4818,23 @@ var BaseDialogTrigger = ({
   ...props
 }) => {
   const { open } = useBaseDialog();
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ jsx26(
     Button4,
     {
       ...props,
       onClick: (...params) => {
         if (onClick) onClick(...params);
         open(name);
-      }
-    },
-    props.children
+      },
+      children: props.children
+    }
   );
 };
 var BaseDialogCreate = (name = /* @__PURE__ */ Symbol()) => {
   return {
     name,
-    Trigger: (props) => /* @__PURE__ */ React29.createElement(BaseDialogTrigger, { name, ...props }),
-    Root: (props) => /* @__PURE__ */ React29.createElement(BaseDialogInstanceProvider, { name, ...props }),
+    Trigger: (props) => /* @__PURE__ */ jsx26(BaseDialogTrigger, { name, ...props }),
+    Root: (props) => /* @__PURE__ */ jsx26(BaseDialogInstanceProvider, { name, ...props }),
     Container: BaseDialogContainer,
     Header: BaseDialogHeader,
     Body: BaseDialogBody
@@ -4472,163 +4850,56 @@ var BaseDialog = {
   Body: BaseDialogBody
 };
 
-// src/errors/HttpError.ts
-var HttpError = class extends Error {
-  constructor(status, message) {
-    super(message);
-    this.message = message;
-    this.stack = `HttpError: ${message}`;
-    this.status = status;
-  }
+// src/contexts/FormHelperProvider.tsx
+import { createContext as createContext3 } from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var FormHelperContext = createContext3({});
+var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
+  return /* @__PURE__ */ jsx27(FormHelperContext.Provider, { value: { formatErrorMessage, api }, children });
 };
 
-// src/errors/DomainError.ts
-var DomainError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.message = message;
-    this.stack = `DomainError: ${message}`;
-  }
-};
-
-// src/helpers/apiHelper/index.ts
-var VALID_METHODS = [
-  "GET",
-  "HEAD",
-  "POST",
-  "PUT",
-  "DELETE",
-  "CONNECT",
-  "OPTIONS",
-  "TRACE",
-  "PATCH"
-];
-var _ApiHelper = class _ApiHelper {
-  async onFinally(_req, _res) {
-  }
-  async onError(_req, _res, _error) {
-  }
-  constructor(props) {
-    this.public = props?.public ?? false;
-    this.middlewares = (props?.middlewares || []).reverse();
-    this.onFinally = props?.onFinally || (async () => {
-    });
-    this.onError = props?.onError || (async () => {
-    });
-  }
-  createMethods(methods) {
-    return async (req, res) => {
-      const currentMethod = methods[req.method] || methods.ALL;
-      const options = { public: this.public };
-      if (req.method === "OPTIONS") return res.status(200).end();
-      try {
-        if (!VALID_METHODS.includes(req.method))
-          throw new HttpError(405, "M\xE9todo inv\xE1lido");
-        if (!currentMethod) throw new HttpError(500, "M\xE9todo n\xE3o encontrado");
-        const methodWithMiddlewares = this.middlewares.reduce(
-          (acc, fn) => fn(acc, options),
-          currentMethod
-        );
-        return await methodWithMiddlewares(req, res, options);
-      } catch (error) {
-        if (error instanceof DomainError) return res.status(400).json(error.message);
-        if (error instanceof HttpError) return res.status(error.status).json(error.message);
-        this.onError(req, res, error);
-        throw error;
-      } finally {
-        await this.onFinally(req, res);
-      }
-    };
-  }
-  buildFactory(factory) {
-    const options = {
-      public: this.public
-    };
-    return async (req, res) => {
-      const methods = factory(req, res);
-      const handler = methods[req.method];
-      const methodWithMiddlewares = this.middlewares.reduce((acc, fn) => {
-        return fn(acc, options);
-      }, handler);
-      return await methodWithMiddlewares(req, res, options);
-    };
-  }
-  static build(factory, options) {
-    const helper = new _ApiHelper({
-      ...options
-    }).buildFactory(factory);
-    return helper;
-  }
-  static parse(body, parser) {
-    try {
-      const object = parser.parse(body);
-      return object;
-    } catch (error) {
-      throw new HttpError(400, {
-        code: "invalid.body",
-        error: "Dados inv\xE1lidos",
-        details: error
-      });
-    }
-  }
-  /** @deprecated Use {@Link ApiHelper.build} instead. */
-  static create({ onFinally }) {
-    return new _ApiHelper({
-      onFinally
-    });
-  }
-};
-/** @deprecated Use {@link ApiHelper.parser} instead. */
-_ApiHelper.parserErrorWrapper = _ApiHelper.parse;
-var ApiHelper = _ApiHelper;
-
-// src/hooks/useFormHelper.ts
-import { useCallback as useCallback4, useContext as useContext4, useEffect as useEffect4, useRef as useRef4 } from "react";
-
-// src/hooks/useAlert.ts
-import { useContext as useContext3 } from "react";
-
-// src/contexts/AlertContext.tsx
-import React31, { useCallback as useCallback2 } from "react";
-import { createContext as createContext3, useState as useState6 } from "react";
-
-// src/components/Toast/index.tsx
-import React30 from "react";
-import { Alert, IconButton as IconButton5, Snackbar } from "@mui/material";
-import { MdClose as MdClose3 } from "react-icons/md";
-var Toast = ({ open, onClose, severity, message }) => {
-  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(
-    Snackbar,
-    {
-      open,
-      autoHideDuration: 6e3,
-      onClose,
-      anchorOrigin: { vertical: "top", horizontal: "right" },
-      sx: { zIndex: 99999999 }
-    },
-    /* @__PURE__ */ React30.createElement(
-      Alert,
-      {
-        severity,
-        elevation: 2,
-        action: /* @__PURE__ */ React30.createElement(
-          IconButton5,
-          {
-            "aria-label": "close",
-            color: "inherit",
-            size: "small",
-            onClick: onClose
-          },
-          /* @__PURE__ */ React30.createElement(MdClose3, { fontSize: "inherit" })
-        )
-      },
-      message
-    )
-  ));
+// src/contexts/AlertContext.tsx
+import { useCallback as useCallback2 } from "react";
+import { createContext as createContext4, useState as useState6 } from "react";
+
+// src/components/Toast/index.tsx
+import { Alert, IconButton as IconButton5, Snackbar } from "@mui/material";
+import { MdClose as MdClose3 } from "react-icons/md";
+import { Fragment as Fragment9, jsx as jsx28 } from "react/jsx-runtime";
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ jsx28(Fragment9, { children: /* @__PURE__ */ jsx28(
+    Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      onClose,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 },
+      children: /* @__PURE__ */ jsx28(
+        Alert,
+        {
+          severity,
+          elevation: 2,
+          action: /* @__PURE__ */ jsx28(
+            IconButton5,
+            {
+              "aria-label": "close",
+              color: "inherit",
+              size: "small",
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx28(MdClose3, { fontSize: "inherit" })
+            }
+          ),
+          children: message
+        }
+      )
+    }
+  ) });
 };
 
 // src/contexts/AlertContext.tsx
-var AlertContext = createContext3({});
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+var AlertContext = createContext4({});
 var AlertProvider = ({ children }) => {
   const [severity, setSeverity] = useState6("info");
   const [message, setMessage] = useState6("");
@@ -4644,1050 +4915,1012 @@ var AlertProvider = ({ children }) => {
   const onCloseToast = useCallback2(() => {
     setIsVisible(false);
   }, []);
-  return /* @__PURE__ */ React31.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React31.createElement(
-    Toast,
-    {
-      open: isVisible,
-      onClose: onCloseToast,
-      severity,
-      message
-    }
-  ));
+  return /* @__PURE__ */ jsxs13(AlertContext.Provider, { value: { createAlert }, children: [
+    children,
+    /* @__PURE__ */ jsx29(
+      Toast,
+      {
+        open: isVisible,
+        onClose: onCloseToast,
+        severity,
+        message
+      }
+    )
+  ] });
 };
 
-// src/hooks/useAlert.ts
-var useAlert = () => {
-  return useContext3(AlertContext);
-};
+// src/contexts/AuthContext.tsx
+import {
+  createContext as createContext5,
+  useCallback as useCallback8,
+  useEffect as useEffect8,
+  useState as useState11
+} from "react";
 
-// src/hooks/useLoading.ts
+// src/hooks/useGrid.ts
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useState as useState8 } from "react";
+
+// src/hooks/useFilter.ts
 import { useCallback as useCallback3, useState as useState7 } from "react";
-function useLoading() {
-  const [state, setState] = useState7([]);
-  const isLoading = useCallback3((prop) => state.includes(prop), [state]);
-  const setLoading = useCallback3((prop, remove) => {
-    if (remove)
-      setState((prevState) => prevState.filter((state2) => state2 !== prop));
-    else setState((prevState) => [...prevState, prop]);
-  }, []);
-  return { isLoading, setLoading };
-}
 
-// src/contexts/FormHelperProvider.tsx
-import React32 from "react";
-import { createContext as createContext4 } from "react";
-var FormHelperContext = createContext4({});
-var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
-  return /* @__PURE__ */ React32.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
-};
+// src/components/utils/getObjectValue.ts
+function getObjectValue(obj) {
+  return (prop) => {
+    try {
+      return prop.split(".").reduce((o, k) => o[k], obj);
+    } catch (_) {
+      return void 0;
+    }
+  };
+}
 
-// src/hooks/useFormHelper.ts
-function useFormHelper() {
-  const alertProps = useAlert();
-  const loadingProps = useLoading();
-  const { api, formatErrorMessage } = useContext4(FormHelperContext);
-  const { createAlert } = alertProps;
-  const { setLoading } = loadingProps;
-  const sourceRef = useRef4(new AbortController());
-  const onSubmitWrapper = useCallback4(
-    (fn, { name }) => {
-      return async (fields, methods) => {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        try {
-          await fn(fields, methods);
-        } catch (error) {
-          errorHandler(error, methods.setErrors);
-        } finally {
-          setLoading(LOADING_NAME, true);
-        }
-      };
-    },
-    [setLoading]
-  );
-  const onRequestWrapper = useCallback4(
-    (fn, { name }) => {
-      return async (...params) => {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        api.interceptors.request.use(
-          (config) => {
-            if (!config.signal && sourceRef.current && config.method === "get") {
-              config.signal = sourceRef.current.signal;
-            }
-            return config;
-          },
-          (error) => {
-            return Promise.reject(error);
-          }
-        );
-        try {
-          const response = await fn(...params);
-          return response;
-        } catch (error) {
-          errorHandler(error);
-        } finally {
-          setLoading(LOADING_NAME, true);
-        }
-      };
-    },
-    [setLoading, api]
-  );
-  const errorHandler = useCallback4(
-    (error, callback) => {
-      if (error?.message === "cancel.navigation") return;
-      if (callback) {
-        if (error.response.data.code === "invalid.body") {
-          const errors = error.response.data.details.issues;
-          const currentErrors = errors.reduce((acc, item) => {
-            acc[item.path.join(".")] = item.message;
-            return acc;
-          }, {});
-          callback(currentErrors);
-        }
-      }
-      createAlert(formatErrorMessage(error), "error");
+// src/hooks/useFilter.ts
+function useFilter(props = { defaultFilters: [] }) {
+  const [selectedFilters, setSelectedFilters] = useState7(() => {
+    const { defaultFilters } = props;
+    return defaultFilters || [];
+  });
+  const filterBy = useCallback3((newFilter) => {
+    const propToCompare = newFilter?.id ? "id" : "prop";
+    function removeRepeatedFilters(filter) {
+      return filter[propToCompare] !== newFilter[propToCompare];
+    }
+    setSelectedFilters((filters) => [
+      ...filters.filter(removeRepeatedFilters),
+      newFilter
+    ]);
+  }, []);
+  const removeFilter = useCallback3(
+    (prop, isId) => {
+      const propToCompare = isId ? "id" : "prop";
+      setSelectedFilters(
+        selectedFilters.filter((filter) => filter[propToCompare] !== prop)
+      );
     },
-    [formatErrorMessage, createAlert]
+    [selectedFilters]
   );
-  useEffect4(() => {
-    return () => {
-      sourceRef.current.abort();
-      sourceRef.current = new AbortController();
-    };
-  }, []);
+  function clearAllFilters() {
+    setSelectedFilters([]);
+  }
   return {
-    ...alertProps,
-    ...loadingProps,
-    onSubmitWrapper,
-    onRequestWrapper
+    filters: selectedFilters,
+    filterBy,
+    removeFilter,
+    createFilter,
+    clearAllFilters
   };
 }
-
-// src/helpers/authHelper.ts
-import { serialize as serialize2 } from "cookie";
-import { v4 as uuid } from "uuid";
-import jwt from "jsonwebtoken";
-
-// packages/nookies/index.ts
-import * as cookie from "cookie";
-import * as setCookieParser from "set-cookie-parser";
-
-// packages/nookies/util.ts
-function isBrowser() {
-  return typeof window !== "undefined";
+function isDate(date) {
+  if (date instanceof Date) return true;
+  else if (String(date).endsWith("Z")) return true;
+  return false;
 }
-function createCookie(name, value, options) {
-  let sameSite = options.sameSite;
-  if (sameSite === true) {
-    sameSite = "strict";
-  }
-  if (sameSite === void 0 || sameSite === false) {
-    sameSite = "lax";
+function compareFilter(item, filter) {
+  const itemValue = getObjectValue(item)(filter.prop);
+  switch (filter.compareType) {
+    case "equal":
+      return itemValue === filter.value;
+    case "notEqual":
+      return itemValue !== filter.value;
+    case "in":
+      return filter.value.includes(itemValue);
+    case "notIn":
+      return !filter.value.includes(itemValue);
+    case "valueIn":
+      return itemValue.includes(filter.value);
+    case "valueNotIn":
+      return !itemValue.includes(filter.value);
+    case "gte":
+      return isDate(itemValue) ? new Date(String(itemValue)) >= filter.value : itemValue >= filter.value;
+    case "gt":
+      return isDate(itemValue) ? new Date(String(itemValue)) > filter.value : itemValue > filter.value;
+    case "lte":
+      return isDate(itemValue) ? new Date(String(itemValue)) <= filter.value : itemValue <= filter.value;
+    case "lt":
+      return isDate(itemValue) ? new Date(String(itemValue)) < filter.value : itemValue < filter.value;
   }
-  const cookieToSet = { ...options, sameSite };
-  delete cookieToSet.encode;
-  return {
-    name,
-    value,
-    ...cookieToSet
-  };
 }
-function hasSameProperties(a, b) {
-  const aProps = Object.getOwnPropertyNames(a);
-  const bProps = Object.getOwnPropertyNames(b);
-  if (aProps.length !== bProps.length) {
-    return false;
-  }
-  for (let i = 0; i < aProps.length; i++) {
-    const propName = aProps[i];
-    if (a[propName] !== b[propName]) {
-      return false;
-    }
-  }
-  return true;
-}
-function areCookiesEqual(a, b) {
-  let sameSiteSame = a.sameSite === b.sameSite;
-  if (typeof a.sameSite === "string" && typeof b.sameSite === "string") {
-    sameSiteSame = a.sameSite.toLowerCase() === b.sameSite.toLowerCase();
+function createFilter(filters) {
+  function apply(item) {
+    const satisfiedFilters = filters.reduce((acc, filter) => {
+      if (compareFilter(item, filter)) acc += 1;
+      return acc;
+    }, 0);
+    return satisfiedFilters === filters.length;
   }
-  return hasSameProperties(
-    { ...a, sameSite: void 0 },
-    { ...b, sameSite: void 0 }
-  ) && sameSiteSame;
+  return {
+    apply
+  };
 }
 
-// packages/nookies/index.ts
-function parseCookies(ctx, options) {
-  if (ctx?.req?.headers?.cookie) {
-    return cookie.parse(ctx.req.headers.cookie, options);
-  }
-  if (isBrowser()) {
-    return cookie.parse(document.cookie, options);
-  }
-  return {};
-}
-function setCookie(ctx, name, value, options = {}) {
-  if (ctx?.res?.getHeader && ctx.res.setHeader) {
-    if (ctx?.res?.finished) {
-      console.warn(`Not setting "${name}" cookie. Response has finished.`);
-      console.warn(`You should set cookie before res.send()`);
-      return {};
-    }
-    let cookies = ctx.res.getHeader("Set-Cookie") || [];
-    if (typeof cookies === "string") cookies = [cookies];
-    if (typeof cookies === "number") cookies = [];
-    const parsedCookies = setCookieParser.parse(cookies, {
-      decodeValues: false
-    });
-    const newCookie = createCookie(name, value, options);
-    let cookiesToSet = [];
-    parsedCookies.forEach((parsedCookie) => {
-      if (!areCookiesEqual(parsedCookie, newCookie)) {
-        const serializedCookie = cookie.serialize(
-          parsedCookie.name,
-          parsedCookie.value,
-          {
-            // we prevent reencoding by default, but you might override it
-            encode: (val) => val,
-            ...parsedCookie
-          }
-        );
-        cookiesToSet.push(serializedCookie);
+// src/helpers/sortHelper.ts
+function SortHelper(...fields) {
+  return (a, b) => {
+    for (const field of fields) {
+      let direction = 1;
+      let key = field;
+      if (field.startsWith("-")) {
+        direction = -1;
+        key = field.slice(1);
       }
-    });
-    cookiesToSet.push(cookie.serialize(name, value, options));
-    ctx.res.setHeader("Set-Cookie", cookiesToSet);
-  }
-  if (isBrowser()) {
-    if (options && options.httpOnly) {
-      throw new Error("Can not set a httpOnly cookie in the browser.");
+      const aVal = a[key];
+      const bVal = b[key];
+      if (aVal > bVal) return direction;
+      if (aVal < bVal) return -direction;
     }
-    document.cookie = cookie.serialize(name, value, options);
-  }
-  return {};
-}
-function destroyCookie(ctx, name, options) {
-  return setCookie(ctx, name, "", { ...options || {}, maxAge: -1 });
+    return 0;
+  };
 }
-var nookies = {
-  set: setCookie,
-  get: parseCookies,
-  destroy: destroyCookie
-};
 
-// src/helpers/authHelper.ts
-function decodeSessionToken({
-  req,
-  res,
-  sessionTokenName,
-  validate
+// src/hooks/useGrid.ts
+function useGrid({
+  columns,
+  filters,
+  search,
+  rowsPerPageOptions = [30, 60, 100],
+  defaultData: externalDefaultData,
+  defaultCurrentPage,
+  defaultSortedBy
 }) {
-  const token = req.headers.authorization?.split(" ")[1] || req.cookies[sessionTokenName];
-  if (!token) {
-    res.status(401).json({ error: "Token inv\xE1lido", code: "token.invalid" });
-    return true;
-  }
-  const jwtDecode = (token2) => {
-    if (validate) {
-      return jwt.verify(token2, process.env.JWT_SECRET);
+  const [defaultData, setDefaultData] = useState8(externalDefaultData || []);
+  const [sortedBy, setSortedBy] = useState8(
+    defaultSortedBy || []
+  );
+  const [currentPage, setCurrentPage] = useState8(defaultCurrentPage || 0);
+  const [rowsPerPage, setRowsPerPage] = useState8(rowsPerPageOptions[0]);
+  const toggleSortedDirection = useCallback4(
+    (direction) => {
+      if (direction === "asc") return "desc";
+      return "asc";
+    },
+    []
+  );
+  const clearSort = useCallback4(() => {
+    setSortedBy([]);
+  }, []);
+  const appendSort = useCallback4((prop, direction) => {
+    setSortedBy((prev) => [...prev, { prop, direction }]);
+  }, []);
+  const setSort = useCallback4((prop, direction) => {
+    setSortedBy([{ prop, direction }]);
+  }, []);
+  const onSortBy = useCallback4(
+    (prop) => {
+      if (!prop) return;
+      const currentSorted = sortedBy.find((p) => p.prop === prop);
+      if (currentSorted) {
+        if (currentSorted.direction === "asc") {
+          setSortedBy((prev) => prev.filter((p) => p.prop !== prop));
+        } else {
+          setSortedBy((prev) => {
+            const newArr = prev.map((p) => {
+              if (p.prop !== prop) return p;
+              return {
+                prop: p.prop,
+                direction: toggleSortedDirection(p.direction)
+              };
+            });
+            return [...newArr].slice(0);
+          });
+        }
+      } else {
+        setSortedBy((prev) => [...prev, { prop, direction: "desc" }]);
+      }
+    },
+    [toggleSortedDirection, sortedBy]
+  );
+  const set = useCallback4((data) => {
+    setDefaultData(data);
+  }, []);
+  const sortData = useCallback4(
+    (data) => {
+      if (sortedBy.length > 0) {
+        const symbolDir = {
+          asc: "",
+          desc: "-"
+        };
+        const formattedKeys = sortedBy.map(
+          ({ prop, direction }) => `${symbolDir[direction]}${prop}`
+        );
+        return data.sort(SortHelper(...formattedKeys));
+      } else return data;
+    },
+    [sortedBy]
+  );
+  const onPageChange = (pageNumber) => {
+    if (pageNumber < 0) return;
+    if (pageNumber > totalNumberOfPages) return;
+    setCurrentPage(pageNumber);
+  };
+  const onChangeRowsPerPage = useCallback4(
+    (rows) => {
+      let totalNumberOfPages2 = Math.round(filteredData.length / rows) - 1;
+      totalNumberOfPages2 = totalNumberOfPages2 <= 0 ? 0 : 1;
+      if (currentPage > totalNumberOfPages2) setCurrentPage(totalNumberOfPages2);
+      setRowsPerPage(rows);
+    },
+    [currentPage]
+  );
+  const orderedData = useMemo3(() => {
+    if (sortedBy.length === 0) return defaultData;
+    const newData = defaultData.slice(0);
+    const sortedData = sortData(newData);
+    return sortedData;
+  }, [defaultData, sortData, sortedBy]);
+  const filteredData = useMemo3(() => {
+    let newData = orderedData.slice(0);
+    if (search && search.value !== "") {
+      const searchBy = createSearch(search);
+      newData = newData.filter(searchBy);
     }
-    return jwt.decode(token2);
+    if (!filters) return newData;
+    const newFilter = createFilter(filters);
+    return newData.filter(newFilter.apply);
+  }, [orderedData, search, filters]);
+  const paginatedData = useMemo3(() => {
+    const startPage = currentPage * rowsPerPage;
+    const endPage = startPage + rowsPerPage;
+    return filteredData.slice(startPage, endPage);
+  }, [currentPage, rowsPerPage, filteredData]);
+  const totalNumberOfPages = Math.ceil(filteredData.length / rowsPerPage) - 1;
+  useEffect4(() => {
+    if (externalDefaultData) setDefaultData(externalDefaultData);
+  }, [externalDefaultData]);
+  return {
+    data: paginatedData,
+    orderedData,
+    filteredData,
+    defaultData,
+    sortedBy,
+    columns,
+    currentPage,
+    totalNumberOfPages: totalNumberOfPages < 0 ? 0 : totalNumberOfPages,
+    rowsPerPageOptions,
+    rowsPerPage,
+    set,
+    onSortBy,
+    onPageChange,
+    setRowsPerPage: onChangeRowsPerPage,
+    appendSort,
+    setSort,
+    clearSort
   };
-  try {
-    const decoded = jwtDecode(token);
-    req.user = decoded.sub;
-  } catch (_) {
-    res.status(401).json({ error: "Token inv\xE1lido", code: "token.expired" });
-    return true;
-  }
 }
-var AuthHelper = class {
-  constructor({
-    cookies,
-    oauth,
-    tokenExpTimeInSeconds,
-    onLogin,
-    onValidateRefreshToken,
-    onInvalidateRefreshToken,
-    onCreateRefreshToken,
-    onGetUserData
-  }) {
-    this.generateJwtAndRefreshToken = async (userId, payload = {}) => {
-      const token = jwt.sign(payload, process.env.JWT_SECRET, {
-        subject: String(userId),
-        expiresIn: this.tokenExpTimeInSeconds || 60 * 15
-        // 15 minutos
-      });
-      const uniqueToken = uuid();
-      await this.onCreateRefreshToken(userId, uniqueToken);
-      return {
-        token,
-        refreshToken: uniqueToken
-      };
-    };
-    this.invalidateCookies = (res) => {
-      return res.setHeader("Set-Cookie", [
-        serialize2(this.cookies.sessionToken, "", {
-          maxAge: -1,
-          path: "/"
-        }),
-        serialize2(this.cookies.refreshToken, "", {
-          maxAge: -1,
-          path: "/"
-        })
-      ]);
-    };
-    this.cookies = cookies;
-    this.oauth = oauth;
-    this.tokenExpTimeInSeconds = tokenExpTimeInSeconds;
-    this.onLogin = onLogin;
-    this.onValidateRefreshToken = onValidateRefreshToken;
-    this.onInvalidateRefreshToken = onInvalidateRefreshToken;
-    this.onCreateRefreshToken = onCreateRefreshToken;
-    this.onGetUserData = onGetUserData;
-  }
-  async handler(req, res) {
-    if (!req.url) return res.status(400).json({ error: "url not sent" });
-    if (req.url.endsWith("/login")) {
-      const loginResult = await this.onLogin(req.body);
-      if (loginResult.status === "sucess") {
-        const { refreshToken, token } = await this.generateJwtAndRefreshToken(
-          loginResult.userId,
-          {}
-        );
-        setCookie({ res }, this.cookies.sessionToken, token, {
-          secure: true,
-          maxAge: 60 * 60 * 24 * 30,
-          // 30 days
-          path: "/",
-          sameSite: true
-        });
-        setCookie({ res }, this.cookies.refreshToken, refreshToken, {
-          secure: true,
-          maxAge: 60 * 60 * 24 * 30,
-          // 30 days
-          path: "/",
-          sameSite: true,
-          httpOnly: true
-        });
-        return res.json({ token, refreshToken });
-      }
-      throw new HttpError(400, loginResult.response);
-    }
-    if (req.url.endsWith("/logout")) {
-      this.invalidateCookies(res).end();
-    }
-    if (req.url.endsWith("/refresh")) {
-      const error = decodeSessionToken({
-        req,
-        res,
-        sessionTokenName: this.cookies.sessionToken,
-        validate: false
-      });
-      if (error) return;
-      const userId = String(req.user);
-      const refreshToken = parseCookies({ req })[this.cookies.refreshToken];
-      if (!refreshToken) {
-        this.invalidateCookies(res);
-        return res.status(400).json({
-          error: "Refresh Token inv\xE1lido"
-        });
-      }
-      const isValidRefreshToken = await this.onValidateRefreshToken(
-        userId,
-        refreshToken
-      );
-      if (!isValidRefreshToken) {
-        this.invalidateCookies(res);
-        return res.status(400).json({
-          error: "Refresh Token inv\xE1lido"
-        });
-      }
-      await this.onInvalidateRefreshToken(userId, refreshToken);
-      const { token, refreshToken: newRefreshToken } = await this.generateJwtAndRefreshToken(userId, {});
-      setCookie({ res }, this.cookies.sessionToken, token, {
-        secure: true,
-        maxAge: 60 * 60 * 24 * 30,
-        // 30 days
-        path: "/",
-        sameSite: true
-      });
-      setCookie({ res }, this.cookies.refreshToken, newRefreshToken, {
-        secure: true,
-        maxAge: 60 * 60 * 24 * 30,
-        // 30 days
-        path: "/",
-        sameSite: true,
-        httpOnly: true
-      });
-      return res.json({
-        token,
-        refreshToken: newRefreshToken
-      });
-    }
-    if (req.url.endsWith("/me")) {
-      const error = decodeSessionToken({
-        req,
-        res,
-        sessionTokenName: this.cookies.sessionToken,
-        validate: true
-      });
-      if (error) return;
-      if (!req.user)
-        return res.status(400).json({ error: "Usu\xE1rio n\xE3o encontrado" });
-      const userData = await this.onGetUserData(req.user);
-      if (!userData)
-        return res.status(400).json({ error: "Usu\xE1rio n\xE3o encontrado" });
-      return res.json(userData);
-    }
-    if (req.url.endsWith("/oauth-url") && this.oauth) {
-      const params = {
-        client_id: this.oauth.client_id,
-        redirect_uri: this.oauth.redirect_uri,
-        scope: this.oauth.scope,
-        response_type: "code",
-        response_mode: "query"
-      };
-      const url = `https://login.microsoftonline.com/${this.oauth.tenant_id}/oauth2/v2.0/authorize?${new URLSearchParams(params)}`;
-      return res.json({
-        url
-      });
-    }
-    return res.status(404).json({ error: "Route not found" });
-  }
-  async oauthSignInCallback(code) {
-    if (!this.oauth) throw new Error("OAUTH variables is not defined");
-    const body = {
-      client_id: this.oauth.client_id,
-      scope: this.oauth.scope,
-      code,
-      session_state: this.oauth.client_id,
-      redirect_uri: this.oauth.redirect_uri,
-      grant_type: "authorization_code",
-      client_secret: this.oauth.client_secret
-    };
-    const response = await fetch(
-      `https://login.microsoftonline.com/${this.oauth.tenant_id}/oauth2/v2.0/token`,
-      {
-        method: "POST",
-        body: new URLSearchParams(body),
-        headers: { "Content-Type": "application/x-www-form-urlencoded" }
-      }
-    );
-    const data = await response.json();
-    const decodedToken = jwt.decode(data.access_token);
-    const email = decodedToken.upn;
-    const fullName = `${decodedToken?.given_name} ${decodedToken?.family_name}`;
-    return { decodedToken, email, fullName };
-  }
-  createOauthCallbackGetServerSideProps({
-    onSuccessDestination,
-    onFailedDestination
-  }) {
-    return async (ctx) => {
-      if (!this.oauth) throw new Error("Oauth env variables are not defined");
-      const code = ctx.query.code;
-      if (!code)
-        return {
-          redirect: {
-            permanent: false,
-            destination: onFailedDestination || "/"
-          }
-        };
-      try {
-        const { fullName, email } = await this.oauthSignInCallback(code);
-        const userExists = await this.onGetUserData(email);
-        if (!userExists && !this.oauth.onCreateUser)
-          throw new Error("User does not exists");
-        if (!userExists && this.oauth.onCreateUser) {
-          await this.oauth.onCreateUser({ fullname: fullName, email });
-        }
-        const { token, refreshToken } = await this.generateJwtAndRefreshToken(
-          email,
-          {}
-        );
-        setCookie(ctx, this.cookies.sessionToken, token, {
-          secure: true,
-          maxAge: 60 * 60 * 24 * 30,
-          // 30 days
-          path: "/"
-        });
-        setCookie(ctx, this.cookies.refreshToken, refreshToken, {
-          secure: true,
-          maxAge: 60 * 60 * 24 * 30,
-          // 30 days
-          path: "/",
-          httpOnly: true
-        });
-        return {
-          redirect: {
-            destination: onSuccessDestination,
-            permanent: false
-          }
-        };
-      } catch (error) {
-        return {
-          props: {
-            error: JSON.stringify(error)
-          }
-        };
-      }
-    };
-  }
+var isNumberOrString = (value) => ["number", "string"].includes(typeof value);
+var concatenateKey = (key, prev) => {
+  if (!prev) return key;
+  return `${prev}.${key}`;
 };
-
-// src/hooks/useGrid.ts
-import { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo3, useState as useState9 } from "react";
-
-// src/hooks/useFilter.ts
-import moment2 from "moment";
-import { useCallback as useCallback5, useState as useState8 } from "react";
-
-// src/components/utils/getObjectValue.ts
-function getObjectValue(obj) {
-  return (prop) => {
-    try {
-      return prop.split(".").reduce((o, k) => o[k], obj);
-    } catch (_) {
-      return void 0;
+function searchKeysForValue(row, accKey, compare) {
+  if (typeof row === "undefined") return false;
+  const rowKeys = Object.keys(row);
+  let match = false;
+  for (const key of rowKeys) {
+    if (match) break;
+    const objValue = row[key];
+    if (!objValue) continue;
+    const concatenatedKey = concatenateKey(key, accKey);
+    if (Array.isArray(objValue)) {
+      match = objValue.some(
+        (obj) => isNumberOrString(obj) ? compare(concatenatedKey, obj) : searchKeysForValue(obj, concatenatedKey, compare)
+      );
+      continue;
     }
-  };
-}
-
-// src/hooks/useFilter.ts
-function useFilter(props = { defaultFilters: [] }) {
-  const [selectedFilters, setSelectedFilters] = useState8(() => {
-    const { defaultFilters } = props;
-    return defaultFilters || [];
-  });
-  const filterBy = useCallback5((newFilter) => {
-    const propToCompare = newFilter?.id ? "id" : "prop";
-    function removeRepeatedFilters(filter) {
-      return filter[propToCompare] !== newFilter[propToCompare];
+    if (typeof objValue === "object") {
+      match = searchKeysForValue(objValue, concatenatedKey, compare);
+      continue;
     }
-    setSelectedFilters((filters) => [
-      ...filters.filter(removeRepeatedFilters),
-      newFilter
-    ]);
-  }, []);
-  const removeFilter = useCallback5(
-    (prop, isId) => {
-      const propToCompare = isId ? "id" : "prop";
-      setSelectedFilters(
-        selectedFilters.filter((filter) => filter[propToCompare] !== prop)
-      );
-    },
-    [selectedFilters]
-  );
-  function clearAllFilters() {
-    setSelectedFilters([]);
-  }
-  return {
-    filters: selectedFilters,
-    filterBy,
-    removeFilter,
-    createFilter,
-    clearAllFilters
-  };
-}
-function isDate(date) {
-  if (date instanceof Date) return true;
-  else if (String(date).endsWith("Z")) return true;
-  return false;
-}
-function compareFilter(item, filter) {
-  const itemValue = getObjectValue(item)(filter.prop);
-  switch (filter.compareType) {
-    case "equal":
-      return itemValue === filter.value;
-    case "notEqual":
-      return itemValue !== filter.value;
-    case "in":
-      return filter.value.includes(itemValue);
-    case "notIn":
-      return !filter.value.includes(itemValue);
-    case "valueIn":
-      return itemValue.includes(filter.value);
-    case "valueNotIn":
-      return !itemValue.includes(filter.value);
-    case "gte":
-      return isDate(itemValue) ? moment2(String(itemValue)).isSameOrAfter(filter.value) : itemValue >= filter.value;
-    case "gt":
-      return isDate(itemValue) ? moment2(String(itemValue)).isAfter(filter.value) : itemValue > filter.value;
-    case "lte":
-      return isDate(itemValue) ? moment2(String(itemValue)).isSameOrBefore(filter.value) : itemValue <= filter.value;
-    case "lt":
-      return isDate(itemValue) ? moment2(String(itemValue)).isBefore(filter.value) : itemValue < filter.value;
+    match = compare(concatenatedKey, row[key]);
   }
+  return match;
 }
-function createFilter(filters) {
-  function apply(item) {
-    const satisfiedFilters = filters.reduce((acc, filter) => {
-      if (compareFilter(item, filter)) acc += 1;
-      return acc;
-    }, 0);
-    return satisfiedFilters === filters.length;
+var normalize = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+function createSearch(options) {
+  const searchValue = options.caseSensitive ? options.value : String(options.value).toLowerCase();
+  function getValue2(value) {
+    if (options.caseSensitive) return String(value);
+    return String(value).toLowerCase();
   }
-  return {
-    apply
-  };
-}
-
-// src/helpers/sortHelper.ts
-function SortHelper(...fields) {
-  return (a, b) => {
-    for (const field of fields) {
-      let direction = 1;
-      let key = field;
-      if (field.startsWith("-")) {
-        direction = -1;
-        key = field.slice(1);
-      }
-      const aVal = a[key];
-      const bVal = b[key];
-      if (aVal > bVal) return direction;
-      if (aVal < bVal) return -direction;
+  function compare(key, objValue) {
+    if (options.ignoredKeys) {
+      const isIgnoredKey = options.ignoredKeys.includes(key);
+      if (isIgnoredKey) return false;
     }
-    return 0;
+    const value = getValue2(objValue);
+    if (options.exact) return value === searchValue;
+    if (options.ignoreAccentMark) return normalize(value).includes(normalize(searchValue));
+    return value.includes(searchValue);
+  }
+  return (row) => {
+    const match = searchKeysForValue(row, "", compare);
+    return match;
   };
 }
 
-// src/hooks/useGrid.ts
-function useGrid({
+// src/hooks/useAsyncGrid.ts
+import { useCallback as useCallback5, useEffect as useEffect5, useState as useState9 } from "react";
+function useAsyncGrid({
   columns,
-  filters,
+  filters = [],
   search,
   rowsPerPageOptions = [30, 60, 100],
+  onRequest,
+  httpClient,
+  url,
   defaultData: externalDefaultData,
   defaultCurrentPage,
   defaultSortedBy
 }) {
   const [defaultData, setDefaultData] = useState9(externalDefaultData || []);
-  const [sortedBy, setSortedBy] = useState9(
-    defaultSortedBy || []
-  );
+  const [sortedBy, setSortedBy] = useState9(defaultSortedBy || []);
+  const [totalNumberOfItems, setTotalNumberOfItems] = useState9(0);
+  const [isLoading, setIsLoading] = useState9(false);
   const [currentPage, setCurrentPage] = useState9(defaultCurrentPage || 0);
   const [rowsPerPage, setRowsPerPage] = useState9(rowsPerPageOptions[0]);
-  const toggleSortedDirection = useCallback6(
-    (direction) => {
-      if (direction === "asc") return "desc";
-      return "asc";
-    },
-    []
-  );
-  const clearSort = useCallback6(() => {
-    setSortedBy([]);
+  const totalNumberOfPages = Math.ceil(totalNumberOfItems / rowsPerPage) - 1;
+  const toggleSortedDirection = useCallback5((direction) => {
+    if (direction === "asc") return "desc";
+    return "asc";
   }, []);
-  const appendSort = useCallback6((prop, direction) => {
+  const setSort = useCallback5((prop, direction) => {
     setSortedBy((prev) => [...prev, { prop, direction }]);
   }, []);
-  const setSort = useCallback6((prop, direction) => {
-    setSortedBy([{ prop, direction }]);
-  }, []);
-  const onSortBy = useCallback6(
-    (prop) => {
+  const onSortBy = useCallback5(
+    async (prop) => {
       if (!prop) return;
+      let finalArr = [];
       const currentSorted = sortedBy.find((p) => p.prop === prop);
       if (currentSorted) {
         if (currentSorted.direction === "asc") {
-          setSortedBy((prev) => prev.filter((p) => p.prop !== prop));
+          finalArr = sortedBy.filter((p) => p.prop !== prop);
         } else {
-          setSortedBy((prev) => {
-            const newArr = prev.map((p) => {
-              if (p.prop !== prop) return p;
-              return {
-                prop: p.prop,
-                direction: toggleSortedDirection(p.direction)
-              };
-            });
-            return [...newArr].slice(0);
+          finalArr = sortedBy.map((p) => {
+            if (p.prop !== prop) return p;
+            return {
+              prop: p.prop,
+              direction: toggleSortedDirection(p.direction)
+            };
           });
         }
       } else {
-        setSortedBy((prev) => [...prev, { prop, direction: "desc" }]);
+        finalArr = [...sortedBy, { prop, direction: "desc" }];
       }
+      await updateGridContent({
+        page: currentPage,
+        sortedBy: finalArr,
+        rowsPerPage
+      });
     },
-    [toggleSortedDirection, sortedBy]
+    [sortedBy, toggleSortedDirection, rowsPerPage, currentPage]
   );
-  const set = useCallback6((data) => {
+  const set = useCallback5((data) => {
     setDefaultData(data);
   }, []);
-  const sortData = useCallback6(
-    (data) => {
-      if (sortedBy.length > 0) {
-        const symbolDir = {
-          asc: "",
-          desc: "-"
-        };
-        const formattedKeys = sortedBy.map(
-          ({ prop, direction }) => `${symbolDir[direction]}${prop}`
+  const baseRequest = useCallback5(
+    async ({ page, search: search2, filters: filters2, sortedBy: sortedBy2, rowsPerPage: rowsPerPage2 }) => {
+      if (!httpClient) throw new Error("HttpClient instance not provided");
+      try {
+        const params = new URLSearchParams({
+          page: String(page),
+          rowsPerPage: String(rowsPerPage2),
+          searchText: search2?.value || "",
+          sort: sortedBy2.map(({ prop, direction }) => `${prop}:${direction}`).join(","),
+          filters: filters2.map((filter) => `${filter.prop}:${filter.compareType}:${filter.value}`).join(",")
+        });
+        const pathWithParams = `${url}?${params.toString()}`;
+        const { data } = await httpClient.get(
+          pathWithParams
         );
-        return data.sort(SortHelper(...formattedKeys));
-      } else return data;
+        setTotalNumberOfItems(data.totalNumberOfItems);
+        return data.rows;
+      } catch (_) {
+        return [];
+      }
     },
-    [sortedBy]
+    [httpClient, url]
   );
-  const onPageChange = (pageNumber) => {
-    if (pageNumber < 0) return;
-    if (pageNumber > totalNumberOfPages) return;
-    setCurrentPage(pageNumber);
-  };
-  const onChangeRowsPerPage = useCallback6(
-    (rows) => {
-      let totalNumberOfPages2 = Math.round(filteredData.length / rows) - 1;
-      totalNumberOfPages2 = totalNumberOfPages2 <= 0 ? 0 : 1;
-      if (currentPage > totalNumberOfPages2) setCurrentPage(totalNumberOfPages2);
-      setRowsPerPage(rows);
+  const updateGridContent = useCallback5(
+    async ({
+      page,
+      sortedBy: sortedBy2,
+      rowsPerPage: rowsPerPage2
+    }) => {
+      setIsLoading(true);
+      try {
+        const props = {
+          page,
+          rowsPerPage: rowsPerPage2,
+          sortedBy: sortedBy2,
+          search,
+          filters
+        };
+        const result = !onRequest ? await baseRequest(props) : await onRequest(props);
+        setSortedBy(sortedBy2);
+        setRowsPerPage(rowsPerPage2);
+        set(result);
+        setCurrentPage(page);
+      } finally {
+        setIsLoading(false);
+      }
     },
-    [currentPage]
+    [set, search, filters, onRequest, baseRequest]
   );
-  const orderedData = useMemo3(() => {
-    if (sortedBy.length === 0) return defaultData;
-    const newData = defaultData.slice(0);
-    const sortedData = sortData(newData);
-    return sortedData;
-  }, [defaultData, sortData, sortedBy]);
-  const filteredData = useMemo3(() => {
-    let newData = orderedData.slice(0);
-    if (search && search.value !== "") {
-      const searchBy = createSearch(search);
-      newData = newData.filter(searchBy);
-    }
-    if (!filters) return newData;
-    const newFilter = createFilter(filters);
-    return newData.filter(newFilter.apply);
-  }, [orderedData, search, filters]);
-  const paginatedData = useMemo3(() => {
-    const startPage = currentPage * rowsPerPage;
-    const endPage = startPage + rowsPerPage;
-    return filteredData.slice(startPage, endPage);
-  }, [currentPage, rowsPerPage, filteredData]);
-  const totalNumberOfPages = Math.ceil(filteredData.length / rowsPerPage) - 1;
+  const onPageChange = useCallback5(
+    (pageNumber) => {
+      if (pageNumber < 0) return;
+      if (pageNumber > totalNumberOfPages) return;
+      updateGridContent({ page: pageNumber, sortedBy, rowsPerPage });
+    },
+    [updateGridContent, totalNumberOfPages, sortedBy, rowsPerPage]
+  );
+  const onChangeRowsPerPage = useCallback5(
+    (rows) => {
+      let totalNumberOfPages2 = Math.round(totalNumberOfItems / rows) - 1;
+      totalNumberOfPages2 = totalNumberOfPages2 <= 0 ? 0 : 1;
+      if (currentPage > totalNumberOfPages2)
+        updateGridContent({
+          page: totalNumberOfPages2,
+          sortedBy,
+          rowsPerPage: rows
+        });
+      updateGridContent({
+        page: currentPage,
+        sortedBy,
+        rowsPerPage: rows
+      });
+    },
+    [updateGridContent, totalNumberOfItems, sortedBy, currentPage]
+  );
+  const displayData = defaultData;
   useEffect5(() => {
-    if (externalDefaultData) setDefaultData(externalDefaultData);
-  }, [externalDefaultData]);
+    updateGridContent({ page: 0, sortedBy: [], rowsPerPage });
+  }, [updateGridContent, rowsPerPage]);
   return {
-    data: paginatedData,
-    orderedData,
-    filteredData,
-    defaultData,
+    data: displayData,
+    set,
+    onSortBy,
     sortedBy,
+    defaultData,
     columns,
     currentPage,
     totalNumberOfPages: totalNumberOfPages < 0 ? 0 : totalNumberOfPages,
-    rowsPerPageOptions,
-    rowsPerPage,
-    set,
-    onSortBy,
     onPageChange,
     setRowsPerPage: onChangeRowsPerPage,
-    appendSort,
+    rowsPerPageOptions,
+    rowsPerPage,
     setSort,
-    clearSort
+    isLoading,
+    setIsLoading
   };
 }
-var isNumberOrString = (value) => ["number", "string"].includes(typeof value);
-var concatenateKey = (key, prev) => {
-  if (!prev) return key;
-  return `${prev}.${key}`;
+
+// src/hooks/useEvent.ts
+import { useEffect as useEffect6 } from "react";
+function useEvent(event, handler, passive = false) {
+  useEffect6(() => {
+    window.addEventListener(event, handler, passive);
+    return function cleanup() {
+      window.removeEventListener(event, handler);
+    };
+  });
+}
+
+// src/hooks/useLoading.ts
+import { useCallback as useCallback6, useState as useState10 } from "react";
+function useLoading() {
+  const [state, setState] = useState10([]);
+  const isLoading = useCallback6((prop) => state.includes(prop), [state]);
+  const setLoading = useCallback6((prop, remove) => {
+    if (remove)
+      setState((prevState) => prevState.filter((state2) => state2 !== prop));
+    else setState((prevState) => [...prevState, prop]);
+  }, []);
+  return { isLoading, setLoading };
+}
+
+// src/hooks/useAlert.ts
+import { useContext as useContext3 } from "react";
+var useAlert = () => {
+  return useContext3(AlertContext);
 };
-function searchKeysForValue(row, accKey, compare) {
-  if (typeof row === "undefined") return false;
-  const rowKeys = Object.keys(row);
-  let match = false;
-  for (const key of rowKeys) {
-    if (match) break;
-    const objValue = row[key];
-    if (!objValue) continue;
-    const concatenatedKey = concatenateKey(key, accKey);
-    if (Array.isArray(objValue)) {
-      match = objValue.some(
-        (obj) => isNumberOrString(obj) ? compare(concatenatedKey, obj) : searchKeysForValue(obj, concatenatedKey, compare)
-      );
-      continue;
+
+// src/hooks/useFormHelper.ts
+import { useCallback as useCallback7, useContext as useContext4, useEffect as useEffect7 } from "react";
+function useFormHelper() {
+  const alertProps = useAlert();
+  const loadingProps = useLoading();
+  const { api, formatErrorMessage } = useContext4(FormHelperContext);
+  const { createAlert } = alertProps;
+  const { setLoading } = loadingProps;
+  const onSubmitWrapper = useCallback7(
+    (fn, { name }) => {
+      return async (fields, methods) => {
+        const LOADING_NAME = name;
+        setLoading(LOADING_NAME);
+        try {
+          await fn(fields, methods);
+        } catch (error) {
+          errorHandler(error, methods.setErrors);
+        } finally {
+          setLoading(LOADING_NAME, true);
+        }
+      };
+    },
+    [setLoading]
+  );
+  const onRequestWrapper = useCallback7(
+    (fn, { name }) => {
+      return async (...params) => {
+        const LOADING_NAME = name;
+        setLoading(LOADING_NAME);
+        try {
+          const response = await fn(...params);
+          return response;
+        } catch (error) {
+          errorHandler(error);
+        } finally {
+          setLoading(LOADING_NAME, true);
+        }
+      };
+    },
+    [setLoading]
+  );
+  const errorHandler = useCallback7(
+    (error, callback) => {
+      if (error?.message === "cancel.navigation") return;
+      if (callback) {
+        if (error.response.data.code === "invalid.body") {
+          const errors = error.response.data.details.issues;
+          const currentErrors = errors.reduce((acc, item) => {
+            acc[item.path.join(".")] = item.message;
+            return acc;
+          }, {});
+          callback(currentErrors);
+        }
+      }
+      createAlert(formatErrorMessage(error), "error");
+    },
+    [formatErrorMessage, createAlert]
+  );
+  useEffect7(() => {
+    return () => {
+      api.abort();
+    };
+  }, [api]);
+  return {
+    ...alertProps,
+    ...loadingProps,
+    onSubmitWrapper,
+    onRequestWrapper
+  };
+}
+
+// src/contexts/AuthContext.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function createAuthContext() {
+  return createContext5({});
+}
+function CreateAuthProvider({
+  api,
+  children,
+  sessionTokenName,
+  Provider
+}) {
+  const [user, setUser] = useState11();
+  const [status, setStatus] = useState11("unauthenticated");
+  const { createAlert } = useAlert();
+  const signIn = useCallback8(
+    async ({ email, password }) => {
+      setStatus("loading");
+      try {
+        const response = await api.post("/auth/login", {
+          email,
+          password
+        });
+        const { token } = response.data;
+        api.setHeader("Authorization", `Bearer ${token}`);
+        const { data } = await api.get("/auth/me");
+        setUser(data);
+        setStatus("autenticated");
+        return true;
+      } catch (error) {
+        createAlert(error?.response?.data?.error, "error");
+        setStatus("unauthenticated");
+        throw error;
+      }
+    },
+    [createAlert, api]
+  );
+  const ClientSignOut = useCallback8(async () => {
+    await api.get("/auth/logout");
+    setUser(void 0);
+  }, [api]);
+  useEffect8(() => {
+    const token = parseCookies()[sessionTokenName];
+    if (token) {
+      setStatus("loading");
+      api.get("/auth/me").then((response) => {
+        setStatus("autenticated");
+        setUser(response.data);
+      }).catch(() => {
+        setStatus("unauthenticated");
+      });
     }
-    if (typeof objValue === "object") {
-      match = searchKeysForValue(objValue, concatenatedKey, compare);
-      continue;
+  }, [api, sessionTokenName]);
+  return /* @__PURE__ */ jsx30(
+    Provider,
+    {
+      value: {
+        user,
+        signOut: ClientSignOut,
+        signIn,
+        status
+      },
+      children
     }
-    match = compare(concatenatedKey, row[key]);
+  );
+}
+
+// src/errors/HttpError.ts
+var HttpError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.message = message;
+    this.stack = `HttpError: ${message}`;
+    this.status = status;
+  }
+};
+
+// src/errors/DomainError.ts
+var DomainError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.message = message;
+    this.stack = `DomainError: ${message}`;
+  }
+};
+
+// src/helpers/apiHelper/index.ts
+var VALID_METHODS = [
+  "GET",
+  "HEAD",
+  "POST",
+  "PUT",
+  "DELETE",
+  "CONNECT",
+  "OPTIONS",
+  "TRACE",
+  "PATCH"
+];
+var _ApiHelper = class _ApiHelper {
+  async onFinally(_req, _res) {
+  }
+  async onError(_req, _res, _error) {
+  }
+  constructor(props) {
+    this.public = props?.public ?? false;
+    this.middlewares = (props?.middlewares || []).reverse();
+    this.onFinally = props?.onFinally || (async () => {
+    });
+    this.onError = props?.onError || (async () => {
+    });
+  }
+  createMethods(methods) {
+    return async (req, res) => {
+      const currentMethod = methods[req.method] || methods.ALL;
+      const options = { public: this.public };
+      if (req.method === "OPTIONS") return res.status(200).end();
+      try {
+        if (!VALID_METHODS.includes(req.method))
+          throw new HttpError(405, "M\xE9todo inv\xE1lido");
+        if (!currentMethod) throw new HttpError(500, "M\xE9todo n\xE3o encontrado");
+        const methodWithMiddlewares = this.middlewares.reduce(
+          (acc, fn) => fn(acc, options),
+          currentMethod
+        );
+        return await methodWithMiddlewares(req, res, options);
+      } catch (error) {
+        if (error instanceof DomainError) return res.status(400).json(error.message);
+        if (error instanceof HttpError) return res.status(error.status).json(error.message);
+        this.onError(req, res, error);
+        throw error;
+      } finally {
+        await this.onFinally(req, res);
+      }
+    };
   }
-  return match;
-}
-var normalize = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-function createSearch(options) {
-  const searchValue = options.caseSensitive ? options.value : String(options.value).toLowerCase();
-  function getValue2(value) {
-    if (options.caseSensitive) return String(value);
-    return String(value).toLowerCase();
+  buildFactory(factory) {
+    const options = { public: this.public };
+    return async (req, res) => {
+      const methods = factory(req, res);
+      const handler = methods[req.method];
+      const methodWithMiddlewares = this.middlewares.reduce((acc, fn) => fn(acc, options), handler);
+      return await methodWithMiddlewares(req, res, options);
+    };
   }
-  function compare(key, objValue) {
-    if (options.ignoredKeys) {
-      const isIgnoredKey = options.ignoredKeys.includes(key);
-      if (isIgnoredKey) return false;
+  static build(factory, options) {
+    return new _ApiHelper({ ...options }).buildFactory(factory);
+  }
+  static parse(body, parser) {
+    try {
+      const object = parser.parse(body);
+      return object;
+    } catch (error) {
+      throw new HttpError(400, {
+        code: "invalid.body",
+        error: "Dados inv\xE1lidos",
+        details: error
+      });
     }
-    const value = getValue2(objValue);
-    if (options.exact) return value === searchValue;
-    if (options.ignoreAccentMark) return normalize(value).includes(normalize(searchValue));
-    return value.includes(searchValue);
   }
-  return (row) => {
-    const match = searchKeysForValue(row, "", compare);
-    return match;
-  };
-}
+  /** @deprecated Use {@Link ApiHelper.build} instead. */
+  static create({ onFinally }) {
+    return new _ApiHelper({
+      onFinally
+    });
+  }
+};
+/** @deprecated Use {@link ApiHelper.parser} instead. */
+_ApiHelper.parserErrorWrapper = _ApiHelper.parse;
+var ApiHelper = _ApiHelper;
 
-// src/hooks/useAsyncGrid.ts
-import { useCallback as useCallback7, useEffect as useEffect6, useState as useState10 } from "react";
-function useAsyncGrid({
-  columns,
-  filters = [],
-  search,
-  rowsPerPageOptions = [30, 60, 100],
-  onRequest,
-  axiosInstance,
-  url,
-  defaultData: externalDefaultData,
-  defaultCurrentPage,
-  defaultSortedBy
+// src/helpers/authHelper.ts
+import { randomUUID } from "crypto";
+import { serialize as serialize2 } from "cookie";
+import jwt from "jsonwebtoken";
+function decodeSessionToken({
+  req,
+  res,
+  sessionTokenName,
+  validate
 }) {
-  const [defaultData, setDefaultData] = useState10(externalDefaultData || []);
-  const [sortedBy, setSortedBy] = useState10(
-    defaultSortedBy || []
-  );
-  const [totalNumberOfItems, setTotalNumberOfItems] = useState10(0);
-  const [isLoading, setIsLoading] = useState10(false);
-  const [currentPage, setCurrentPage] = useState10(defaultCurrentPage || 0);
-  const [rowsPerPage, setRowsPerPage] = useState10(rowsPerPageOptions[0]);
-  const totalNumberOfPages = Math.ceil(totalNumberOfItems / rowsPerPage) - 1;
-  const toggleSortedDirection = useCallback7(
-    (direction) => {
-      if (direction === "asc") return "desc";
-      return "asc";
-    },
-    []
-  );
-  const setSort = useCallback7((prop, direction) => {
-    setSortedBy((prev) => [...prev, { prop, direction }]);
-  }, []);
-  const onSortBy = useCallback7(
-    async (prop) => {
-      if (!prop) return;
-      let finalArr = [];
-      const currentSorted = sortedBy.find((p) => p.prop === prop);
-      if (currentSorted) {
-        if (currentSorted.direction === "asc") {
-          finalArr = sortedBy.filter((p) => p.prop !== prop);
-        } else {
-          finalArr = sortedBy.map((p) => {
-            if (p.prop !== prop) return p;
-            return {
-              prop: p.prop,
-              direction: toggleSortedDirection(p.direction)
-            };
-          });
-        }
-      } else {
-        finalArr = [...sortedBy, { prop, direction: "desc" }];
-      }
-      await updateGridContent({
-        page: currentPage,
-        sortedBy: finalArr,
-        rowsPerPage
+  const token = req.headers.authorization?.split(" ")[1] || req.cookies[sessionTokenName];
+  if (!token) {
+    res.status(401).json({ error: "Token inv\xE1lido", code: "token.invalid" });
+    return true;
+  }
+  const jwtDecode = (token2) => {
+    if (validate) {
+      return jwt.verify(token2, process.env.JWT_SECRET);
+    }
+    return jwt.decode(token2);
+  };
+  try {
+    const decoded = jwtDecode(token);
+    req.user = decoded.sub;
+  } catch (_) {
+    res.status(401).json({ error: "Token inv\xE1lido", code: "token.expired" });
+    return true;
+  }
+}
+var AuthHelper = class {
+  constructor({
+    cookies,
+    oauth,
+    tokenExpTimeInSeconds,
+    onLogin,
+    onValidateRefreshToken,
+    onInvalidateRefreshToken,
+    onCreateRefreshToken,
+    onGetUserData
+  }) {
+    this.generateJwtAndRefreshToken = async (userId, payload = {}) => {
+      const token = jwt.sign(payload, process.env.JWT_SECRET, {
+        subject: String(userId),
+        expiresIn: this.tokenExpTimeInSeconds || 60 * 15
+        // 15 minutos
       });
-    },
-    [sortedBy, toggleSortedDirection, rowsPerPage, currentPage]
-  );
-  const set = useCallback7((data) => {
-    setDefaultData(data);
-  }, []);
-  const baseRequest = useCallback7(
-    async ({
-      page,
-      search: search2,
-      filters: filters2,
-      sortedBy: sortedBy2,
-      rowsPerPage: rowsPerPage2
-    }) => {
-      if (!axiosInstance) throw new Error("Axios instance not provided");
-      try {
-        const params = new URLSearchParams({
-          page: String(page),
-          rowsPerPage: String(rowsPerPage2),
-          searchText: search2?.value || "",
-          sort: sortedBy2.map(({ prop, direction }) => `${prop}:${direction}`).join(","),
-          filters: filters2.map(
-            (filter) => `${filter.prop}:${filter.compareType}:${filter.value}`
-          ).join(",")
+      const uniqueToken = randomUUID();
+      await this.onCreateRefreshToken(userId, uniqueToken);
+      return {
+        token,
+        refreshToken: uniqueToken
+      };
+    };
+    this.invalidateCookies = (res) => {
+      return res.setHeader("Set-Cookie", [
+        serialize2(this.cookies.sessionToken, "", {
+          maxAge: -1,
+          path: "/"
+        }),
+        serialize2(this.cookies.refreshToken, "", {
+          maxAge: -1,
+          path: "/"
+        })
+      ]);
+    };
+    this.cookies = cookies;
+    this.oauth = oauth;
+    this.tokenExpTimeInSeconds = tokenExpTimeInSeconds;
+    this.onLogin = onLogin;
+    this.onValidateRefreshToken = onValidateRefreshToken;
+    this.onInvalidateRefreshToken = onInvalidateRefreshToken;
+    this.onCreateRefreshToken = onCreateRefreshToken;
+    this.onGetUserData = onGetUserData;
+  }
+  async handler(req, res) {
+    if (!req.url) return res.status(400).json({ error: "url not sent" });
+    if (req.url.endsWith("/login")) {
+      const loginResult = await this.onLogin(req.body);
+      if (loginResult.status === "success") {
+        const { refreshToken, token } = await this.generateJwtAndRefreshToken(
+          loginResult.userId,
+          {}
+        );
+        setCookie({ res }, this.cookies.sessionToken, token, {
+          secure: true,
+          maxAge: 60 * 60 * 24 * 30,
+          // 30 days
+          path: "/",
+          sameSite: true
         });
-        const pathWithParams = `${url}?${params.toString()}`;
-        const { data } = await axiosInstance.get(pathWithParams);
-        setTotalNumberOfItems(data.totalNumberOfItems);
-        return data.rows;
-      } catch (_) {
-        return [];
+        setCookie({ res }, this.cookies.refreshToken, refreshToken, {
+          secure: true,
+          maxAge: 60 * 60 * 24 * 30,
+          // 30 days
+          path: "/",
+          sameSite: true,
+          httpOnly: true
+        });
+        return res.json({ token, refreshToken });
       }
-    },
-    [axiosInstance, url]
-  );
-  const updateGridContent = useCallback7(
-    async ({
-      page,
-      sortedBy: sortedBy2,
-      rowsPerPage: rowsPerPage2
-    }) => {
-      setIsLoading(true);
-      try {
-        const props = {
-          page,
-          rowsPerPage: rowsPerPage2,
-          sortedBy: sortedBy2,
-          search,
-          filters
-        };
-        const result = !onRequest ? await baseRequest(props) : await onRequest(props);
-        setSortedBy(sortedBy2);
-        setRowsPerPage(rowsPerPage2);
-        set(result);
-        setCurrentPage(page);
-      } finally {
-        setIsLoading(false);
+      throw new HttpError(400, loginResult.response);
+    }
+    if (req.url.endsWith("/logout")) {
+      this.invalidateCookies(res).end();
+    }
+    if (req.url.endsWith("/refresh")) {
+      const error = decodeSessionToken({
+        req,
+        res,
+        sessionTokenName: this.cookies.sessionToken,
+        validate: false
+      });
+      if (error) return;
+      const userId = String(req.user);
+      const refreshToken = parseCookies({ req })[this.cookies.refreshToken];
+      if (!refreshToken) {
+        this.invalidateCookies(res);
+        return res.status(400).json({
+          error: "Refresh Token inv\xE1lido"
+        });
       }
-    },
-    [set, search, filters, onRequest, baseRequest]
-  );
-  const onPageChange = useCallback7(
-    (pageNumber) => {
-      if (pageNumber < 0) return;
-      if (pageNumber > totalNumberOfPages) return;
-      updateGridContent({ page: pageNumber, sortedBy, rowsPerPage });
-    },
-    [updateGridContent, totalNumberOfPages, sortedBy, rowsPerPage]
-  );
-  const onChangeRowsPerPage = useCallback7(
-    (rows) => {
-      let totalNumberOfPages2 = Math.round(totalNumberOfItems / rows) - 1;
-      totalNumberOfPages2 = totalNumberOfPages2 <= 0 ? 0 : 1;
-      if (currentPage > totalNumberOfPages2)
-        updateGridContent({
-          page: totalNumberOfPages2,
-          sortedBy,
-          rowsPerPage: rows
+      const isValidRefreshToken = await this.onValidateRefreshToken(userId, refreshToken);
+      if (!isValidRefreshToken) {
+        this.invalidateCookies(res);
+        return res.status(400).json({
+          error: "Refresh Token inv\xE1lido"
         });
-      updateGridContent({
-        page: currentPage,
-        sortedBy,
-        rowsPerPage: rows
+      }
+      await this.onInvalidateRefreshToken(userId, refreshToken);
+      const { token, refreshToken: newRefreshToken } = await this.generateJwtAndRefreshToken(
+        userId,
+        {}
+      );
+      setCookie({ res }, this.cookies.sessionToken, token, {
+        secure: true,
+        maxAge: 60 * 60 * 24 * 30,
+        // 30 days
+        path: "/",
+        sameSite: true
       });
-    },
-    [updateGridContent, totalNumberOfItems, sortedBy, currentPage]
-  );
-  const displayData = defaultData;
-  useEffect6(() => {
-    updateGridContent({ page: 0, sortedBy: [], rowsPerPage });
-  }, [updateGridContent, rowsPerPage]);
-  return {
-    data: displayData,
-    set,
-    onSortBy,
-    sortedBy,
-    defaultData,
-    columns,
-    currentPage,
-    totalNumberOfPages: totalNumberOfPages < 0 ? 0 : totalNumberOfPages,
-    onPageChange,
-    setRowsPerPage: onChangeRowsPerPage,
-    rowsPerPageOptions,
-    rowsPerPage,
-    setSort,
-    isLoading,
-    setIsLoading
-  };
-}
-
-// src/hooks/useEvent.ts
-import { useEffect as useEffect7 } from "react";
-function useEvent(event, handler, passive = false) {
-  useEffect7(() => {
-    window.addEventListener(event, handler, passive);
-    return function cleanup() {
-      window.removeEventListener(event, handler);
+      setCookie({ res }, this.cookies.refreshToken, newRefreshToken, {
+        secure: true,
+        maxAge: 60 * 60 * 24 * 30,
+        // 30 days
+        path: "/",
+        sameSite: true,
+        httpOnly: true
+      });
+      return res.json({
+        token,
+        refreshToken: newRefreshToken
+      });
+    }
+    if (req.url.endsWith("/me")) {
+      const error = decodeSessionToken({
+        req,
+        res,
+        sessionTokenName: this.cookies.sessionToken,
+        validate: true
+      });
+      if (error) return;
+      if (!req.user) return res.status(400).json({ error: "Usu\xE1rio n\xE3o encontrado" });
+      const userData = await this.onGetUserData(req.user);
+      if (!userData) return res.status(400).json({ error: "Usu\xE1rio n\xE3o encontrado" });
+      return res.json(userData);
+    }
+    if (req.url.endsWith("/oauth-url") && this.oauth) {
+      const params = {
+        client_id: this.oauth.client_id,
+        redirect_uri: this.oauth.redirect_uri,
+        scope: this.oauth.scope,
+        response_type: "code",
+        response_mode: "query"
+      };
+      const url = `https://login.microsoftonline.com/${this.oauth.tenant_id}/oauth2/v2.0/authorize?${new URLSearchParams(params)}`;
+      return res.json({
+        url
+      });
+    }
+    return res.status(404).json({ error: "Route not found" });
+  }
+  async oauthSignInCallback(code) {
+    if (!this.oauth) throw new Error("OAUTH variables is not defined");
+    const body = {
+      client_id: this.oauth.client_id,
+      scope: this.oauth.scope,
+      code,
+      session_state: this.oauth.client_id,
+      redirect_uri: this.oauth.redirect_uri,
+      grant_type: "authorization_code",
+      client_secret: this.oauth.client_secret
     };
-  });
-}
-
-// src/contexts/AuthContext.tsx
-import React33, { useCallback as useCallback8 } from "react";
-import {
-  createContext as createContext5,
-  useEffect as useEffect8,
-  useState as useState11
-} from "react";
-function createAuthContext() {
-  return createContext5({});
-}
-function CreateAuthProvider({
-  api,
-  children,
-  sessionTokenName,
-  Provider
-}) {
-  const [user, setUser] = useState11();
-  const [status, setStatus] = useState11("unauthenticated");
-  const { createAlert } = useAlert();
-  const signIn = useCallback8(
-    async ({ email, password }) => {
-      setStatus("loading");
+    const response = await fetch(
+      `https://login.microsoftonline.com/${this.oauth.tenant_id}/oauth2/v2.0/token`,
+      {
+        method: "POST",
+        body: new URLSearchParams(body),
+        headers: { "Content-Type": "application/x-www-form-urlencoded" }
+      }
+    );
+    const data = await response.json();
+    const decodedToken = jwt.decode(data.access_token);
+    const email = decodedToken.upn;
+    const fullName = `${decodedToken?.given_name} ${decodedToken?.family_name}`;
+    return { decodedToken, email, fullName };
+  }
+  createOauthCallbackGetServerSideProps({
+    onSuccessDestination,
+    onFailedDestination
+  }) {
+    return async (ctx) => {
+      if (!this.oauth) throw new Error("Oauth env variables are not defined");
+      const code = ctx.query.code;
+      if (!code)
+        return {
+          redirect: {
+            permanent: false,
+            destination: onFailedDestination || "/"
+          }
+        };
       try {
-        const response = await api.post("/auth/login", {
-          email,
-          password
+        const { fullName, email } = await this.oauthSignInCallback(code);
+        const userExists = await this.onGetUserData(email);
+        if (!userExists && !this.oauth.onCreateUser) throw new Error("User does not exists");
+        if (!userExists && this.oauth.onCreateUser) {
+          await this.oauth.onCreateUser({ fullname: fullName, email });
+        }
+        const { token, refreshToken } = await this.generateJwtAndRefreshToken(email, {});
+        setCookie(ctx, this.cookies.sessionToken, token, {
+          secure: true,
+          maxAge: 60 * 60 * 24 * 30,
+          // 30 days
+          path: "/"
         });
-        const { token } = response.data;
-        api.defaults.headers.common.Authorization = `Bearer ${token}`;
-        const { data } = await api.get("/auth/me");
-        setUser(data);
-        setStatus("autenticated");
-        return true;
+        setCookie(ctx, this.cookies.refreshToken, refreshToken, {
+          secure: true,
+          maxAge: 60 * 60 * 24 * 30,
+          // 30 days
+          path: "/",
+          httpOnly: true
+        });
+        return {
+          redirect: {
+            destination: onSuccessDestination,
+            permanent: false
+          }
+        };
       } catch (error) {
-        createAlert(error?.response?.data?.error, "error");
-        setStatus("unauthenticated");
-        throw error;
-      }
-    },
-    [createAlert, api]
-  );
-  const ClientSignOut = useCallback8(async () => {
-    await api.get("/auth/logout");
-    setUser(void 0);
-  }, [api]);
-  useEffect8(() => {
-    const token = parseCookies()[sessionTokenName];
-    if (token) {
-      setStatus("loading");
-      api.get("/auth/me").then((response) => {
-        setStatus("autenticated");
-        setUser(response.data);
-      }).catch(() => {
-        setStatus("unauthenticated");
-      });
-    }
-  }, [api, sessionTokenName]);
-  return /* @__PURE__ */ React33.createElement(
-    Provider,
-    {
-      value: {
-        user,
-        signOut: ClientSignOut,
-        signIn,
-        status
+        return {
+          props: {
+            error: JSON.stringify(error)
+          }
+        };
       }
-    },
-    children
-  );
-}
+    };
+  }
+};
 export {
   AlertContext,
   AlertProvider,
@@ -5711,6 +5944,7 @@ export {
   FormHelperProvider,
   GetInputLabel,
   Grid_default as Grid,
+  HttpClientError,
   HttpError,
   Input,
   InputMask2 as InputMask,
@@ -5725,6 +5959,7 @@ export {
   UseDialogConfirm,
   createAuthContext,
   createFilter,
+  createHttpClient,
   destroyCookie,
   filterData,
   getTabProps,