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

package/dist/index.cjs

@@ -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,13 +1179,283 @@ 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 = _nullishCoalesce(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: _nullishCoalesce(reqConfig.method, () => ( "GET")),
+      headers,
+      body: reqConfig.data != null ? JSON.stringify(reqConfig.data) : void 0,
+      signal
+    });
+    if (!response.ok) {
+      const contentType = _nullishCoalesce(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 = _nullishCoalesce(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 = _nullishCoalesce(_optionalChain([auth, 'optionalAccess', _2 => _2.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 (!_optionalChain([auth, 'optionalAccess', _3 => _3.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
+var _cookie = require('cookie'); var cookie = _interopRequireWildcard(_cookie);
+var _setcookieparser = require('set-cookie-parser'); var setCookieParser = _interopRequireWildcard(_setcookieparser);
+
+// 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 (_optionalChain([ctx, 'optionalAccess', _4 => _4.req, 'optionalAccess', _5 => _5.headers, 'optionalAccess', _6 => _6.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 (_optionalChain([ctx, 'optionalAccess', _7 => _7.res, 'optionalAccess', _8 => _8.getHeader]) && ctx.res.setHeader) {
+    if (_optionalChain([ctx, 'optionalAccess', _9 => _9.res, 'optionalAccess', _10 => _10.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
 
 
 
 
 
-var _react = require('react'); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react);
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
 
 
 
@@ -1204,7 +1474,7 @@ var _material = require('@mui/material');
 
 // src/components/Grid/Header.tsx
 
-
+var _jsxruntime = require('react/jsx-runtime');
 var GridHeader = ({
   setOrder,
   setOrderBy,
@@ -1232,34 +1502,31 @@ var GridHeader = ({
         break;
     }
   }
-  return /* @__PURE__ */ React2.default.createElement(_material.TableHead, null, /* @__PURE__ */ React2.default.createElement(_material.TableRow, { sx: { backgroundColor: "background.default" } }, titles.map((title) => {
-    return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableHead, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableRow, { sx: { backgroundColor: "background.default" }, children: titles.map((title) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _material.TableCell,
       {
-        key: title.name,
         sortDirection: orderBy === title.name ? order : false,
-        sx: { fontWeight: "bold", ...title.sx }
-      },
-      /* @__PURE__ */ React2.default.createElement(
-        _material.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__ */ _jsxruntime.jsx.call(void 0, 
+          _material.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
-
-
 // node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
 function formatMuiErrorMessage(code, ...args) {
   const url = new URL(`https://mui.com/production-error/?code=${code}`);
@@ -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])) {
@@ -1413,7 +1680,7 @@ function sortContainerQueries(theme, css2) {
   }
   const sorted = Object.keys(css2).filter((key) => key.startsWith("@container")).sort((a, b) => {
     const regex = /min-width:\s*([0-9.]+)/;
-    return +(_optionalChain([a, 'access', _2 => _2.match, 'call', _3 => _3(regex), 'optionalAccess', _4 => _4[1]]) || 0) - +(_optionalChain([b, 'access', _5 => _5.match, 'call', _6 => _6(regex), 'optionalAccess', _7 => _7[1]]) || 0);
+    return +(_optionalChain([a, 'access', _11 => _11.match, 'call', _12 => _12(regex), 'optionalAccess', _13 => _13[1]]) || 0) - +(_optionalChain([b, 'access', _14 => _14.match, 'call', _15 => _15(regex), 'optionalAccess', _16 => _16[1]]) || 0);
   });
   if (!sorted.length) {
     return css2;
@@ -1557,7 +1824,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
   return output;
 }
 function createEmptyBreakpointObject(breakpointsInput = {}) {
-  const breakpointsInOrder = _optionalChain([breakpointsInput, 'access', _8 => _8.keys, 'optionalAccess', _9 => _9.reduce, 'call', _10 => _10((acc, key) => {
+  const breakpointsInOrder = _optionalChain([breakpointsInput, 'access', _17 => _17.keys, 'optionalAccess', _18 => _18.reduce, 'call', _19 => _19((acc, key) => {
     const breakpointStyleKey = breakpointsInput.up(key);
     acc[breakpointStyleKey] = {};
     return acc;
@@ -2003,13 +2270,13 @@ var width = style_default({
 var maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      const breakpoint = _optionalChain([props, 'access', _11 => _11.theme, 'optionalAccess', _12 => _12.breakpoints, 'optionalAccess', _13 => _13.values, 'optionalAccess', _14 => _14[propValue]]) || values[propValue];
+      const breakpoint = _optionalChain([props, 'access', _20 => _20.theme, 'optionalAccess', _21 => _21.breakpoints, 'optionalAccess', _22 => _22.values, 'optionalAccess', _23 => _23[propValue]]) || values[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)
         };
       }
-      if (_optionalChain([props, 'access', _15 => _15.theme, 'optionalAccess', _16 => _16.breakpoints, 'optionalAccess', _17 => _17.unit]) !== "px") {
+      if (_optionalChain([props, 'access', _24 => _24.theme, 'optionalAccess', _25 => _25.breakpoints, 'optionalAccess', _26 => _26.unit]) !== "px") {
         return {
           maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
         };
@@ -2467,7 +2734,7 @@ var styleFunctionSx_default = styleFunctionSx;
 function applyStyles(key, styles2) {
   const theme = this;
   if (theme.vars) {
-    if (!_optionalChain([theme, 'access', _18 => _18.colorSchemes, 'optionalAccess', _19 => _19[key]]) || typeof theme.getColorSchemeSelector !== "function") {
+    if (!_optionalChain([theme, 'access', _27 => _27.colorSchemes, 'optionalAccess', _28 => _28[key]]) || typeof theme.getColorSchemeSelector !== "function") {
       return {};
     }
     let selector = theme.getColorSchemeSelector(key);
@@ -2518,7 +2785,7 @@ function createTheme(options = {}, ...args) {
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   muiTheme.unstable_sxConfig = {
     ...defaultSxConfig_default,
-    ..._optionalChain([other, 'optionalAccess', _20 => _20.unstable_sxConfig])
+    ..._optionalChain([other, 'optionalAccess', _29 => _29.unstable_sxConfig])
   };
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx_default({
@@ -2536,7 +2803,7 @@ function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
 function useTheme(defaultTheme = null) {
-  const contextTheme = React3.useContext(_react2.ThemeContext);
+  const contextTheme = React2.useContext(_react2.ThemeContext);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 var useThemeWithoutDefault_default = useTheme;
@@ -2554,7 +2821,7 @@ var splitProps = (props) => {
     systemProps: {},
     otherProps: {}
   };
-  const config = _nullishCoalesce(_optionalChain([props, 'optionalAccess', _21 => _21.theme, 'optionalAccess', _22 => _22.unstable_sxConfig]), () => ( defaultSxConfig_default));
+  const config = _nullishCoalesce(_optionalChain([props, 'optionalAccess', _30 => _30.theme, 'optionalAccess', _31 => _31.unstable_sxConfig]), () => ( defaultSxConfig_default));
   Object.keys(props).forEach((prop) => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -2641,7 +2908,7 @@ function clsx() {
 var clsx_default = clsx;
 
 // node_modules/@mui/system/esm/createBox/createBox.js
-var _jsxruntime = require('react/jsx-runtime');
+
 function createBox(options = {}) {
   const {
     themeId,
@@ -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
 var _md = require('react-icons/md');
 
+
 var FiltersBar = ({
   customButtons,
   selectedFilters,
@@ -2742,7 +3010,7 @@ var FiltersBar = ({
   setAnchorEl,
   noFilters
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     Box_default,
     {
       sx: {
@@ -2750,26 +3018,34 @@ var FiltersBar = ({
         justifyContent: "space-between",
         alignItems: "center",
         width: "100%"
-      }
-    },
-    !noFilters && /* @__PURE__ */ React2.default.createElement(Box_default, { sx: { pl: 1 } }, selectedFilters.map((item, index) => {
-      return /* @__PURE__ */ React2.default.createElement(
-        _material.Chip,
-        {
-          key: index,
-          label: item.value,
-          onDelete: () => handleCloseFilter(item)
-        }
-      );
-    })),
-    /* @__PURE__ */ React2.default.createElement(Box_default, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" } }, customButtons, !noFilterButtons && /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, /* @__PURE__ */ React2.default.createElement(_material.Tooltip, { title: "Buscar" }, /* @__PURE__ */ React2.default.createElement(_material.IconButton, { onClick: () => setOpenSearch(true) }, /* @__PURE__ */ React2.default.createElement(_md.MdSearch, { size: 8 * 3 }))), /* @__PURE__ */ React2.default.createElement(_material.Tooltip, { title: "Filtrar" }, /* @__PURE__ */ React2.default.createElement(
-      _material.IconButton,
-      {
-        sx: { position: "relative" },
-        onClick: ({ currentTarget }) => setAnchorEl(currentTarget)
       },
-      /* @__PURE__ */ React2.default.createElement(_md.MdFilterList, { size: 8 * 3 })
-    ))))
+      children: [
+        !noFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Box_default, { sx: { pl: 1 }, children: selectedFilters.map((item, index) => {
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Chip,
+            {
+              label: item.value,
+              onDelete: () => handleCloseFilter(item)
+            },
+            index
+          );
+        }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Box_default, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" }, children: [
+          customButtons,
+          !noFilterButtons && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Buscar", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { onClick: () => setOpenSearch(true), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdSearch, { size: 8 * 3 }) }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Filtrar", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.IconButton,
+              {
+                sx: { position: "relative" },
+                onClick: ({ currentTarget }) => setAnchorEl(currentTarget),
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.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
-
-
 // src/components/Grid/Td.tsx
 
 var Td = _material.TableCell;
@@ -2807,18 +3080,20 @@ var Td = _material.TableCell;
 var Tr = _material.TableRow;
 
 // src/components/Grid/AutoCreatedRows.tsx
+
 var AutoCreatedRows = ({
   tableData,
   columns,
   primaryKey
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, tableData.map((row) => /* @__PURE__ */ React2.default.createElement(Tr, { key: row[primaryKey] }, columns.map((column) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: tableData.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tr, { children: columns.map((column) => {
     const cellValue = column.transformer ? column.transformer(row[column.name]) : row[column.name];
-    return /* @__PURE__ */ React2.default.createElement(Td, { key: column.name }, cellValue);
-  }))));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Td, { children: cellValue }, column.name);
+  }) }, row[primaryKey])) });
 };
 
 // src/components/Grid/Grid.tsx
+
 var Grid = (props) => {
   const {
     columnTitles,
@@ -2992,159 +3267,180 @@ var Grid = (props) => {
   _react.useEffect.call(void 0, () => {
     updateFilters(selectedFilters);
   }, [selectedFilters]);
-  return /* @__PURE__ */ React2.default.createElement(_material.Paper, null, isLoading && /* @__PURE__ */ React2.default.createElement(_material.LinearProgress, null), /* @__PURE__ */ React2.default.createElement(
-    FiltersBar,
-    {
-      setAnchorEl,
-      setOpenSearch,
-      searchAnchorEl,
-      noFilters,
-      noFilterButtons,
-      selectedFilters,
-      customButtons,
-      handleCloseFilter
-    }
-  ), /* @__PURE__ */ React2.default.createElement(_material.TableContainer, null, /* @__PURE__ */ React2.default.createElement(_material.Table, { size: "small" }, /* @__PURE__ */ React2.default.createElement(
-    GridHeader,
-    {
-      titles: columnTitles,
-      order,
-      orderBy,
-      setOrder,
-      setOrderBy
-    }
-  ), /* @__PURE__ */ React2.default.createElement(_material.TableBody, null, props.children ? props.children : primaryKey ? /* @__PURE__ */ React2.default.createElement(
-    AutoCreatedRows,
-    {
-      tableData,
-      columns: columnTitles,
-      primaryKey
-    }
-  ) : null, footer))), !noPagination && /* @__PURE__ */ React2.default.createElement(
-    _material.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__ */ React2.default.createElement(
-    _material.Popover,
-    {
-      anchorEl,
-      open: !!anchorEl,
-      onClose: () => setAnchorEl(null),
-      anchorOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      }
-    },
-    /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { minWidth: 300, padding: 2 } }, /* @__PURE__ */ React2.default.createElement(_material.Typography, { fontWeight: "bold", variant: "body2" }, "Filtrar por:"), /* @__PURE__ */ React2.default.createElement(
-      _material.Autocomplete,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Paper, { children: [
+    isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      FiltersBar,
       {
-        value: selectedTitle || "",
-        onChange: ({ target }) => {
-          !target.innerHTML.includes("path") ? setSelectedTitle(target.innerHTML) : setSelectedTitle(void 0);
-        },
-        options: columnTitles.map((title) => title.label),
-        renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
-          _material.TextField,
+        setAnchorEl,
+        setOpenSearch,
+        searchAnchorEl,
+        noFilters,
+        noFilterButtons,
+        selectedFilters,
+        customButtons,
+        handleCloseFilter
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableContainer, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Table, { size: "small", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        GridHeader,
+        {
+          titles: columnTitles,
+          order,
+          orderBy,
+          setOrder,
+          setOrderBy
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.TableBody, { children: [
+        props.children ? props.children : primaryKey ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          AutoCreatedRows,
           {
-            variant: "standard",
-            margin: "dense",
-            ...params,
-            label: "Coluna"
+            tableData,
+            columns: columnTitles,
+            primaryKey
           }
-        )
-      }
-    ), /* @__PURE__ */ React2.default.createElement(
-      _material.Autocomplete,
+        ) : null,
+        footer
+      ] })
+    ] }) }),
+    !noPagination && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.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__ */ React2.default.createElement(
-          _material.TextField,
-          {
-            variant: "standard",
-            margin: "dense",
-            ...params,
-            label: "Valor"
-          }
-        )
+        onRowsPerPageChange: handleChangeRowsPerPage
       }
-    ), /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { py: 1 } }), /* @__PURE__ */ React2.default.createElement(
-      _material.Button,
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Popover,
       {
-        disabled: !selectedFilterValue,
-        onClick: handleAddFilter,
-        fullWidth: true
-      },
-      "Adicionar filtro"
-    ))
-  ), /* @__PURE__ */ React2.default.createElement(
-    _material.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__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { minWidth: 300, padding: 2 }, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { fontWeight: "bold", variant: "body2", children: "Filtrar por:" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Autocomplete,
+            {
+              value: selectedTitle || "",
+              onChange: ({ target }) => {
+                !target.innerHTML.includes("path") ? setSelectedTitle(target.innerHTML) : setSelectedTitle(void 0);
+              },
+              options: columnTitles.map((title) => title.label),
+              renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  ...params,
+                  label: "Coluna"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.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__ */ _jsxruntime.jsx.call(void 0, 
+                _material.TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  ...params,
+                  label: "Valor"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { py: 1 } }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Button,
+            {
+              disabled: !selectedFilterValue,
+              onClick: handleAddFilter,
+              fullWidth: true,
+              children: "Adicionar filtro"
+            }
+          )
+        ] })
       }
-    },
-    /* @__PURE__ */ React2.default.createElement(
-      _material.Box,
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Popover,
       {
-        sx: {
-          minWidth: 300,
-          px: 2,
-          pb: 1,
-          display: "grid",
-          gridTemplateColumns: "1fr 30px",
-          alignItems: "flex-end"
-        }
-      },
-      /* @__PURE__ */ React2.default.createElement(
-        _material.TextField,
-        {
-          variant: "standard",
-          margin: "dense",
-          label: "Buscar",
-          value: searchText,
-          onChange: ({ currentTarget }) => setSearchText(currentTarget.value)
-        }
-      ),
-      /* @__PURE__ */ React2.default.createElement(_material.Box, null, /* @__PURE__ */ React2.default.createElement(
-        _material.IconButton,
-        {
-          onClick: () => {
-            setSearchText("");
-            setOpenSearch(false);
-          }
+        anchorEl: searchAnchorEl.current,
+        open: openSearch,
+        onClose: () => setOpenSearch(false),
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "left"
         },
-        /* @__PURE__ */ React2.default.createElement(_md.MdClose, { size: 8 * 3 })
-      ))
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _material.Box,
+          {
+            sx: {
+              minWidth: 300,
+              px: 2,
+              pb: 1,
+              display: "grid",
+              gridTemplateColumns: "1fr 30px",
+              alignItems: "flex-end"
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.TextField,
+                {
+                  variant: "standard",
+                  margin: "dense",
+                  label: "Buscar",
+                  value: searchText,
+                  onChange: ({ currentTarget }) => setSearchText(currentTarget.value)
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  onClick: () => {
+                    setSearchText("");
+                    setOpenSearch(false);
+                  },
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdClose, { size: 8 * 3 })
+                }
+              ) })
+            ]
+          }
+        )
+      }
     )
-  ));
+  ] });
 };
 var Grid_default = Grid;
 
@@ -3154,8 +3450,8 @@ var Grid_default = Grid;
 
 // src/components/Grid/EditableTableCell/DefaultInput.tsx
 
+var _dayjs = require('dayjs'); var _dayjs2 = _interopRequireDefault(_dayjs);
 
-var _moment = require('moment'); var _moment2 = _interopRequireDefault(_moment);
 var DefaultInput = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3174,21 +3470,21 @@ var DefaultInput = (allProps) => {
     if (formatInputDefautvalue) return formatInputDefautvalue(value);
     switch (type) {
       case "date":
-        return _moment2.default.call(void 0, value).format("YYYY-MM-DD");
+        return _dayjs2.default.call(void 0, value).format("YYYY-MM-DD");
       case "datetime-local":
-        return _moment2.default.call(void 0, value).format("YYYY-MM-DDTHH:mm:ss");
+        return _dayjs2.default.call(void 0, value).format("YYYY-MM-DDTHH:mm:ss");
       default:
         return String(value);
     }
   };
   const handleSave = (event) => {
-    onUpdateValue(String(_optionalChain([event, 'access', _23 => _23.target, 'optionalAccess', _24 => _24.value])));
+    onUpdateValue(String(_optionalChain([event, 'access', _32 => _32.target, 'optionalAccess', _33 => _33.value])));
     setIsEditing(false);
     const response = {
       name,
       event,
-      value: _optionalChain([event, 'access', _25 => _25.target, 'optionalAccess', _26 => _26.value]),
-      data: { ...rowData, [name]: _optionalChain([event, 'access', _27 => _27.target, 'optionalAccess', _28 => _28.value]) }
+      value: _optionalChain([event, 'access', _34 => _34.target, 'optionalAccess', _35 => _35.value]),
+      data: { ...rowData, [name]: _optionalChain([event, 'access', _36 => _36.target, 'optionalAccess', _37 => _37.value]) }
     };
     onSave(response);
   };
@@ -3196,7 +3492,7 @@ var DefaultInput = (allProps) => {
     if (ev.code === "Enter") handleSave(ev);
     if (ev.code === "Escape") handleCancelEditing();
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.TextField,
     {
       name,
@@ -3205,10 +3501,10 @@ var DefaultInput = (allProps) => {
       autoFocus: true,
       type,
       size: "small",
-      defaultValue: formatDefaultValue(_optionalChain([rowData, 'optionalAccess', _29 => _29[name]])),
+      defaultValue: formatDefaultValue(_optionalChain([rowData, 'optionalAccess', _38 => _38[name]])),
       sx: {
         width: fullWidth ? "100%" : "intial",
-        ..._optionalChain([TextFieldProps3, 'optionalAccess', _30 => _30.sx])
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _39 => _39.sx])
       },
       inputProps: {
         style: {
@@ -3218,11 +3514,11 @@ var DefaultInput = (allProps) => {
         onKeyDown
       },
       InputProps: {
-        ..._optionalChain([TextFieldProps3, 'optionalAccess', _31 => _31.InputProps]),
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _40 => _40.InputProps]),
         sx: {
           fontSize: 14,
           pl: 0.2,
-          ..._optionalChain([TextFieldProps3, 'optionalAccess', _32 => _32.InputProps, 'optionalAccess', _33 => _33.sx])
+          ..._optionalChain([TextFieldProps3, 'optionalAccess', _41 => _41.InputProps, 'optionalAccess', _42 => _42.sx])
         }
       },
       ...TextFieldProps3
@@ -3234,6 +3530,7 @@ var DefaultInput = (allProps) => {
 var _reactimask = require('react-imask');
 
 
+
 var InputMask = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3246,18 +3543,16 @@ var InputMask = (allProps) => {
     handleCancelEditing,
     setIsEditing
   } = allProps;
-  const { ref, unmaskedValue, setValue } = _reactimask.useIMask.call(void 0, 
-    mask
-  );
+  const { ref, unmaskedValue, setValue } = _reactimask.useIMask.call(void 0, mask);
   const handleSave = (event) => {
     setIsEditing(false);
-    setValue(String(_optionalChain([event, 'access', _34 => _34.target, 'optionalAccess', _35 => _35.value])));
+    setValue(String(_optionalChain([event, 'access', _43 => _43.target, 'optionalAccess', _44 => _44.value])));
     const response = {
       name,
       event,
-      value: _optionalChain([event, 'access', _36 => _36.target, 'optionalAccess', _37 => _37.value]),
+      value: _optionalChain([event, 'access', _45 => _45.target, 'optionalAccess', _46 => _46.value]),
       unmaskedValue,
-      data: { ...rowData, [name]: _optionalChain([event, 'access', _38 => _38.target, 'optionalAccess', _39 => _39.value]) }
+      data: { ...rowData, [name]: _optionalChain([event, 'access', _47 => _47.target, 'optionalAccess', _48 => _48.value]) }
     };
     onSave(response);
   };
@@ -3266,9 +3561,9 @@ var InputMask = (allProps) => {
     if (ev.code === "Escape") handleCancelEditing();
   };
   _react.useEffect.call(void 0, () => {
-    if (_optionalChain([rowData, 'optionalAccess', _40 => _40[name]])) setValue(String(_optionalChain([rowData, 'optionalAccess', _41 => _41[name]])));
-  }, [_optionalChain([rowData, 'optionalAccess', _42 => _42[name]])]);
-  return /* @__PURE__ */ React2.default.createElement(
+    if (_optionalChain([rowData, 'optionalAccess', _49 => _49[name]])) setValue(String(_optionalChain([rowData, 'optionalAccess', _50 => _50[name]])));
+  }, [_optionalChain([rowData, 'optionalAccess', _51 => _51[name]])]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.TextField,
     {
       inputRef: ref,
@@ -3279,7 +3574,7 @@ var InputMask = (allProps) => {
       size: "small",
       sx: {
         width: fullWidth ? "100%" : "intial",
-        ..._optionalChain([TextFieldProps3, 'optionalAccess', _43 => _43.sx])
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _52 => _52.sx])
       },
       inputProps: {
         style: {
@@ -3289,11 +3584,11 @@ var InputMask = (allProps) => {
         onKeyDown
       },
       InputProps: {
-        ..._optionalChain([TextFieldProps3, 'optionalAccess', _44 => _44.InputProps]),
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _53 => _53.InputProps]),
         sx: {
           fontSize: 14,
           pl: 0.2,
-          ..._optionalChain([TextFieldProps3, 'optionalAccess', _45 => _45.InputProps, 'optionalAccess', _46 => _46.sx])
+          ..._optionalChain([TextFieldProps3, 'optionalAccess', _54 => _54.InputProps, 'optionalAccess', _55 => _55.sx])
         }
       },
       ...TextFieldProps3
@@ -3302,6 +3597,7 @@ var InputMask = (allProps) => {
 };
 
 // src/components/Grid/EditableTableCell/index.tsx
+
 var EditableTableCell = (allProps) => {
   const {
     TextFieldProps: TextFieldProps3,
@@ -3320,12 +3616,12 @@ var EditableTableCell = (allProps) => {
     ...props
   } = allProps;
   const [isEditing, setIsEditing] = _react.useState.call(void 0, false);
-  const [value, setValue] = _react.useState.call(void 0, _optionalChain([rowData, 'optionalAccess', _47 => _47[name]]));
+  const [value, setValue] = _react.useState.call(void 0, _optionalChain([rowData, 'optionalAccess', _56 => _56[name]]));
   const handleCancelEditing = () => {
     setIsEditing(false);
     if (onCancel) onCancel();
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.TableCell,
     {
       ...props,
@@ -3335,55 +3631,55 @@ var EditableTableCell = (allProps) => {
         border: bordered ? "1px solid" : "initial",
         borderColor: "divider"
       },
-      onDoubleClick: () => setIsEditing(true)
-    },
-    isEditing ? /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, mask ? /* @__PURE__ */ React2.default.createElement(
-      InputMask,
-      {
-        mask,
-        isEditing,
-        setIsEditing,
-        name,
-        rowData,
-        onSave: ({ value: value2, ...rest }) => {
-          setValue(value2);
-          onSave({ value: value2, ...rest });
-        },
-        handleCancelEditing,
-        formatInputDefautvalue
-      }
-    ) : /* @__PURE__ */ React2.default.createElement(
-      DefaultInput,
-      {
-        onUpdateValue: (newValue) => {
-          setValue(newValue);
-        },
-        isEditing,
-        name,
-        rowData,
-        onSave,
-        handleCancelEditing,
-        setIsEditing,
-        formatInputDefautvalue,
-        type
-      }
-    )) : /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, formatCellValue(value))
+      onDoubleClick: () => setIsEditing(true),
+      children: isEditing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: mask ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        InputMask,
+        {
+          mask,
+          isEditing,
+          setIsEditing,
+          name,
+          rowData,
+          onSave: ({ value: value2, ...rest }) => {
+            setValue(value2);
+            onSave({ value: value2, ...rest });
+          },
+          handleCancelEditing,
+          formatInputDefautvalue
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        DefaultInput,
+        {
+          onUpdateValue: (newValue) => {
+            setValue(newValue);
+          },
+          isEditing,
+          name,
+          rowData,
+          onSave,
+          handleCancelEditing,
+          setIsEditing,
+          formatInputDefautvalue,
+          type
+        }
+      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: formatCellValue(value) })
+    }
   );
 };
 
 // src/components/Input/index.tsx
 
-
 var _formik = require('formik');
+
 var Input = ({ withFormik = true, ...rest }) => {
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInput, { ...rest });
-  else return /* @__PURE__ */ React2.default.createElement(BaseInput, { ...rest });
+  if (withFormik) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikInput, { ...rest });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseInput, { ...rest });
 };
 var BaseInput = (props) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.TextField, { fullWidth: true, ...props });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TextField, { fullWidth: true, ...props });
 };
 var FormikInput = ({ name, shrink, ...rest }) => {
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, ({ field: { value, ...field }, meta: { error } }) => /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _formik.Field, { name, children: ({ field: { value, ...field }, meta: { error } }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     BaseInput,
     {
       defaultValue: value,
@@ -3393,16 +3689,17 @@ var FormikInput = ({ name, shrink, ...rest }) => {
       ...rest,
       InputLabelProps: { shrink, ...rest.InputLabelProps }
     }
-  ));
+  ) });
 };
 
 // src/components/InputMask/index.tsx
 
 
 
+
 function InputMask2({ withFormik = true, ...rest }) {
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInputMask, { ...rest });
-  else return /* @__PURE__ */ React2.default.createElement(BaseInputMask, { ...rest });
+  if (withFormik) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikInputMask, { ...rest });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseInputMask, { ...rest });
 }
 var BaseInputMask = ({
   mask,
@@ -3427,7 +3724,7 @@ var BaseInputMask = ({
     setValue(controlledValue);
     maskRef.current.value = controlledValue;
   }, [controlledValue]);
-  return /* @__PURE__ */ React2.default.createElement(BaseInput, { inputRef: ref, ...rest });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseInput, { inputRef: ref, ...rest });
 };
 function FormikInputMask({
   mask,
@@ -3454,14 +3751,14 @@ function FormikInputMask({
     if (formikSaveFunction.current)
       formikSaveFunction.current(name, unmaskedValue);
   }, [value]);
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, ({
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _formik.Field, { name, children: ({
     field: { value: value2, ...field },
     meta: { error },
     form: { setFieldValue }
   }) => {
     initialValue.current = value2;
     formikSaveFunction.current = setFieldValue;
-    return /* @__PURE__ */ React2.default.createElement(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       BaseInput,
       {
         ...rest,
@@ -3471,7 +3768,7 @@ function FormikInputMask({
         helperText: error
       }
     );
-  });
+  } });
 }
 
 // src/components/Select/index.tsx
@@ -3484,9 +3781,9 @@ function FormikInputMask({
 
 
 var CustomInputLabel = _material.InputLabel;
-function Select({ withFormik = true, ...rest }) {
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikSelect, { ...rest });
-  else return /* @__PURE__ */ React2.default.createElement(BaseSelect, { ...rest });
+function Select({ withFormik = true, helperText, ...rest }) {
+  if (withFormik) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikSelect, { helperText, ...rest });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseSelect, { ...rest });
 }
 function BaseSelect({
   name,
@@ -3496,18 +3793,21 @@ function BaseSelect({
   InputLabelProps: InputLabelProps2,
   ...rest
 }) {
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, { fullWidth: true, ...FormControlProps2 }, /* @__PURE__ */ React2.default.createElement(CustomInputLabel, { ...InputLabelProps2 }, label), /* @__PURE__ */ React2.default.createElement(
-    _material.Select,
-    {
-      name,
-      inputProps: {
-        name
-      },
-      label,
-      ...rest
-    },
-    children
-  ));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { fullWidth: true, ...FormControlProps2, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CustomInputLabel, { ...InputLabelProps2, children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Select,
+      {
+        name,
+        inputProps: {
+          name
+        },
+        label,
+        ...rest,
+        children
+      }
+    )
+  ] });
 }
 function FormikSelect({
   name,
@@ -3522,20 +3822,24 @@ function FormikSelect({
   const onChange = (_, { props: { value: value2 } }) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, { fullWidth: true, ...FormControlProps2, error: Boolean(_optionalChain([meta, 'optionalAccess', _48 => _48.error])) }, /* @__PURE__ */ React2.default.createElement(CustomInputLabel, { ...InputLabelProps2 }, label), /* @__PURE__ */ React2.default.createElement(
-    _material.Select,
-    {
-      inputProps: {
-        name
-      },
-      label,
-      ...rest,
-      ...field,
-      defaultValue: value,
-      onChange
-    },
-    children
-  ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || _optionalChain([meta, 'optionalAccess', _49 => _49.error])));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { fullWidth: true, ...FormControlProps2, error: Boolean(_optionalChain([meta, 'optionalAccess', _57 => _57.error])), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CustomInputLabel, { ...InputLabelProps2, children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Select,
+      {
+        inputProps: {
+          name
+        },
+        label,
+        ...rest,
+        ...field,
+        defaultValue: value,
+        onChange,
+        children
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: helperText || _optionalChain([meta, 'optionalAccess', _58 => _58.error]) })
+  ] });
 }
 
 // src/components/Autocomplete/index.tsx
@@ -3551,6 +3855,7 @@ function FormikSelect({
 
 
 var _styles = require('@mui/material/styles');
+
 function Autocomplete2({
   withFormik = true,
   name,
@@ -3560,11 +3865,11 @@ function Autocomplete2({
   if (withFormik) {
     const theme = _styles.useTheme.call(void 0, );
     const isLegacyBehaviorDisabledTheme = _react.useMemo.call(void 0, () => {
-      return _optionalChain([theme, 'access', _50 => _50.components, 'optionalAccess', _51 => _51.MuiAutocomplete, 'optionalAccess', _52 => _52.defaultProps, 'optionalAccess', _53 => _53["data-legacy-behavior"]]) === "disabled";
+      return _optionalChain([theme, 'access', _59 => _59.components, 'optionalAccess', _60 => _60.MuiAutocomplete, 'optionalAccess', _61 => _61.defaultProps, 'optionalAccess', _62 => _62["data-legacy-behavior"]]) === "disabled";
     }, [theme]);
-    const isLegacyBehaviorDisabled = typeof _optionalChain([rest, 'optionalAccess', _54 => _54["data-legacy-behavior"]]) !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
+    const isLegacyBehaviorDisabled = typeof _optionalChain([rest, 'optionalAccess', _63 => _63["data-legacy-behavior"]]) !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
     if (isLegacyBehaviorDisabled)
-      return /* @__PURE__ */ React2.default.createElement(
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         FormikAutocomplete,
         {
           name,
@@ -3572,7 +3877,7 @@ function Autocomplete2({
           ...rest
         }
       );
-    return /* @__PURE__ */ React2.default.createElement(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       FormikAutocompleteLegacy,
       {
         name,
@@ -3581,14 +3886,14 @@ function Autocomplete2({
       }
     );
   }
-  return /* @__PURE__ */ React2.default.createElement(BaseInput2, { ...rest });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseInput2, { ...rest });
 }
 function BaseInput2(props) {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(_material.TextField, { label: props.label, ...params }),
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TextField, { label: props.label, ...params }),
       ...props
     }
   );
@@ -3602,14 +3907,14 @@ function FormikAutocompleteLegacy({
     name: props.name
   });
   const [defaultOption] = _react.useState.call(void 0, () => {
-    const key = _optionalChain([option, 'optionalAccess', _55 => _55.key]);
+    const key = _optionalChain([option, 'optionalAccess', _64 => _64.key]);
     if (key) return props.options.find((option2) => option2[key] === value);
     return props.options.find(
       (option2) => Object.values(option2)[0] === value
     );
   });
   const onChange = (_, newValue) => {
-    const value2 = _optionalChain([option, 'optionalAccess', _56 => _56.value]);
+    const value2 = _optionalChain([option, 'optionalAccess', _65 => _65.value]);
     if (getOptionValue) {
       setValue(getOptionValue(newValue));
     } else if (value2) {
@@ -3617,30 +3922,33 @@ function FormikAutocompleteLegacy({
     } else setValue(newValue);
   };
   const getOptionLabel = (item) => {
-    if (_optionalChain([props, 'optionalAccess', _57 => _57.getOptionLabel])) return props.getOptionLabel(item);
-    if (_optionalChain([option, 'optionalAccess', _58 => _58.label])) return String(item[option.label]);
+    if (_optionalChain([props, 'optionalAccess', _66 => _66.getOptionLabel])) return props.getOptionLabel(item);
+    if (_optionalChain([option, 'optionalAccess', _67 => _67.label])) return String(item[option.label]);
     return "[getOptionLabel] error";
   };
   const isOptionEqualToValue = (a, b) => {
-    const key = _optionalChain([option, 'optionalAccess', _59 => _59.key]);
-    if (_optionalChain([props, 'optionalAccess', _60 => _60.isOptionEqualToValue])) return props.isOptionEqualToValue(a, b);
+    const key = _optionalChain([option, 'optionalAccess', _68 => _68.key]);
+    if (_optionalChain([props, 'optionalAccess', _69 => _69.isOptionEqualToValue])) return props.isOptionEqualToValue(a, b);
     if (key) return a[key] === b[key];
     return Object.values(a)[0] === Object.values(b)[0];
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       getOptionLabel,
-      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _material.TextField,
         {
-          error: Boolean(_optionalChain([meta, 'optionalAccess', _61 => _61.error])),
-          helperText: _optionalChain([meta, 'optionalAccess', _62 => _62.error]),
+          error: Boolean(_optionalChain([meta, 'optionalAccess', _70 => _70.error])),
+          helperText: _optionalChain([meta, 'optionalAccess', _71 => _71.error]),
           ...params,
           ...field,
           InputProps: {
             ...params.InputProps,
-            endAdornment: /* @__PURE__ */ React2.default.createElement(_react.Fragment, null, props.loading ? /* @__PURE__ */ React2.default.createElement(_material.CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
+            endAdornment: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+              props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CircularProgress, { color: "inherit", size: 20 }) : null,
+              params.InputProps.endAdornment
+            ] })
           },
           label: props.label,
           required: props.required,
@@ -3665,26 +3973,29 @@ function FormikAutocomplete({
   });
   const [defaultValue] = _react.useState.call(void 0, value);
   const onChange = (_, newValue) => {
-    const value2 = _optionalChain([option, 'optionalAccess', _63 => _63.value]);
+    const value2 = _optionalChain([option, 'optionalAccess', _72 => _72.value]);
     if (getOptionValue) {
       setValue(getOptionValue(newValue));
     } else if (value2) {
       setValue(newValue[value2]);
     } else setValue(newValue);
   };
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
-      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _material.TextField,
         {
-          error: Boolean(_optionalChain([meta, 'optionalAccess', _64 => _64.error])),
-          helperText: _optionalChain([meta, 'optionalAccess', _65 => _65.error]),
+          error: Boolean(_optionalChain([meta, 'optionalAccess', _73 => _73.error])),
+          helperText: _optionalChain([meta, 'optionalAccess', _74 => _74.error]),
           ...params,
           ...field,
           InputProps: {
             ...params.InputProps,
-            endAdornment: /* @__PURE__ */ React2.default.createElement(_react.Fragment, null, props.loading ? /* @__PURE__ */ React2.default.createElement(_material.CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
+            endAdornment: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+              props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CircularProgress, { color: "inherit", size: 20 }) : null,
+              params.InputProps.endAdornment
+            ] })
           },
           label: props.label,
           required: props.required,
@@ -3706,50 +4017,58 @@ function FormikAutocomplete({
 
 
 
+
+
 var Checkbox = ({
   withFormik = true,
   name,
   ...props
 }) => {
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikCheckbox, { name, ...props });
-  else return /* @__PURE__ */ React2.default.createElement(BaseCheckbox, { ...props });
+  if (withFormik && name) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikCheckbox, { name, ...props });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseCheckbox, { ...props });
 };
 var BaseCheckbox = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
-    _material.FormControlLabel,
-    {
-      label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props }),
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        label,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Checkbox, { ...props }),
+        ...FormControlLabelProps3
+      }
+    ),
+    helperText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: helperText })
+  ] });
 };
 var FormikCheckbox = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, ...field }, , { setValue }] = _formik.useField.call(void 0, {
-    name
-  });
+  const [{ value, ...field }, { error }, { setValue }] = _formik.useField.call(void 0, { name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(
-    _material.FormControlLabel,
-    {
-      label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props, defaultChecked: Boolean(value) }),
-      ...field,
-      onChange,
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { error: Boolean(error), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        label,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Checkbox, { ...props, checked: Boolean(value) }),
+        ...field,
+        onChange,
+        ...FormControlLabelProps3
+      }
+    ),
+    (error || helperText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: _nullishCoalesce(error, () => ( helperText)) })
+  ] });
 };
 
 // src/components/Switch/index.tsx
