@bluemarble/bm-components 0.2.0 → 0.2.1

package/dist/index.js

@@ -1025,7 +1025,7 @@ var require_prop_types = __commonJS({
 
 
 
-var _react = require('react'); var React4 = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
+var _react = require('react'); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
 
 
 
@@ -1072,15 +1072,15 @@ var GridHeader = ({
         break;
     }
   }
-  return /* @__PURE__ */ React4.default.createElement(_material.TableHead, null, /* @__PURE__ */ React4.default.createElement(_material.TableRow, { sx: { backgroundColor: "background.default" } }, titles.map((title) => {
-    return /* @__PURE__ */ React4.default.createElement(
+  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(
       _material.TableCell,
       {
         key: title.name,
         sortDirection: orderBy === title.name ? order : false,
         sx: __spreadValues({ fontWeight: "bold" }, title.sx)
       },
-      /* @__PURE__ */ React4.default.createElement(
+      /* @__PURE__ */ React2.default.createElement(
         _material.TableSortLabel,
         {
           onClick: () => onRequestSort(title.name),
@@ -1100,6 +1100,34 @@ var GridHeader = ({
 // src/components/Grid/Filters.tsx
 
 
+// node_modules/@mui/utils/formatMuiErrorMessage/formatMuiErrorMessage.js
+function formatMuiErrorMessage(code) {
+  let url = "https://mui.com/production-error/?code=" + code;
+  for (let i = 1; i < arguments.length; i += 1) {
+    url += "&args[]=" + encodeURIComponent(arguments[i]);
+  }
+  return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
+}
+
+// node_modules/@mui/styled-engine/index.js
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react2 = require('@emotion/react');
+function styled(tag, options) {
+  const stylesFactory = _styled2.default.call(void 0, tag, options);
+  if (process.env.NODE_ENV !== "production") {
+    return (...styles2) => {
+      const component = typeof tag === "string" ? `"${tag}"` : "component";
+      if (styles2.length === 0) {
+        console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n"));
+      } else if (styles2.some((style3) => style3 === void 0)) {
+        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
+      }
+      return stylesFactory(...styles2);
+    };
+  }
+  return stylesFactory;
+}
+
 // node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -1116,9 +1144,39 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-// node_modules/@mui/utils/esm/deepmerge.js
+// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+// node_modules/@mui/utils/deepmerge/deepmerge.js
 function isPlainObject(item) {
-  return item !== null && typeof item === "object" && item.constructor === Object;
+  if (typeof item !== "object" || item === null) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(item);
+  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
+}
+function deepClone(source) {
+  if (!isPlainObject(source)) {
+    return source;
+  }
+  const output = {};
+  Object.keys(source).forEach((key) => {
+    output[key] = deepClone(source[key]);
+  });
+  return output;
 }
 function deepmerge(target, source, options = {
   clone: true
@@ -1131,6 +1189,8 @@ function deepmerge(target, source, options = {
       }
       if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
         output[key] = deepmerge(target[key], source[key], options);
+      } else if (options.clone) {
+        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
       } else {
         output[key] = source[key];
       }
@@ -1139,42 +1199,87 @@ function deepmerge(target, source, options = {
   return output;
 }
 
-// node_modules/@mui/utils/esm/formatMuiErrorMessage.js
-function formatMuiErrorMessage(code) {
-  let url = "https://mui.com/production-error/?code=" + code;
-  for (let i = 1; i < arguments.length; i += 1) {
-    url += "&args[]=" + encodeURIComponent(arguments[i]);
+// node_modules/@mui/system/esm/createTheme/createBreakpoints.js
+var _excluded = ["values", "unit", "step"];
+var sortBreakpointsValues = (values2) => {
+  const breakpointsAsArray = Object.keys(values2).map((key) => ({
+    key,
+    val: values2[key]
+  })) || [];
+  breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
+  return breakpointsAsArray.reduce((acc, obj) => {
+    return _extends({}, acc, {
+      [obj.key]: obj.val
+    });
+  }, {});
+};
+function createBreakpoints(breakpoints) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: values2 = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit = "px",
+    step = 5
+  } = breakpoints, other = _objectWithoutPropertiesLoose(breakpoints, _excluded);
+  const sortedValues = sortBreakpointsValues(values2);
+  const keys = Object.keys(sortedValues);
+  function up(key) {
+    const value = typeof values2[key] === "number" ? values2[key] : key;
+    return `@media (min-width:${value}${unit})`;
   }
-  return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
-}
-
-// node_modules/@mui/utils/esm/capitalize.js
-function capitalize(string) {
-  if (typeof string !== "string") {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage(7));
+  function down(key) {
+    const value = typeof values2[key] === "number" ? values2[key] : key;
+    return `@media (max-width:${value - step / 100}${unit})`;
   }
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-// node_modules/@mui/styled-engine/index.js
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _react2 = require('@emotion/react');
-function styled(tag, options) {
-  const stylesFactory = _styled2.default.call(void 0, tag, options);
-  if (process.env.NODE_ENV !== "production") {
-    return (...styles2) => {
-      const component = typeof tag === "string" ? `"${tag}"` : "component";
-      if (styles2.length === 0) {
-        console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n"));
-      } else if (styles2.some((style3) => style3 === void 0)) {
-        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
-      }
-      return stylesFactory(...styles2);
-    };
+  function between(start, end) {
+    const endIndex = keys.indexOf(end);
+    return `@media (min-width:${typeof values2[start] === "number" ? values2[start] : start}${unit}) and (max-width:${(endIndex !== -1 && typeof values2[keys[endIndex]] === "number" ? values2[keys[endIndex]] : end) - step / 100}${unit})`;
   }
-  return stylesFactory;
+  function only(key) {
+    if (keys.indexOf(key) + 1 < keys.length) {
+      return between(key, keys[keys.indexOf(key) + 1]);
+    }
+    return up(key);
+  }
+  function not(key) {
+    const keyIndex = keys.indexOf(key);
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+    return between(key, keys[keys.indexOf(key) + 1]).replace("@media", "@media not all and");
+  }
+  return _extends({
+    keys,
+    values: sortedValues,
+    up,
+    down,
+    between,
+    only,
+    not,
+    unit
+  }, other);
 }
 
+// node_modules/@mui/system/esm/createTheme/shape.js
+var shape = {
+  borderRadius: 4
+};
+var shape_default = shape;
+
 // node_modules/@mui/system/esm/responsivePropType.js
 var import_prop_types = __toESM(require_prop_types());
 var responsivePropType = process.env.NODE_ENV !== "production" ? import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string, import_prop_types.default.object, import_prop_types.default.array]) : {};
@@ -1256,6 +1361,14 @@ function removeUnusedBreakpoints(breakpointKeys, style3) {
   }, style3);
 }
 
+// node_modules/@mui/utils/capitalize/capitalize.js
+function capitalize(string) {
+  if (typeof string !== "string") {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage(7));
+  }
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
 // node_modules/@mui/system/esm/style.js
 function getPath(obj, path, checkVars = true) {
   if (!path || typeof path !== "string") {
@@ -1324,28 +1437,6 @@ function style(options) {
 }
 var style_default = style;
 
-// node_modules/@mui/system/esm/compose.js
-function compose(...styles2) {
-  const handlers = styles2.reduce((acc, style3) => {
-    style3.filterProps.forEach((prop) => {
-      acc[prop] = style3;
-    });
-    return acc;
-  }, {});
-  const fn = (props) => {
-    return Object.keys(props).reduce((acc, prop) => {
-      if (handlers[prop]) {
-        return merge_default(acc, handlers[prop](props));
-      }
-      return acc;
-    }, {});
-  };
-  fn.propTypes = process.env.NODE_ENV !== "production" ? styles2.reduce((acc, style3) => Object.assign(acc, style3.propTypes), {}) : {};
-  fn.filterProps = styles2.reduce((acc, style3) => acc.concat(style3.filterProps), []);
-  return fn;
-}
-var compose_default = compose;
-
 // node_modules/@mui/system/esm/memoize.js
 function memoize(fn) {
   const cache = {};
@@ -1492,6 +1583,52 @@ spacing.propTypes = process.env.NODE_ENV !== "production" ? spacingKeys.reduce((
 }, {}) : {};
 spacing.filterProps = spacingKeys;
 
+// node_modules/@mui/system/esm/createTheme/createSpacing.js
+function createSpacing(spacingInput = 8) {
+  if (spacingInput.mui) {
+    return spacingInput;
+  }
+  const transform = createUnarySpacing({
+    spacing: spacingInput
+  });
+  const spacing2 = (...argsInput) => {
+    if (process.env.NODE_ENV !== "production") {
+      if (!(argsInput.length <= 4)) {
+        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
+      }
+    }
+    const args = argsInput.length === 0 ? [1] : argsInput;
+    return args.map((argument) => {
+      const output = transform(argument);
+      return typeof output === "number" ? `${output}px` : output;
+    }).join(" ");
+  };
+  spacing2.mui = true;
+  return spacing2;
+}
+
+// node_modules/@mui/system/esm/compose.js
+function compose(...styles2) {
+  const handlers = styles2.reduce((acc, style3) => {
+    style3.filterProps.forEach((prop) => {
+      acc[prop] = style3;
+    });
+    return acc;
+  }, {});
+  const fn = (props) => {
+    return Object.keys(props).reduce((acc, prop) => {
+      if (handlers[prop]) {
+        return merge_default(acc, handlers[prop](props));
+      }
+      return acc;
+    }, {});
+  };
+  fn.propTypes = process.env.NODE_ENV !== "production" ? styles2.reduce((acc, style3) => Object.assign(acc, style3.propTypes), {}) : {};
+  fn.filterProps = styles2.reduce((acc, style3) => acc.concat(style3.filterProps), []);
+  return fn;
+}
+var compose_default = compose;
+
 // node_modules/@mui/system/esm/borders.js
 function borderTransform(value) {
   if (typeof value !== "number") {
@@ -1499,51 +1636,25 @@ function borderTransform(value) {
   }
   return `${value}px solid`;
 }
-var border = style_default({
-  prop: "border",
-  themeKey: "borders",
-  transform: borderTransform
-});
-var borderTop = style_default({
-  prop: "borderTop",
-  themeKey: "borders",
-  transform: borderTransform
-});
-var borderRight = style_default({
-  prop: "borderRight",
-  themeKey: "borders",
-  transform: borderTransform
-});
-var borderBottom = style_default({
-  prop: "borderBottom",
-  themeKey: "borders",
-  transform: borderTransform
-});
-var borderLeft = style_default({
-  prop: "borderLeft",
-  themeKey: "borders",
-  transform: borderTransform
-});
-var borderColor = style_default({
-  prop: "borderColor",
-  themeKey: "palette"
-});
-var borderTopColor = style_default({
-  prop: "borderTopColor",
-  themeKey: "palette"
-});
-var borderRightColor = style_default({
-  prop: "borderRightColor",
-  themeKey: "palette"
-});
-var borderBottomColor = style_default({
-  prop: "borderBottomColor",
-  themeKey: "palette"
-});
-var borderLeftColor = style_default({
-  prop: "borderLeftColor",
-  themeKey: "palette"
-});
+function createBorderStyle(prop, transform) {
+  return style_default({
+    prop,
+    themeKey: "borders",
+    transform
+  });
+}
+var border = createBorderStyle("border", borderTransform);
+var borderTop = createBorderStyle("borderTop", borderTransform);
+var borderRight = createBorderStyle("borderRight", borderTransform);
+var borderBottom = createBorderStyle("borderBottom", borderTransform);
+var borderLeft = createBorderStyle("borderLeft", borderTransform);
+var borderColor = createBorderStyle("borderColor");
+var borderTopColor = createBorderStyle("borderTopColor");
+var borderRightColor = createBorderStyle("borderRightColor");
+var borderBottomColor = createBorderStyle("borderBottomColor");
+var borderLeftColor = createBorderStyle("borderLeftColor");
+var outline = createBorderStyle("outline", borderTransform);
+var outlineColor = createBorderStyle("outlineColor");
 var borderRadius = (props) => {
   if (props.borderRadius !== void 0 && props.borderRadius !== null) {
     const transformer = createUnaryUnit(props.theme, "shape.borderRadius", 4, "borderRadius");
@@ -1558,7 +1669,7 @@ borderRadius.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: responsivePropType_default
 } : {};
 borderRadius.filterProps = ["borderRadius"];
-var borders = compose_default(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
+var borders = compose_default(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
 
 // node_modules/@mui/system/esm/cssGrid.js
 var gap = (props) => {
@@ -1668,10 +1779,20 @@ var width = style_default({
 var maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values[propValue];
+      var _props$theme, _props$theme2;
+      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
+      if (!breakpoint) {
+        return {
+          maxWidth: sizingTransform(propValue)
+        };
+      }
+      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== "px") {
+        return {
+          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
+        };
+      }
       return {
-        maxWidth: breakpoint || sizingTransform(propValue)
+        maxWidth: breakpoint
       };
     };
     return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
@@ -1748,6 +1869,13 @@ var defaultSxConfig = {
   borderLeftColor: {
     themeKey: "palette"
   },
+  outline: {
+    themeKey: "borders",
+    transform: borderTransform
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
   borderRadius: {
     themeKey: "shape.borderRadius",
     style: borderRadius
@@ -2021,6 +2149,11 @@ function unstable_createStyleFunctionSx() {
     if (val == null) {
       return null;
     }
+    if (themeKey === "typography" && val === "inherit") {
+      return {
+        [prop]: val
+      };
+    }
     const themeMapping = getPath(theme, themeKey) || {};
     if (style3) {
       return style3(props);
@@ -2098,31 +2231,83 @@ var styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ["sx"];
 var styleFunctionSx_default = styleFunctionSx;
 
-// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
+// node_modules/@mui/system/esm/createTheme/applyStyles.js
+function applyStyles(key, styles2) {
+  const theme = this;
+  if (theme.vars && typeof theme.getColorSchemeSelector === "function") {
+    const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, "*:where($1)");
+    return {
+      [selector]: styles2
+    };
   }
-  return target;
+  if (theme.palette.mode === key) {
+    return styles2;
+  }
+  return {};
+}
+
+// node_modules/@mui/system/esm/createTheme/createTheme.js
+var _excluded2 = ["breakpoints", "palette", "spacing", "shape"];
+function createTheme(options = {}, ...args) {
+  const {
+    breakpoints: breakpointsInput = {},
+    palette: paletteInput = {},
+    spacing: spacingInput,
+    shape: shapeInput = {}
+  } = options, other = _objectWithoutPropertiesLoose(options, _excluded2);
+  const breakpoints = createBreakpoints(breakpointsInput);
+  const spacing2 = createSpacing(spacingInput);
+  let muiTheme = deepmerge({
+    breakpoints,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: _extends({
+      mode: "light"
+    }, paletteInput),
+    spacing: spacing2,
+    shape: _extends({}, shape_default, shapeInput)
+  }, other);
+  muiTheme.applyStyles = applyStyles;
+  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
+  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig_default, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sx = function sx(props) {
+    return styleFunctionSx_default({
+      sx: props,
+      theme: this
+    });
+  };
+  return muiTheme;
+}
+var createTheme_default = createTheme;
+
+// node_modules/@mui/system/esm/useThemeWithoutDefault.js
+
+function isObjectEmpty(obj) {
+  return Object.keys(obj).length === 0;
+}
+function useTheme(defaultTheme = null) {
+  const contextTheme = React2.useContext(_react2.ThemeContext);
+  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
+var useThemeWithoutDefault_default = useTheme;
+
+// node_modules/@mui/system/esm/useTheme.js
+var systemDefaultTheme = createTheme_default();
+function useTheme2(defaultTheme = systemDefaultTheme) {
+  return useThemeWithoutDefault_default(defaultTheme);
+}
+var useTheme_default = useTheme2;
 
 // node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js
-var _excluded = ["sx"];
+var _excluded3 = ["sx"];
 var splitProps = (props) => {
   var _props$theme$unstable, _props$theme;
   const result = {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig_default;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig_default;
   Object.keys(props).forEach((prop) => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -2135,7 +2320,7 @@ var splitProps = (props) => {
 function extendSxProp(props) {
   const {
     sx: inSx
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
+  } = props, other = _objectWithoutPropertiesLoose(props, _excluded3);
   const {
     systemProps,
     otherProps
@@ -2162,209 +2347,56 @@ function extendSxProp(props) {
 // node_modules/@mui/system/esm/Box/Box.js
 var import_prop_types2 = __toESM(require_prop_types());
 
+// node_modules/@mui/utils/ClassNameGenerator/ClassNameGenerator.js
+var defaultGenerator = (componentName) => componentName;
+var createClassNameGenerator = () => {
+  let generate = defaultGenerator;
+  return {
+    configure(generator) {
+      generate = generator;
+    },
+    generate(componentName) {
+      return generate(componentName);
+    },
+    reset() {
+      generate = defaultGenerator;
+    }
+  };
+};
+var ClassNameGenerator = createClassNameGenerator();
+var ClassNameGenerator_default = ClassNameGenerator;
+
 // node_modules/@mui/system/esm/createBox.js
 
 
-// node_modules/clsx/dist/clsx.m.js
+// node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e)
     n += e;
   else if ("object" == typeof e)
-    if (Array.isArray(e))
-      for (t = 0; t < e.length; t++)
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0; t < o; t++)
         e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    else
-      for (t in e)
-        e[t] && (n && (n += " "), n += t);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
   return n;
 }
 function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length; )
-    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
-var clsx_m_default = clsx;
-
-// node_modules/@mui/system/esm/createTheme/createBreakpoints.js
-var _excluded2 = ["values", "unit", "step"];
-var sortBreakpointsValues = (values2) => {
-  const breakpointsAsArray = Object.keys(values2).map((key) => ({
-    key,
-    val: values2[key]
-  })) || [];
-  breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
-  return breakpointsAsArray.reduce((acc, obj) => {
-    return _extends({}, acc, {
-      [obj.key]: obj.val
-    });
-  }, {});
-};
-function createBreakpoints(breakpoints) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: values2 = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit = "px",
-    step = 5
-  } = breakpoints, other = _objectWithoutPropertiesLoose(breakpoints, _excluded2);
-  const sortedValues = sortBreakpointsValues(values2);
-  const keys = Object.keys(sortedValues);
-  function up(key) {
-    const value = typeof values2[key] === "number" ? values2[key] : key;
-    return `@media (min-width:${value}${unit})`;
-  }
-  function down(key) {
-    const value = typeof values2[key] === "number" ? values2[key] : key;
-    return `@media (max-width:${value - step / 100}${unit})`;
-  }
-  function between(start, end) {
-    const endIndex = keys.indexOf(end);
-    return `@media (min-width:${typeof values2[start] === "number" ? values2[start] : start}${unit}) and (max-width:${(endIndex !== -1 && typeof values2[keys[endIndex]] === "number" ? values2[keys[endIndex]] : end) - step / 100}${unit})`;
-  }
-  function only(key) {
-    if (keys.indexOf(key) + 1 < keys.length) {
-      return between(key, keys[keys.indexOf(key) + 1]);
-    }
-    return up(key);
-  }
-  function not(key) {
-    const keyIndex = keys.indexOf(key);
-    if (keyIndex === 0) {
-      return up(keys[1]);
-    }
-    if (keyIndex === keys.length - 1) {
-      return down(keys[keyIndex]);
-    }
-    return between(key, keys[keys.indexOf(key) + 1]).replace("@media", "@media not all and");
-  }
-  return _extends({
-    keys,
-    values: sortedValues,
-    up,
-    down,
-    between,
-    only,
-    not,
-    unit
-  }, other);
-}
-
-// node_modules/@mui/system/esm/createTheme/shape.js
-var shape = {
-  borderRadius: 4
-};
-var shape_default = shape;
-
-// node_modules/@mui/system/esm/createTheme/createSpacing.js
-function createSpacing(spacingInput = 8) {
-  if (spacingInput.mui) {
-    return spacingInput;
-  }
-  const transform = createUnarySpacing({
-    spacing: spacingInput
-  });
-  const spacing2 = (...argsInput) => {
-    if (process.env.NODE_ENV !== "production") {
-      if (!(argsInput.length <= 4)) {
-        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
-      }
-    }
-    const args = argsInput.length === 0 ? [1] : argsInput;
-    return args.map((argument) => {
-      const output = transform(argument);
-      return typeof output === "number" ? `${output}px` : output;
-    }).join(" ");
-  };
-  spacing2.mui = true;
-  return spacing2;
-}
-
-// node_modules/@mui/system/esm/createTheme/createTheme.js
-var _excluded3 = ["breakpoints", "palette", "spacing", "shape"];
-function createTheme(options = {}, ...args) {
-  const {
-    breakpoints: breakpointsInput = {},
-    palette: paletteInput = {},
-    spacing: spacingInput,
-    shape: shapeInput = {}
-  } = options, other = _objectWithoutPropertiesLoose(options, _excluded3);
-  const breakpoints = createBreakpoints(breakpointsInput);
-  const spacing2 = createSpacing(spacingInput);
-  let muiTheme = deepmerge({
-    breakpoints,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: _extends({
-      mode: "light"
-    }, paletteInput),
-    spacing: spacing2,
-    shape: _extends({}, shape_default, shapeInput)
-  }, other);
-  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig_default, other == null ? void 0 : other.unstable_sxConfig);
-  muiTheme.unstable_sx = function sx(props) {
-    return styleFunctionSx_default({
-      sx: props,
-      theme: this
-    });
-  };
-  return muiTheme;
-}
-var createTheme_default = createTheme;
-
-// node_modules/@mui/private-theming/useTheme/ThemeContext.js
-
-var ThemeContext2 = /* @__PURE__ */ React2.createContext(null);
-if (process.env.NODE_ENV !== "production") {
-  ThemeContext2.displayName = "ThemeContext";
-}
-var ThemeContext_default = ThemeContext2;
-
-// node_modules/@mui/private-theming/useTheme/useTheme.js
-
-function useTheme() {
-  const theme = React3.useContext(ThemeContext_default);
-  if (process.env.NODE_ENV !== "production") {
-    React3.useDebugValue(theme);
-  }
-  return theme;
-}
-
-// node_modules/@mui/system/esm/useThemeWithoutDefault.js
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-function useTheme2(defaultTheme = null) {
-  const contextTheme = useTheme();
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-}
-var useThemeWithoutDefault_default = useTheme2;
-
-// node_modules/@mui/system/esm/useTheme.js
-var systemDefaultTheme = createTheme_default();
-function useTheme3(defaultTheme = systemDefaultTheme) {
-  return useThemeWithoutDefault_default(defaultTheme);
-}
-var useTheme_default = useTheme3;
+var clsx_default = clsx;
 
 // node_modules/@mui/system/esm/createBox.js
 var _jsxruntime = require('react/jsx-runtime');
 var _excluded4 = ["className", "component"];
 function createBox(options = {}) {
   const {
+    themeId,
     defaultTheme,
     defaultClassName = "MuiBox-root",
     generateClassName
@@ -2372,7 +2404,7 @@ function createBox(options = {}) {
   const BoxRoot = styled("div", {
     shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as"
   })(styleFunctionSx_default);
-  const Box6 = /* @__PURE__ */ React4.forwardRef(function Box7(inProps, ref) {
+  const Box6 = /* @__PURE__ */ React3.forwardRef(function Box7(inProps, ref) {
     const theme = useTheme_default(defaultTheme);
     const _extendSxProp = extendSxProp(inProps), {
       className,
@@ -2381,20 +2413,56 @@ function createBox(options = {}) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BoxRoot, _extends({
       as: component,
       ref,
-      className: clsx_m_default(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
-      theme
+      className: clsx_default(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
+      theme: themeId ? theme[themeId] || theme : theme
     }, other));
   });
   return Box6;
 }
 
+// node_modules/@mui/utils/generateUtilityClass/generateUtilityClass.js
+var globalStateClasses = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
+  const globalStateClass = globalStateClasses[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator_default.generate(componentName)}-${slot}`;
+}
+
+// node_modules/@mui/utils/generateUtilityClasses/generateUtilityClasses.js
+function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
+  const result = {};
+  slots.forEach((slot) => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}
+
+// node_modules/@mui/system/esm/Box/boxClasses.js
+var boxClasses = generateUtilityClasses("MuiBox", ["root"]);
+var boxClasses_default = boxClasses;
+
 // node_modules/@mui/system/esm/Box/Box.js
-var Box = createBox();
+var Box = createBox({
+  defaultClassName: boxClasses_default.root,
+  generateClassName: ClassNameGenerator_default.generate
+});
 process.env.NODE_ENV !== "production" ? Box.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * @ignore
    */
@@ -2424,7 +2492,7 @@ var FiltersBar = ({
   setAnchorEl,
   noFilters
 }) => {
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     Box_default,
     {
       sx: {
@@ -2434,8 +2502,8 @@ var FiltersBar = ({
         width: "100%"
       }
     },
-    !noFilters && /* @__PURE__ */ React4.default.createElement(Box_default, { sx: { pl: 1 } }, selectedFilters.map((item, index) => {
-      return /* @__PURE__ */ React4.default.createElement(
+    !noFilters && /* @__PURE__ */ React2.default.createElement(Box_default, { sx: { pl: 1 } }, selectedFilters.map((item, index) => {
+      return /* @__PURE__ */ React2.default.createElement(
         _material.Chip,
         {
           key: index,
@@ -2444,13 +2512,13 @@ var FiltersBar = ({
         }
       );
     })),
-    /* @__PURE__ */ React4.default.createElement(Box_default, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" } }, customButtons, !noFilterButtons && /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, /* @__PURE__ */ React4.default.createElement(_material.Tooltip, { title: "Buscar" }, /* @__PURE__ */ React4.default.createElement(_material.IconButton, { onClick: () => setOpenSearch(true) }, /* @__PURE__ */ React4.default.createElement(_md.MdSearch, { size: 8 * 3 }))), /* @__PURE__ */ React4.default.createElement(_material.Tooltip, { title: "Filtrar" }, /* @__PURE__ */ React4.default.createElement(
+    /* @__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__ */ React4.default.createElement(_md.MdFilterList, { size: 8 * 3 })
+      /* @__PURE__ */ React2.default.createElement(_md.MdFilterList, { size: 8 * 3 })
     ))))
   );
 };
@@ -2489,7 +2557,7 @@ function getPropertyValue(obj, property) {
 
 var CustomTableCell = (_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React4.default.createElement(_material.TableCell, __spreadValues({}, props), children);
+  return /* @__PURE__ */ React2.default.createElement(_material.TableCell, __spreadValues({}, props), children);
 };
 var Td = _react.memo.call(void 0, CustomTableCell);
 
@@ -2498,16 +2566,16 @@ var Td = _react.memo.call(void 0, CustomTableCell);
 
 var CustomTableRow = (props) => {
   const _a = props, { children, sx, striped = true, bordered = void 0 } = _a, rest = __objRest(_a, ["children", "sx", "striped", "bordered"]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.TableRow,
     __spreadValues({
       sx: __spreadValues({
         "&:nth-of-type(even)": { bgcolor: striped ? "action.selected" : "" }
       }, sx)
     }, rest),
-    React4.default.Children.map(
+    React2.default.Children.map(
       children,
-      (child) => React4.default.cloneElement(child, {
+      (child) => React2.default.cloneElement(child, {
         bordered
       })
     )
@@ -2521,9 +2589,9 @@ var AutoCreatedRows = ({
   columns,
   primaryKey
 }) => {
-  return /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, tableData.map((row) => /* @__PURE__ */ React4.default.createElement(Tr, { key: row[primaryKey] }, columns.map((column) => {
+  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, tableData.map((row) => /* @__PURE__ */ React2.default.createElement(Tr, { key: row[primaryKey] }, columns.map((column) => {
     const cellValue = column.transformer ? column.transformer(row[column.name]) : row[column.name];
-    return /* @__PURE__ */ React4.default.createElement(Td, { key: column.name }, cellValue);
+    return /* @__PURE__ */ React2.default.createElement(Td, { key: column.name }, cellValue);
   }))));
 };
 
@@ -2707,7 +2775,7 @@ var Grid = (props) => {
   _react.useEffect.call(void 0, () => {
     updateFilters(selectedFilters);
   }, [selectedFilters]);
-  return /* @__PURE__ */ React4.default.createElement(_material.Paper, null, isLoading && /* @__PURE__ */ React4.default.createElement(_material.LinearProgress, null), /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.Paper, null, isLoading && /* @__PURE__ */ React2.default.createElement(_material.LinearProgress, null), /* @__PURE__ */ React2.default.createElement(
     FiltersBar,
     {
       setAnchorEl,
@@ -2719,7 +2787,7 @@ var Grid = (props) => {
       customButtons,
       handleCloseFilter
     }
-  ), /* @__PURE__ */ React4.default.createElement(_material.TableContainer, null, /* @__PURE__ */ React4.default.createElement(_material.Table, { size: "small" }, /* @__PURE__ */ React4.default.createElement(
+  ), /* @__PURE__ */ React2.default.createElement(_material.TableContainer, null, /* @__PURE__ */ React2.default.createElement(_material.Table, { size: "small" }, /* @__PURE__ */ React2.default.createElement(
     GridHeader,
     {
       titles: columnTitles,
@@ -2728,14 +2796,14 @@ var Grid = (props) => {
       setOrder,
       setOrderBy
     }
-  ), /* @__PURE__ */ React4.default.createElement(_material.TableBody, null, props.children ? props.children : primaryKey ? /* @__PURE__ */ React4.default.createElement(
+  ), /* @__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__ */ React4.default.createElement(
+  ) : null, footer))), !noPagination && /* @__PURE__ */ React2.default.createElement(
     _material.TablePagination,
     {
       page,
@@ -2750,7 +2818,7 @@ var Grid = (props) => {
       },
       onRowsPerPageChange: handleChangeRowsPerPage
     }
-  ), /* @__PURE__ */ React4.default.createElement(
+  ), /* @__PURE__ */ React2.default.createElement(
     _material.Popover,
     {
       anchorEl,
@@ -2765,7 +2833,7 @@ var Grid = (props) => {
         horizontal: "right"
       }
     },
-    /* @__PURE__ */ React4.default.createElement(_material.Box, { sx: { minWidth: 300, padding: 2 } }, /* @__PURE__ */ React4.default.createElement(_material.Typography, { fontWeight: "bold", variant: "body2" }, "Filtrar por:"), /* @__PURE__ */ React4.default.createElement(
+    /* @__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,
       {
         value: selectedTitle || "",
@@ -2773,7 +2841,7 @@ var Grid = (props) => {
           !target.innerHTML.includes("path") ? setSelectedTitle(target.innerHTML) : setSelectedTitle(void 0);
         },
         options: columnTitles.map((title) => title.label),
-        renderInput: (params) => /* @__PURE__ */ React4.default.createElement(
+        renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
           _material.TextField,
           __spreadProps(__spreadValues({
             variant: "standard",
@@ -2783,7 +2851,7 @@ var Grid = (props) => {
           })
         )
       }
-    ), /* @__PURE__ */ React4.default.createElement(
+    ), /* @__PURE__ */ React2.default.createElement(
       _material.Autocomplete,
       {
         value: selectedFilterValue || "",
@@ -2792,7 +2860,7 @@ var Grid = (props) => {
         },
         disabled: valuesToFilter.length < 1,
         options: valuesToFilter.map((title) => title),
-        renderInput: (params) => /* @__PURE__ */ React4.default.createElement(
+        renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
           _material.TextField,
           __spreadProps(__spreadValues({
             variant: "standard",
@@ -2802,7 +2870,7 @@ var Grid = (props) => {
           })
         )
       }
-    ), /* @__PURE__ */ React4.default.createElement(_material.Box, { sx: { py: 1 } }), /* @__PURE__ */ React4.default.createElement(
+    ), /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { py: 1 } }), /* @__PURE__ */ React2.default.createElement(
       _material.Button,
       {
         disabled: !selectedFilterValue,
@@ -2811,7 +2879,7 @@ var Grid = (props) => {
       },
       "Adicionar filtro"
     ))
-  ), /* @__PURE__ */ React4.default.createElement(
+  ), /* @__PURE__ */ React2.default.createElement(
     _material.Popover,
     {
       anchorEl: searchAnchorEl.current,
@@ -2826,7 +2894,7 @@ var Grid = (props) => {
         horizontal: "left"
       }
     },
-    /* @__PURE__ */ React4.default.createElement(
+    /* @__PURE__ */ React2.default.createElement(
       _material.Box,
       {
         sx: {
@@ -2838,7 +2906,7 @@ var Grid = (props) => {
           alignItems: "flex-end"
         }
       },
-      /* @__PURE__ */ React4.default.createElement(
+      /* @__PURE__ */ React2.default.createElement(
         _material.TextField,
         {
           variant: "standard",
@@ -2848,7 +2916,7 @@ var Grid = (props) => {
           onChange: ({ currentTarget }) => setSearchText(currentTarget.value)
         }
       ),
-      /* @__PURE__ */ React4.default.createElement(_material.Box, null, /* @__PURE__ */ React4.default.createElement(
+      /* @__PURE__ */ React2.default.createElement(_material.Box, null, /* @__PURE__ */ React2.default.createElement(
         _material.IconButton,
         {
           onClick: () => {
@@ -2856,7 +2924,7 @@ var Grid = (props) => {
             setOpenSearch(false);
           }
         },
-        /* @__PURE__ */ React4.default.createElement(_md.MdClose, { size: 8 * 3 })
+        /* @__PURE__ */ React2.default.createElement(_md.MdClose, { size: 8 * 3 })
       ))
     )
   ));
@@ -2916,7 +2984,7 @@ var DefaultInput = (allProps) => {
     if (ev.code === "Escape")
       handleCancelEditing();
   };
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.TextField,
     __spreadValues({
       name,
@@ -2989,7 +3057,7 @@ var InputMask = (allProps) => {
     if (rowData == null ? void 0 : rowData[name])
       setValue(String(rowData == null ? void 0 : rowData[name]));
   }, [rowData == null ? void 0 : rowData[name]]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.TextField,
     __spreadValues({
       inputRef: ref,
@@ -3055,7 +3123,7 @@ var EditableTableCell = (allProps) => {
     if (onCancel)
       onCancel();
   };
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.TableCell,
     __spreadProps(__spreadValues({}, props), {
       sx: __spreadProps(__spreadValues({}, (props || {}).sx), {
@@ -3065,7 +3133,7 @@ var EditableTableCell = (allProps) => {
       }),
       onDoubleClick: () => setIsEditing(true)
     }),
-    isEditing ? /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, mask ? /* @__PURE__ */ React4.default.createElement(
+    isEditing ? /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, mask ? /* @__PURE__ */ React2.default.createElement(
       InputMask,
       {
         mask,
@@ -3081,7 +3149,7 @@ var EditableTableCell = (allProps) => {
         handleCancelEditing,
         formatInputDefautvalue
       }
-    ) : /* @__PURE__ */ React4.default.createElement(
+    ) : /* @__PURE__ */ React2.default.createElement(
       DefaultInput,
       {
         onUpdateValue: (newValue) => {
@@ -3096,7 +3164,7 @@ var EditableTableCell = (allProps) => {
         formatInputDefautvalue,
         type
       }
-    )) : /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, formatCellValue(value))
+    )) : /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, formatCellValue(value))
   );
 };
 
@@ -3107,18 +3175,18 @@ var _formik = require('formik');
 var Input = (_a) => {
   var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
   if (withFormik)
-    return /* @__PURE__ */ React4.default.createElement(FormikInput, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(FormikInput, __spreadValues({}, rest));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseInput, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(BaseInput, __spreadValues({}, rest));
 };
 var BaseInput = (props) => {
-  return /* @__PURE__ */ React4.default.createElement(_material.TextField, __spreadValues({ fullWidth: true }, props));
+  return /* @__PURE__ */ React2.default.createElement(_material.TextField, __spreadValues({ fullWidth: true }, props));
 };
 var FormikInput = (_a) => {
   var _b = _a, { name, shrink } = _b, rest = __objRest(_b, ["name", "shrink"]);
-  return /* @__PURE__ */ React4.default.createElement(_formik.Field, { name }, (_a2) => {
+  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__ */ React4.default.createElement(
+    return /* @__PURE__ */ React2.default.createElement(
       BaseInput,
       __spreadProps(__spreadValues(__spreadValues({
         defaultValue: value,
@@ -3138,9 +3206,9 @@ var FormikInput = (_a) => {
 function InputMask2(_a) {
   var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
   if (withFormik)
-    return /* @__PURE__ */ React4.default.createElement(FormikInputMask, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(FormikInputMask, __spreadValues({}, rest));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseInputMask, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(BaseInputMask, __spreadValues({}, rest));
 }
 var BaseInputMask = (_a) => {
   var _b = _a, {
@@ -3172,7 +3240,7 @@ var BaseInputMask = (_a) => {
     setValue(controlledValue);
     maskRef.current.value = controlledValue;
   }, [controlledValue]);
-  return /* @__PURE__ */ React4.default.createElement(BaseInput, __spreadValues({ inputRef: ref }, rest));
+  return /* @__PURE__ */ React2.default.createElement(BaseInput, __spreadValues({ inputRef: ref }, rest));
 };
 function FormikInputMask(_a) {
   var _b = _a, {
@@ -3202,7 +3270,7 @@ function FormikInputMask(_a) {
     if (formikSaveFunction.current)
       formikSaveFunction.current(name, unmaskedValue);
   }, [value]);
-  return /* @__PURE__ */ React4.default.createElement(_formik.Field, { name }, (_a2) => {
+  return /* @__PURE__ */ React2.default.createElement(_formik.Field, { name }, (_a2) => {
     var _b2 = _a2, {
       field: _c
     } = _b2, _d = _c, { value: value2 } = _d, field = __objRest(_d, ["value"]), {
@@ -3211,7 +3279,7 @@ function FormikInputMask(_a) {
     } = _b2;
     initialValue.current = value2;
     formikSaveFunction.current = setFieldValue;
-    return /* @__PURE__ */ React4.default.createElement(
+    return /* @__PURE__ */ React2.default.createElement(
       BaseInput,
       __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
         inputRef: ref,
@@ -3235,9 +3303,9 @@ var CustomInputLabel = _material.InputLabel;
 var Select = (_a) => {
   var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
   if (withFormik)
-    return /* @__PURE__ */ React4.default.createElement(FormikSelect, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(FormikSelect, __spreadValues({}, rest));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseSelect, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(BaseSelect, __spreadValues({}, rest));
 };
 var BaseSelect = (_a) => {
   var _b = _a, {
@@ -3253,7 +3321,7 @@ var BaseSelect = (_a) => {
     "FormControlProps",
     "InputLabelProps"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(_material.FormControl, __spreadValues({ fullWidth: true }, FormControlProps2), /* @__PURE__ */ React4.default.createElement(CustomInputLabel, __spreadValues({}, InputLabelProps2), label), /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.FormControl, __spreadValues({ fullWidth: true }, FormControlProps2), /* @__PURE__ */ React2.default.createElement(CustomInputLabel, __spreadValues({}, InputLabelProps2), label), /* @__PURE__ */ React2.default.createElement(
     _material.Select,
     __spreadValues({
       name,
@@ -3285,7 +3353,7 @@ var FormikSelect = (_a) => {
   const onChange = (_, { props: { value: value2 } }) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React4.default.createElement(_material.FormControl, __spreadProps(__spreadValues({ fullWidth: true }, FormControlProps2), { error: Boolean(meta == null ? void 0 : meta.error) }), /* @__PURE__ */ React4.default.createElement(CustomInputLabel, __spreadValues({}, InputLabelProps2), label), /* @__PURE__ */ React4.default.createElement(
+  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(
     _material.Select,
     __spreadProps(__spreadValues(__spreadValues({
       inputProps: {
@@ -3297,7 +3365,7 @@ var FormikSelect = (_a) => {
       onChange
     }),
     children
-  ), /* @__PURE__ */ React4.default.createElement(_material.FormHelperText, null, helperText || (meta == null ? void 0 : meta.error)));
+  ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || (meta == null ? void 0 : meta.error)));
 };
 
 // src/components/Autocomplete/index.tsx
@@ -3318,7 +3386,7 @@ function Autocomplete2(_a) {
     "getOptionValue"
   ]);
   if (withFormik) {
-    return /* @__PURE__ */ React4.default.createElement(
+    return /* @__PURE__ */ React2.default.createElement(
       FormikAutocomplete,
       __spreadValues({
         name,
@@ -3326,14 +3394,14 @@ function Autocomplete2(_a) {
       }, rest)
     );
   } else
-    return /* @__PURE__ */ React4.default.createElement(BaseInput2, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(BaseInput2, __spreadValues({}, rest));
 }
 function BaseInput2(props) {
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.Autocomplete,
     __spreadValues({
       fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ React4.default.createElement(_material.TextField, __spreadValues({ label: props.label }, params))
+      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(_material.TextField, __spreadValues({ label: props.label }, params))
     }, props)
   );
 }
@@ -3381,11 +3449,11 @@ function FormikAutocomplete(_a) {
       return a[key] === b[key];
     return Object.values(a)[0] === Object.values(b)[0];
   };
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.Autocomplete,
     __spreadValues({
       getOptionLabel,
-      renderInput: (params) => /* @__PURE__ */ React4.default.createElement(
+      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
         _material.TextField,
         __spreadProps(__spreadValues(__spreadValues({
           error: Boolean(meta == null ? void 0 : meta.error),
@@ -3417,9 +3485,9 @@ var Checkbox = (_a) => {
     "name"
   ]);
   if (withFormik && name)
-    return /* @__PURE__ */ React4.default.createElement(FormikCheckbox, __spreadValues({ name }, props));
+    return /* @__PURE__ */ React2.default.createElement(FormikCheckbox, __spreadValues({ name }, props));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseCheckbox, __spreadValues({}, props));
+    return /* @__PURE__ */ React2.default.createElement(BaseCheckbox, __spreadValues({}, props));
 };
 var BaseCheckbox = (_a) => {
   var _b = _a, {
@@ -3429,11 +3497,11 @@ var BaseCheckbox = (_a) => {
     "label",
     "FormControlLabelProps"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     __spreadValues({
       label,
-      control: /* @__PURE__ */ React4.default.createElement(_material.Checkbox, __spreadValues({}, props))
+      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, __spreadValues({}, props))
     }, FormControlLabelProps3)
   );
 };
@@ -3453,11 +3521,11 @@ var FormikCheckbox = (_a) => {
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     __spreadValues(__spreadProps(__spreadValues({
       label,
-      control: /* @__PURE__ */ React4.default.createElement(_material.Checkbox, __spreadProps(__spreadValues({}, props), { defaultChecked: Boolean(value) }))
+      control: /* @__PURE__ */ React2.default.createElement(_material.Checkbox, __spreadProps(__spreadValues({}, props), { defaultChecked: Boolean(value) }))
     }, field), {
       onChange
     }), FormControlLabelProps3)
@@ -3474,9 +3542,9 @@ var FormikCheckbox = (_a) => {
 var Switch = (_a) => {
   var _b = _a, { withFormik = true, name } = _b, props = __objRest(_b, ["withFormik", "name"]);
   if (withFormik && name)
-    return /* @__PURE__ */ React4.default.createElement(FormikSwitch, __spreadValues({ name }, props));
+    return /* @__PURE__ */ React2.default.createElement(FormikSwitch, __spreadValues({ name }, props));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseSwitch, __spreadValues({}, props));
+    return /* @__PURE__ */ React2.default.createElement(BaseSwitch, __spreadValues({}, props));
 };
 var BaseSwitch = (_a) => {
   var _b = _a, {
@@ -3486,11 +3554,11 @@ var BaseSwitch = (_a) => {
     "label",
     "FormControlLabelProps"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     __spreadValues({
       label,
-      control: /* @__PURE__ */ React4.default.createElement(_material.Switch, __spreadValues({}, props))
+      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, __spreadValues({}, props))
     }, FormControlLabelProps3)
   );
 };
@@ -3510,12 +3578,12 @@ var FormikSwitch = (_a) => {
   const onChange = (_, value2) => {
     setValue(value2);
   };
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.FormControlLabel,
     __spreadValues(__spreadValues({
       label,
       onChange,
-      control: /* @__PURE__ */ React4.default.createElement(_material.Switch, __spreadValues({ defaultChecked: value }, props))
+      control: /* @__PURE__ */ React2.default.createElement(_material.Switch, __spreadValues({ defaultChecked: value }, props))
     }, field), FormControlLabelProps3)
   );
 };
@@ -3539,9 +3607,9 @@ var Radio = (_a) => {
     "withFormik"
   ]);
   if (withFormik && name)
-    return /* @__PURE__ */ React4.default.createElement(FormikRadio, __spreadValues({ name }, rest));
+    return /* @__PURE__ */ React2.default.createElement(FormikRadio, __spreadValues({ name }, rest));
   else
-    return /* @__PURE__ */ React4.default.createElement(BaseRadio, __spreadValues({}, rest));
+    return /* @__PURE__ */ React2.default.createElement(BaseRadio, __spreadValues({}, rest));
 };
 var BaseRadio = (_a) => {
   var _b = _a, {
@@ -3551,13 +3619,13 @@ var BaseRadio = (_a) => {
     "label",
     "options"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React4.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React4.default.createElement(_material.RadioGroup, __spreadValues({}, rest), options.map((option) => /* @__PURE__ */ React4.default.createElement(
+  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(
     _material.FormControlLabel,
     {
       key: String(option.value),
       value: option.value,
       label: option.label,
-      control: /* @__PURE__ */ React4.default.createElement(_material.Radio, null)
+      control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
     }
   ))));
 };
@@ -3574,19 +3642,19 @@ var FormikRadio = (_a) => {
   const onChange = (setFieldValue, value) => {
     setFieldValue(name, value);
   };
-  return /* @__PURE__ */ React4.default.createElement(_formik.Field, null, ({ field: { value }, form: { setFieldValue } }) => /* @__PURE__ */ React4.default.createElement(_material.FormControl, null, label && /* @__PURE__ */ React4.default.createElement(_material.FormLabel, null, label), /* @__PURE__ */ React4.default.createElement(
+  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),
-    options.map((option) => /* @__PURE__ */ React4.default.createElement(
+    options.map((option) => /* @__PURE__ */ React2.default.createElement(
       _material.FormControlLabel,
       {
         key: String(option.value),
         value: option.value,
         label: option.label,
-        control: /* @__PURE__ */ React4.default.createElement(_material.Radio, null)
+        control: /* @__PURE__ */ React2.default.createElement(_material.Radio, null)
       }
     ))
   )));
@@ -3610,7 +3678,7 @@ var LargeButton = (_a) => {
     "CircularProgressProps",
     "sx"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.Button,
     __spreadValues({
       variant: "contained",
@@ -3618,7 +3686,7 @@ var LargeButton = (_a) => {
       sx: __spreadValues({ fontWeight: "bold" }, sx),
       disabled: rest.disabled || loading
     }, rest),
-    loading ? /* @__PURE__ */ React4.default.createElement(
+    loading ? /* @__PURE__ */ React2.default.createElement(
       _material.CircularProgress,
       __spreadValues({
         size: 25,
@@ -3638,7 +3706,7 @@ function getTabProps(index) {
 }
 var TabPanel = (props) => {
   const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     "div",
     __spreadValues({
       role: "tabpanel",
@@ -3646,7 +3714,7 @@ var TabPanel = (props) => {
       id: `tabpanel-${index}`,
       "aria-labelledby": `tab-${index}`
     }, other),
-    value === index && /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, children)
+    value === index && /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, children)
   );
 };
 
@@ -3683,7 +3751,7 @@ var GridPagination = ({
   rowsPerPage,
   dense
 }) => {
-  return /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(
     _material.Stack,
     {
       direction: "row",
@@ -3692,8 +3760,8 @@ var GridPagination = ({
       width: "100%",
       py: dense ? 0.5 : 1
     },
-    /* @__PURE__ */ React4.default.createElement(_material.Box, null),
-    /* @__PURE__ */ React4.default.createElement(_material.Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React4.default.createElement(
+    /* @__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",
@@ -3703,23 +3771,23 @@ var GridPagination = ({
         value: rowsPerPage,
         onChange: ({ target }) => setRowsPerPage(parseInt(target.value))
       },
-      rowsPerPageOptions.map((option) => /* @__PURE__ */ React4.default.createElement(_material.MenuItem, { key: option, value: option }, option))
-    ), /* @__PURE__ */ React4.default.createElement(_material.Typography, { variant: "body2" }, currentPage + 1, " de ", totalNumberOfPages + 1), /* @__PURE__ */ React4.default.createElement(
+      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__ */ React4.default.createElement(_md.MdArrowBackIosNew, { size: 8 * 2 })
-    ), /* @__PURE__ */ React4.default.createElement(
+      /* @__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__ */ React4.default.createElement(_md.MdArrowForwardIos, { size: 8 * 2 })
+      /* @__PURE__ */ React2.default.createElement(_md.MdArrowForwardIos, { size: 8 * 2 })
     ))
   );
 };
@@ -3785,12 +3853,12 @@ function BaseGrid({
   appendColumn,
   isLoading
 }) {
-  return /* @__PURE__ */ React4.default.createElement(
+  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)
     }),
-    /* @__PURE__ */ React4.default.createElement(
+    /* @__PURE__ */ React2.default.createElement(
       _material.Table,
       __spreadProps(__spreadValues({
         size: "small",
@@ -3798,7 +3866,7 @@ function BaseGrid({
       }, tableProps), {
         sx: __spreadValues({}, tableProps == null ? void 0 : tableProps.sx)
       }),
-      /* @__PURE__ */ React4.default.createElement(_material.TableHead, __spreadValues({}, tableHeadProps), /* @__PURE__ */ React4.default.createElement(_material.TableRow, null, prependColumn, columns.map((column) => /* @__PURE__ */ React4.default.createElement(
+      /* @__PURE__ */ React2.default.createElement(_material.TableHead, __spreadValues({}, tableHeadProps), /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, prependColumn, columns.map((column) => /* @__PURE__ */ React2.default.createElement(
         _material.TableCell,
         {
           key: column.name,
@@ -3807,7 +3875,7 @@ function BaseGrid({
             pl: 2
           }, column == null ? void 0 : column.sx)
         },
-        column.children ? column.children : /* @__PURE__ */ React4.default.createElement(
+        column.children ? column.children : /* @__PURE__ */ React2.default.createElement(
           _material.TableSortLabel,
           {
             active: sortedBy === column.name,
@@ -3817,10 +3885,10 @@ function BaseGrid({
           },
           column.label
         )
-      )), appendColumn), isLoading && /* @__PURE__ */ React4.default.createElement(_material.TableRow, null, /* @__PURE__ */ React4.default.createElement(_material.TableCell, { colSpan: columns.length, sx: { p: 0, border: "none" } }, /* @__PURE__ */ React4.default.createElement(_material.LinearProgress, null)))),
-      /* @__PURE__ */ React4.default.createElement(_material.TableBody, __spreadValues({}, tableBodyProps), children)
+      )), appendColumn), isLoading && /* @__PURE__ */ React2.default.createElement(_material.TableRow, null, /* @__PURE__ */ React2.default.createElement(_material.TableCell, { colSpan: columns.length, sx: { p: 0, border: "none" } }, /* @__PURE__ */ React2.default.createElement(_material.LinearProgress, null)))),
+      /* @__PURE__ */ React2.default.createElement(_material.TableBody, __spreadValues({}, tableBodyProps), children)
     ),
-    !hideFooter && /* @__PURE__ */ React4.default.createElement(
+    !hideFooter && /* @__PURE__ */ React2.default.createElement(
       GridPagination,
       {
         rowsPerPageOptions,
@@ -3843,7 +3911,7 @@ function BaseGrid({
 
 var Modal = (_a) => {
   var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
-  return /* @__PURE__ */ React4.default.createElement(_material.Modal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.Modal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React2.default.createElement(
     _material.Box,
     {
       sx: {
@@ -3856,7 +3924,7 @@ var Modal = (_a) => {
         borderRadius: 1
       }
     },
-    /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, rest.children)
+    /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, rest.children)
   ));
 };
 
@@ -3893,8 +3961,8 @@ var Dialog = (_a) => {
     "body",
     "options"
   ]);
-  return /* @__PURE__ */ React4.default.createElement(_material.Dialog, __spreadValues({ open }, rest), /* @__PURE__ */ React4.default.createElement(_material.Box, { sx: { p: 2 } }, /* @__PURE__ */ React4.default.createElement(_material.DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React4.default.createElement(_material.DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React4.default.createElement(_material.DialogActions, null, options.map((option, index) => {
-    return /* @__PURE__ */ React4.default.createElement(
+  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) => {
+    return /* @__PURE__ */ React2.default.createElement(
       _material.Button,
       {
         key: index,
@@ -3907,7 +3975,7 @@ var Dialog = (_a) => {
         disableElevation: true,
         disabled: loading
       },
-      loading && option.focus ? /* @__PURE__ */ React4.default.createElement(_material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, option.label)
+      loading && option.focus ? /* @__PURE__ */ React2.default.createElement(_material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, option.label)
     );
   }))));
 };
@@ -4005,21 +4073,21 @@ var ApiHelper = class _ApiHelper {
 
 
 var Toast = ({ open, onClose, severity, message }) => {
-  return /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, /* @__PURE__ */ React4.default.createElement(
+  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__ */ React4.default.createElement(
+    /* @__PURE__ */ React2.default.createElement(
       _material.Alert,
       {
         severity,
         elevation: 2,
-        sx: { mb: 2 },
-        action: /* @__PURE__ */ React4.default.createElement(
+        action: /* @__PURE__ */ React2.default.createElement(
           _material.IconButton,
           {
             "aria-label": "close",
@@ -4027,7 +4095,7 @@ var Toast = ({ open, onClose, severity, message }) => {
             size: "small",
             onClick: onClose
           },
-          /* @__PURE__ */ React4.default.createElement(_md.MdClose, { fontSize: "inherit" })
+          /* @__PURE__ */ React2.default.createElement(_md.MdClose, { fontSize: "inherit" })
         )
       },
       message
@@ -4049,7 +4117,7 @@ var AlertProvider = ({ children }) => {
   function onCloseToast() {
     setIsVisible(false);
   }
-  return /* @__PURE__ */ React4.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React4.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React2.default.createElement(
     Toast,
     {
       open: isVisible,
@@ -4084,7 +4152,7 @@ function useLoading() {
 
 var FormHelperContext = _react.createContext.call(void 0, {});
 var FormHelperProvider = ({ formatErrorMessage, api, children }) => {
-  return /* @__PURE__ */ React4.default.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
+  return /* @__PURE__ */ React2.default.createElement(FormHelperContext.Provider, { value: { formatErrorMessage, api } }, children);
 };
 
 // src/hooks/useFormHelper.ts
@@ -4457,15 +4525,10 @@ object-assign/index.js:
   *)
 
 @mui/styled-engine/index.js:
-  (** @license MUI v5.11.0
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-@mui/private-theming/index.js:
-  (** @license MUI v5.11.1
+  (**
+   * @mui/styled-engine v5.15.11
    *
+   * @license MIT
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    *)