@bluemarble/bm-components 2.0.1 → 2.0.3

package/dist/index.js

@@ -1,38 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var __create = Object.create;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -52,26 +23,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
@@ -1287,7 +1238,7 @@ var GridHeader = ({
       {
         key: title.name,
         sortDirection: orderBy === title.name ? order : false,
-        sx: __spreadValues({ fontWeight: "bold" }, title.sx)
+        sx: { fontWeight: "bold", ...title.sx }
       },
       /* @__PURE__ */ React2.default.createElement(
         _material.TableSortLabel,
@@ -1358,7 +1309,9 @@ function deepClone(source) {
 function deepmerge(target, source, options = {
   clone: true
 }) {
-  const output = options.clone ? __spreadValues({}, target) : target;
+  const output = options.clone ? {
+    ...target
+  } : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach((key) => {
       if (/* @__PURE__ */ React2.isValidElement(source[key]) || (0, import_react_is.isValidElementType)(source[key])) {
@@ -1384,13 +1337,16 @@ var sortBreakpointsValues = (values2) => {
   })) || [];
   breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
   return breakpointsAsArray.reduce((acc, obj) => {
-    return __spreadProps(__spreadValues({}, acc), {
+    return {
+      ...acc,
       [obj.key]: obj.val
-    });
+    };
   }, {});
 };
 function createBreakpoints(breakpoints) {
-  const _a = breakpoints, {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
     values: values2 = {
       xs: 0,
       // phone
@@ -1404,14 +1360,9 @@ function createBreakpoints(breakpoints) {
       // large screen
     },
     unit = "px",
-    step = 5
-  } = _a, other = __objRest(_a, [
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    "values",
-    "unit",
-    "step"
-  ]);
+    step = 5,
+    ...other
+  } = breakpoints;
   const sortedValues = sortBreakpointsValues(values2);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -1442,7 +1393,7 @@ function createBreakpoints(breakpoints) {
     }
     return between(key, keys[keys.indexOf(key) + 1]).replace("@media", "@media not all and");
   }
-  return __spreadValues({
+  return {
     keys,
     values: sortedValues,
     up,
@@ -1450,8 +1401,9 @@ function createBreakpoints(breakpoints) {
     between,
     only,
     not,
-    unit
-  }, other);
+    unit,
+    ...other
+  };
 }
 
 // node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js
@@ -1460,9 +1412,8 @@ function sortContainerQueries(theme, css2) {
     return css2;
   }
   const sorted = Object.keys(css2).filter((key) => key.startsWith("@container")).sort((a, b) => {
-    var _a, _b;
     const regex = /min-width:\s*([0-9.]+)/;
-    return +(((_a = a.match(regex)) == null ? void 0 : _a[1]) || 0) - +(((_b = b.match(regex)) == null ? void 0 : _b[1]) || 0);
+    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);
   });
   if (!sorted.length) {
     return css2;
@@ -1472,7 +1423,9 @@ function sortContainerQueries(theme, css2) {
     delete acc[key];
     acc[key] = value;
     return acc;
-  }, __spreadValues({}, css2));
+  }, {
+    ...css2
+  });
 }
 function isCqShorthand(breakpointKeys, value) {
   return value === "@" || value.startsWith("@") && (breakpointKeys.some((key) => value.startsWith(`@${key}`)) || !!value.match(/^@\d/));
@@ -1511,9 +1464,10 @@ function cssContainerQueries(themeInput) {
     return node;
   };
   attachCq(containerQueries);
-  return __spreadProps(__spreadValues({}, themeInput), {
+  return {
+    ...themeInput,
     containerQueries
-  });
+  };
 }
 
 // node_modules/@mui/system/esm/createTheme/shape.js
@@ -1600,12 +1554,11 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
   return output;
 }
 function createEmptyBreakpointObject(breakpointsInput = {}) {
-  var _a;
-  const breakpointsInOrder = (_a = breakpointsInput.keys) == null ? void 0 : _a.reduce((acc, key) => {
+  const breakpointsInOrder = _optionalChain([breakpointsInput, 'access', _8 => _8.keys, 'optionalAccess', _9 => _9.reduce, 'call', _10 => _10((acc, key) => {
     const breakpointStyleKey = breakpointsInput.up(key);
     acc[breakpointStyleKey] = {};
     return acc;
-  }, {});
+  }, {})]);
   return breakpointsInOrder || {};
 }
 function removeUnusedBreakpoints(breakpointKeys, style3) {
@@ -1742,8 +1695,7 @@ var marginKeys = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop"
 var paddingKeys = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
 var spacingKeys = [...marginKeys, ...paddingKeys];
 function createUnaryUnit(theme, themeKey, defaultValue, propName) {
-  var _a;
-  const themeSpacing = (_a = getPath(theme, themeKey, true)) != null ? _a : defaultValue;
+  const themeSpacing = _nullishCoalesce(getPath(theme, themeKey, true), () => ( defaultValue));
   if (typeof themeSpacing === "number" || typeof themeSpacing === "string") {
     return (val) => {
       if (typeof val === "string") {
@@ -2048,14 +2000,13 @@ var width = style_default({
 var maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _a, _b, _c, _d, _e;
-      const breakpoint = ((_c = (_b = (_a = props.theme) == null ? void 0 : _a.breakpoints) == null ? void 0 : _b.values) == null ? void 0 : _c[propValue]) || values[propValue];
+      const breakpoint = _optionalChain([props, 'access', _11 => _11.theme, 'optionalAccess', _12 => _12.breakpoints, 'optionalAccess', _13 => _13.values, 'optionalAccess', _14 => _14[propValue]]) || values[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)
         };
       }
-      if (((_e = (_d = props.theme) == null ? void 0 : _d.breakpoints) == null ? void 0 : _e.unit) !== "px") {
+      if (_optionalChain([props, 'access', _15 => _15.theme, 'optionalAccess', _16 => _16.breakpoints, 'optionalAccess', _17 => _17.unit]) !== "px") {
         return {
           maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
         };
@@ -2445,7 +2396,6 @@ function unstable_createStyleFunctionSx() {
     return handleBreakpoints(props, val, styleFromPropValue);
   }
   function styleFunctionSx2(props) {
-    var _a;
     const {
       sx,
       theme = {},
@@ -2454,7 +2404,7 @@ function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null;
     }
-    const config = (_a = theme.unstable_sxConfig) != null ? _a : defaultSxConfig_default;
+    const config = _nullishCoalesce(theme.unstable_sxConfig, () => ( defaultSxConfig_default));
     function traverse(sxInput) {
       let sxObject = sxInput;
       if (typeof sxInput === "function") {
@@ -2512,10 +2462,9 @@ var styleFunctionSx_default = styleFunctionSx;
 
 // node_modules/@mui/system/esm/createTheme/applyStyles.js
 function applyStyles(key, styles2) {
-  var _a;
   const theme = this;
   if (theme.vars) {
-    if (!((_a = theme.colorSchemes) == null ? void 0 : _a[key]) || typeof theme.getColorSchemeSelector !== "function") {
+    if (!_optionalChain([theme, 'access', _18 => _18.colorSchemes, 'optionalAccess', _19 => _19[key]]) || typeof theme.getColorSchemeSelector !== "function") {
       return {};
     }
     let selector = theme.getColorSchemeSelector(key);
@@ -2537,17 +2486,13 @@ function applyStyles(key, styles2) {
 
 // node_modules/@mui/system/esm/createTheme/createTheme.js
 function createTheme(options = {}, ...args) {
-  const _a = options, {
+  const {
     breakpoints: breakpointsInput = {},
     palette: paletteInput = {},
     spacing: spacingInput,
-    shape: shapeInput = {}
-  } = _a, other = __objRest(_a, [
-    "breakpoints",
-    "palette",
-    "spacing",
-    "shape"
-  ]);
+    shape: shapeInput = {},
+    ...other
+  } = options;
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing2 = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -2555,16 +2500,23 @@ function createTheme(options = {}, ...args) {
     direction: "ltr",
     components: {},
     // Inject component definitions.
-    palette: __spreadValues({
-      mode: "light"
-    }, paletteInput),
+    palette: {
+      mode: "light",
+      ...paletteInput
+    },
     spacing: spacing2,
-    shape: __spreadValues(__spreadValues({}, shape_default), shapeInput)
+    shape: {
+      ...shape_default,
+      ...shapeInput
+    }
   }, other);
   muiTheme = cssContainerQueries(muiTheme);
   muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = __spreadValues(__spreadValues({}, defaultSxConfig_default), other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = {
+    ...defaultSxConfig_default,
+    ..._optionalChain([other, 'optionalAccess', _20 => _20.unstable_sxConfig])
+  };
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx_default({
       sx: props,
@@ -2595,12 +2547,11 @@ var useTheme_default = useTheme2;
 
 // node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js
 var splitProps = (props) => {
-  var _a, _b;
   const result = {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_b = (_a = props == null ? void 0 : props.theme) == null ? void 0 : _a.unstable_sxConfig) != null ? _b : defaultSxConfig_default;
+  const config = _nullishCoalesce(_optionalChain([props, 'optionalAccess', _21 => _21.theme, 'optionalAccess', _22 => _22.unstable_sxConfig]), () => ( defaultSxConfig_default));
   Object.keys(props).forEach((prop) => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -2611,11 +2562,10 @@ var splitProps = (props) => {
   return result;
 };
 function extendSxProp(props) {
-  const _a = props, {
-    sx: inSx
-  } = _a, other = __objRest(_a, [
-    "sx"
-  ]);
+  const {
+    sx: inSx,
+    ...other
+  } = props;
   const {
     systemProps,
     otherProps
@@ -2629,14 +2579,21 @@ function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return __spreadValues(__spreadValues({}, systemProps), result);
+      return {
+        ...systemProps,
+        ...result
+      };
     };
   } else {
-    finalSx = __spreadValues(__spreadValues({}, systemProps), inSx);
+    finalSx = {
+      ...systemProps,
+      ...inSx
+    };
   }
-  return __spreadProps(__spreadValues({}, otherProps), {
+  return {
+    ...otherProps,
     sx: finalSx
-  });
+  };
 }
 
 // node_modules/@mui/system/esm/Box/Box.js
@@ -2694,19 +2651,18 @@ function createBox(options = {}) {
   })(styleFunctionSx_default);
   const Box9 = /* @__PURE__ */ React4.forwardRef(function Box10(inProps, ref) {
     const theme = useTheme_default(defaultTheme);
-    const _a = extendSxProp(inProps), {
+    const {
       className,
-      component = "div"
-    } = _a, other = __objRest(_a, [
-      "className",
-      "component"
-    ]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BoxRoot, __spreadValues({
+      component = "div",
+      ...other
+    } = extendSxProp(inProps);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BoxRoot, {
       as: component,
       ref,
       className: clsx_default(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
-      theme: themeId ? theme[themeId] || theme : theme
-    }, other));
+      theme: themeId ? theme[themeId] || theme : theme,
+      ...other
+    });
   });
   return Box9;
 }
@@ -3101,12 +3057,12 @@ var Grid = (props) => {
         options: columnTitles.map((title) => title.label),
         renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
           _material.TextField,
-          __spreadProps(__spreadValues({
+          {
             variant: "standard",
-            margin: "dense"
-          }, params), {
+            margin: "dense",
+            ...params,
             label: "Coluna"
-          })
+          }
         )
       }
     ), /* @__PURE__ */ React2.default.createElement(
@@ -3120,12 +3076,12 @@ var Grid = (props) => {
         options: valuesToFilter.map((title) => title),
         renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
           _material.TextField,
-          __spreadProps(__spreadValues({
+          {
             variant: "standard",
-            margin: "dense"
-          }, params), {
+            margin: "dense",
+            ...params,
             label: "Valor"
-          })
+          }
         )
       }
     ), /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { py: 1 } }), /* @__PURE__ */ React2.default.createElement(
@@ -3198,7 +3154,6 @@ var Grid_default = Grid;
 
 var _moment = require('moment'); var _moment2 = _interopRequireDefault(_moment);
 var DefaultInput = (allProps) => {
-  var _a;
   const {
     TextFieldProps: TextFieldProps3,
     onSave,
@@ -3224,14 +3179,13 @@ var DefaultInput = (allProps) => {
     }
   };
   const handleSave = (event) => {
-    var _a2, _b, _c;
-    onUpdateValue(String((_a2 = event.target) == null ? void 0 : _a2.value));
+    onUpdateValue(String(_optionalChain([event, 'access', _23 => _23.target, 'optionalAccess', _24 => _24.value])));
     setIsEditing(false);
     const response = {
       name,
       event,
-      value: (_b = event.target) == null ? void 0 : _b.value,
-      data: __spreadProps(__spreadValues({}, rowData), { [name]: (_c = event.target) == null ? void 0 : _c.value })
+      value: _optionalChain([event, 'access', _25 => _25.target, 'optionalAccess', _26 => _26.value]),
+      data: { ...rowData, [name]: _optionalChain([event, 'access', _27 => _27.target, 'optionalAccess', _28 => _28.value]) }
     };
     onSave(response);
   };
@@ -3241,17 +3195,18 @@ var DefaultInput = (allProps) => {
   };
   return /* @__PURE__ */ React2.default.createElement(
     _material.TextField,
-    __spreadValues({
+    {
       name,
       focused: isEditing,
       onBlur: (ev) => handleSave(ev),
       autoFocus: true,
       type,
       size: "small",
-      defaultValue: formatDefaultValue(rowData == null ? void 0 : rowData[name]),
-      sx: __spreadValues({
-        width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
+      defaultValue: formatDefaultValue(_optionalChain([rowData, 'optionalAccess', _29 => _29[name]])),
+      sx: {
+        width: fullWidth ? "100%" : "intial",
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _30 => _30.sx])
+      },
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -3259,13 +3214,16 @@ var DefaultInput = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
-        sx: __spreadValues({
+      InputProps: {
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _31 => _31.InputProps]),
+        sx: {
           fontSize: 14,
-          pl: 0.2
-        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
-      })
-    }, TextFieldProps3)
+          pl: 0.2,
+          ..._optionalChain([TextFieldProps3, 'optionalAccess', _32 => _32.InputProps, 'optionalAccess', _33 => _33.sx])
+        }
+      },
+      ...TextFieldProps3
+    }
   );
 };
 
@@ -3274,7 +3232,6 @@ var _reactimask = require('react-imask');
 
 
 var InputMask = (allProps) => {
-  var _a;
   const {
     TextFieldProps: TextFieldProps3,
     onSave,
@@ -3290,15 +3247,14 @@ var InputMask = (allProps) => {
     mask
   );
   const handleSave = (event) => {
-    var _a2, _b, _c;
     setIsEditing(false);
-    setValue(String((_a2 = event.target) == null ? void 0 : _a2.value));
+    setValue(String(_optionalChain([event, 'access', _34 => _34.target, 'optionalAccess', _35 => _35.value])));
     const response = {
       name,
       event,
-      value: (_b = event.target) == null ? void 0 : _b.value,
+      value: _optionalChain([event, 'access', _36 => _36.target, 'optionalAccess', _37 => _37.value]),
       unmaskedValue,
-      data: __spreadProps(__spreadValues({}, rowData), { [name]: (_c = event.target) == null ? void 0 : _c.value })
+      data: { ...rowData, [name]: _optionalChain([event, 'access', _38 => _38.target, 'optionalAccess', _39 => _39.value]) }
     };
     onSave(response);
   };
@@ -3307,20 +3263,21 @@ var InputMask = (allProps) => {
     if (ev.code === "Escape") handleCancelEditing();
   };
   _react.useEffect.call(void 0, () => {
-    if (rowData == null ? void 0 : rowData[name]) setValue(String(rowData == null ? void 0 : rowData[name]));
-  }, [rowData == null ? void 0 : rowData[name]]);
+    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(
     _material.TextField,
-    __spreadValues({
+    {
       inputRef: ref,
       name,
       focused: isEditing,
       onBlur: (ev) => handleSave(ev),
       autoFocus: true,
       size: "small",
-      sx: __spreadValues({
-        width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
+      sx: {
+        width: fullWidth ? "100%" : "intial",
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _43 => _43.sx])
+      },
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -3328,19 +3285,22 @@ var InputMask = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
-        sx: __spreadValues({
+      InputProps: {
+        ..._optionalChain([TextFieldProps3, 'optionalAccess', _44 => _44.InputProps]),
+        sx: {
           fontSize: 14,
-          pl: 0.2
-        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
-      })
-    }, TextFieldProps3)
+          pl: 0.2,
+          ..._optionalChain([TextFieldProps3, 'optionalAccess', _45 => _45.InputProps, 'optionalAccess', _46 => _46.sx])
+        }
+      },
+      ...TextFieldProps3
+    }
   );
 };
 
 // src/components/Grid/EditableTableCell/index.tsx
 var EditableTableCell = (allProps) => {
-  const _a = allProps, {
+  const {
     TextFieldProps: TextFieldProps3,
     onSave = () => {
     },
@@ -3353,37 +3313,27 @@ var EditableTableCell = (allProps) => {
     formatInputDefautvalue,
     bordered,
     type,
-    rowIndex
-  } = _a, props = __objRest(_a, [
-    "TextFieldProps",
-    "onSave",
-    "onCancel",
-    "name",
-    "rowData",
-    "mask",
-    "fullWidth",
-    "formatCellValue",
-    "formatInputDefautvalue",
-    "bordered",
-    "type",
-    "rowIndex"
-  ]);
+    rowIndex,
+    ...props
+  } = allProps;
   const [isEditing, setIsEditing] = _react.useState.call(void 0, false);
-  const [value, setValue] = _react.useState.call(void 0, rowData == null ? void 0 : rowData[name]);
+  const [value, setValue] = _react.useState.call(void 0, _optionalChain([rowData, 'optionalAccess', _47 => _47[name]]));
   const handleCancelEditing = () => {
     setIsEditing(false);
     if (onCancel) onCancel();
   };
   return /* @__PURE__ */ React2.default.createElement(
     _material.TableCell,
-    __spreadProps(__spreadValues({}, props), {
-      sx: __spreadProps(__spreadValues({}, (props || {}).sx), {
+    {
+      ...props,
+      sx: {
+        ...(props || {}).sx,
         p: isEditing ? 0 : "intial",
         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,
       {
@@ -3392,10 +3342,9 @@ var EditableTableCell = (allProps) => {
         setIsEditing,
         name,
         rowData,
-        onSave: (_b) => {
-          var _c = _b, { value: value2 } = _c, rest = __objRest(_c, ["value"]);
+        onSave: ({ value: value2, ...rest }) => {
           setValue(value2);
-          onSave(__spreadValues({ value: value2 }, rest));
+          onSave({ value: value2, ...rest });
         },
         handleCancelEditing,
         formatInputDefautvalue
@@ -3423,52 +3372,42 @@ var EditableTableCell = (allProps) => {
 
 
 var _formik = require('formik');
-var Input = (_a) => {
-  var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInput, __spreadValues({}, rest));
-  else return /* @__PURE__ */ React2.default.createElement(BaseInput, __spreadValues({}, rest));
+var Input = ({ withFormik = true, ...rest }) => {
+  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInput, { ...rest });
+  else return /* @__PURE__ */ React2.default.createElement(BaseInput, { ...rest });
 };
 var BaseInput = (props) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.TextField, __spreadValues({ fullWidth: true }, props));
+  return /* @__PURE__ */ React2.default.createElement(_material.TextField, { fullWidth: true, ...props });
 };
-var FormikInput = (_a) => {
-  var _b = _a, { name, shrink } = _b, rest = __objRest(_b, ["name", "shrink"]);
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, (_a2) => {
-    var _b2 = _a2, { field: _c } = _b2, _d = _c, { value } = _d, field = __objRest(_d, ["value"]), { meta: { error } } = _b2;
-    return /* @__PURE__ */ React2.default.createElement(
-      BaseInput,
-      __spreadProps(__spreadValues(__spreadValues({
-        defaultValue: value,
-        error: Boolean(error),
-        helperText: error
-      }, field), rest), {
-        InputLabelProps: __spreadValues({ shrink }, rest.InputLabelProps)
-      })
-    );
-  });
+var FormikInput = ({ name, shrink, ...rest }) => {
+  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, ({ field: { value, ...field }, meta: { error } }) => /* @__PURE__ */ React2.default.createElement(
+    BaseInput,
+    {
+      defaultValue: value,
+      error: Boolean(error),
+      helperText: error,
+      ...field,
+      ...rest,
+      InputLabelProps: { shrink, ...rest.InputLabelProps }
+    }
+  ));
 };
 
 // src/components/InputMask/index.tsx
 
 
 
-function InputMask2(_a) {
-  var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInputMask, __spreadValues({}, rest));
-  else return /* @__PURE__ */ React2.default.createElement(BaseInputMask, __spreadValues({}, rest));
+function InputMask2({ withFormik = true, ...rest }) {
+  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikInputMask, { ...rest });
+  else return /* @__PURE__ */ React2.default.createElement(BaseInputMask, { ...rest });
 }
-var BaseInputMask = (_a) => {
-  var _b = _a, {
-    mask,
-    defaultValue,
-    onChangeValue,
-    value: controlledValue
-  } = _b, rest = __objRest(_b, [
-    "mask",
-    "defaultValue",
-    "onChangeValue",
-    "value"
-  ]);
+var BaseInputMask = ({
+  mask,
+  defaultValue,
+  onChangeValue,
+  value: controlledValue,
+  ...rest
+}) => {
   const { ref, value, setValue, maskRef, unmaskedValue } = _reactimask.useIMask.call(void 0, 
     mask,
     {
@@ -3485,18 +3424,14 @@ var BaseInputMask = (_a) => {
     setValue(controlledValue);
     maskRef.current.value = controlledValue;
   }, [controlledValue]);
-  return /* @__PURE__ */ React2.default.createElement(BaseInput, __spreadValues({ inputRef: ref }, rest));
+  return /* @__PURE__ */ React2.default.createElement(BaseInput, { inputRef: ref, ...rest });
 };
-function FormikInputMask(_a) {
-  var _b = _a, {
-    mask,
-    defaultValue,
-    name
-  } = _b, rest = __objRest(_b, [
-    "mask",
-    "defaultValue",
-    "name"
-  ]);
+function FormikInputMask({
+  mask,
+  defaultValue,
+  name,
+  ...rest
+}) {
   const { ref, value, unmaskedValue, maskRef, setValue } = _reactimask.useIMask.call(void 0, 
     mask
   );
@@ -3516,23 +3451,22 @@ function FormikInputMask(_a) {
     if (formikSaveFunction.current)
       formikSaveFunction.current(name, unmaskedValue);
   }, [value]);
-  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, (_a2) => {
-    var _b2 = _a2, {
-      field: _c
-    } = _b2, _d = _c, { value: value2 } = _d, field = __objRest(_d, ["value"]), {
-      meta: { error },
-      form: { setFieldValue }
-    } = _b2;
+  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, ({
+    field: { value: value2, ...field },
+    meta: { error },
+    form: { setFieldValue }
+  }) => {
     initialValue.current = value2;
     formikSaveFunction.current = setFieldValue;
     return /* @__PURE__ */ React2.default.createElement(
       BaseInput,
-      __spreadProps(__spreadValues({}, rest), {
+      {
+        ...rest,
         name: field.name,
         inputRef: ref,
         error: Boolean(error),
         helperText: error
-      })
+      }
     );
   });
 }
@@ -3547,70 +3481,58 @@ function FormikInputMask(_a) {
 
 
 var CustomInputLabel = _material.InputLabel;
-function Select(_a) {
-  var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
-  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikSelect, __spreadValues({}, rest));
-  else return /* @__PURE__ */ React2.default.createElement(BaseSelect, __spreadValues({}, rest));
+function Select({ withFormik = true, ...rest }) {
+  if (withFormik) return /* @__PURE__ */ React2.default.createElement(FormikSelect, { ...rest });
+  else return /* @__PURE__ */ React2.default.createElement(BaseSelect, { ...rest });
 }
-function BaseSelect(_a) {
-  var _b = _a, {
-    name,
-    label,
-    children,
-    FormControlProps: FormControlProps2,
-    InputLabelProps: InputLabelProps2
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "children",
-    "FormControlProps",
-    "InputLabelProps"
-  ]);
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, __spreadValues({ fullWidth: true }, FormControlProps2), /* @__PURE__ */ React2.default.createElement(CustomInputLabel, __spreadValues({}, InputLabelProps2), label), /* @__PURE__ */ React2.default.createElement(
+function BaseSelect({
+  name,
+  label,
+  children,
+  FormControlProps: FormControlProps2,
+  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,
-    __spreadValues({
+    {
       name,
       inputProps: {
         name
       },
-      label
-    }, rest),
+      label,
+      ...rest
+    },
     children
   ));
 }
-function FormikSelect(_a) {
-  var _b = _a, {
-    name,
-    label,
-    children,
-    FormControlProps: FormControlProps2,
-    InputLabelProps: InputLabelProps2,
-    helperText
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "children",
-    "FormControlProps",
-    "InputLabelProps",
-    "helperText"
-  ]);
-  const [_a2, ..._b2] = _formik.useField.call(void 0, { name }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+function FormikSelect({
+  name,
+  label,
+  children,
+  FormControlProps: FormControlProps2,
+  InputLabelProps: InputLabelProps2,
+  helperText,
+  ...rest
+}) {
+  const [{ value, ...field }, meta, { setValue }] = _formik.useField.call(void 0, { name });
   const onChange = (_, { props: { value: value2 } }) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, __spreadProps(__spreadValues({ fullWidth: true }, FormControlProps2), { error: Boolean(meta == null ? void 0 : meta.error) }), /* @__PURE__ */ React2.default.createElement(CustomInputLabel, __spreadValues({}, InputLabelProps2), label), /* @__PURE__ */ React2.default.createElement(
+  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,
-    __spreadProps(__spreadValues(__spreadValues({
+    {
       inputProps: {
         name
       },
-      label
-    }, rest), field), {
+      label,
+      ...rest,
+      ...field,
       defaultValue: value,
       onChange
-    }),
+    },
     children
-  ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || (meta == null ? void 0 : meta.error)));
+  ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || _optionalChain([meta, 'optionalAccess', _49 => _49.error])));
 }
 
 // src/components/Autocomplete/index.tsx
@@ -3626,70 +3548,65 @@ function FormikSelect(_a) {
 
 
 var _styles = require('@mui/material/styles');
-function Autocomplete2(_a) {
-  var _b = _a, {
-    withFormik = true,
-    name,
-    getOptionValue
-  } = _b, rest = __objRest(_b, [
-    "withFormik",
-    "name",
-    "getOptionValue"
-  ]);
+function Autocomplete2({
+  withFormik = true,
+  name,
+  getOptionValue,
+  ...rest
+}) {
   if (withFormik) {
     const theme = _styles.useTheme.call(void 0, );
     const isLegacyBehaviorDisabledTheme = _react.useMemo.call(void 0, () => {
-      var _a2, _b2, _c;
-      return ((_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiAutocomplete) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c["data-legacy-behavior"]) === "disabled";
+      return _optionalChain([theme, 'access', _50 => _50.components, 'optionalAccess', _51 => _51.MuiAutocomplete, 'optionalAccess', _52 => _52.defaultProps, 'optionalAccess', _53 => _53["data-legacy-behavior"]]) === "disabled";
     }, [theme]);
-    const isLegacyBehaviorDisabled = typeof (rest == null ? void 0 : rest["data-legacy-behavior"]) !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
+    const isLegacyBehaviorDisabled = typeof _optionalChain([rest, 'optionalAccess', _54 => _54["data-legacy-behavior"]]) !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
     if (isLegacyBehaviorDisabled)
       return /* @__PURE__ */ React2.default.createElement(
         FormikAutocomplete,
-        __spreadValues({
+        {
           name,
-          getOptionValue
-        }, rest)
+          getOptionValue,
+          ...rest
+        }
       );
     return /* @__PURE__ */ React2.default.createElement(
       FormikAutocompleteLegacy,
-      __spreadValues({
+      {
         name,
-        getOptionValue
-      }, rest)
+        getOptionValue,
+        ...rest
+      }
     );
   }
-  return /* @__PURE__ */ React2.default.createElement(BaseInput2, __spreadValues({}, rest));
+  return /* @__PURE__ */ React2.default.createElement(BaseInput2, { ...rest });
 }
 function BaseInput2(props) {
   return /* @__PURE__ */ React2.default.createElement(
     _material.Autocomplete,
-    __spreadValues({
+    {
       fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(_material.TextField, __spreadValues({ label: props.label }, params))
-    }, props)
+      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(_material.TextField, { label: props.label, ...params }),
+      ...props
+    }
   );
 }
-function FormikAutocompleteLegacy(_a) {
-  var _b = _a, {
-    getOptionValue,
-    option
-  } = _b, props = __objRest(_b, [
-    "getOptionValue",
-    "option"
-  ]);
-  const [_a2, ..._b2] = _formik.useField.call(void 0, {
+function FormikAutocompleteLegacy({
+  getOptionValue,
+  option,
+  ...props
+}) {
+  const [{ value, ...field }, meta, { setValue }] = _formik.useField.call(void 0, {
     name: props.name
-  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+  });
   const [defaultOption] = _react.useState.call(void 0, () => {
-    const key = option == null ? void 0 : option.key;
+    const key = _optionalChain([option, 'optionalAccess', _55 => _55.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 = option == null ? void 0 : option.value;
+    const value2 = _optionalChain([option, 'optionalAccess', _56 => _56.value]);
     if (getOptionValue) {
       setValue(getOptionValue(newValue));
     } else if (value2) {
@@ -3697,54 +3614,55 @@ function FormikAutocompleteLegacy(_a) {
     } else setValue(newValue);
   };
   const getOptionLabel = (item) => {
-    if (props == null ? void 0 : props.getOptionLabel) return props.getOptionLabel(item);
-    if (option == null ? void 0 : option.label) return String(item[option.label]);
+    if (_optionalChain([props, 'optionalAccess', _57 => _57.getOptionLabel])) return props.getOptionLabel(item);
+    if (_optionalChain([option, 'optionalAccess', _58 => _58.label])) return String(item[option.label]);
     return "[getOptionLabel] error";
   };
   const isOptionEqualToValue = (a, b) => {
-    const key = option == null ? void 0 : option.key;
-    if (props == null ? void 0 : props.isOptionEqualToValue) return props.isOptionEqualToValue(a, b);
+    const key = _optionalChain([option, 'optionalAccess', _59 => _59.key]);
+    if (_optionalChain([props, 'optionalAccess', _60 => _60.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(
     _material.Autocomplete,
-    __spreadValues({
+    {
       getOptionLabel,
       renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
         _material.TextField,
-        __spreadValues(__spreadProps(__spreadValues(__spreadValues({
-          error: Boolean(meta == null ? void 0 : meta.error),
-          helperText: meta == null ? void 0 : meta.error
-        }, params), field), {
-          InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+        {
+          error: Boolean(_optionalChain([meta, 'optionalAccess', _61 => _61.error])),
+          helperText: _optionalChain([meta, 'optionalAccess', _62 => _62.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)
-          }),
+          },
           label: props.label,
           required: props.required,
-          autoFocus: props.autoFocus
-        }), props.textFieldProps)
+          autoFocus: props.autoFocus,
+          ...props.textFieldProps
+        }
       ),
       defaultValue: defaultOption || null,
       onChange,
-      isOptionEqualToValue
-    }, props)
+      isOptionEqualToValue,
+      ...props
+    }
   );
 }
-function FormikAutocomplete(_a) {
-  var _b = _a, {
-    getOptionValue,
-    option
-  } = _b, props = __objRest(_b, [
-    "getOptionValue",
-    "option"
-  ]);
-  const [_a2, ..._b2] = _formik.useField.call(void 0, {
+function FormikAutocomplete({
+  getOptionValue,
+  option,
+  ...props
+}) {
+  const [{ value, ...field }, meta, { setValue }] = _formik.useField.call(void 0, {
     name: props.name
-  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+  });
   const [defaultValue] = _react.useState.call(void 0, value);
   const onChange = (_, newValue) => {
-    const value2 = option == null ? void 0 : option.value;
+    const value2 = _optionalChain([option, 'optionalAccess', _63 => _63.value]);
     if (getOptionValue) {
       setValue(getOptionValue(newValue));
     } else if (value2) {
@@ -3753,24 +3671,28 @@ function FormikAutocomplete(_a) {
   };
   return /* @__PURE__ */ React2.default.createElement(
     _material.Autocomplete,
-    __spreadValues({
+    {
       renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
         _material.TextField,
-        __spreadValues(__spreadProps(__spreadValues(__spreadValues({
-          error: Boolean(meta == null ? void 0 : meta.error),
-          helperText: meta == null ? void 0 : meta.error
-        }, params), field), {
-          InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+        {
+          error: Boolean(_optionalChain([meta, 'optionalAccess', _64 => _64.error])),
+          helperText: _optionalChain([meta, 'optionalAccess', _65 => _65.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)
-          }),
+          },
           label: props.label,
           required: props.required,
-          autoFocus: props.autoFocus
-        }), props.textFieldProps)
+          autoFocus: props.autoFocus,
+          ...props.textFieldProps
+        }
       ),
       defaultValue,
-      onChange
-    }, props)
+      onChange,
+      ...props
+    }
   );
 }
 
@@ -3781,57 +3703,49 @@ function FormikAutocomplete(_a) {
 
 
 
-var Checkbox = (_a) => {
-  var _b = _a, {
-    withFormik = true,
-    name
-  } = _b, props = __objRest(_b, [
-    "withFormik",
-    "name"
-  ]);
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikCheckbox, __spreadValues({ name }, props));
-  else return /* @__PURE__ */ React2.default.createElement(BaseCheckbox, __spreadValues({}, props));
+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 });
 };
-var BaseCheckbox = (_a) => {
-  var _b = _a, {
-    label,
-    FormControlLabelProps: FormControlLabelProps3
-  } = _b, props = __objRest(_b, [
-    "label",
-    "FormControlLabelProps"
-  ]);
+var BaseCheckbox = ({
+  label,
+  FormControlLabelProps: FormControlLabelProps3,
+  ...props
+}) => {
   return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
-    __spreadValues({
+    {
       label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, __spreadValues({}, props))
-    }, FormControlLabelProps3)
+      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props }),
+      ...FormControlLabelProps3
+    }
   );
 };
-var FormikCheckbox = (_a) => {
-  var _b = _a, {
-    label,
-    name,
-    FormControlLabelProps: FormControlLabelProps3
-  } = _b, props = __objRest(_b, [
-    "label",
-    "name",
-    "FormControlLabelProps"
-  ]);
-  const [_a2, ..._b2] = _formik.useField.call(void 0, {
+var FormikCheckbox = ({
+  label,
+  name,
+  FormControlLabelProps: FormControlLabelProps3,
+  ...props
+}) => {
+  const [{ value, ...field }, , { setValue }] = _formik.useField.call(void 0, {
     name
-  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [, { setValue }] = _b2;
+  });
   const onChange = (_, value2) => {
     setValue(value2);
   };
   return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
-    __spreadValues(__spreadProps(__spreadValues({
+    {
       label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, __spreadProps(__spreadValues({}, props), { defaultChecked: Boolean(value) }))
-    }, field), {
-      onChange
-    }), FormControlLabelProps3)
+      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, { ...props, defaultChecked: Boolean(value) }),
+      ...field,
+      onChange,
+      ...FormControlLabelProps3
+    }
   );
 };
 
@@ -3842,50 +3756,45 @@ var FormikCheckbox = (_a) => {
 
 
 
-var Switch = (_a) => {
-  var _b = _a, { withFormik = true, name } = _b, props = __objRest(_b, ["withFormik", "name"]);
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikSwitch, __spreadValues({ name }, props));
-  else return /* @__PURE__ */ React2.default.createElement(BaseSwitch, __spreadValues({}, props));
+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 });
 };
-var BaseSwitch = (_a) => {
-  var _b = _a, {
-    label,
-    FormControlLabelProps: FormControlLabelProps3
-  } = _b, props = __objRest(_b, [
-    "label",
-    "FormControlLabelProps"
-  ]);
+var BaseSwitch = ({
+  label,
+  FormControlLabelProps: FormControlLabelProps3,
+  ...props
+}) => {
   return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
-    __spreadValues({
+    {
       label,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, __spreadValues({}, props))
-    }, FormControlLabelProps3)
+      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { ...props }),
+      ...FormControlLabelProps3
+    }
   );
 };
-var FormikSwitch = (_a) => {
-  var _b = _a, {
-    label,
-    name,
-    FormControlLabelProps: FormControlLabelProps3
-  } = _b, props = __objRest(_b, [
-    "label",
-    "name",
-    "FormControlLabelProps"
-  ]);
-  const [_a2, ..._b2] = _formik.useField.call(void 0, {
+var FormikSwitch = ({
+  label,
+  name,
+  FormControlLabelProps: FormControlLabelProps3,
+  ...props
+}) => {
+  const [{ value, onChange: unused, ...field }, , { setValue }] = _formik.useField.call(void 0, {
     name
-  }), _c = _a2, { value, onChange: unused } = _c, field = __objRest(_c, ["value", "onChange"]), [, { setValue }] = _b2;
+  });
   const onChange = (_, value2) => {
     setValue(value2);
   };
   return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
-    __spreadValues(__spreadValues({
+    {
       label,
       onChange,
-      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, __spreadValues({ defaultChecked: value }, props))
-    }, field), FormControlLabelProps3)
+      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, { defaultChecked: value, ...props }),
+      ...field,
+      ...FormControlLabelProps3
+    }
   );
 };
 
@@ -3899,26 +3808,20 @@ var FormikSwitch = (_a) => {
 
 
 
-var Radio = (_a) => {
-  var _b = _a, {
-    name,
-    withFormik = true
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "withFormik"
-  ]);
-  if (withFormik && name) return /* @__PURE__ */ React2.default.createElement(FormikRadio, __spreadValues({ name }, rest));
-  else return /* @__PURE__ */ React2.default.createElement(BaseRadio, __spreadValues({}, rest));
+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 });
 };
-var BaseRadio = (_a) => {
-  var _b = _a, {
-    label,
-    options
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "options"
-  ]);
-  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React2.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React2.default.createElement(_material.RadioGroup, __spreadValues({}, rest), options.map((option) => /* @__PURE__ */ React2.default.createElement(
+var BaseRadio = ({
+  label,
+  options,
+  ...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),
@@ -3928,25 +3831,22 @@ var BaseRadio = (_a) => {
     }
   ))));
 };
-var FormikRadio = (_a) => {
-  var _b = _a, {
-    label,
-    name,
-    options
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "name",
-    "options"
-  ]);
+var FormikRadio = ({
+  label,
+  name,
+  options,
+  ...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,
-    __spreadValues({
+    {
       defaultValue: value,
-      onChange: (_, value2) => onChange(setFieldValue, value2)
-    }, rest),
+      onChange: (_, value2) => onChange(setFieldValue, value2),
+      ...rest
+    },
     options.map((option) => /* @__PURE__ */ React2.default.createElement(
       _material.FormControlLabel,
       {
@@ -3965,32 +3865,29 @@ var FormikRadio = (_a) => {
 
 
 
-var LargeButton = (_a) => {
-  var _b = _a, {
-    loading,
-    children,
-    CircularProgressProps: CircularProgressProps2,
-    sx
-  } = _b, rest = __objRest(_b, [
-    "loading",
-    "children",
-    "CircularProgressProps",
-    "sx"
-  ]);
+var LargeButton = ({
+  loading,
+  children,
+  CircularProgressProps: CircularProgressProps2,
+  sx,
+  ...rest
+}) => {
   return /* @__PURE__ */ React2.default.createElement(
     _material.Button,
-    __spreadValues({
+    {
       variant: "contained",
       fullWidth: true,
-      sx: __spreadValues({ fontWeight: "bold" }, sx),
-      disabled: rest.disabled || loading
-    }, rest),
+      sx: { fontWeight: "bold", ...sx },
+      disabled: rest.disabled || loading,
+      ...rest
+    },
     loading ? /* @__PURE__ */ React2.default.createElement(
       _material.CircularProgress,
-      __spreadValues({
+      {
         size: 25,
-        color: "inherit"
-      }, CircularProgressProps2)
+        color: "inherit",
+        ...CircularProgressProps2
+      }
     ) : children
   );
 };
@@ -4004,15 +3901,16 @@ function getTabProps(index) {
   };
 }
 var TabPanel = (props) => {
-  const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
+  const { children, value, index, ...other } = props;
   return /* @__PURE__ */ React2.default.createElement(
     "div",
-    __spreadValues({
+    {
       role: "tabpanel",
       hidden: value !== index,
       id: `tabpanel-${index}`,
-      "aria-labelledby": `tab-${index}`
-    }, other),
+      "aria-labelledby": `tab-${index}`,
+      ...other
+    },
     value === index && /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, children)
   );
 };
@@ -4158,48 +4056,56 @@ function BaseGrid({
 }) {
   return /* @__PURE__ */ React2.default.createElement(
     _material.Paper,
-    __spreadProps(__spreadValues({}, paperProps), {
-      sx: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, styles.rowGap(dense)), styles.bordered(bordered)), styles.striped(striped)), styles.lastRowBorder(hideFooter)), paperProps == null ? void 0 : paperProps.sx)
-    }),
+    {
+      ...paperProps,
+      sx: {
+        ...styles.rowGap(dense),
+        ...styles.bordered(bordered),
+        ...styles.striped(striped),
+        ...styles.lastRowBorder(hideFooter),
+        ..._optionalChain([paperProps, 'optionalAccess', _66 => _66.sx])
+      }
+    },
     /* @__PURE__ */ React2.default.createElement(
       _material.Box,
-      __spreadProps(__spreadValues({}, boxContainerProps), {
-        sx: __spreadValues({ overflowX: "auto" }, boxContainerProps == null ? void 0 : boxContainerProps.sx)
-      }),
+      {
+        ...boxContainerProps,
+        sx: { overflowX: "auto", ..._optionalChain([boxContainerProps, 'optionalAccess', _67 => _67.sx]) }
+      },
       /* @__PURE__ */ React2.default.createElement(
         _material.Table,
-        __spreadProps(__spreadValues({
+        {
           size: "small",
-          stickyHeader: true
-        }, tableProps), {
-          sx: __spreadValues({}, tableProps == null ? void 0 : tableProps.sx)
-        }),
-        /* @__PURE__ */ React2.default.createElement(_material.TableHead, __spreadValues({}, tableHeadProps), /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, prependColumn, columns.map((column) => {
-          var _a;
-          return /* @__PURE__ */ React2.default.createElement(
-            _material.TableCell,
-            __spreadProps(__spreadValues({
-              key: column.name,
-              padding: dense ? "none" : "normal"
-            }, column.props), {
-              sx: __spreadValues({
-                pl: 2
-              }, column == null ? void 0 : column.sx)
-            }),
-            column.children ? column.children : /* @__PURE__ */ React2.default.createElement(
-              _material.TableSortLabel,
-              __spreadProps(__spreadValues({
-                active: sortedBy.some((p) => p.prop === column.name),
-                direction: ((_a = sortedBy.find((p) => p.prop === column.name)) == null ? void 0 : _a.direction) || "desc",
-                onClick: () => onSortBy(column.name),
-                disabled: column.canSort === false
-              }, tableSortLabelProps), {
-                sx: __spreadValues({}, tableSortLabelProps == null ? void 0 : tableSortLabelProps.sx)
-              }),
-              column.label
-            )
-          );
-        }), appendColumn), isLoading && /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, /* @__PURE__ */ React2.default.createElement(
+          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,
+          {
+            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,
           {
             colSpan: loadingColSpan || columns.length,
@@ -4207,7 +4113,7 @@ function BaseGrid({
           },
           /* @__PURE__ */ React2.default.createElement(_material.LinearProgress, null)
         ))),
-        /* @__PURE__ */ React2.default.createElement(_material.TableBody, __spreadValues({}, tableBodyProps), children)
+        /* @__PURE__ */ React2.default.createElement(_material.TableBody, { ...tableBodyProps }, children)
       )
     ),
     !hideFooter && /* @__PURE__ */ React2.default.createElement(
@@ -4243,21 +4149,22 @@ function BaseGridAutoRows({
 
 
 
-var Modal = (_a) => {
-  var _b = _a, { open, onClose, BoxProps: BoxProps3 } = _b, rest = __objRest(_b, ["open", "onClose", "BoxProps"]);
-  return /* @__PURE__ */ React2.default.createElement(_material.Modal, __spreadValues({ open, onClose }, rest), /* @__PURE__ */ React2.default.createElement(
+var Modal = ({ open, onClose, BoxProps: BoxProps3, ...rest }) => {
+  return /* @__PURE__ */ React2.default.createElement(_material.Modal, { open, onClose, ...rest }, /* @__PURE__ */ React2.default.createElement(
     _material.Box,
-    __spreadProps(__spreadValues({}, BoxProps3), {
-      sx: __spreadValues({
+    {
+      ...BoxProps3,
+      sx: {
         outline: "none",
         backgroundColor: "background.paper",
         position: "absolute",
         top: "50%",
         left: "50%",
         transform: "translate(-50%, -50%)",
-        borderRadius: 1
-      }, BoxProps3 == null ? void 0 : BoxProps3.sx)
-    }),
+        borderRadius: 1,
+        ..._optionalChain([BoxProps3, 'optionalAccess', _74 => _74.sx])
+      }
+    },
     rest.children
   ));
 };
@@ -4281,21 +4188,15 @@ function GetInputLabel(columns) {
 
 
 
-var Dialog = (_a) => {
-  var _b = _a, {
-    open,
-    title,
-    loading,
-    body,
-    options
-  } = _b, rest = __objRest(_b, [
-    "open",
-    "title",
-    "loading",
-    "body",
-    "options"
-  ]);
-  return /* @__PURE__ */ React2.default.createElement(_material.Dialog, __spreadValues({ 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) => {
+var Dialog = ({
+  open,
+  title,
+  loading,
+  body,
+  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,
       {
@@ -4325,31 +4226,31 @@ var _colors = require('@mui/material/colors');
 function UseDialogConfirm() {
   const [opened, setOpened] = _react.useState.call(void 0, false);
   const [isLoading, setLoading] = _react.useState.call(void 0, false);
-  const onConfirmFn = _react.useRef.call(void 0, () => __async(null, null, function* () {
-  }));
+  const onConfirmFn = _react.useRef.call(void 0, async () => {
+  });
   const paramsFn = _react.useRef.call(void 0, []);
   const onConfirm = (fn) => {
     onConfirmFn.current = fn;
-    return (...params) => __async(null, null, function* () {
+    return async (...params) => {
       paramsFn.current = params;
       setOpened(true);
-    });
+    };
   };
-  const onProceed = (event) => __async(null, null, function* () {
-    event == null ? void 0 : event.preventDefault();
-    event == null ? void 0 : event.stopPropagation();
+  const onProceed = async (event) => {
+    _optionalChain([event, 'optionalAccess', _75 => _75.preventDefault, 'call', _76 => _76()]);
+    _optionalChain([event, 'optionalAccess', _77 => _77.stopPropagation, 'call', _78 => _78()]);
     setLoading(true);
     try {
       if (!onConfirmFn.current) return;
-      yield onConfirmFn.current(...paramsFn.current);
+      await onConfirmFn.current(...paramsFn.current);
     } finally {
       setOpened(false);
       setLoading(false);
     }
-  });
+  };
   const onCancel = (event) => {
-    event == null ? void 0 : event.preventDefault();
-    event == null ? void 0 : event.stopPropagation();
+    _optionalChain([event, 'optionalAccess', _79 => _79.preventDefault, 'call', _80 => _80()]);
+    _optionalChain([event, 'optionalAccess', _81 => _81.stopPropagation, 'call', _82 => _82()]);
     setOpened(false);
   };
   const onCloseModal = () => {
@@ -4490,18 +4391,13 @@ function useBaseDialogInstance() {
 
 
 
-var BaseDialogHeader = (_a) => {
-  var _b = _a, {
-    title,
-    onClose,
-    IconButtonProps,
-    TypographyProps: TypographyProps2
-  } = _b, props = __objRest(_b, [
-    "title",
-    "onClose",
-    "IconButtonProps",
-    "TypographyProps"
-  ]);
+var BaseDialogHeader = ({
+  title,
+  onClose,
+  IconButtonProps,
+  TypographyProps: TypographyProps2,
+  ...props
+}) => {
   const { name } = useBaseDialogInstance();
   const { close: closeDialog } = useBaseDialog();
   function handleClose() {
@@ -4510,57 +4406,54 @@ var BaseDialogHeader = (_a) => {
   }
   return /* @__PURE__ */ React2.default.createElement(
     _material.Stack,
-    __spreadValues({
+    {
       direction: "row",
       alignItems: "center",
       justifyContent: "space-between",
       px: 2,
-      my: 1
-    }, props),
-    /* @__PURE__ */ React2.default.createElement(_material.Typography, __spreadValues({ variant: "h6", fontWeight: "bold" }, TypographyProps2), title),
-    /* @__PURE__ */ React2.default.createElement(_material.IconButton, __spreadProps(__spreadValues({}, IconButtonProps), { onClick: handleClose }), /* @__PURE__ */ React2.default.createElement(_md.MdClose, null))
+      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))
   );
 };
 
 // src/components/BaseDialog/BaseDialog.tsx
-var BaseDialogContainer = (_a) => {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
+var BaseDialogContainer = ({
+  children,
+  ...rest
+}) => {
   const { name } = useBaseDialogInstance();
   const { isOpened, close: closeDialog } = useBaseDialog();
-  return /* @__PURE__ */ React2.default.createElement(Modal, __spreadValues({ open: isOpened(name), onClose: () => closeDialog(name) }, rest), children instanceof Function ? children({ close: () => closeDialog(name) }) : children);
+  return /* @__PURE__ */ React2.default.createElement(Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, children instanceof Function ? children({ close: () => closeDialog(name) }) : children);
 };
 var BaseDialogBody = (props) => {
-  return /* @__PURE__ */ React2.default.createElement(_material.Box, __spreadValues({ px: 2, pb: 2, width: "100vw", maxWidth: 650 }, props), props.children);
+  return /* @__PURE__ */ React2.default.createElement(_material.Box, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);
 };
-var BaseDialogTrigger = (_a) => {
-  var _b = _a, {
-    name,
-    onClick
-  } = _b, props = __objRest(_b, [
-    "name",
-    "onClick"
-  ]);
+var BaseDialogTrigger = ({
+  name,
+  onClick,
+  ...props
+}) => {
   const { open } = useBaseDialog();
   return /* @__PURE__ */ React2.default.createElement(
     _material.Button,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       onClick: (...params) => {
         if (onClick) onClick(...params);
         open(name);
       }
-    }),
+    },
     props.children
   );
 };
 var BaseDialogCreate = (name = /* @__PURE__ */ Symbol()) => {
   return {
     name,
-    Trigger: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogTrigger, __spreadValues({ name }, props)),
-    Root: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogInstanceProvider, __spreadValues({ name }, props)),
+    Trigger: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogTrigger, { name, ...props }),
+    Root: (props) => /* @__PURE__ */ React2.default.createElement(BaseDialogInstanceProvider, { name, ...props }),
     Container: BaseDialogContainer,
     Header: BaseDialogHeader,
     Body: BaseDialogBody
@@ -4608,27 +4501,23 @@ var VALID_METHODS = [
   "PATCH"
 ];
 var _ApiHelper = class _ApiHelper {
-  onFinally(req, res) {
-    return __async(this, null, function* () {
-    });
+  async onFinally(req, res) {
   }
-  onError(req, res, error) {
-    return __async(this, null, function* () {
-    });
+  async onError(req, res, error) {
   }
   constructor(props) {
-    this.middlewares = ((props == null ? void 0 : props.middlewares) || []).reverse();
-    this.onFinally = (props == null ? void 0 : props.onFinally) || (() => __async(this, null, function* () {
-    }));
-    this.onError = (props == null ? void 0 : props.onError) || (() => __async(this, null, function* () {
-    }));
+    this.middlewares = (_optionalChain([props, 'optionalAccess', _83 => _83.middlewares]) || []).reverse();
+    this.onFinally = _optionalChain([props, 'optionalAccess', _84 => _84.onFinally]) || (async () => {
+    });
+    this.onError = _optionalChain([props, 'optionalAccess', _85 => _85.onError]) || (async () => {
+    });
   }
   setMiddlewares(middlewares) {
     this.middlewares = middlewares.reverse();
     return this;
   }
   createMethods(methods) {
-    return (req, res) => __async(this, null, function* () {
+    return async (req, res) => {
       const currentMethod = methods[req.method] || methods.ALL;
       if (req.method === "OPTIONS") return res.status(200).end();
       try {
@@ -4639,7 +4528,7 @@ var _ApiHelper = class _ApiHelper {
           (acc, fn) => fn(acc),
           currentMethod
         );
-        yield methodWithMiddlewares(req, res);
+        await methodWithMiddlewares(req, res);
       } catch (error) {
         if (error instanceof DomainError)
           return res.status(400).json(error.message);
@@ -4656,9 +4545,9 @@ var _ApiHelper = class _ApiHelper {
         this.onError(req, res, error);
         throw new Error(error);
       } finally {
-        yield this.onFinally(req, res);
+        await this.onFinally(req, res);
       }
-    });
+    };
   }
   static parserErrorWrapper(body, parser) {
     try {
@@ -4790,23 +4679,23 @@ function useFormHelper() {
   const sourceRef = _react.useRef.call(void 0, new AbortController());
   const onSubmitWrapper = _react.useCallback.call(void 0, 
     (fn, { name }) => {
-      return (fields, methods) => __async(null, null, function* () {
+      return async (fields, methods) => {
         const LOADING_NAME = name;
         setLoading(LOADING_NAME);
         try {
-          yield fn(fields, methods);
+          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 (...params) => __async(null, null, function* () {
+      return async (...params) => {
         const LOADING_NAME = name;
         setLoading(LOADING_NAME);
         api.interceptors.request.use(
@@ -4821,20 +4710,20 @@ function useFormHelper() {
           }
         );
         try {
-          const response = yield fn(...params);
+          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 ((error == null ? void 0 : error.message) === "cancel.navigation") return;
+      if (_optionalChain([error, 'optionalAccess', _86 => _86.message]) === "cancel.navigation") return;
       if (callback) {
         if (error.response.data.code === "invalid.body") {
           const errors = error.response.data.details.issues;
@@ -4855,10 +4744,12 @@ function useFormHelper() {
       sourceRef.current = new AbortController();
     };
   }, []);
-  return __spreadProps(__spreadValues(__spreadValues({}, alertProps), loadingProps), {
+  return {
+    ...alertProps,
+    ...loadingProps,
     onSubmitWrapper,
     onRequestWrapper
-  });
+  };
 }
 
 // src/helpers/authHelper.ts
@@ -4872,8 +4763,7 @@ function decodeSessionToken({
   sessionTokenName,
   validate
 }) {
-  var _a;
-  const token = ((_a = req.headers.authorization) == null ? void 0 : _a.split(" ")[1]) || req.cookies[sessionTokenName];
+  const token = _optionalChain([req, 'access', _87 => _87.headers, 'access', _88 => _88.authorization, 'optionalAccess', _89 => _89.split, 'call', _90 => _90(" "), 'access', _91 => _91[1]]) || req.cookies[sessionTokenName];
   if (!token) {
     res.status(401).json({ error: "Token inv\xE1lido", code: "token.invalid" });
     return true;
@@ -4903,19 +4793,19 @@ var AuthHelper = class {
     onCreateRefreshToken,
     onGetUserData
   }) {
-    this.generateJwtAndRefreshToken = (_0, ..._1) => __async(this, [_0, ..._1], function* (userId, payload = {}) {
+    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, );
-      yield this.onCreateRefreshToken(userId, uniqueToken);
+      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, "", {
@@ -4937,66 +4827,15 @@ var AuthHelper = class {
     this.onCreateRefreshToken = onCreateRefreshToken;
     this.onGetUserData = onGetUserData;
   }
-  handler(req, res) {
-    return __async(this, null, function* () {
-      if (!req.url) return res.status(400).json({ error: "url not sent" });
-      if (req.url.endsWith("/login")) {
-        const loginResult = yield this.onLogin(req.body);
-        if (loginResult.status === "sucess") {
-          const { refreshToken, token } = yield this.generateJwtAndRefreshToken(
-            loginResult.userId,
-            {}
-          );
-          _nookies.setCookie.call(void 0, { res }, this.cookies.sessionToken, token, {
-            secure: true,
-            maxAge: 60 * 60 * 24 * 30,
-            // 30 days
-            path: "/",
-            sameSite: true
-          });
-          _nookies.setCookie.call(void 0, { 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 = _nookies.parseCookies.call(void 0, { req })[this.cookies.refreshToken];
-        if (!refreshToken) {
-          this.invalidateCookies(res);
-          return res.status(400).json({
-            error: "Refresh Token inv\xE1lido"
-          });
-        }
-        const isValidRefreshToken = yield this.onValidateRefreshToken(
-          userId,
-          refreshToken
+  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,
+          {}
         );
-        if (!isValidRefreshToken) {
-          this.invalidateCookies(res);
-          return res.status(400).json({
-            error: "Refresh Token inv\xE1lido"
-          });
-        }
-        yield this.onInvalidateRefreshToken(userId, refreshToken);
-        const { token, refreshToken: newRefreshToken } = yield this.generateJwtAndRefreshToken(userId, {});
         _nookies.setCookie.call(void 0, { res }, this.cookies.sessionToken, token, {
           secure: true,
           maxAge: 60 * 60 * 24 * 30,
@@ -5004,7 +4843,7 @@ var AuthHelper = class {
           path: "/",
           sameSite: true
         });
-        _nookies.setCookie.call(void 0, { res }, this.cookies.refreshToken, newRefreshToken, {
+        _nookies.setCookie.call(void 0, { res }, this.cookies.refreshToken, refreshToken, {
           secure: true,
           maxAge: 60 * 60 * 24 * 30,
           // 30 days
@@ -5012,74 +4851,121 @@ var AuthHelper = class {
           sameSite: true,
           httpOnly: true
         });
-        return res.json({
-          token,
-          refreshToken: newRefreshToken
-        });
+        return res.json({ token, refreshToken });
       }
-      if (req.url.endsWith("/me")) {
-        const error = decodeSessionToken({
-          req,
-          res,
-          sessionTokenName: this.cookies.sessionToken,
-          validate: true
+      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 = _nookies.parseCookies.call(void 0, { req })[this.cookies.refreshToken];
+      if (!refreshToken) {
+        this.invalidateCookies(res);
+        return res.status(400).json({
+          error: "Refresh Token inv\xE1lido"
         });
-        if (error) return;
-        if (!req.user)
-          return res.status(400).json({ error: "Usu\xE1rio n\xE3o encontrado" });
-        const userData = yield 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
+      const isValidRefreshToken = await this.onValidateRefreshToken(
+        userId,
+        refreshToken
+      );
+      if (!isValidRefreshToken) {
+        this.invalidateCookies(res);
+        return res.status(400).json({
+          error: "Refresh Token inv\xE1lido"
         });
       }
-      return res.status(404).json({ error: "Route not found" });
-    });
-  }
-  oauthSignInCallback(code) {
-    return __async(this, null, function* () {
-      if (!this.oauth) throw new Error("OAUTH variables is not defined");
-      const body = {
+      await this.onInvalidateRefreshToken(userId, refreshToken);
+      const { token, refreshToken: newRefreshToken } = await this.generateJwtAndRefreshToken(userId, {});
+      _nookies.setCookie.call(void 0, { res }, this.cookies.sessionToken, token, {
+        secure: true,
+        maxAge: 60 * 60 * 24 * 30,
+        // 30 days
+        path: "/",
+        sameSite: true
+      });
+      _nookies.setCookie.call(void 0, { 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,
-        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
+        scope: this.oauth.scope,
+        response_type: "code",
+        response_mode: "query"
       };
-      const response = yield 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 = yield response.json();
-      const decodedToken = _jsonwebtoken2.default.decode(data.access_token);
-      const email = decodedToken.upn;
-      const fullName = `${decodedToken == null ? void 0 : decodedToken.given_name} ${decodedToken == null ? void 0 : decodedToken.family_name}`;
-      return { decodedToken, email, fullName };
-    });
+      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', _92 => _92.given_name])} ${_optionalChain([decodedToken, 'optionalAccess', _93 => _93.family_name])}`;
+    return { decodedToken, email, fullName };
   }
   createOauthCallbackGetServerSideProps({
     onSuccessDestination,
     onFailedDestination
   }) {
-    return (ctx) => __async(this, null, function* () {
+    return async (ctx) => {
       if (!this.oauth) throw new Error("Oauth env variables are not defined");
       const code = ctx.query.code;
       if (!code)
@@ -5090,14 +4976,14 @@ var AuthHelper = class {
           }
         };
       try {
-        const { fullName, email } = yield this.oauthSignInCallback(code);
-        const userExists = yield this.onGetUserData(email);
+        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) {
-          yield this.oauth.onCreateUser({ fullname: fullName, email });
+          await this.oauth.onCreateUser({ fullname: fullName, email });
         }
-        const { token, refreshToken } = yield this.generateJwtAndRefreshToken(
+        const { token, refreshToken } = await this.generateJwtAndRefreshToken(
           email,
           {}
         );
@@ -5127,7 +5013,7 @@ var AuthHelper = class {
           }
         };
       }
-    });
+    };
   }
 };
 
@@ -5156,7 +5042,7 @@ function useFilter(props = { defaultFilters: [] }) {
     return defaultFilters || [];
   });
   const filterBy = _react.useCallback.call(void 0, (newFilter) => {
-    const propToCompare = (newFilter == null ? void 0 : newFilter.id) ? "id" : "prop";
+    const propToCompare = _optionalChain([newFilter, 'optionalAccess', _94 => _94.id]) ? "id" : "prop";
     function removeRepeatedFilters(filter) {
       return filter[propToCompare] !== newFilter[propToCompare];
     }
@@ -5448,7 +5334,7 @@ function useAsyncGrid({
     setSortedBy((prev) => [...prev, { prop, direction }]);
   }, []);
   const onSortBy = _react.useCallback.call(void 0, 
-    (prop) => __async(null, null, function* () {
+    async (prop) => {
       if (!prop) return;
       let finalArr = [];
       const currentSorted = sortedBy.find((p) => p.prop === prop);
@@ -5467,52 +5353,52 @@ function useAsyncGrid({
       } else {
         finalArr = [...sortedBy, { prop, direction: "desc" }];
       }
-      yield updateGridContent({
+      await updateGridContent({
         page: currentPage,
         sortedBy: finalArr,
         rowsPerPage
       });
-    }),
+    },
     [sortedBy, toggleSortedDirection, rowsPerPage, currentPage]
   );
   const set = _react.useCallback.call(void 0, (data) => {
     setDefaultData(data);
   }, []);
   const baseRequest = _react.useCallback.call(void 0, 
-    (_0) => __async(null, [_0], function* ({
+    async ({
       page,
       search: search2,
       filters: filters2,
       sortedBy: sortedBy2,
       rowsPerPage: rowsPerPage2
-    }) {
+    }) => {
       if (!axiosInstance) throw new Error("Axios instance not provided");
       try {
         const params = new URLSearchParams({
           page: String(page),
           rowsPerPage: String(rowsPerPage2),
-          searchText: (search2 == null ? void 0 : search2.value) || "",
+          searchText: _optionalChain([search2, 'optionalAccess', _95 => _95.value]) || "",
           sort: sortedBy2.map(({ prop, direction }) => `${prop}:${direction}`).join(","),
           filters: filters2.map(
             (filter) => `${filter.prop}:${filter.compareType}:${filter.value}`
           ).join(",")
         });
         const pathWithParams = `${url}?${params.toString()}`;
-        const { data } = yield axiosInstance.get(pathWithParams);
+        const { data } = await axiosInstance.get(pathWithParams);
         setTotalNumberOfItems(data.totalNumberOfItems);
         return data.rows;
       } catch (_) {
         return [];
       }
-    }),
+    },
     [axiosInstance, url]
   );
   const updateGridContent = _react.useCallback.call(void 0, 
-    (_0) => __async(null, [_0], function* ({
+    async ({
       page,
       sortedBy: sortedBy2,
       rowsPerPage: rowsPerPage2
-    }) {
+    }) => {
       setIsLoading(true);
       try {
         const props = {
@@ -5522,7 +5408,7 @@ function useAsyncGrid({
           search,
           filters
         };
-        const result = !onRequest ? yield baseRequest(props) : yield onRequest(props);
+        const result = !onRequest ? await baseRequest(props) : await onRequest(props);
         setSortedBy(sortedBy2);
         setRowsPerPage(rowsPerPage2);
         set(result);
@@ -5530,7 +5416,7 @@ function useAsyncGrid({
       } finally {
         setIsLoading(false);
       }
-    }),
+    },
     [set, search, filters, onRequest, baseRequest]
   );
   const onPageChange = _react.useCallback.call(void 0, 
@@ -5614,32 +5500,31 @@ function CreateAuthProvider({
   const [status, setStatus] = _react.useState.call(void 0, "unauthenticated");
   const { createAlert } = useAlert();
   const signIn = _react.useCallback.call(void 0, 
-    (_0) => __async(null, [_0], function* ({ email, password }) {
-      var _a, _b;
+    async ({ email, password }) => {
       setStatus("loading");
       try {
-        const response = yield api.post("/auth/login", {
+        const response = await api.post("/auth/login", {
           email,
           password
         });
         const { token } = response.data;
         api.defaults.headers.common.Authorization = `Bearer ${token}`;
-        const { data } = yield api.get("/auth/me");
+        const { data } = await api.get("/auth/me");
         setUser(data);
         setStatus("autenticated");
         return true;
       } catch (error) {
-        createAlert((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error, "error");
+        createAlert(_optionalChain([error, 'optionalAccess', _96 => _96.response, 'optionalAccess', _97 => _97.data, 'optionalAccess', _98 => _98.error]), "error");
         setStatus("unauthenticated");
         throw error;
       }
-    }),
+    },
     [createAlert, api]
   );
-  const ClientSignOut = _react.useCallback.call(void 0, () => __async(null, null, function* () {
-    yield api.get("/auth/logout");
+  const ClientSignOut = _react.useCallback.call(void 0, async () => {
+    await api.get("/auth/logout");
     setUser(void 0);
-  }), [api]);
+  }, [api]);
   _react.useEffect.call(void 0, () => {
     const token = _nookies.parseCookies.call(void 0, )[sessionTokenName];
     if (token) {