@@ -3759,46 +4078,54 @@ var FormikCheckbox = ({
 
 
 
+
+
 var Switch = ({ withFormik = true, name, ...props }) => {
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikSwitch, { name, ...props });
-  else return /* @__PURE__ */ React2.default.createElement(BaseSwitch, { ...props });
+  if (withFormik && name) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikSwitch, { name, ...props });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseSwitch, { ...props });
 };
 var BaseSwitch = ({
   label,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
-    _material.FormControlLabel,
-    {
-      label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { ...props }),
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        label,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Switch, { ...props }),
+        ...FormControlLabelProps3
+      }
+    ),
+    helperText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: helperText })
+  ] });
 };
 var FormikSwitch = ({
   label,
   name,
+  helperText,
   FormControlLabelProps: FormControlLabelProps3,
   ...props
 }) => {
-  const [{ value, onChange: unused, ...field }, , { setValue }] = _formik.useField.call(void 0, {
-    name
-  });
+  const [{ value, onChange: unused, ...field }, { error }, { setValue }] = _formik.useField.call(void 0, { name });
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(
-    _material.FormControlLabel,
-    {
-      label,
-      onChange,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { defaultChecked: value, ...props }),
-      ...field,
-      ...FormControlLabelProps3
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { error: Boolean(error), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        label,
+        onChange,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Switch, { checked: value, ...props }),
+        ...field,
+        ...FormControlLabelProps3
+      }
+    ),
+    (error || helperText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: _nullishCoalesce(error, () => ( helperText)) })
+  ] });
 };
 
 // src/components/Radio/index.tsx
@@ -3811,55 +4138,64 @@ var FormikSwitch = ({
 
 
 
+
 var Radio = ({
   name,
   withFormik = true,
   ...rest
 }) => {
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikRadio, { name, ...rest });
-  else return /* @__PURE__ */ React2.default.createElement(BaseRadio, { ...rest });
+  if (withFormik && name) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormikRadio, { name, ...rest });
+  else return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseRadio, { ...rest });
 };
 var BaseRadio = ({
   label,
   options,
+  helperText,
   ...rest
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(_material.RadioGroup, { ...rest }, options.map((option) => /* @__PURE__ */ React2.default.createElement(
-    _material.FormControlLabel,
-    {
-      key: String(option.value),
-      value: option.value,
-      label: option.label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
-    }
-  ))));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormLabel, { children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.RadioGroup, { ...rest, children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.FormControlLabel,
+      {
+        value: option.value,
+        label: option.label,
+        control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Radio, {})
+      },
+      String(option.value)
+    )) }),
+    helperText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: helperText })
+  ] });
 };
 var FormikRadio = ({
   label,
   name,
   options,
+  helperText,
   ...rest
 }) => {
-  const onChange = (setFieldValue, value) => {
-    setFieldValue(name, value);
-  };
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, null, ({ field: { value }, form: { setFieldValue } }) => /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(
-    _material.RadioGroup,
-    {
-      defaultValue: value,
-      onChange: (_, value2) => onChange(setFieldValue, value2),
-      ...rest
-    },
-    options.map((option) => /* @__PURE__ */ React2.default.createElement(
-      _material.FormControlLabel,
+  const [{ value }, meta, { setValue }] = _formik.useField.call(void 0, name);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.FormControl, { error: Boolean(meta.error), children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormLabel, { children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.RadioGroup,
       {
-        key: String(option.value),
-        value: option.value,
-        label: option.label,
-        control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
+        value: _nullishCoalesce(value, () => ( "")),
+        onChange: (_, val) => setValue(val),
+        ...rest,
+        children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.FormControlLabel,
+          {
+            value: option.value,
+            label: option.label,
+            control: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Radio, {})
+          },
+          String(option.value)
+        ))
       }
-    ))
-  )));
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.FormHelperText, { children: helperText || meta.error })
+  ] });
 };
 
 // src/components/LargeButton/index.tsx
@@ -3875,23 +4211,23 @@ var LargeButton = ({
   sx,
   ...rest
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Button,
     {
       variant: "contained",
       fullWidth: true,
       sx: { fontWeight: "bold", ...sx },
       disabled: rest.disabled || loading,
-      ...rest
-    },
-    loading ? /* @__PURE__ */ React2.default.createElement(
-      _material.CircularProgress,
-      {
-        size: 25,
-        color: "inherit",
-        ...CircularProgressProps2
-      }
-    ) : children
+      ...rest,
+      children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.CircularProgress,
+        {
+          size: 25,
+          color: "inherit",
+          ...CircularProgressProps2
+        }
+      ) : children
+    }
   );
 };
 
@@ -3905,16 +4241,16 @@ function getTabProps(index) {
 }
 var TabPanel = (props) => {
   const { children, value, index, ...other } = props;
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       role: "tabpanel",
       hidden: value !== index,
       id: `tabpanel-${index}`,
       "aria-labelledby": `tab-${index}`,
-      ...other
-    },
-    value === index && /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, children)
+      ...other,
+      children: value === index && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children })
+    }
   );
 };
 
@@ -3931,7 +4267,6 @@ var TabPanel = (props) => {
 
 
 
-
 // src/components/BaseGrid/Pagination/index.tsx
 
 
@@ -3952,44 +4287,55 @@ var GridPagination = ({
   rowsPerPage,
   dense
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Stack,
     {
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
       width: "100%",
-      py: dense ? 0.5 : 1
-    },
-    /* @__PURE__ */ React2.default.createElement(_material.Box, null),
-    /* @__PURE__ */ React2.default.createElement(_material.Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React2.default.createElement(
-      _material.Select,
-      {
-        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__ */ React2.default.createElement(_material.MenuItem, { key: option, value: option }, option))
-    ), /* @__PURE__ */ React2.default.createElement(_material.Typography, { variant: "body2" }, currentPage + 1, " de ", totalNumberOfPages + 1), /* @__PURE__ */ React2.default.createElement(
-      _material.IconButton,
-      {
-        size: "small",
-        disabled: currentPage === 0,
-        onClick: () => onPageChange(currentPage - 1)
-      },
-      /* @__PURE__ */ React2.default.createElement(_md.MdArrowBackIosNew, { size: 8 * 2 })
-    ), /* @__PURE__ */ React2.default.createElement(
-      _material.IconButton,
-      {
-        size: "small",
-        disabled: currentPage === totalNumberOfPages,
-        onClick: () => onPageChange(currentPage + 1)
-      },
-      /* @__PURE__ */ React2.default.createElement(_md.MdArrowForwardIos, { size: 8 * 2 })
-    ))
+      py: dense ? 0.5 : 1,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, {}),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", alignItems: "center", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Select,
+            {
+              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__ */ _jsxruntime.jsx.call(void 0, _material.MenuItem, { value: option, children: option }, option))
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", children: [
+            currentPage + 1,
+            " de ",
+            totalNumberOfPages + 1
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              size: "small",
+              disabled: currentPage === 0,
+              onClick: () => onPageChange(currentPage - 1),
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdArrowBackIosNew, { size: 8 * 2 })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              size: "small",
+              disabled: currentPage === totalNumberOfPages,
+              onClick: () => onPageChange(currentPage + 1),
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdArrowForwardIos, { size: 8 * 2 })
+            }
+          )
+        ] })
+      ]
+    }
   );
 };
 
@@ -4031,6 +4377,7 @@ var styles = {
 };
 
 // src/components/BaseGrid/index.tsx
+
 function BaseGrid({
   columns,
   children,
@@ -4057,7 +4404,7 @@ function BaseGrid({
   loadingColSpan,
   isLoading
 }) {
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Paper,
     {
       ...paperProps,
@@ -4066,71 +4413,82 @@ function BaseGrid({
         ...styles.bordered(bordered),
         ...styles.striped(striped),
         ...styles.lastRowBorder(hideFooter),
-        ..._optionalChain([paperProps, 'optionalAccess', _66 => _66.sx])
-      }
-    },
-    /* @__PURE__ */ React2.default.createElement(
-      _material.Box,
-      {
-        ...boxContainerProps,
-        sx: { overflowX: "auto", ..._optionalChain([boxContainerProps, 'optionalAccess', _67 => _67.sx]) }
+        ..._optionalChain([paperProps, 'optionalAccess', _75 => _75.sx])
       },
-      /* @__PURE__ */ React2.default.createElement(
-        _material.Table,
-        {
-          size: "small",
-          stickyHeader: true,
-          ...tableProps,
-          sx: {
-            ..._optionalChain([tableProps, 'optionalAccess', _68 => _68.sx])
-          }
-        },
-        /* @__PURE__ */ React2.default.createElement(_material.TableHead, { ...tableHeadProps }, /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, prependColumn, columns.map((column) => /* @__PURE__ */ React2.default.createElement(
-          _material.TableCell,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Box,
           {
-            key: column.name,
-            padding: dense ? "none" : "normal",
-            ...column.props,
-            sx: {
-              pl: 2,
-              ..._optionalChain([column, 'optionalAccess', _69 => _69.sx])
-            }
-          },
-          column.children ? column.children : /* @__PURE__ */ React2.default.createElement(
-            _material.TableSortLabel,
-            {
-              active: sortedBy.some((p) => p.prop === column.name),
-              direction: _optionalChain([sortedBy, 'access', _70 => _70.find, 'call', _71 => _71((p) => p.prop === column.name), 'optionalAccess', _72 => _72.direction]) || "desc",
-              onClick: () => onSortBy(column.name),
-              disabled: column.canSort === false,
-              ...tableSortLabelProps,
-              sx: { ..._optionalChain([tableSortLabelProps, 'optionalAccess', _73 => _73.sx]) }
-            },
-            column.label
-          )
-        )), appendColumn), isLoading && /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, /* @__PURE__ */ React2.default.createElement(
-          _material.TableCell,
+            ...boxContainerProps,
+            sx: { overflowX: "auto", ..._optionalChain([boxContainerProps, 'optionalAccess', _76 => _76.sx]) },
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _material.Table,
+              {
+                size: "small",
+                stickyHeader: true,
+                ...tableProps,
+                sx: {
+                  ..._optionalChain([tableProps, 'optionalAccess', _77 => _77.sx])
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.TableHead, { ...tableHeadProps, children: [
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.TableRow, { children: [
+                      prependColumn,
+                      columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.TableCell,
+                        {
+                          padding: dense ? "none" : "normal",
+                          ...column.props,
+                          sx: {
+                            pl: 2,
+                            ..._optionalChain([column, 'optionalAccess', _78 => _78.sx])
+                          },
+                          children: column.children ? column.children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                            _material.TableSortLabel,
+                            {
+                              active: sortedBy.some((p) => p.prop === column.name),
+                              direction: _optionalChain([sortedBy, 'access', _79 => _79.find, 'call', _80 => _80((p) => p.prop === column.name), 'optionalAccess', _81 => _81.direction]) || "desc",
+                              onClick: () => onSortBy(column.name),
+                              disabled: column.canSort === false,
+                              ...tableSortLabelProps,
+                              sx: { ..._optionalChain([tableSortLabelProps, 'optionalAccess', _82 => _82.sx]) },
+                              children: column.label
+                            }
+                          )
+                        },
+                        column.name
+                      )),
+                      appendColumn
+                    ] }),
+                    isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.TableCell,
+                      {
+                        colSpan: loadingColSpan || columns.length,
+                        sx: { p: 0, border: "none" },
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, {})
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableBody, { ...tableBodyProps, children })
+                ]
+              }
+            )
+          }
+        ),
+        !hideFooter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          GridPagination,
           {
-            colSpan: loadingColSpan || columns.length,
-            sx: { p: 0, border: "none" }
-          },
-          /* @__PURE__ */ React2.default.createElement(_material.LinearProgress, null)
-        ))),
-        /* @__PURE__ */ React2.default.createElement(_material.TableBody, { ...tableBodyProps }, children)
-      )
-    ),
-    !hideFooter && /* @__PURE__ */ React2.default.createElement(
-      GridPagination,
-      {
-        rowsPerPageOptions,
-        currentPage,
-        totalNumberOfPages,
-        onPageChange,
-        setRowsPerPage,
-        rowsPerPage,
-        dense
-      }
-    )
+            rowsPerPageOptions,
+            currentPage,
+            totalNumberOfPages,
+            onPageChange,
+            setRowsPerPage,
+            rowsPerPage,
+            dense
+          }
+        )
+      ]
+    }
   );
 }
 
@@ -4143,7 +4501,7 @@ function BaseGridAutoRows({
   columns,
   rowKey
 }) {
-  return /* @__PURE__ */ React2.default.createElement(_react.Fragment, null, data.map((row) => /* @__PURE__ */ React2.default.createElement(_material.TableRow, { key: row[rowKey] }, columns.map((column) => /* @__PURE__ */ React2.default.createElement(_material.TableCell, { key: column.name }, row[column.name])))));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: data.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableRow, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TableCell, { children: row[column.name] }, column.name)) }, row[rowKey])) });
 }
 
 // src/components/Modal/index.tsx
@@ -4153,7 +4511,12 @@ function BaseGridAutoRows({
 
 
 var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.Modal, { open, onClose, ...rest }, /* @__PURE__ */ React2.default.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__ */ _jsxruntime.jsx.call(void 0, _material.Modal, { open, onClose, ...rest, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Box,
     {
       ...BoxProps3,
@@ -4165,11 +4528,11 @@ var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
         left: "50%",
         transform: "translate(-50%, -50%)",
         borderRadius: 1,
-        ..._optionalChain([BoxProps3, 'optionalAccess', _74 => _74.sx])
-      }
-    },
-    rest.children
-  ));
+        ..._optionalChain([BoxProps3, 'optionalAccess', _83 => _83.sx])
+      },
+      children: rest.children
+    }
+  ) });
 };
 
 // src/components/utils/GetInputLabel.ts
@@ -4199,28 +4562,31 @@ var Dialog = ({
   options,
   ...rest
 }) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.Dialog, { open, ...rest }, /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { p: 2 } }, /* @__PURE__ */ React2.default.createElement(_material.DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React2.default.createElement(_material.DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React2.default.createElement(_material.DialogActions, null, options.map((option, index) => {
-    return /* @__PURE__ */ React2.default.createElement(
-      _material.Button,
-      {
-        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__ */ _jsxruntime.jsx.call(void 0, _material.Dialog, { open, ...rest, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogTitle, { sx: { fontWeight: "bold" }, children: title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 }, children: body }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.DialogActions, { children: options.map((option, index) => {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.Button,
+        {
+          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__ */ _jsxruntime.jsx.call(void 0, _material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: option.label })
         },
-        disableElevation: true,
-        disabled: loading
-      },
-      loading && option.focus ? /* @__PURE__ */ React2.default.createElement(_material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, option.label)
-    );
-  }))));
+        index
+      );
+    }) })
+  ] }) });
 };
 
 // src/components/DialogConfirm/DialogConfirm.view.tsx
 
-
 var _colors = require('@mui/material/colors');
 
 
@@ -4240,8 +4606,8 @@ function UseDialogConfirm() {
     };
   };
   const onProceed = async (event) => {
-    _optionalChain([event, 'optionalAccess', _75 => _75.preventDefault, 'call', _76 => _76()]);
-    _optionalChain([event, 'optionalAccess', _77 => _77.stopPropagation, 'call', _78 => _78()]);
+    _optionalChain([event, 'optionalAccess', _84 => _84.preventDefault, 'call', _85 => _85()]);
+    _optionalChain([event, 'optionalAccess', _86 => _86.stopPropagation, 'call', _87 => _87()]);
     setLoading(true);
     try {
       if (!onConfirmFn.current) return;
@@ -4252,8 +4618,8 @@ function UseDialogConfirm() {
     }
   };
   const onCancel = (event) => {
-    _optionalChain([event, 'optionalAccess', _79 => _79.preventDefault, 'call', _80 => _80()]);
-    _optionalChain([event, 'optionalAccess', _81 => _81.stopPropagation, 'call', _82 => _82()]);
+    _optionalChain([event, 'optionalAccess', _88 => _88.preventDefault, 'call', _89 => _89()]);
+    _optionalChain([event, 'optionalAccess', _90 => _90.stopPropagation, 'call', _91 => _91()]);
     setOpened(false);
   };
   const onCloseModal = () => {
@@ -4271,50 +4637,59 @@ function UseDialogConfirm() {
 }
 
 // src/components/DialogConfirm/DialogConfirm.view.tsx
+
 var DEFAULT_ICON = _md.MdOutlineWarningAmber;
 var DialogConfirm = (props) => {
   const model = UseDialogConfirm();
   const Icon = props.icon || DEFAULT_ICON;
-  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, props.children({
-    onConfirm: model.onConfirm,
-    onCancel: model.onCancel
-  }), /* @__PURE__ */ React2.default.createElement(_material.Portal, null, /* @__PURE__ */ React2.default.createElement(Modal, { open: model.opened, onClose: model.onCloseModal }, /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { p: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React2.default.createElement(
-    _material.Stack,
-    {
-      mx: "auto",
-      color: _colors.orange[800],
-      bgcolor: _colors.orange[50],
-      borderRadius: "50%",
-      height: 8 * 5,
-      width: 8 * 5,
-      direction: "row",
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React2.default.createElement(Icon, { size: 8 * 3 })
-  ), /* @__PURE__ */ React2.default.createElement(_material.Typography, { fontWeight: "bold", variant: "h6", mt: 1 }, props.title || "Aten\xE7\xE3o"), /* @__PURE__ */ React2.default.createElement(_material.Typography, { my: 1 }, props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?"), /* @__PURE__ */ React2.default.createElement(_material.Stack, { gap: 1, mt: 3, color: _colors.grey[600] }, /* @__PURE__ */ React2.default.createElement(
-    LargeButton,
-    {
-      color: "warning",
-      loading: model.isLoading,
-      onClick: model.onProceed
-    },
-    props.confirmButtonText || "Confirmar"
-  ), /* @__PURE__ */ React2.default.createElement(
-    LargeButton,
-    {
-      variant: "outlined",
-      disabled: model.isLoading,
-      onClick: model.onCancel,
-      color: "inherit"
-    },
-    props.cancelButtonText || "Cancelar"
-  ))))));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    props.children({
+      onConfirm: model.onConfirm,
+      onCancel: model.onCancel
+    }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Modal, { open: model.opened, onClose: model.onCloseModal, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 2, maxWidth: 400, textAlign: "center" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.Stack,
+        {
+          mx: "auto",
+          color: _colors.orange[800],
+          bgcolor: _colors.orange[50],
+          borderRadius: "50%",
+          height: 8 * 5,
+          width: 8 * 5,
+          direction: "row",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: 8 * 3 })
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { fontWeight: "bold", variant: "h6", mt: 1, children: props.title || "Aten\xE7\xE3o" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { my: 1, children: props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { gap: 1, mt: 3, color: _colors.grey[600], children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          LargeButton,
+          {
+            color: "warning",
+            loading: model.isLoading,
+            onClick: model.onProceed,
+            children: props.confirmButtonText || "Confirmar"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          LargeButton,
+          {
+            variant: "outlined",
+            disabled: model.isLoading,
+            onClick: model.onCancel,
+            color: "inherit",
+            children: props.cancelButtonText || "Cancelar"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
 };
 
-// src/components/BaseDialog/BaseDialog.tsx
-
-
 // src/components/BaseDialog/BaseDialogHook.ts
 
 
@@ -4348,7 +4723,7 @@ var BaseDialogProvider = (props) => {
   const closeAllDialogs = _react.useCallback.call(void 0, () => {
     return setOpenedDialogs([]);
   }, [openedDialogs]);
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     BaseDialogContext.Provider,
     {
       value: {
@@ -4358,9 +4733,9 @@ var BaseDialogProvider = (props) => {
         open: openDialog,
         closeAll: closeAllDialogs,
         close: closeDialog
-      }
-    },
-    props.children
+      },
+      children: props.children
+    }
   );
 };
 
@@ -4372,7 +4747,7 @@ var BaseDialogInstanceContext = _react.createContext.call(void 0,
 );
 var BaseDialogInstanceProvider = (props) => {
   const actions = useBaseDialog();
-  return /* @__PURE__ */ React2.default.createElement(BaseDialogInstanceContext.Provider, { value: { name: props.name, actions } }, props.children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseDialogInstanceContext.Provider, { value: { name: props.name, actions }, children: props.children });
 };
 
 // src/components/BaseDialog/BaseDialogHook.ts
@@ -4407,7 +4782,7 @@ var BaseDialogHeader = ({
     if (onClose) return onClose();
     closeDialog(name);
   }
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Stack,
     {
       direction: "row",
@@ -4415,24 +4790,27 @@ var BaseDialogHeader = ({
       justifyContent: "space-between",
       px: 2,
       my: 1,
-      ...props
-    },
-    /* @__PURE__ */ React2.default.createElement(_material.Typography, { variant: "h6", fontWeight: "bold", ...TypographyProps2 }, title),
-    /* @__PURE__ */ React2.default.createElement(_material.IconButton, { ...IconButtonProps, onClick: handleClose }, /* @__PURE__ */ React2.default.createElement(_md.MdClose, null))
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h6", fontWeight: "bold", ...TypographyProps2, children: title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, { ...IconButtonProps, onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdClose, {}) })
+      ]
+    }
   );
 };
 
 // src/components/BaseDialog/BaseDialog.tsx
+
 var BaseDialogContainer = ({
   children,
   ...rest
 }) => {
   const { name } = useBaseDialogInstance();
   const { isOpened, close: closeDialog } = useBaseDialog();
-  return /* @__PURE__ */ React2.default.createElement(Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, children instanceof Function ? children({ close: () => closeDialog(name) }) : children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest, children: children instanceof Function ? children({ close: () => closeDialog(name) }) : children });
 };
 var BaseDialogBody = (props) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.Box, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { 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__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Button,
     {
       ...props,
       onClick: (...params) => {
         if (onClick) onClick(...params);
         open(name);
-      }
-    },
-    props.children
+      },
+      children: props.children
+    }
   );
 };
 var BaseDialogCreate = (name = /* @__PURE__ */ Symbol()) => {
   return {
     name,
-    Trigger: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogTrigger, { name, ...props }),
-    Root: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogInstanceProvider, { name, ...props }),
+    Trigger: (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseDialogTrigger, { name, ...props }),
+    Root: (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseDialogInstanceProvider, { name, ...props }),
     Container: BaseDialogContainer,
     Header: BaseDialogHeader,
     Body: BaseDialogBody
@@ -4472,162 +4850,55 @@ 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
+
+
+var FormHelperContext = _react.createContext.call(void 0, {});
+var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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/contexts/AlertContext.tsx
+
+
+
+// src/components/Toast/index.tsx
+
+
+
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      onClose,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.Alert,
+        {
+          severity,
+          elevation: 2,
+          action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.IconButton,
+            {
+              "aria-label": "close",
+              color: "inherit",
+              size: "small",
+              onClick: onClose,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _md.MdClose, { fontSize: "inherit" })
+            }
+          ),
+          children: 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 = _nullishCoalesce(_optionalChain([props, 'optionalAccess', _83 => _83.public]), () => ( false));
-    this.middlewares = (_optionalChain([props, 'optionalAccess', _84 => _84.middlewares]) || []).reverse();
-    this.onFinally = _optionalChain([props, 'optionalAccess', _85 => _85.onFinally]) || (async () => {
-    });
-    this.onError = _optionalChain([props, 'optionalAccess', _86 => _86.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
-
-
-// src/hooks/useAlert.ts
-
-
 // src/contexts/AlertContext.tsx
 
-
-
-// src/components/Toast/index.tsx
-
-
-
-var Toast = ({ open, onClose, severity, message }) => {
-  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, /* @__PURE__ */ React2.default.createElement(
-    _material.Snackbar,
-    {
-      open,
-      autoHideDuration: 6e3,
-      onClose,
-      anchorOrigin: { vertical: "top", horizontal: "right" },
-      sx: { zIndex: 99999999 }
-    },
-    /* @__PURE__ */ React2.default.createElement(
-      _material.Alert,
-      {
-        severity,
-        elevation: 2,
-        action: /* @__PURE__ */ React2.default.createElement(
-          _material.IconButton,
-          {
-            "aria-label": "close",
-            color: "inherit",
-            size: "small",
-            onClick: onClose
-          },
-          /* @__PURE__ */ React2.default.createElement(_md.MdClose, { fontSize: "inherit" })
-        )
-      },
-      message
-    )
-  ));
-};
-
-// src/contexts/AlertContext.tsx
 var AlertContext = _react.createContext.call(void 0, {});
 var AlertProvider = ({ children }) => {
   const [severity, setSeverity] = _react.useState.call(void 0, "info");
@@ -4644,611 +4915,138 @@ var AlertProvider = ({ children }) => {
   const onCloseToast = _react.useCallback.call(void 0, () => {
     setIsVisible(false);
   }, []);
-  return /* @__PURE__ */ React2.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React2.default.createElement(
-    Toast,
-    {
-      open: isVisible,
-      onClose: onCloseToast,
-      severity,
-      message
-    }
-  ));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AlertContext.Provider, { value: { createAlert }, children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Toast,
+      {
+        open: isVisible,
+        onClose: onCloseToast,
+        severity,
+        message
+      }
+    )
+  ] });
 };
 
-// src/hooks/useAlert.ts
-var useAlert = () => {
-  return _react.useContext.call(void 0, AlertContext);
-};
+// src/contexts/AuthContext.tsx
 
-// src/hooks/useLoading.ts
 
-function useLoading() {
-  const [state, setState] = _react.useState.call(void 0, []);
-  const isLoading = _react.useCallback.call(void 0, (prop) => state.includes(prop), [state]);
-  const setLoading = _react.useCallback.call(void 0, (prop, remove) => {
-    if (remove)
-      setState((prevState) => prevState.filter((state2) => state2 !== prop));
-    else setState((prevState) => [...prevState, prop]);
-  }, []);
-  return { isLoading, setLoading };
-}
 
-// src/contexts/FormHelperProvider.tsx
 
 
-var FormHelperContext = _react.createContext.call(void 0, {});
-var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
-  return /* @__PURE__ */ React2.default.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
-};
 
-// src/hooks/useFormHelper.ts
-function useFormHelper() {
-  const alertProps = useAlert();
-  const loadingProps = useLoading();
-  const { api, formatErrorMessage } = _react.useContext.call(void 0, FormHelperContext);
-  const { createAlert } = alertProps;
-  const { setLoading } = loadingProps;
-  const sourceRef = _react.useRef.call(void 0, new AbortController());
-  const onSubmitWrapper = _react.useCallback.call(void 0, 
-    (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 = _react.useCallback.call(void 0, 
-    (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 = _react.useCallback.call(void 0, 
-    (error, callback) => {
-      if (_optionalChain([error, 'optionalAccess', _87 => _87.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]
-  );
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      sourceRef.current.abort();
-      sourceRef.current = new AbortController();
-    };
-  }, []);
-  return {
-    ...alertProps,
-    ...loadingProps,
-    onSubmitWrapper,
-    onRequestWrapper
-  };
-}
 
-// src/helpers/authHelper.ts
-var _cookie = require('cookie'); var cookie = _interopRequireWildcard(_cookie);
-var _uuid = require('uuid');
-var _jsonwebtoken = require('jsonwebtoken'); var _jsonwebtoken2 = _interopRequireDefault(_jsonwebtoken);
+// src/hooks/useGrid.ts
 
-// packages/nookies/index.ts
 
-var _setcookieparser = require('set-cookie-parser'); var setCookieParser = _interopRequireWildcard(_setcookieparser);
+// src/hooks/useFilter.ts
 
-// 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;
+
+// src/components/utils/getObjectValue.ts
+function getObjectValue(obj) {
+  return (prop) => {
+    try {
+      return prop.split(".").reduce((o, k) => o[k], obj);
+    } catch (_) {
+      return void 0;
     }
-  }
-  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 (_optionalChain([ctx, 'optionalAccess', _88 => _88.req, 'optionalAccess', _89 => _89.headers, 'optionalAccess', _90 => _90.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 (_optionalChain([ctx, 'optionalAccess', _91 => _91.res, 'optionalAccess', _92 => _92.getHeader]) && ctx.res.setHeader) {
-    if (_optionalChain([ctx, 'optionalAccess', _93 => _93.res, 'optionalAccess', _94 => _94.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.");
+// src/hooks/useFilter.ts
+function useFilter(props = { defaultFilters: [] }) {
+  const [selectedFilters, setSelectedFilters] = _react.useState.call(void 0, () => {
+    const { defaultFilters } = props;
+    return defaultFilters || [];
+  });
+  const filterBy = _react.useCallback.call(void 0, (newFilter) => {
+    const propToCompare = _optionalChain([newFilter, 'optionalAccess', _92 => _92.id]) ? "id" : "prop";
+    function removeRepeatedFilters(filter) {
+      return filter[propToCompare] !== newFilter[propToCompare];
     }
-    document.cookie = cookie.serialize(name, value, options);
+    setSelectedFilters((filters) => [
+      ...filters.filter(removeRepeatedFilters),
+      newFilter
+    ]);
+  }, []);
+  const removeFilter = _react.useCallback.call(void 0, 
+    (prop, isId) => {
+      const propToCompare = isId ? "id" : "prop";
+      setSelectedFilters(
+        selectedFilters.filter((filter) => filter[propToCompare] !== prop)
+      );
+    },
+    [selectedFilters]
+  );
+  function clearAllFilters() {
+    setSelectedFilters([]);
   }
-  return {};
+  return {
+    filters: selectedFilters,
+    filterBy,
+    removeFilter,
+    createFilter,
+    clearAllFilters
+  };
 }
-function destroyCookie(ctx, name, options) {
-  return setCookie(ctx, name, "", { ...options || {}, maxAge: -1 });
+function isDate(date) {
+  if (date instanceof Date) return true;
+  else if (String(date).endsWith("Z")) return true;
+  return false;
 }
-var nookies = {
-  set: setCookie,
-  get: parseCookies,
-  destroy: destroyCookie
-};
-
-// src/helpers/authHelper.ts
-function decodeSessionToken({
-  req,
-  res,
-  sessionTokenName,
-  validate
-}) {
-  const token = _optionalChain([req, 'access', _95 => _95.headers, 'access', _96 => _96.authorization, 'optionalAccess', _97 => _97.split, 'call', _98 => _98(" "), 'access', _99 => _99[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 _jsonwebtoken2.default.verify(token2, process.env.JWT_SECRET);
-    }
-    return _jsonwebtoken2.default.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;
+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;
   }
 }
-var AuthHelper = class {
-  constructor({
-    cookies,
-    oauth,
-    tokenExpTimeInSeconds,
-    onLogin,
-    onValidateRefreshToken,
-    onInvalidateRefreshToken,
-    onCreateRefreshToken,
-    onGetUserData
-  }) {
-    this.generateJwtAndRefreshToken = async (userId, payload = {}) => {
-      const token = _jsonwebtoken2.default.sign(payload, process.env.JWT_SECRET, {
-        subject: String(userId),
-        expiresIn: this.tokenExpTimeInSeconds || 60 * 15
-        // 15 minutos
-      });
-      const uniqueToken = _uuid.v4.call(void 0, );
-      await this.onCreateRefreshToken(userId, uniqueToken);
-      return {
-        token,
-        refreshToken: uniqueToken
-      };
-    };
-    this.invalidateCookies = (res) => {
-      return res.setHeader("Set-Cookie", [
-        _cookie.serialize.call(void 0, this.cookies.sessionToken, "", {
-          maxAge: -1,
-          path: "/"
-        }),
-        _cookie.serialize.call(void 0, 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;
+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;
   }
-  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 });
+  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);
       }
-      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 = _jsonwebtoken2.default.decode(data.access_token);
-    const email = decodedToken.upn;
-    const fullName = `${_optionalChain([decodedToken, 'optionalAccess', _100 => _100.given_name])} ${_optionalChain([decodedToken, 'optionalAccess', _101 => _101.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)
-          }
-        };
-      }
-    };
-  }
-};
-
-// src/hooks/useGrid.ts
-
-
-// src/hooks/useFilter.ts
-
-
-
-// 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/useFilter.ts
-function useFilter(props = { defaultFilters: [] }) {
-  const [selectedFilters, setSelectedFilters] = _react.useState.call(void 0, () => {
-    const { defaultFilters } = props;
-    return defaultFilters || [];
-  });
-  const filterBy = _react.useCallback.call(void 0, (newFilter) => {
-    const propToCompare = _optionalChain([newFilter, 'optionalAccess', _102 => _102.id]) ? "id" : "prop";
-    function removeRepeatedFilters(filter) {
-      return filter[propToCompare] !== newFilter[propToCompare];
-    }
-    setSelectedFilters((filters) => [
-      ...filters.filter(removeRepeatedFilters),
-      newFilter
-    ]);
-  }, []);
-  const removeFilter = _react.useCallback.call(void 0, 
-    (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.default.call(void 0, String(itemValue)).isSameOrAfter(filter.value) : itemValue >= filter.value;
-    case "gt":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isAfter(filter.value) : itemValue > filter.value;
-    case "lte":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isSameOrBefore(filter.value) : itemValue <= filter.value;
-    case "lt":
-      return isDate(itemValue) ? _moment2.default.call(void 0, String(itemValue)).isBefore(filter.value) : itemValue < filter.value;
-  }
-}
-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 {
-    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;
+      const aVal = a[key];
+      const bVal = b[key];
+      if (aVal > bVal) return direction;
+      if (aVal < bVal) return -direction;
     }
     return 0;
   };
@@ -5447,28 +5245,23 @@ function useAsyncGrid({
   search,
   rowsPerPageOptions = [30, 60, 100],
   onRequest,
-  axiosInstance,
+  httpClient,
   url,
   defaultData: externalDefaultData,
   defaultCurrentPage,
   defaultSortedBy
 }) {
   const [defaultData, setDefaultData] = _react.useState.call(void 0, externalDefaultData || []);
-  const [sortedBy, setSortedBy] = _react.useState.call(void 0, 
-    defaultSortedBy || []
-  );
+  const [sortedBy, setSortedBy] = _react.useState.call(void 0, defaultSortedBy || []);
   const [totalNumberOfItems, setTotalNumberOfItems] = _react.useState.call(void 0, 0);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
   const [currentPage, setCurrentPage] = _react.useState.call(void 0, defaultCurrentPage || 0);
   const [rowsPerPage, setRowsPerPage] = _react.useState.call(void 0, rowsPerPageOptions[0]);
   const totalNumberOfPages = Math.ceil(totalNumberOfItems / rowsPerPage) - 1;
-  const toggleSortedDirection = _react.useCallback.call(void 0, 
-    (direction) => {
-      if (direction === "asc") return "desc";
-      return "asc";
-    },
-    []
-  );
+  const toggleSortedDirection = _react.useCallback.call(void 0, (direction) => {
+    if (direction === "asc") return "desc";
+    return "asc";
+  }, []);
   const setSort = _react.useCallback.call(void 0, (prop, direction) => {
     setSortedBy((prev) => [...prev, { prop, direction }]);
   }, []);
@@ -5504,33 +5297,27 @@ function useAsyncGrid({
     setDefaultData(data);
   }, []);
   const baseRequest = _react.useCallback.call(void 0, 
-    async ({
-      page,
-      search: search2,
-      filters: filters2,
-      sortedBy: sortedBy2,
-      rowsPerPage: rowsPerPage2
-    }) => {
-      if (!axiosInstance) throw new Error("Axios instance not provided");
+    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: _optionalChain([search2, 'optionalAccess', _103 => _103.value]) || "",
+          searchText: _optionalChain([search2, 'optionalAccess', _93 => _93.value]) || "",
           sort: sortedBy2.map(({ prop, direction }) => `${prop}:${direction}`).join(","),
-          filters: filters2.map(
-            (filter) => `${filter.prop}:${filter.compareType}:${filter.value}`
-          ).join(",")
+          filters: filters2.map((filter) => `${filter.prop}:${filter.compareType}:${filter.value}`).join(",")
         });
         const pathWithParams = `${url}?${params.toString()}`;
-        const { data } = await axiosInstance.get(pathWithParams);
+        const { data } = await httpClient.get(
+          pathWithParams
+        );
         setTotalNumberOfItems(data.totalNumberOfItems);
         return data.rows;
       } catch (_) {
         return [];
       }
     },
-    [axiosInstance, url]
+    [httpClient, url]
   );
   const updateGridContent = _react.useCallback.call(void 0, 
     async ({
@@ -5618,12 +5405,97 @@ function useEvent(event, handler, passive = false) {
   });
 }
 
-// src/contexts/AuthContext.tsx
-
-
+// src/hooks/useLoading.ts
 
+function useLoading() {
+  const [state, setState] = _react.useState.call(void 0, []);
+  const isLoading = _react.useCallback.call(void 0, (prop) => state.includes(prop), [state]);
+  const setLoading = _react.useCallback.call(void 0, (prop, remove) => {
+    if (remove)
+      setState((prevState) => prevState.filter((state2) => state2 !== prop));
+    else setState((prevState) => [...prevState, prop]);
+  }, []);
+  return { isLoading, setLoading };
+}
 
+// src/hooks/useAlert.ts
 
+var useAlert = () => {
+  return _react.useContext.call(void 0, AlertContext);
+};
+
+// src/hooks/useFormHelper.ts
+
+function useFormHelper() {
+  const alertProps = useAlert();
+  const loadingProps = useLoading();
+  const { api, formatErrorMessage } = _react.useContext.call(void 0, FormHelperContext);
+  const { createAlert } = alertProps;
+  const { setLoading } = loadingProps;
+  const onSubmitWrapper = _react.useCallback.call(void 0, 
+    (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 = _react.useCallback.call(void 0, 
+    (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 = _react.useCallback.call(void 0, 
+    (error, callback) => {
+      if (_optionalChain([error, 'optionalAccess', _94 => _94.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]
+  );
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      api.abort();
+    };
+  }, [api]);
+  return {
+    ...alertProps,
+    ...loadingProps,
+    onSubmitWrapper,
+    onRequestWrapper
+  };
+}
+
+// src/contexts/AuthContext.tsx
 
 function createAuthContext() {
   return _react.createContext.call(void 0, {});
@@ -5646,13 +5518,13 @@ function CreateAuthProvider({
           password
         });
         const { token } = response.data;
-        api.defaults.headers.common.Authorization = `Bearer ${token}`;
+        api.setHeader("Authorization", `Bearer ${token}`);
         const { data } = await api.get("/auth/me");
         setUser(data);
         setStatus("autenticated");
         return true;
       } catch (error) {
-        createAlert(_optionalChain([error, 'optionalAccess', _104 => _104.response, 'optionalAccess', _105 => _105.data, 'optionalAccess', _106 => _106.error]), "error");
+        createAlert(_optionalChain([error, 'optionalAccess', _95 => _95.response, 'optionalAccess', _96 => _96.data, 'optionalAccess', _97 => _97.error]), "error");
         setStatus("unauthenticated");
         throw error;
       }
@@ -5675,7 +5547,7 @@ function CreateAuthProvider({
       });
     }
   }, [api, sessionTokenName]);
-  return /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Provider,
     {
       value: {
@@ -5683,12 +5555,375 @@ function CreateAuthProvider({
         signOut: ClientSignOut,
         signIn,
         status
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }
 
+// 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 = _nullishCoalesce(_optionalChain([props, 'optionalAccess', _98 => _98.public]), () => ( false));
+    this.middlewares = (_optionalChain([props, 'optionalAccess', _99 => _99.middlewares]) || []).reverse();
+    this.onFinally = _optionalChain([props, 'optionalAccess', _100 => _100.onFinally]) || (async () => {
+    });
+    this.onError = _optionalChain([props, 'optionalAccess', _101 => _101.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) => fn(acc, options), handler);
+      return await methodWithMiddlewares(req, res, options);
+    };
+  }
+  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
+      });
+    }
+  }
+  /** @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/helpers/authHelper.ts
+var _crypto = require('crypto');
+
+var _jsonwebtoken = require('jsonwebtoken'); var _jsonwebtoken2 = _interopRequireDefault(_jsonwebtoken);
+function decodeSessionToken({
+  req,
+  res,
+  sessionTokenName,
+  validate
+}) {
+  const token = _optionalChain([req, 'access', _102 => _102.headers, 'access', _103 => _103.authorization, 'optionalAccess', _104 => _104.split, 'call', _105 => _105(" "), 'access', _106 => _106[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 _jsonwebtoken2.default.verify(token2, process.env.JWT_SECRET);
+    }
+    return _jsonwebtoken2.default.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 = _jsonwebtoken2.default.sign(payload, process.env.JWT_SECRET, {
+        subject: String(userId),
+        expiresIn: this.tokenExpTimeInSeconds || 60 * 15
+        // 15 minutos
+      });
+      const uniqueToken = _crypto.randomUUID.call(void 0, );
+      await this.onCreateRefreshToken(userId, uniqueToken);
+      return {
+        token,
+        refreshToken: uniqueToken
+      };
+    };
+    this.invalidateCookies = (res) => {
+      return res.setHeader("Set-Cookie", [
+        _cookie.serialize.call(void 0, this.cookies.sessionToken, "", {
+          maxAge: -1,
+          path: "/"
+        }),
+        _cookie.serialize.call(void 0, 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
+        });
+        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 = _jsonwebtoken2.default.decode(data.access_token);
+    const email = decodedToken.upn;
+    const fullName = `${_optionalChain([decodedToken, 'optionalAccess', _107 => _107.given_name])} ${_optionalChain([decodedToken, 'optionalAccess', _108 => _108.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)
+          }
+        };
+      }
+    };
+  }
+};
+
+
+
 
 
 
@@ -5740,7 +5975,7 @@ function CreateAuthProvider({
 
 
 
-exports.AlertContext = AlertContext; exports.AlertProvider = AlertProvider; exports.ApiHelper = ApiHelper; exports.AuthHelper = AuthHelper; exports.Autocomplete = Autocomplete2; exports.BaseDialog = BaseDialog; exports.BaseDialogBody = BaseDialogBody; exports.BaseDialogContainer = BaseDialogContainer; exports.BaseDialogCreate = BaseDialogCreate; exports.BaseDialogTrigger = BaseDialogTrigger; exports.BaseGrid = BaseGrid; exports.BaseGridAutoRows = BaseGridAutoRows; exports.Checkbox = Checkbox; exports.CreateAuthProvider = CreateAuthProvider; exports.Dialog = Dialog; exports.DialogConfirm = DialogConfirm; exports.DomainError = DomainError; exports.EditableTableCell = EditableTableCell; exports.FormHelperContext = FormHelperContext; exports.FormHelperProvider = FormHelperProvider; exports.GetInputLabel = GetInputLabel; exports.Grid = Grid_default; exports.HttpError = HttpError; exports.Input = Input; exports.InputMask = InputMask2; exports.LargeButton = LargeButton; exports.Modal = Modal; exports.Radio = Radio; exports.Select = Select; exports.Switch = Switch; exports.TabPanel = TabPanel; exports.Td = Td; exports.Tr = Tr; exports.UseDialogConfirm = UseDialogConfirm; exports.createAuthContext = createAuthContext; exports.createFilter = createFilter; exports.destroyCookie = destroyCookie; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.nookies = nookies; exports.parseCookies = parseCookies; exports.setCookie = setCookie; exports.useAlert = useAlert; exports.useAsyncGrid = useAsyncGrid; exports.useBaseDialog = useBaseDialog; exports.useBaseDialogInstance = useBaseDialogInstance; exports.useEvent = useEvent; exports.useFilter = useFilter; exports.useFormHelper = useFormHelper; exports.useGrid = useGrid; exports.useLoading = useLoading;
+exports.AlertContext = AlertContext; exports.AlertProvider = AlertProvider; exports.ApiHelper = ApiHelper; exports.AuthHelper = AuthHelper; exports.Autocomplete = Autocomplete2; exports.BaseDialog = BaseDialog; exports.BaseDialogBody = BaseDialogBody; exports.BaseDialogContainer = BaseDialogContainer; exports.BaseDialogCreate = BaseDialogCreate; exports.BaseDialogTrigger = BaseDialogTrigger; exports.BaseGrid = BaseGrid; exports.BaseGridAutoRows = BaseGridAutoRows; exports.Checkbox = Checkbox; exports.CreateAuthProvider = CreateAuthProvider; exports.Dialog = Dialog; exports.DialogConfirm = DialogConfirm; exports.DomainError = DomainError; exports.EditableTableCell = EditableTableCell; exports.FormHelperContext = FormHelperContext; exports.FormHelperProvider = FormHelperProvider; exports.GetInputLabel = GetInputLabel; exports.Grid = Grid_default; exports.HttpClientError = HttpClientError; exports.HttpError = HttpError; exports.Input = Input; exports.InputMask = InputMask2; exports.LargeButton = LargeButton; exports.Modal = Modal; exports.Radio = Radio; exports.Select = Select; exports.Switch = Switch; exports.TabPanel = TabPanel; exports.Td = Td; exports.Tr = Tr; exports.UseDialogConfirm = UseDialogConfirm; exports.createAuthContext = createAuthContext; exports.createFilter = createFilter; exports.createHttpClient = createHttpClient; exports.destroyCookie = destroyCookie; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.nookies = nookies; exports.parseCookies = parseCookies; exports.setCookie = setCookie; exports.useAlert = useAlert; exports.useAsyncGrid = useAsyncGrid; exports.useBaseDialog = useBaseDialog; exports.useBaseDialogInstance = useBaseDialogInstance; exports.useEvent = useEvent; exports.useFilter = useFilter; exports.useFormHelper = useFormHelper; exports.useGrid = useGrid; exports.useLoading = useLoading;
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js: