gbc-kyc-kit 2.1.3 → 2.1.4

package/dist/gbc-kyc-kit.es.js

@@ -1,5 +1,5 @@
 import * as React$2 from "react";
-import React__default$1, { forwardRef, useEffect, useReducer, useState, useRef, isValidElement, cloneElement, useLayoutEffect, useContext, Children, createElement, useCallback } from "react";
+import React__default$1, { forwardRef, useEffect, useReducer, useState, useRef, isValidElement, cloneElement, useLayoutEffect, useContext, Children, createElement, useMemo, useCallback } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 var style$3 = "";
@@ -19327,7 +19327,7 @@ function styleInject(css2, ref) {
   }
 }
 var css_248z = '.ReactFlagsSelect-module_flagsSelect__2pfa2 {\n  position: relative;\n  vertical-align: inherit;\n  padding-bottom: 5px;\n  text-align: left;\n}\n\n.ReactFlagsSelect-module_flagsSelectInline__cUnnz {\n  display: inline-block;\n}\n\n.ReactFlagsSelect-module_selectBtn__19wW7 {\n  cursor: pointer;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 5px 10px;\n  font-family: inherit;\n  color: #4d4d4d;\n  border: thin solid rgba(77, 77, 77, 0.3);\n  border-radius: 4px;\n  background: transparent;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7:after, .ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded=true]:after {\n  content: " ";\n  width: 0;\n  height: 0;\n  display: inline-block;\n  margin-left: 5px;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7:after {\n  border-top: 5px solid #4d4d4d;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-bottom: 0;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded=true]:after {\n  border-top: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-bottom: 5px solid #4d4d4d;\n}\n\n.ReactFlagsSelect-module_disabledBtn__3A4GF {\n  background: #eaeaea;\n  cursor: default;\n}\n\n.ReactFlagsSelect-module_label__27pw9, .ReactFlagsSelect-module_secondaryLabel__37t1D {\n  font-size: 1em;\n  padding-left: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ReactFlagsSelect-module_secondaryLabel__37t1D {\n  color: #707070;\n  padding-left: 5px;\n}\n\n.ReactFlagsSelect-module_selectValue__152eS,\n.ReactFlagsSelect-module_selectOption__3pcgW {\n  cursor: pointer;\n  padding: 0 8px;\n  margin: 4px 0;\n  white-space: nowrap;\n}\n\n.ReactFlagsSelect-module_selectValue__152eS {\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n}\n\n.ReactFlagsSelect-module_selectOption__3pcgW {\n  padding: 2px 18px;\n}\n.ReactFlagsSelect-module_selectOption__3pcgW:hover, .ReactFlagsSelect-module_selectOption__3pcgW:focus {\n  outline: none;\n  background: #eaeaea;\n}\n\n.ReactFlagsSelect-module_selectFlag__2q5gC {\n  display: inline-flex;\n  font-size: 1.2em;\n}\n\n.ReactFlagsSelect-module_selectOptionValue__vS99- {\n  display: flex;\n  align-items: center;\n}\n\n.ReactFlagsSelect-module_selectOptionWithlabel__2GpmM {\n  padding: 4px 10px;\n}\n\n.ReactFlagsSelect-module_selectOptions__3LNBJ {\n  position: absolute;\n  z-index: 999999;\n  border: 1px solid #bdbbbb;\n  border-radius: 3px;\n  background: #ffffff;\n  margin-top: 8px;\n  padding: 8px 0;\n  max-height: 180px;\n  overflow: auto;\n}\n\n.ReactFlagsSelect-module_selectOptionsWithSearch__1W03w {\n  padding: 0 0 8px 0;\n}\n\n.ReactFlagsSelect-module_fullWidthOptions__1XeR6 {\n  right: 0;\n  left: 0;\n}\n\n.ReactFlagsSelect-module_alignOptionsToRight__3Qvq2 {\n  right: 0;\n}\n\n.ReactFlagsSelect-module_filterBox__3m8EU {\n  position: sticky;\n  top: 0;\n  width: 100%;\n  padding-top: 8px;\n  background: #ffffff;\n}\n.ReactFlagsSelect-module_filterBox__3m8EU input {\n  width: calc(100% - 20px);\n  margin: 0 10px;\n  padding: 8px;\n  box-sizing: border-box;\n}\n.ReactFlagsSelect-module_filterBox__3m8EU input:focus {\n  outline: none;\n}';
-var styles$3 = { "flagsSelect": "ReactFlagsSelect-module_flagsSelect__2pfa2", "flagsSelectInline": "ReactFlagsSelect-module_flagsSelectInline__cUnnz", "selectBtn": "ReactFlagsSelect-module_selectBtn__19wW7", "disabledBtn": "ReactFlagsSelect-module_disabledBtn__3A4GF", "label": "ReactFlagsSelect-module_label__27pw9", "secondaryLabel": "ReactFlagsSelect-module_secondaryLabel__37t1D", "selectValue": "ReactFlagsSelect-module_selectValue__152eS", "selectOption": "ReactFlagsSelect-module_selectOption__3pcgW", "selectFlag": "ReactFlagsSelect-module_selectFlag__2q5gC", "selectOptionValue": "ReactFlagsSelect-module_selectOptionValue__vS99-", "selectOptionWithlabel": "ReactFlagsSelect-module_selectOptionWithlabel__2GpmM", "selectOptions": "ReactFlagsSelect-module_selectOptions__3LNBJ", "selectOptionsWithSearch": "ReactFlagsSelect-module_selectOptionsWithSearch__1W03w", "fullWidthOptions": "ReactFlagsSelect-module_fullWidthOptions__1XeR6", "alignOptionsToRight": "ReactFlagsSelect-module_alignOptionsToRight__3Qvq2", "filterBox": "ReactFlagsSelect-module_filterBox__3m8EU" };
+var styles$4 = { "flagsSelect": "ReactFlagsSelect-module_flagsSelect__2pfa2", "flagsSelectInline": "ReactFlagsSelect-module_flagsSelectInline__cUnnz", "selectBtn": "ReactFlagsSelect-module_selectBtn__19wW7", "disabledBtn": "ReactFlagsSelect-module_disabledBtn__3A4GF", "label": "ReactFlagsSelect-module_label__27pw9", "secondaryLabel": "ReactFlagsSelect-module_secondaryLabel__37t1D", "selectValue": "ReactFlagsSelect-module_selectValue__152eS", "selectOption": "ReactFlagsSelect-module_selectOption__3pcgW", "selectFlag": "ReactFlagsSelect-module_selectFlag__2q5gC", "selectOptionValue": "ReactFlagsSelect-module_selectOptionValue__vS99-", "selectOptionWithlabel": "ReactFlagsSelect-module_selectOptionWithlabel__2GpmM", "selectOptions": "ReactFlagsSelect-module_selectOptions__3LNBJ", "selectOptionsWithSearch": "ReactFlagsSelect-module_selectOptionsWithSearch__1W03w", "fullWidthOptions": "ReactFlagsSelect-module_fullWidthOptions__1XeR6", "alignOptionsToRight": "ReactFlagsSelect-module_alignOptionsToRight__3Qvq2", "filterBox": "ReactFlagsSelect-module_filterBox__3m8EU" };
 styleInject(css_248z);
 var defaultPlaceholder = "Select a country";
 var defaultSearchPlaceholder = "Search";
@@ -19408,18 +19408,18 @@ var ReactFlagsSelect = function(_a) {
   }, []);
   var displayLabel = getLabel(validSelectedValue);
   var btnId = "".concat(rfsKey, "-btn");
-  return /* @__PURE__ */ jsxs("div", { className: classnames(styles$3.flagsSelect, className, (_b = {}, _b[styles$3.flagsSelectInline] = !fullWidth, _b)), id, "data-testid": rfsKey, children: [/* @__PURE__ */ jsx$1("button", { ref: selectedFlagRef, id: btnId, type: "button", className: classnames(styles$3.selectBtn, selectButtonClassName, (_c = {}, _c[styles$3.disabledBtn] = disabled, _c)), style: { fontSize: selectedSize }, onClick: toggleDropdown, onKeyUp: function(e2) {
+  return /* @__PURE__ */ jsxs("div", { className: classnames(styles$4.flagsSelect, className, (_b = {}, _b[styles$4.flagsSelectInline] = !fullWidth, _b)), id, "data-testid": rfsKey, children: [/* @__PURE__ */ jsx$1("button", { ref: selectedFlagRef, id: btnId, type: "button", className: classnames(styles$4.selectBtn, selectButtonClassName, (_c = {}, _c[styles$4.disabledBtn] = disabled, _c)), style: { fontSize: selectedSize }, onClick: toggleDropdown, onKeyUp: function(e2) {
     return closeDropdwownWithKeyboard(e2);
-  }, disabled, "aria-labelledby": btnId, "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen, "data-testid": btnId, children: /* @__PURE__ */ jsx$1("span", { className: styles$3.selectValue, children: validSelectedValue ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx$1("span", { className: styles$3.selectFlag, "data-testid": "".concat(rfsKey, "-selected-flag"), children: getSelectedFlag() }), showSelectedLabel && /* @__PURE__ */ jsx$1("span", { className: styles$3.label, children: isCustomLabelObject(displayLabel) ? displayLabel.primary : displayLabel }), showSecondarySelectedLabel && isCustomLabelObject(displayLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$3.secondaryLabel, children: displayLabel.secondary })] }) : /* @__PURE__ */ jsx$1(Fragment, { children: placeholder || defaultPlaceholder }) }) }), !disabled && isDropdownOpen && /* @__PURE__ */ jsxs("ul", { tabIndex: -1, role: "listbox", ref: optionsRef, style: { fontSize: optionsSize }, className: classnames(styles$3.selectOptions, (_d = {}, _d[styles$3.selectOptionsWithSearch] = searchable, _d[styles$3.alignOptionsToRight] = alignOptionsToRight, _d[styles$3.fullWidthOptions] = fullWidth, _d)), children: [searchable && /* @__PURE__ */ jsx$1("div", { className: styles$3.filterBox, children: /* @__PURE__ */ jsx$1("input", { type: "text", name: "".concat(rfsKey, "-q"), autoComplete: "off", value: filterValue, placeholder: searchPlaceholder || defaultSearchPlaceholder, ref: filterTextRef, onChange: filterSearch, autoFocus: true }) }), options.map(function(countryCode) {
+  }, disabled, "aria-labelledby": btnId, "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen, "data-testid": btnId, children: /* @__PURE__ */ jsx$1("span", { className: styles$4.selectValue, children: validSelectedValue ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx$1("span", { className: styles$4.selectFlag, "data-testid": "".concat(rfsKey, "-selected-flag"), children: getSelectedFlag() }), showSelectedLabel && /* @__PURE__ */ jsx$1("span", { className: styles$4.label, children: isCustomLabelObject(displayLabel) ? displayLabel.primary : displayLabel }), showSecondarySelectedLabel && isCustomLabelObject(displayLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$4.secondaryLabel, children: displayLabel.secondary })] }) : /* @__PURE__ */ jsx$1(Fragment, { children: placeholder || defaultPlaceholder }) }) }), !disabled && isDropdownOpen && /* @__PURE__ */ jsxs("ul", { tabIndex: -1, role: "listbox", ref: optionsRef, style: { fontSize: optionsSize }, className: classnames(styles$4.selectOptions, (_d = {}, _d[styles$4.selectOptionsWithSearch] = searchable, _d[styles$4.alignOptionsToRight] = alignOptionsToRight, _d[styles$4.fullWidthOptions] = fullWidth, _d)), children: [searchable && /* @__PURE__ */ jsx$1("div", { className: styles$4.filterBox, children: /* @__PURE__ */ jsx$1("input", { type: "text", name: "".concat(rfsKey, "-q"), autoComplete: "off", value: filterValue, placeholder: searchPlaceholder || defaultSearchPlaceholder, ref: filterTextRef, onChange: filterSearch, autoFocus: true }) }), options.map(function(countryCode) {
     var _a2;
     var countryFlagName = countryCodeToPascalCase(countryCode);
     var CountryFlag = getFlag(countryFlagName);
     var countryLabel = getLabel(countryCode);
-    return /* @__PURE__ */ jsx$1("li", { id: "".concat(rfsKey, "-").concat(countryCode), role: "option", tabIndex: 0, className: classnames(styles$3.selectOption, (_a2 = {}, _a2[styles$3.selectOptionWithlabel] = showOptionLabel, _a2)), onClick: function() {
+    return /* @__PURE__ */ jsx$1("li", { id: "".concat(rfsKey, "-").concat(countryCode), role: "option", tabIndex: 0, className: classnames(styles$4.selectOption, (_a2 = {}, _a2[styles$4.selectOptionWithlabel] = showOptionLabel, _a2)), onClick: function() {
       return onOptionSelect(countryCode);
     }, onKeyUp: function(e2) {
       return onSelectWithKeyboard(e2, countryCode);
-    }, children: /* @__PURE__ */ jsxs("span", { className: styles$3.selectOptionValue, children: [/* @__PURE__ */ jsx$1("span", { className: styles$3.selectFlag, children: /* @__PURE__ */ jsx$1(CountryFlag, {}) }), showOptionLabel && /* @__PURE__ */ jsx$1("span", { className: styles$3.label, children: isCustomLabelObject(countryLabel) ? countryLabel.primary : countryLabel }), showSecondaryOptionLabel && isCustomLabelObject(countryLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$3.secondaryLabel, children: countryLabel.secondary })] }) }, countryCode);
+    }, children: /* @__PURE__ */ jsxs("span", { className: styles$4.selectOptionValue, children: [/* @__PURE__ */ jsx$1("span", { className: styles$4.selectFlag, children: /* @__PURE__ */ jsx$1(CountryFlag, {}) }), showOptionLabel && /* @__PURE__ */ jsx$1("span", { className: styles$4.label, children: isCustomLabelObject(countryLabel) ? countryLabel.primary : countryLabel }), showSecondaryOptionLabel && isCustomLabelObject(countryLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$4.secondaryLabel, children: countryLabel.secondary })] }) }, countryCode);
   })] })] });
 };
 function CustomInput({
@@ -21473,7 +21473,7 @@ var deepmerge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   "default": deepmerge$1,
   isPlainObject
 }, Symbol.toStringTag, { value: "Module" }));
-const _excluded$1Q = ["values", "unit", "step"];
+const _excluded$1U = ["values", "unit", "step"];
 const sortBreakpointsValues = (values2) => {
   const breakpointsAsArray = Object.keys(values2).map((key) => ({
     key,
@@ -21497,7 +21497,7 @@ function createBreakpoints(breakpoints) {
     },
     unit = "px",
     step = 5
-  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$1Q);
+  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$1U);
   const sortedValues = sortBreakpointsValues(values2);
   const keys2 = Object.keys(sortedValues);
   function up(key) {
@@ -22463,14 +22463,14 @@ function applyStyles$2(key, styles2) {
   }
   return {};
 }
-const _excluded$1P = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$1T = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$2(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput = {},
     palette: paletteInput = {},
     spacing: spacingInput,
     shape: shapeInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1P);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1T);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge$1({
@@ -22522,7 +22522,7 @@ function GlobalStyles$1({
     styles: globalStyles
   });
 }
-const _excluded$1O = ["sx"];
+const _excluded$1S = ["sx"];
 const splitProps = (props) => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -22542,7 +22542,7 @@ const splitProps = (props) => {
 function extendSxProp(props) {
   const {
     sx: inSx
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1O);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1S);
   const {
     systemProps,
     otherProps
@@ -22608,7 +22608,7 @@ function clsx() {
     (e2 = arguments[f2]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
-const _excluded$1N = ["className", "component"];
+const _excluded$1R = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -22624,7 +22624,7 @@ function createBox(options = {}) {
     const _extendSxProp = extendSxProp(inProps), {
       className,
       component = "div"
-    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$1N);
+    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$1R);
     return /* @__PURE__ */ jsx$1(BoxRoot, _extends$2({
       as: component,
       ref,
@@ -22798,7 +22798,7 @@ var getDisplayName = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   "default": getDisplayName$1,
   getFunctionName
 }, Symbol.toStringTag, { value: "Module" }));
-const _excluded$1M = ["ownerState"], _excluded2$d = ["variants"], _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$1Q = ["ownerState"], _excluded2$d = ["variants"], _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty$3(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -22831,7 +22831,7 @@ function defaultOverridesResolver$1(slot) {
 function processStyleArg$1(callableStyle, _ref) {
   let {
     ownerState
-  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1M);
+  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1Q);
   const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle(_extends$2({
     ownerState
   }, props)) : callableStyle;
@@ -23406,6 +23406,51 @@ function getScrollbarSize(doc) {
   const documentWidth = doc.documentElement.clientWidth;
   return Math.abs(window.innerWidth - documentWidth);
 }
+let cachedType;
+function detectScrollType() {
+  if (cachedType) {
+    return cachedType;
+  }
+  const dummy = document.createElement("div");
+  const container = document.createElement("div");
+  container.style.width = "10px";
+  container.style.height = "1px";
+  dummy.appendChild(container);
+  dummy.dir = "rtl";
+  dummy.style.fontSize = "14px";
+  dummy.style.width = "4px";
+  dummy.style.height = "1px";
+  dummy.style.position = "absolute";
+  dummy.style.top = "-1000px";
+  dummy.style.overflow = "scroll";
+  document.body.appendChild(dummy);
+  cachedType = "reverse";
+  if (dummy.scrollLeft > 0) {
+    cachedType = "default";
+  } else {
+    dummy.scrollLeft = 1;
+    if (dummy.scrollLeft === 0) {
+      cachedType = "negative";
+    }
+  }
+  document.body.removeChild(dummy);
+  return cachedType;
+}
+function getNormalizedScrollLeft(element, direction) {
+  const scrollLeft = element.scrollLeft;
+  if (direction !== "rtl") {
+    return scrollLeft;
+  }
+  const type = detectScrollType();
+  switch (type) {
+    case "negative":
+      return element.scrollWidth - element.clientWidth + scrollLeft;
+    case "reverse":
+      return element.scrollWidth - element.clientWidth - scrollLeft;
+    default:
+      return scrollLeft;
+  }
+}
 const usePreviousProps = (value) => {
   const ref = React$2.useRef({});
   React$2.useEffect(() => {
@@ -23512,7 +23557,7 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
   }
   return componentProps;
 }
-const _excluded$1L = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+const _excluded$1P = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
 function useSlotProps(parameters) {
   var _parameters$additiona;
   const {
@@ -23520,7 +23565,7 @@ function useSlotProps(parameters) {
     externalSlotProps,
     ownerState,
     skipResolvingSlotProps = false
-  } = parameters, rest = _objectWithoutPropertiesLoose$1(parameters, _excluded$1L);
+  } = parameters, rest = _objectWithoutPropertiesLoose$1(parameters, _excluded$1P);
   const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
   const {
     props: mergedProps,
@@ -23602,7 +23647,7 @@ function toPropertyKey(t2) {
   var i = toPrimitive(t2, "string");
   return "symbol" == _typeof$1(i) ? i : i + "";
 }
-const _excluded$1K = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$1O = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
 const defaultTheme$3 = createTheme$2();
 const defaultCreateStyledComponent = styled$3("div", {
   name: "MuiStack",
@@ -23722,7 +23767,7 @@ function createStack(options = {}) {
       children,
       className,
       useFlexGap = false
-    } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1K);
+    } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1O);
     const ownerState = {
       direction,
       spacing,
@@ -24019,7 +24064,7 @@ function blend(background, overlay, opacity, gamma = 1) {
     values: rgb
   });
 }
-const _excluded$1J = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$1N = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
@@ -24173,7 +24218,7 @@ function createPalette(palette) {
     mode = "light",
     contrastThreshold = 3,
     tonalOffset = 0.2
-  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$1J);
+  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$1N);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -24250,7 +24295,7 @@ function createPalette(palette) {
   }, modes[mode]), other);
   return paletteOutput;
 }
-const _excluded$1I = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$1M = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round$2(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -24269,7 +24314,7 @@ function createTypography(palette, typography) {
     htmlFontSize = 16,
     allVariants,
     pxToRem: pxToRem2
-  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$1I);
+  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$1M);
   const coef = fontSize2 / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$2({
@@ -24323,7 +24368,7 @@ function createShadow(...px) {
 }
 const shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var shadows$1 = shadows;
-const _excluded$1H = ["duration", "easing", "delay"];
+const _excluded$1L = ["duration", "easing", "delay"];
 const easing = {
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
@@ -24358,7 +24403,7 @@ function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options;
-    _objectWithoutPropertiesLoose$1(options, _excluded$1H);
+    _objectWithoutPropertiesLoose$1(options, _excluded$1L);
     return (Array.isArray(props) ? props : [props]).map((animatedProp) => `${animatedProp} ${typeof durationOption === "string" ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === "string" ? delay : formatMs(delay)}`).join(",");
   };
   return _extends$2({
@@ -24380,14 +24425,14 @@ const zIndex = {
   tooltip: 1500
 };
 var zIndex$1 = zIndex;
-const _excluded$1G = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$1K = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
     mixins: mixinsInput = {},
     palette: paletteInput = {},
     transitions: transitionsInput = {},
     typography: typographyInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1G);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1K);
   if (options.vars && options.generateCssVars === void 0) {
     throw new Error(formatMuiErrorMessage$1(18));
   }
@@ -24473,7 +24518,7 @@ _interopRequireDefault(require$$5);
 _interopRequireDefault(require$$6);
 var _createTheme = _interopRequireDefault(require$$7);
 var _styleFunctionSx = _interopRequireDefault(require$$8);
-const _excluded$1F = ["ownerState"], _excluded2$c = ["variants"], _excluded3$4 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$1J = ["ownerState"], _excluded2$c = ["variants"], _excluded3$4 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function _getRequireWildcardCache$1(e2) {
   if ("function" != typeof WeakMap)
     return null;
@@ -24530,7 +24575,7 @@ function defaultOverridesResolver(slot) {
 function processStyleArg(callableStyle, _ref) {
   let {
     ownerState
-  } = _ref, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$1F);
+  } = _ref, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$1J);
   const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle((0, _extends2.default)({
     ownerState
   }, props)) : callableStyle;
@@ -24708,8 +24753,8 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const _excluded$1E = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$1h = (ownerState) => {
+const _excluded$1I = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$1k = (ownerState) => {
   const {
     color: color2,
     fontSize: fontSize2,
@@ -24772,7 +24817,7 @@ const SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(inProps, re
     inheritViewBox = false,
     titleAccess,
     viewBox = "0 0 24 24"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1E);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1I);
   const hasSvgAsChild = /* @__PURE__ */ React$2.isValidElement(children) && children.type === "svg";
   const ownerState = _extends$2({}, props, {
     color: color2,
@@ -24787,7 +24832,7 @@ const SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(inProps, re
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$1h(ownerState);
+  const classes = useUtilityClasses$1k(ownerState);
   return /* @__PURE__ */ jsxs(SvgIconRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -25284,8 +25329,8 @@ function getPaperUtilityClass(slot) {
   return generateUtilityClass("MuiPaper", slot);
 }
 generateUtilityClasses("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
-const _excluded$1D = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$1g = (ownerState) => {
+const _excluded$1H = ["className", "component", "elevation", "square", "variant"];
+const useUtilityClasses$1j = (ownerState) => {
   const {
     square,
     elevation,
@@ -25338,14 +25383,14 @@ const Paper = /* @__PURE__ */ React$2.forwardRef(function Paper2(inProps, ref) {
     elevation = 1,
     square = false,
     variant = "elevation"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1D);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1H);
   const ownerState = _extends$2({}, props, {
     component,
     elevation,
     square,
     variant
   });
-  const classes = useUtilityClasses$1g(ownerState);
+  const classes = useUtilityClasses$1j(ownerState);
   return /* @__PURE__ */ jsx$1(PaperRoot, _extends$2({
     as: component,
     ownerState,
@@ -25354,7 +25399,7 @@ const Paper = /* @__PURE__ */ React$2.forwardRef(function Paper2(inProps, ref) {
   }, other));
 });
 var Paper$1 = Paper;
-const _excluded$1C = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], _excluded2$b = ["component", "slots", "slotProps"], _excluded3$3 = ["component"];
+const _excluded$1G = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], _excluded2$b = ["component", "slots", "slotProps"], _excluded3$3 = ["component"];
 function useSlot(name, parameters) {
   const {
     className,
@@ -25363,7 +25408,7 @@ function useSlot(name, parameters) {
     externalForwardedProps,
     getSlotOwnerState,
     internalForwardedProps
-  } = parameters, useSlotPropsParams = _objectWithoutPropertiesLoose$1(parameters, _excluded$1C);
+  } = parameters, useSlotPropsParams = _objectWithoutPropertiesLoose$1(parameters, _excluded$1G);
   const {
     component: rootComponent,
     slots = {
@@ -25443,7 +25488,7 @@ function Ripple(props) {
 }
 const touchRippleClasses = generateUtilityClasses("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
 var touchRippleClasses$1 = touchRippleClasses;
-const _excluded$1B = ["center", "classes", "className"];
+const _excluded$1F = ["center", "classes", "className"];
 let _$2 = (t2) => t2, _t$2, _t2$2, _t3$2, _t4$2;
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
@@ -25558,7 +25603,7 @@ const TouchRipple = /* @__PURE__ */ React$2.forwardRef(function TouchRipple2(inP
     center: centerProp = false,
     classes = {},
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1B);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1F);
   const [ripples, setRipples] = React$2.useState([]);
   const nextKey = React$2.useRef(0);
   const rippleCallback = React$2.useRef(null);
@@ -25717,8 +25762,8 @@ function getButtonBaseUtilityClass(slot) {
 }
 const buttonBaseClasses = generateUtilityClasses("MuiButtonBase", ["root", "disabled", "focusVisible"]);
 var buttonBaseClasses$1 = buttonBaseClasses;
-const _excluded$1A = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
-const useUtilityClasses$1f = (ownerState) => {
+const _excluded$1E = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
+const useUtilityClasses$1i = (ownerState) => {
   const {
     disabled,
     focusVisible,
@@ -25803,7 +25848,7 @@ const ButtonBase = /* @__PURE__ */ React$2.forwardRef(function ButtonBase2(inPro
     TouchRippleProps,
     touchRippleRef,
     type
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1A);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1E);
   const buttonRef = React$2.useRef(null);
   const rippleRef = React$2.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -25950,7 +25995,7 @@ const ButtonBase = /* @__PURE__ */ React$2.forwardRef(function ButtonBase2(inPro
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$1f(ownerState);
+  const classes = useUtilityClasses$1i(ownerState);
   return /* @__PURE__ */ jsxs(ButtonBaseRoot, _extends$2({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -25989,8 +26034,8 @@ function getIconButtonUtilityClass(slot) {
 }
 const iconButtonClasses = generateUtilityClasses("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]);
 var iconButtonClasses$1 = iconButtonClasses;
-const _excluded$1z = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
-const useUtilityClasses$1e = (ownerState) => {
+const _excluded$1D = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const useUtilityClasses$1h = (ownerState) => {
   const {
     classes,
     disabled,
@@ -26081,7 +26126,7 @@ const IconButton = /* @__PURE__ */ React$2.forwardRef(function IconButton2(inPro
     disabled = false,
     disableFocusRipple = false,
     size = "medium"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1z);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1D);
   const ownerState = _extends$2({}, props, {
     edge,
     color: color2,
@@ -26089,7 +26134,7 @@ const IconButton = /* @__PURE__ */ React$2.forwardRef(function IconButton2(inPro
     disableFocusRipple,
     size
   });
-  const classes = useUtilityClasses$1e(ownerState);
+  const classes = useUtilityClasses$1h(ownerState);
   return /* @__PURE__ */ jsx$1(IconButtonRoot, _extends$2({
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -26117,8 +26162,8 @@ var InfoOutlinedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 var ClearIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-const _excluded$1y = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
-const useUtilityClasses$1d = (ownerState) => {
+const _excluded$1C = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
+const useUtilityClasses$1g = (ownerState) => {
   const {
     variant,
     color: color2,
@@ -26262,14 +26307,14 @@ const Alert = /* @__PURE__ */ React$2.forwardRef(function Alert2(inProps, ref) {
     slotProps = {},
     slots = {},
     variant = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1y);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1C);
   const ownerState = _extends$2({}, props, {
     color: color2,
     severity,
     variant,
     colorSeverity: color2 || severity
   });
-  const classes = useUtilityClasses$1d(ownerState);
+  const classes = useUtilityClasses$1g(ownerState);
   const externalForwardedProps = {
     slots: _extends$2({
       closeButton: components.CloseButton,
@@ -26328,8 +26373,8 @@ function getTypographyUtilityClass(slot) {
   return generateUtilityClass("MuiTypography", slot);
 }
 generateUtilityClasses("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const _excluded$1x = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$1c = (ownerState) => {
+const _excluded$1B = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$1f = (ownerState) => {
   const {
     align,
     gutterBottom,
@@ -26411,7 +26456,7 @@ const Typography = /* @__PURE__ */ React$2.forwardRef(function Typography2(inPro
     paragraph = false,
     variant = "body1",
     variantMapping = defaultVariantMapping
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1x);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1B);
   const ownerState = _extends$2({}, props, {
     align,
     color: color2,
@@ -26424,7 +26469,7 @@ const Typography = /* @__PURE__ */ React$2.forwardRef(function Typography2(inPro
     variantMapping
   });
   const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  const classes = useUtilityClasses$1c(ownerState);
+  const classes = useUtilityClasses$1f(ownerState);
   return /* @__PURE__ */ jsx$1(TypographyRoot, _extends$2({
     as: Component,
     ref,
@@ -26437,8 +26482,8 @@ function getAlertTitleUtilityClass(slot) {
   return generateUtilityClass("MuiAlertTitle", slot);
 }
 generateUtilityClasses("MuiAlertTitle", ["root"]);
-const _excluded$1w = ["className"];
-const useUtilityClasses$1b = (ownerState) => {
+const _excluded$1A = ["className"];
+const useUtilityClasses$1e = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -26466,9 +26511,9 @@ const AlertTitle = /* @__PURE__ */ React$2.forwardRef(function AlertTitle2(inPro
   });
   const {
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1w);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1A);
   const ownerState = props;
-  const classes = useUtilityClasses$1b(ownerState);
+  const classes = useUtilityClasses$1e(ownerState);
   return /* @__PURE__ */ jsx$1(AlertTitleRoot, _extends$2({
     gutterBottom: true,
     component: "div",
@@ -28746,7 +28791,7 @@ function getPopperUtilityClass(slot) {
   return generateUtilityClass("MuiPopper", slot);
 }
 generateUtilityClasses("MuiPopper", ["root"]);
-const _excluded$1v = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], _excluded2$a = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
+const _excluded$1z = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], _excluded2$a = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === "ltr") {
     return placement;
@@ -28770,7 +28815,7 @@ function resolveAnchorEl$1(anchorEl) {
 function isHTMLElement(element) {
   return element.nodeType !== void 0;
 }
-const useUtilityClasses$1a = (ownerState) => {
+const useUtilityClasses$1d = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -28795,7 +28840,7 @@ const PopperTooltip = /* @__PURE__ */ React$2.forwardRef(function PopperTooltip2
     slotProps = {},
     slots = {},
     TransitionProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1v);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1z);
   const tooltipRef = React$2.useRef(null);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
   const popperRef = React$2.useRef(null);
@@ -28868,7 +28913,7 @@ const PopperTooltip = /* @__PURE__ */ React$2.forwardRef(function PopperTooltip2
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$1a(props);
+  const classes = useUtilityClasses$1d(props);
   const Root = (_slots$root = slots.root) != null ? _slots$root : "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -28954,7 +28999,7 @@ const Popper$1 = /* @__PURE__ */ React$2.forwardRef(function Popper(props, forwa
   });
 });
 var BasePopper = Popper$1;
-const _excluded$1u = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
+const _excluded$1y = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled$1(BasePopper, {
   name: "MuiPopper",
   slot: "Root",
@@ -28983,7 +29028,7 @@ const Popper2 = /* @__PURE__ */ React$2.forwardRef(function Popper3(inProps, ref
     transition,
     slots,
     slotProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1u);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1y);
   const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
   const otherProps = _extends$2({
     anchorEl,
@@ -29013,8 +29058,8 @@ function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass("MuiListSubheader", slot);
 }
 generateUtilityClasses("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const _excluded$1t = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
-const useUtilityClasses$19 = (ownerState) => {
+const _excluded$1x = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
+const useUtilityClasses$1c = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -29074,7 +29119,7 @@ const ListSubheader = /* @__PURE__ */ React$2.forwardRef(function ListSubheader2
     disableGutters = false,
     disableSticky = false,
     inset = false
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1t);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1x);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -29082,7 +29127,7 @@ const ListSubheader = /* @__PURE__ */ React$2.forwardRef(function ListSubheader2
     disableSticky,
     inset
   });
-  const classes = useUtilityClasses$19(ownerState);
+  const classes = useUtilityClasses$1c(ownerState);
   return /* @__PURE__ */ jsx$1(ListSubheaderRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -29100,8 +29145,8 @@ function getChipUtilityClass(slot) {
 }
 const chipClasses = generateUtilityClasses("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]);
 var chipClasses$1 = chipClasses;
-const _excluded$1s = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
-const useUtilityClasses$18 = (ownerState) => {
+const _excluded$1w = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
+const useUtilityClasses$1b = (ownerState) => {
   const {
     classes,
     disabled,
@@ -29377,7 +29422,7 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
     variant = "filled",
     tabIndex,
     skipFocusWhenDisabled = false
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1s);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1w);
   const chipRef = React$2.useRef(null);
   const handleRef = useForkRef(chipRef, ref);
   const handleDeleteIconClick = (event) => {
@@ -29418,7 +29463,7 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
     clickable,
     variant
   });
-  const classes = useUtilityClasses$18(ownerState);
+  const classes = useUtilityClasses$1b(ownerState);
   const moreProps = component === ButtonBase$1 ? _extends$2({
     component: ComponentProp || "div",
     focusVisibleClassName: classes.focusVisible
@@ -29466,11 +29511,11 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
   }));
 });
 var MUIChip = Chip;
-const _excluded$1r = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$1v = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
-const styles$2 = {
+const styles$3 = {
   shadow: {
     visibility: "hidden",
     position: "absolute",
@@ -29497,7 +29542,7 @@ const TextareaAutosize = /* @__PURE__ */ React$2.forwardRef(function TextareaAut
     minRows = 1,
     style: style2,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1r);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1v);
   const {
     current: isControlled
   } = React$2.useRef(value != null);
@@ -29623,7 +29668,7 @@ const TextareaAutosize = /* @__PURE__ */ React$2.forwardRef(function TextareaAut
       readOnly: true,
       ref: hiddenTextareaRef,
       tabIndex: -1,
-      style: _extends$2({}, styles$2.shadow, style2, {
+      style: _extends$2({}, styles$3.shadow, style2, {
         paddingTop: 0,
         paddingBottom: 0
       })
@@ -29671,7 +29716,7 @@ function getInputBaseUtilityClass(slot) {
 }
 const inputBaseClasses = generateUtilityClasses("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var inputBaseClasses$1 = inputBaseClasses;
-const _excluded$1q = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"];
+const _excluded$1u = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"];
 const rootOverridesResolver = (props, styles2) => {
   const {
     ownerState
@@ -29684,7 +29729,7 @@ const inputOverridesResolver = (props, styles2) => {
   } = props;
   return [styles2.input, ownerState.size === "small" && styles2.inputSizeSmall, ownerState.multiline && styles2.inputMultiline, ownerState.type === "search" && styles2.inputTypeSearch, ownerState.startAdornment && styles2.inputAdornedStart, ownerState.endAdornment && styles2.inputAdornedEnd, ownerState.hiddenLabel && styles2.inputHiddenLabel];
 };
-const useUtilityClasses$17 = (ownerState) => {
+const useUtilityClasses$1a = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -29874,7 +29919,7 @@ const InputBase = /* @__PURE__ */ React$2.forwardRef(function InputBase2(inProps
     startAdornment,
     type = "text",
     value: valueProp
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1q);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1u);
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -30017,7 +30062,7 @@ const InputBase = /* @__PURE__ */ React$2.forwardRef(function InputBase2(inProps
     startAdornment,
     type
   });
-  const classes = useUtilityClasses$17(ownerState);
+  const classes = useUtilityClasses$1a(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input3 = slots.input || components.Input || InputBaseComponent;
@@ -30092,8 +30137,8 @@ function getAutocompleteUtilityClass(slot) {
 const autocompleteClasses = generateUtilityClasses("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
 var autocompleteClasses$1 = autocompleteClasses;
 var _ClearIcon, _ArrowDropDownIcon;
-const _excluded$1p = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"], _excluded2$9 = ["ref"], _excluded3$2 = ["key"], _excluded4$1 = ["key"];
-const useUtilityClasses$16 = (ownerState) => {
+const _excluded$1t = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"], _excluded2$9 = ["ref"], _excluded3$2 = ["key"], _excluded4$1 = ["key"];
+const useUtilityClasses$19 = (ownerState) => {
   const {
     classes,
     disablePortal,
@@ -30515,7 +30560,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
     selectOnFocus = !props.freeSolo,
     size = "medium",
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1p);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1t);
   const {
     getRootProps,
     getInputProps,
@@ -30568,7 +30613,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
     popupOpen,
     size
   });
-  const classes = useUtilityClasses$16(ownerState);
+  const classes = useUtilityClasses$19(ownerState);
   let startAdornment;
   if (multiple && value.length > 0) {
     const getCustomizedTagProps = (params) => _extends$2({
@@ -30740,8 +30785,8 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
   });
 });
 var Autocomplete$1 = Autocomplete;
-const _excluded$1o = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-const styles$1 = {
+const _excluded$1s = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const styles$2 = {
   entering: {
     opacity: 1
   },
@@ -30770,7 +30815,7 @@ const Fade = /* @__PURE__ */ React$2.forwardRef(function Fade2(props, ref) {
     style: style2,
     timeout = defaultTimeout,
     TransitionComponent = Transition$1
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1o);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1s);
   const nodeRef = React$2.useRef(null);
   const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
@@ -30839,7 +30884,7 @@ const Fade = /* @__PURE__ */ React$2.forwardRef(function Fade2(props, ref) {
         style: _extends$2({
           opacity: 0,
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles$1[state], style2, children.props.style),
+        }, styles$2[state], style2, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -30850,8 +30895,8 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const _excluded$1n = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
-const useUtilityClasses$15 = (ownerState) => {
+const _excluded$1r = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const useUtilityClasses$18 = (ownerState) => {
   const {
     classes,
     invisible
@@ -30904,12 +30949,12 @@ const Backdrop = /* @__PURE__ */ React$2.forwardRef(function Backdrop2(inProps,
     slots = {},
     TransitionComponent = Fade$1,
     transitionDuration
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1n);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1r);
   const ownerState = _extends$2({}, props, {
     component,
     invisible
   });
-  const classes = useUtilityClasses$15(ownerState);
+  const classes = useUtilityClasses$18(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
   return /* @__PURE__ */ jsx$1(TransitionComponent, _extends$2({
     in: open,
@@ -30986,10 +31031,10 @@ const badgeClasses = generateUtilityClasses("MuiBadge", [
   "anchorOriginBottomRightRectangular"
 ]);
 var badgeClasses$1 = badgeClasses;
-const _excluded$1m = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
+const _excluded$1q = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
-const useUtilityClasses$14 = (ownerState) => {
+const useUtilityClasses$17 = (ownerState) => {
   const {
     color: color2,
     anchorOrigin,
@@ -31212,7 +31257,7 @@ const Badge = /* @__PURE__ */ React$2.forwardRef(function Badge2(inProps, ref) {
     slotProps,
     showZero = false,
     variant: variantProp = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1m);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1q);
   const {
     badgeContent,
     invisible: invisibleFromHook,
@@ -31250,7 +31295,7 @@ const Badge = /* @__PURE__ */ React$2.forwardRef(function Badge2(inProps, ref) {
     overlap,
     variant
   });
-  const classes = useUtilityClasses$14(ownerState);
+  const classes = useUtilityClasses$17(ownerState);
   const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : BadgeRoot;
   const BadgeSlot = (_ref2 = (_slots$badge = slots == null ? void 0 : slots.badge) != null ? _slots$badge : components.Badge) != null ? _ref2 : BadgeBadge;
   const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
@@ -31298,8 +31343,8 @@ const ButtonGroupContext = /* @__PURE__ */ React$2.createContext({});
 var ButtonGroupContext$1 = ButtonGroupContext;
 const ButtonGroupButtonContext = /* @__PURE__ */ React$2.createContext(void 0);
 var ButtonGroupButtonContext$1 = ButtonGroupButtonContext;
-const _excluded$1l = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
-const useUtilityClasses$13 = (ownerState) => {
+const _excluded$1p = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
+const useUtilityClasses$16 = (ownerState) => {
   const {
     color: color2,
     disableElevation,
@@ -31516,7 +31561,7 @@ const Button = /* @__PURE__ */ React$2.forwardRef(function Button2(inProps, ref)
     startIcon: startIconProp,
     type,
     variant = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1l);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1p);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -31528,7 +31573,7 @@ const Button = /* @__PURE__ */ React$2.forwardRef(function Button2(inProps, ref)
     type,
     variant
   });
-  const classes = useUtilityClasses$13(ownerState);
+  const classes = useUtilityClasses$16(ownerState);
   const startIcon = startIconProp && /* @__PURE__ */ jsx$1(ButtonStartIcon, {
     className: classes.startIcon,
     ownerState,
@@ -31559,8 +31604,8 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const _excluded$1k = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
-const useUtilityClasses$12 = (ownerState) => {
+const _excluded$1o = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const useUtilityClasses$15 = (ownerState) => {
   const {
     classes,
     checked,
@@ -31620,7 +31665,7 @@ const SwitchBase = /* @__PURE__ */ React$2.forwardRef(function SwitchBase2(props
     tabIndex,
     type,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1k);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1o);
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -31667,7 +31712,7 @@ const SwitchBase = /* @__PURE__ */ React$2.forwardRef(function SwitchBase2(props
     disableFocusRipple,
     edge
   });
-  const classes = useUtilityClasses$12(ownerState);
+  const classes = useUtilityClasses$15(ownerState);
   return /* @__PURE__ */ jsxs(SwitchBaseRoot, _extends$2({
     component: "span",
     className: clsx(classes.root, className),
@@ -31716,8 +31761,8 @@ function getCheckboxUtilityClass(slot) {
 }
 const checkboxClasses = generateUtilityClasses("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]);
 var checkboxClasses$1 = checkboxClasses;
-const _excluded$1j = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
-const useUtilityClasses$11 = (ownerState) => {
+const _excluded$1n = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
+const useUtilityClasses$14 = (ownerState) => {
   const {
     classes,
     indeterminate,
@@ -31778,7 +31823,7 @@ const Checkbox = /* @__PURE__ */ React$2.forwardRef(function Checkbox2(inProps,
     inputProps,
     size = "medium",
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1j);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1n);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
   const ownerState = _extends$2({}, props, {
@@ -31786,7 +31831,7 @@ const Checkbox = /* @__PURE__ */ React$2.forwardRef(function Checkbox2(inProps,
     indeterminate,
     size
   });
-  const classes = useUtilityClasses$11(ownerState);
+  const classes = useUtilityClasses$14(ownerState);
   return /* @__PURE__ */ jsx$1(CheckboxRoot, _extends$2({
     type: "checkbox",
     inputProps: _extends$2({
@@ -31810,7 +31855,7 @@ function getCircularProgressUtilityClass(slot) {
   return generateUtilityClass("MuiCircularProgress", slot);
 }
 generateUtilityClasses("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const _excluded$1i = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+const _excluded$1m = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
 let _$1 = (t2) => t2, _t$1, _t2$1, _t3$1, _t4$1;
 const SIZE = 44;
 const circularRotateKeyframe = keyframes(_t$1 || (_t$1 = _$1`
@@ -31838,7 +31883,7 @@ const circularDashKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
     stroke-dashoffset: -125px;
   }
 `));
-const useUtilityClasses$10 = (ownerState) => {
+const useUtilityClasses$13 = (ownerState) => {
   const {
     classes,
     variant,
@@ -31920,7 +31965,7 @@ const CircularProgress = /* @__PURE__ */ React$2.forwardRef(function CircularPro
     thickness = 3.6,
     value = 0,
     variant = "indeterminate"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1i);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1m);
   const ownerState = _extends$2({}, props, {
     color: color2,
     disableShrink,
@@ -31929,7 +31974,7 @@ const CircularProgress = /* @__PURE__ */ React$2.forwardRef(function CircularPro
     value,
     variant
   });
-  const classes = useUtilityClasses$10(ownerState);
+  const classes = useUtilityClasses$13(ownerState);
   const circleStyle = {};
   const rootStyle = {};
   const rootProps = {};
@@ -32617,8 +32662,8 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-const _excluded$1h = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
-const useUtilityClasses$$ = (ownerState) => {
+const _excluded$1l = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
+const useUtilityClasses$12 = (ownerState) => {
   const {
     open,
     exited,
@@ -32689,7 +32734,7 @@ const Modal = /* @__PURE__ */ React$2.forwardRef(function Modal2(inProps, ref) {
     open,
     slotProps,
     slots
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1h);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1l);
   const propsWithDefaults = _extends$2({}, props, {
     closeAfterTransition,
     disableAutoFocus,
@@ -32715,7 +32760,7 @@ const Modal = /* @__PURE__ */ React$2.forwardRef(function Modal2(inProps, ref) {
   const ownerState = _extends$2({}, propsWithDefaults, {
     exited
   });
-  const classes = useUtilityClasses$$(ownerState);
+  const classes = useUtilityClasses$12(ownerState);
   const childProps = {};
   if (children.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -32788,8 +32833,8 @@ function getDividerUtilityClass(slot) {
 }
 const dividerClasses = generateUtilityClasses("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
 var dividerClasses$1 = dividerClasses;
-const _excluded$1g = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
-const useUtilityClasses$_ = (ownerState) => {
+const _excluded$1k = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
+const useUtilityClasses$11 = (ownerState) => {
   const {
     absolute,
     children,
@@ -32932,7 +32977,7 @@ const Divider = /* @__PURE__ */ React$2.forwardRef(function Divider2(inProps, re
     role = component !== "hr" ? "separator" : void 0,
     textAlign = "center",
     variant = "fullWidth"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1g);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1k);
   const ownerState = _extends$2({}, props, {
     absolute,
     component,
@@ -32943,7 +32988,7 @@ const Divider = /* @__PURE__ */ React$2.forwardRef(function Divider2(inProps, re
     textAlign,
     variant
   });
-  const classes = useUtilityClasses$_(ownerState);
+  const classes = useUtilityClasses$11(ownerState);
   return /* @__PURE__ */ jsx$1(DividerRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -32960,8 +33005,8 @@ const Divider = /* @__PURE__ */ React$2.forwardRef(function Divider2(inProps, re
 });
 Divider.muiSkipListHighlight = true;
 var Divider$1 = Divider;
-const _excluded$1f = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
-const useUtilityClasses$Z = (ownerState) => {
+const _excluded$1j = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const useUtilityClasses$10 = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -33138,14 +33183,14 @@ const FilledInput = /* @__PURE__ */ React$2.forwardRef(function FilledInput2(inP
     slotProps,
     slots = {},
     type = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1f);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1j);
   const ownerState = _extends$2({}, props, {
     fullWidth,
     inputComponent,
     multiline,
     type
   });
-  const classes = useUtilityClasses$Z(props);
+  const classes = useUtilityClasses$10(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -33178,8 +33223,8 @@ function getFormControlUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControl", slot);
 }
 generateUtilityClasses("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const _excluded$1e = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
-const useUtilityClasses$Y = (ownerState) => {
+const _excluded$1i = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
+const useUtilityClasses$$ = (ownerState) => {
   const {
     classes,
     margin: margin2,
@@ -33237,7 +33282,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     required = false,
     size = "medium",
     variant = "outlined"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1e);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1i);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -33250,7 +33295,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     size,
     variant
   });
-  const classes = useUtilityClasses$Y(ownerState);
+  const classes = useUtilityClasses$$(ownerState);
   const [adornedStart, setAdornedStart] = React$2.useState(() => {
     let initialAdornedStart = false;
     if (children) {
@@ -33345,8 +33390,8 @@ function getFormControlLabelUtilityClasses(slot) {
 }
 const formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
 var formControlLabelClasses$1 = formControlLabelClasses;
-const _excluded$1d = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
-const useUtilityClasses$X = (ownerState) => {
+const _excluded$1h = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
+const useUtilityClasses$_ = (ownerState) => {
   const {
     classes,
     disabled,
@@ -33430,7 +33475,7 @@ const FormControlLabel = /* @__PURE__ */ React$2.forwardRef(function FormControl
     labelPlacement = "end",
     required: requiredProp,
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1d);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1h);
   const muiFormControl = useFormControl();
   const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;
   const required = requiredProp != null ? requiredProp : control.props.required;
@@ -33454,7 +33499,7 @@ const FormControlLabel = /* @__PURE__ */ React$2.forwardRef(function FormControl
     required,
     error: fcs.error
   });
-  const classes = useUtilityClasses$X(ownerState);
+  const classes = useUtilityClasses$_(ownerState);
   const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography$1 && !disableTypography) {
@@ -33488,8 +33533,8 @@ function getFormHelperTextUtilityClasses(slot) {
 const formHelperTextClasses = generateUtilityClasses("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var formHelperTextClasses$1 = formHelperTextClasses;
 var _span$3;
-const _excluded$1c = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
-const useUtilityClasses$W = (ownerState) => {
+const _excluded$1g = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
+const useUtilityClasses$Z = (ownerState) => {
   const {
     classes,
     contained,
@@ -33546,7 +33591,7 @@ const FormHelperText = /* @__PURE__ */ React$2.forwardRef(function FormHelperTex
     children,
     className,
     component = "p"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1c);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1g);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -33564,7 +33609,7 @@ const FormHelperText = /* @__PURE__ */ React$2.forwardRef(function FormHelperTex
     focused: fcs.focused,
     required: fcs.required
   });
-  const classes = useUtilityClasses$W(ownerState);
+  const classes = useUtilityClasses$Z(ownerState);
   return /* @__PURE__ */ jsx$1(FormHelperTextRoot, _extends$2({
     as: component,
     ownerState,
@@ -33583,8 +33628,8 @@ function getFormLabelUtilityClasses(slot) {
 }
 const formLabelClasses = generateUtilityClasses("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
 var formLabelClasses$1 = formLabelClasses;
-const _excluded$1b = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
-const useUtilityClasses$V = (ownerState) => {
+const _excluded$1f = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
+const useUtilityClasses$Y = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -33647,7 +33692,7 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
     children,
     className,
     component = "label"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1b);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1f);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -33663,7 +33708,7 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
     focused: fcs.focused,
     required: fcs.required
   });
-  const classes = useUtilityClasses$V(ownerState);
+  const classes = useUtilityClasses$Y(ownerState);
   return /* @__PURE__ */ jsxs(FormLabelRoot, _extends$2({
     as: component,
     ownerState,
@@ -33679,11 +33724,11 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
   }));
 });
 var FormLabel$1 = FormLabel;
-const _excluded$1a = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$1e = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-const styles = {
+const styles$1 = {
   entering: {
     opacity: 1,
     transform: getScale(1)
@@ -33710,7 +33755,7 @@ const Grow = /* @__PURE__ */ React$2.forwardRef(function Grow2(props, ref) {
     style: style2,
     timeout = "auto",
     TransitionComponent = Transition$1
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1a);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1e);
   const timer = useTimeout$1();
   const autoTimeout = React$2.useRef();
   const theme = useTheme$1();
@@ -33822,7 +33867,7 @@ const Grow = /* @__PURE__ */ React$2.forwardRef(function Grow2(props, ref) {
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, styles[state], style2, children.props.style),
+        }, styles$1[state], style2, children.props.style),
         ref: handleRef
       }, childProps));
     }
@@ -33830,8 +33875,8 @@ const Grow = /* @__PURE__ */ React$2.forwardRef(function Grow2(props, ref) {
 });
 Grow.muiSupportAuto = true;
 var Grow$1 = Grow;
-const _excluded$19 = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
-const useUtilityClasses$U = (ownerState) => {
+const _excluded$1d = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const useUtilityClasses$X = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -33935,8 +33980,8 @@ const Input = /* @__PURE__ */ React$2.forwardRef(function Input2(inProps, ref) {
     slotProps,
     slots = {},
     type = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$19);
-  const classes = useUtilityClasses$U(props);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1d);
+  const classes = useUtilityClasses$X(props);
   const ownerState = {
     disableUnderline
   };
@@ -33971,14 +34016,14 @@ function getInputAdornmentUtilityClass(slot) {
 const inputAdornmentClasses = generateUtilityClasses("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
 var inputAdornmentClasses$1 = inputAdornmentClasses;
 var _span$2;
-const _excluded$18 = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
+const _excluded$1c = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
 const overridesResolver$1 = (props, styles2) => {
   const {
     ownerState
   } = props;
   return [styles2.root, styles2[`position${capitalize$1(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
 };
-const useUtilityClasses$T = (ownerState) => {
+const useUtilityClasses$W = (ownerState) => {
   const {
     classes,
     disablePointerEvents,
@@ -34030,7 +34075,7 @@ const InputAdornment = /* @__PURE__ */ React$2.forwardRef(function InputAdornmen
     disableTypography = false,
     position: position2,
     variant: variantProp
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$18);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1c);
   const muiFormControl = useFormControl() || {};
   let variant = variantProp;
   if (variantProp && muiFormControl.variant)
@@ -34045,7 +34090,7 @@ const InputAdornment = /* @__PURE__ */ React$2.forwardRef(function InputAdornmen
     position: position2,
     variant
   });
-  const classes = useUtilityClasses$T(ownerState);
+  const classes = useUtilityClasses$W(ownerState);
   return /* @__PURE__ */ jsx$1(FormControlContext$1.Provider, {
     value: null,
     children: /* @__PURE__ */ jsx$1(InputAdornmentRoot, _extends$2({
@@ -34071,8 +34116,8 @@ function getInputLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiInputLabel", slot);
 }
 generateUtilityClasses("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const _excluded$17 = ["disableAnimation", "margin", "shrink", "variant", "className"];
-const useUtilityClasses$S = (ownerState) => {
+const _excluded$1b = ["disableAnimation", "margin", "shrink", "variant", "className"];
+const useUtilityClasses$V = (ownerState) => {
   const {
     classes,
     formControl,
@@ -34163,7 +34208,7 @@ const InputLabel = /* @__PURE__ */ React$2.forwardRef(function InputLabel2(inPro
     disableAnimation = false,
     shrink: shrinkProp,
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$17);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1b);
   const muiFormControl = useFormControl();
   let shrink = shrinkProp;
   if (typeof shrink === "undefined" && muiFormControl) {
@@ -34183,7 +34228,7 @@ const InputLabel = /* @__PURE__ */ React$2.forwardRef(function InputLabel2(inPro
     required: fcs.required,
     focused: fcs.focused
   });
-  const classes = useUtilityClasses$S(ownerState);
+  const classes = useUtilityClasses$V(ownerState);
   return /* @__PURE__ */ jsx$1(InputLabelRoot, _extends$2({
     "data-shrink": shrink,
     ownerState,
@@ -34200,8 +34245,8 @@ function getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }
 generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
-const _excluded$16 = ["children", "className", "component", "dense", "disablePadding", "subheader"];
-const useUtilityClasses$R = (ownerState) => {
+const _excluded$1a = ["children", "className", "component", "dense", "disablePadding", "subheader"];
+const useUtilityClasses$U = (ownerState) => {
   const {
     classes,
     disablePadding,
@@ -34247,7 +34292,7 @@ const List = /* @__PURE__ */ React$2.forwardRef(function List2(inProps, ref) {
     dense = false,
     disablePadding = false,
     subheader
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$16);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1a);
   const context = React$2.useMemo(() => ({
     dense
   }), [dense]);
@@ -34256,7 +34301,7 @@ const List = /* @__PURE__ */ React$2.forwardRef(function List2(inProps, ref) {
     dense,
     disablePadding
   });
-  const classes = useUtilityClasses$R(ownerState);
+  const classes = useUtilityClasses$U(ownerState);
   return /* @__PURE__ */ jsx$1(ListContext$1.Provider, {
     value: context,
     children: /* @__PURE__ */ jsxs(ListRoot, _extends$2({
@@ -34275,8 +34320,8 @@ function getListItemIconUtilityClass(slot) {
 }
 const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
 var listItemIconClasses$1 = listItemIconClasses;
-const _excluded$15 = ["className"];
-const useUtilityClasses$Q = (ownerState) => {
+const _excluded$19 = ["className"];
+const useUtilityClasses$T = (ownerState) => {
   const {
     alignItems,
     classes
@@ -34313,12 +34358,12 @@ const ListItemIcon = /* @__PURE__ */ React$2.forwardRef(function ListItemIcon2(i
   });
   const {
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$15);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$19);
   const context = React$2.useContext(ListContext$1);
   const ownerState = _extends$2({}, props, {
     alignItems: context.alignItems
   });
-  const classes = useUtilityClasses$Q(ownerState);
+  const classes = useUtilityClasses$T(ownerState);
   return /* @__PURE__ */ jsx$1(ListItemIconRoot, _extends$2({
     className: clsx(classes.root, className),
     ownerState,
@@ -34331,8 +34376,8 @@ function getListItemTextUtilityClass(slot) {
 }
 const listItemTextClasses = generateUtilityClasses("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
 var listItemTextClasses$1 = listItemTextClasses;
-const _excluded$14 = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"];
-const useUtilityClasses$P = (ownerState) => {
+const _excluded$18 = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"];
+const useUtilityClasses$S = (ownerState) => {
   const {
     classes,
     inset,
@@ -34387,7 +34432,7 @@ const ListItemText = /* @__PURE__ */ React$2.forwardRef(function ListItemText2(i
     primaryTypographyProps,
     secondary: secondaryProp,
     secondaryTypographyProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$14);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$18);
   const {
     dense
   } = React$2.useContext(ListContext$1);
@@ -34400,7 +34445,7 @@ const ListItemText = /* @__PURE__ */ React$2.forwardRef(function ListItemText2(i
     secondary: !!secondary,
     dense
   });
-  const classes = useUtilityClasses$P(ownerState);
+  const classes = useUtilityClasses$S(ownerState);
   if (primary != null && primary.type !== Typography$1 && !disableTypography) {
     primary = /* @__PURE__ */ jsx$1(Typography$1, _extends$2({
       variant: dense ? "body2" : "body1",
@@ -34430,8 +34475,8 @@ const ListItemText = /* @__PURE__ */ React$2.forwardRef(function ListItemText2(i
   }));
 });
 var ListItemText$1 = ListItemText;
-const _excluded$13 = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
-function nextItem(list, item, disableListWrap) {
+const _excluded$17 = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
+function nextItem$1(list, item, disableListWrap) {
   if (list === item) {
     return list.firstChild;
   }
@@ -34440,7 +34485,7 @@ function nextItem(list, item, disableListWrap) {
   }
   return disableListWrap ? null : list.firstChild;
 }
-function previousItem(list, item, disableListWrap) {
+function previousItem$1(list, item, disableListWrap) {
   if (list === item) {
     return disableListWrap ? list.firstChild : list.lastChild;
   }
@@ -34466,7 +34511,7 @@ function textCriteriaMatches(nextFocus, textCriteria) {
   }
   return text.indexOf(textCriteria.keys.join("")) === 0;
 }
-function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
+function moveFocus$1(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
   let wrappedOnce = false;
   let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
   while (nextFocus) {
@@ -34497,7 +34542,7 @@ const MenuList = /* @__PURE__ */ React$2.forwardRef(function MenuList2(props, re
     disableListWrap = false,
     onKeyDown,
     variant = "selectedMenu"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$13);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$17);
   const listRef = React$2.useRef(null);
   const textCriteriaRef = React$2.useRef({
     keys: [],
@@ -34529,16 +34574,16 @@ const MenuList = /* @__PURE__ */ React$2.forwardRef(function MenuList2(props, re
     const currentFocus = ownerDocument(list).activeElement;
     if (key === "ArrowDown") {
       event.preventDefault();
-      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem);
+      moveFocus$1(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem$1);
     } else if (key === "ArrowUp") {
       event.preventDefault();
-      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem);
+      moveFocus$1(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem$1);
     } else if (key === "Home") {
       event.preventDefault();
-      moveFocus(list, null, disableListWrap, disabledItemsFocusable, nextItem);
+      moveFocus$1(list, null, disableListWrap, disabledItemsFocusable, nextItem$1);
     } else if (key === "End") {
       event.preventDefault();
-      moveFocus(list, null, disableListWrap, disabledItemsFocusable, previousItem);
+      moveFocus$1(list, null, disableListWrap, disabledItemsFocusable, previousItem$1);
     } else if (key.length === 1) {
       const criteria = textCriteriaRef.current;
       const lowerKey = key.toLowerCase();
@@ -34555,7 +34600,7 @@ const MenuList = /* @__PURE__ */ React$2.forwardRef(function MenuList2(props, re
       criteria.lastTime = currTime;
       criteria.keys.push(lowerKey);
       const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);
-      if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {
+      if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus$1(list, currentFocus, false, disabledItemsFocusable, nextItem$1, criteria))) {
         event.preventDefault();
       } else {
         criteria.previousKeyMatched = false;
@@ -34619,7 +34664,7 @@ function getPopoverUtilityClass(slot) {
   return generateUtilityClass("MuiPopover", slot);
 }
 generateUtilityClasses("MuiPopover", ["root", "paper"]);
-const _excluded$12 = ["onEntering"], _excluded2$8 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"], _excluded3$1 = ["slotProps"];
+const _excluded$16 = ["onEntering"], _excluded2$8 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"], _excluded3$1 = ["slotProps"];
 function getOffsetTop(rect, vertical) {
   let offset2 = 0;
   if (typeof vertical === "number") {
@@ -34648,7 +34693,7 @@ function getTransformOriginValue(transformOrigin2) {
 function resolveAnchorEl(anchorEl) {
   return typeof anchorEl === "function" ? anchorEl() : anchorEl;
 }
-const useUtilityClasses$O = (ownerState) => {
+const useUtilityClasses$R = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -34711,7 +34756,7 @@ const Popover = /* @__PURE__ */ React$2.forwardRef(function Popover2(inProps, re
       onEntering
     } = {},
     disableScrollLock = false
-  } = props, TransitionProps = _objectWithoutPropertiesLoose$1(props.TransitionProps, _excluded$12), other = _objectWithoutPropertiesLoose$1(props, _excluded2$8);
+  } = props, TransitionProps = _objectWithoutPropertiesLoose$1(props.TransitionProps, _excluded$16), other = _objectWithoutPropertiesLoose$1(props, _excluded2$8);
   const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;
   const paperRef = React$2.useRef();
   const handlePaperRef = useForkRef(paperRef, externalPaperSlotProps.ref);
@@ -34726,7 +34771,7 @@ const Popover = /* @__PURE__ */ React$2.forwardRef(function Popover2(inProps, re
     transitionDuration: transitionDurationProp,
     TransitionProps
   });
-  const classes = useUtilityClasses$O(ownerState);
+  const classes = useUtilityClasses$R(ownerState);
   const getAnchorOffset = React$2.useCallback(() => {
     if (anchorReference === "anchorPosition") {
       return anchorPosition;
@@ -34907,7 +34952,7 @@ function getMenuUtilityClass(slot) {
   return generateUtilityClass("MuiMenu", slot);
 }
 generateUtilityClasses("MuiMenu", ["root", "paper", "list"]);
-const _excluded$11 = ["onEntering"], _excluded2$7 = ["autoFocus", "children", "className", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant", "slots", "slotProps"];
+const _excluded$15 = ["onEntering"], _excluded2$7 = ["autoFocus", "children", "className", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant", "slots", "slotProps"];
 const RTL_ORIGIN = {
   vertical: "top",
   horizontal: "right"
@@ -34916,7 +34961,7 @@ const LTR_ORIGIN = {
   vertical: "top",
   horizontal: "left"
 };
-const useUtilityClasses$N = (ownerState) => {
+const useUtilityClasses$Q = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -34971,7 +35016,7 @@ const Menu = /* @__PURE__ */ React$2.forwardRef(function Menu2(inProps, ref) {
     variant = "selectedMenu",
     slots = {},
     slotProps = {}
-  } = props, TransitionProps = _objectWithoutPropertiesLoose$1(props.TransitionProps, _excluded$11), other = _objectWithoutPropertiesLoose$1(props, _excluded2$7);
+  } = props, TransitionProps = _objectWithoutPropertiesLoose$1(props.TransitionProps, _excluded$15), other = _objectWithoutPropertiesLoose$1(props, _excluded2$7);
   const isRtl = useRtl();
   const ownerState = _extends$2({}, props, {
     autoFocus,
@@ -34983,7 +35028,7 @@ const Menu = /* @__PURE__ */ React$2.forwardRef(function Menu2(inProps, ref) {
     TransitionProps,
     variant
   });
-  const classes = useUtilityClasses$N(ownerState);
+  const classes = useUtilityClasses$Q(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React$2.useRef(null);
   const handleEntering = (element, isAppearing) => {
@@ -35073,14 +35118,14 @@ function getMenuItemUtilityClass(slot) {
 }
 const menuItemClasses = generateUtilityClasses("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]);
 var menuItemClasses$1 = menuItemClasses;
-const _excluded$10 = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"];
+const _excluded$14 = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"];
 const overridesResolver = (props, styles2) => {
   const {
     ownerState
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters];
 };
-const useUtilityClasses$M = (ownerState) => {
+const useUtilityClasses$P = (ownerState) => {
   const {
     disabled,
     dense,
@@ -35191,7 +35236,7 @@ const MenuItem = /* @__PURE__ */ React$2.forwardRef(function MenuItem2(inProps,
     role = "menuitem",
     tabIndex: tabIndexProp,
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$10);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$14);
   const context = React$2.useContext(ListContext$1);
   const childContext = React$2.useMemo(() => ({
     dense: dense || context.dense || false,
@@ -35210,7 +35255,7 @@ const MenuItem = /* @__PURE__ */ React$2.forwardRef(function MenuItem2(inProps,
     divider,
     disableGutters
   });
-  const classes = useUtilityClasses$M(props);
+  const classes = useUtilityClasses$P(props);
   const handleRef = useForkRef(menuItemRef, ref);
   let tabIndex;
   if (!props.disabled) {
@@ -35237,8 +35282,8 @@ function getNativeSelectUtilityClasses(slot) {
 }
 const nativeSelectClasses = generateUtilityClasses("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var nativeSelectClasses$1 = nativeSelectClasses;
-const _excluded$$ = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"];
-const useUtilityClasses$L = (ownerState) => {
+const _excluded$13 = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"];
+const useUtilityClasses$O = (ownerState) => {
   const {
     classes,
     variant,
@@ -35348,13 +35393,13 @@ const NativeSelectInput = /* @__PURE__ */ React$2.forwardRef(function NativeSele
     IconComponent,
     inputRef,
     variant = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$$);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$13);
   const ownerState = _extends$2({}, props, {
     disabled,
     variant,
     error
   });
-  const classes = useUtilityClasses$L(ownerState);
+  const classes = useUtilityClasses$O(ownerState);
   return /* @__PURE__ */ jsxs(React$2.Fragment, {
     children: [/* @__PURE__ */ jsx$1(NativeSelectSelect, _extends$2({
       ownerState,
@@ -35370,7 +35415,7 @@ const NativeSelectInput = /* @__PURE__ */ React$2.forwardRef(function NativeSele
 });
 var NativeSelectInput$1 = NativeSelectInput;
 var _span$1;
-const _excluded$_ = ["children", "classes", "className", "label", "notched"];
+const _excluded$12 = ["children", "classes", "className", "label", "notched"];
 const NotchedOutlineRoot$1 = styled$1("fieldset", {
   shouldForwardProp: rootShouldForwardProp$1
 })({
@@ -35437,7 +35482,7 @@ function NotchedOutline(props) {
     className,
     label,
     notched
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$_);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$12);
   const withLabel = label != null && label !== "";
   const ownerState = _extends$2({}, props, {
     notched,
@@ -35459,8 +35504,8 @@ function NotchedOutline(props) {
     })
   }));
 }
-const _excluded$Z = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
-const useUtilityClasses$K = (ownerState) => {
+const _excluded$11 = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
+const useUtilityClasses$N = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -35576,8 +35621,8 @@ const OutlinedInput = /* @__PURE__ */ React$2.forwardRef(function OutlinedInput2
     notched,
     slots = {},
     type = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Z);
-  const classes = useUtilityClasses$K(props);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$11);
+  const classes = useUtilityClasses$N(props);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -35636,7 +35681,7 @@ function getSelectUtilityClasses(slot) {
 const selectClasses = generateUtilityClasses("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var selectClasses$1 = selectClasses;
 var _span;
-const _excluded$Y = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
+const _excluded$10 = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
 const SelectSelect = styled$1("div", {
   name: "MuiSelect",
   slot: "Select",
@@ -35701,7 +35746,7 @@ function areEqualValues(a, b2) {
 function isEmpty(display) {
   return display == null || typeof display === "string" && !display.trim();
 }
-const useUtilityClasses$J = (ownerState) => {
+const useUtilityClasses$M = (ownerState) => {
   const {
     classes,
     variant,
@@ -35749,7 +35794,7 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
     tabIndex: tabIndexProp,
     value: valueProp,
     variant = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Y);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$10);
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -35995,7 +36040,7 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
     open,
     error
   });
-  const classes = useUtilityClasses$J(ownerState);
+  const classes = useUtilityClasses$M(ownerState);
   const paperProps = _extends$2({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
   const listboxId = useId();
   return /* @__PURE__ */ jsxs(React$2.Fragment, {
@@ -36071,8 +36116,8 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
   });
 });
 var SelectInput$1 = SelectInput;
-const _excluded$X = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"], _excluded2$6 = ["root"];
-const useUtilityClasses$I = (ownerState) => {
+const _excluded$$ = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"], _excluded2$6 = ["root"];
+const useUtilityClasses$L = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -36114,7 +36159,7 @@ const Select = /* @__PURE__ */ React$2.forwardRef(function Select2(inProps, ref)
     renderValue,
     SelectDisplayProps,
     variant: variantProp = "outlined"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$X);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$$);
   const inputComponent = native2 ? NativeSelectInput$1 : SelectInput$1;
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -36127,7 +36172,7 @@ const Select = /* @__PURE__ */ React$2.forwardRef(function Select2(inProps, ref)
     variant,
     classes: classesProp
   });
-  const classes = useUtilityClasses$I(ownerState);
+  const classes = useUtilityClasses$L(ownerState);
   const restOfClasses = _objectWithoutPropertiesLoose$1(classes, _excluded2$6);
   const InputComponent = input || {
     standard: /* @__PURE__ */ jsx$1(StyledInput, {
@@ -36186,9 +36231,9 @@ function getSkeletonUtilityClass(slot) {
   return generateUtilityClass("MuiSkeleton", slot);
 }
 generateUtilityClasses("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
-const _excluded$W = ["animation", "className", "component", "height", "style", "variant", "width"];
+const _excluded$_ = ["animation", "className", "component", "height", "style", "variant", "width"];
 let _ = (t2) => t2, _t, _t2, _t3, _t4;
-const useUtilityClasses$H = (ownerState) => {
+const useUtilityClasses$K = (ownerState) => {
   const {
     classes,
     variant,
@@ -36315,14 +36360,14 @@ const Skeleton = /* @__PURE__ */ React$2.forwardRef(function Skeleton2(inProps,
     style: style2,
     variant = "text",
     width: width2
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$W);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$_);
   const ownerState = _extends$2({}, props, {
     animation,
     component,
     variant,
     hasChildren: Boolean(other.children)
   });
-  const classes = useUtilityClasses$H(ownerState);
+  const classes = useUtilityClasses$K(ownerState);
   return /* @__PURE__ */ jsx$1(SkeletonRoot, _extends$2({
     as: component,
     ref,
@@ -36341,11 +36386,11 @@ function getTooltipUtilityClass(slot) {
 }
 const tooltipClasses = generateUtilityClasses("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]);
 var tooltipClasses$1 = tooltipClasses;
-const _excluded$V = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+const _excluded$Z = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
-const useUtilityClasses$G = (ownerState) => {
+const useUtilityClasses$J = (ownerState) => {
   const {
     classes,
     disableInteractive,
@@ -36560,7 +36605,7 @@ const Tooltip = /* @__PURE__ */ React$2.forwardRef(function Tooltip2(inProps, re
     title,
     TransitionComponent: TransitionComponentProp = Grow$1,
     TransitionProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$V);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Z);
   const children = /* @__PURE__ */ React$2.isValidElement(childrenProp) ? childrenProp : /* @__PURE__ */ jsx$1("span", {
     children: childrenProp
   });
@@ -36782,7 +36827,7 @@ const Tooltip = /* @__PURE__ */ React$2.forwardRef(function Tooltip2(inProps, re
     PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   });
-  const classes = useUtilityClasses$G(ownerState);
+  const classes = useUtilityClasses$J(ownerState);
   const PopperComponent = (_ref = (_slots$popper = slots.popper) != null ? _slots$popper : components.Popper) != null ? _ref : TooltipPopper;
   const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : Grow$1;
   const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;
@@ -36837,8 +36882,8 @@ function getSwitchUtilityClass(slot) {
 }
 const switchClasses = generateUtilityClasses("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]);
 var switchClasses$1 = switchClasses;
-const _excluded$U = ["className", "color", "edge", "size", "sx"];
-const useUtilityClasses$F = (ownerState) => {
+const _excluded$Y = ["className", "color", "edge", "size", "sx"];
+const useUtilityClasses$I = (ownerState) => {
   const {
     classes,
     edge,
@@ -37026,13 +37071,13 @@ const Switch = /* @__PURE__ */ React$2.forwardRef(function Switch2(inProps, ref)
     edge = false,
     size = "medium",
     sx
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$U);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Y);
   const ownerState = _extends$2({}, props, {
     color: color2,
     edge,
     size
   });
-  const classes = useUtilityClasses$F(ownerState);
+  const classes = useUtilityClasses$I(ownerState);
   const icon = /* @__PURE__ */ jsx$1(SwitchThumb, {
     className: classes.thumb,
     ownerState
@@ -37058,6 +37103,177 @@ const Switch = /* @__PURE__ */ React$2.forwardRef(function Switch2(inProps, ref)
   });
 });
 var MUISwitch = Switch;
+function getTabUtilityClass(slot) {
+  return generateUtilityClass("MuiTab", slot);
+}
+const tabClasses = generateUtilityClasses("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]);
+var tabClasses$1 = tabClasses;
+const _excluded$X = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
+const useUtilityClasses$H = (ownerState) => {
+  const {
+    classes,
+    textColor,
+    fullWidth,
+    wrapped,
+    icon,
+    label,
+    selected,
+    disabled
+  } = ownerState;
+  const slots = {
+    root: ["root", icon && label && "labelIcon", `textColor${capitalize$1(textColor)}`, fullWidth && "fullWidth", wrapped && "wrapped", selected && "selected", disabled && "disabled"],
+    iconWrapper: ["iconWrapper"]
+  };
+  return composeClasses(slots, getTabUtilityClass, classes);
+};
+const TabRoot = styled$1(ButtonBase$1, {
+  name: "MuiTab",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.label && ownerState.icon && styles2.labelIcon, styles2[`textColor${capitalize$1(ownerState.textColor)}`], ownerState.fullWidth && styles2.fullWidth, ownerState.wrapped && styles2.wrapped, {
+      [`& .${tabClasses$1.iconWrapper}`]: styles2.iconWrapper
+    }];
+  }
+})(({
+  theme,
+  ownerState
+}) => _extends$2({}, theme.typography.button, {
+  maxWidth: 360,
+  minWidth: 90,
+  position: "relative",
+  minHeight: 48,
+  flexShrink: 0,
+  padding: "12px 16px",
+  overflow: "hidden",
+  whiteSpace: "normal",
+  textAlign: "center"
+}, ownerState.label && {
+  flexDirection: ownerState.iconPosition === "top" || ownerState.iconPosition === "bottom" ? "column" : "row"
+}, {
+  lineHeight: 1.25
+}, ownerState.icon && ownerState.label && {
+  minHeight: 72,
+  paddingTop: 9,
+  paddingBottom: 9,
+  [`& > .${tabClasses$1.iconWrapper}`]: _extends$2({}, ownerState.iconPosition === "top" && {
+    marginBottom: 6
+  }, ownerState.iconPosition === "bottom" && {
+    marginTop: 6
+  }, ownerState.iconPosition === "start" && {
+    marginRight: theme.spacing(1)
+  }, ownerState.iconPosition === "end" && {
+    marginLeft: theme.spacing(1)
+  })
+}, ownerState.textColor === "inherit" && {
+  color: "inherit",
+  opacity: 0.6,
+  [`&.${tabClasses$1.selected}`]: {
+    opacity: 1
+  },
+  [`&.${tabClasses$1.disabled}`]: {
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }
+}, ownerState.textColor === "primary" && {
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${tabClasses$1.selected}`]: {
+    color: (theme.vars || theme).palette.primary.main
+  },
+  [`&.${tabClasses$1.disabled}`]: {
+    color: (theme.vars || theme).palette.text.disabled
+  }
+}, ownerState.textColor === "secondary" && {
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${tabClasses$1.selected}`]: {
+    color: (theme.vars || theme).palette.secondary.main
+  },
+  [`&.${tabClasses$1.disabled}`]: {
+    color: (theme.vars || theme).palette.text.disabled
+  }
+}, ownerState.fullWidth && {
+  flexShrink: 1,
+  flexGrow: 1,
+  flexBasis: 0,
+  maxWidth: "none"
+}, ownerState.wrapped && {
+  fontSize: theme.typography.pxToRem(12)
+}));
+const Tab = /* @__PURE__ */ React$2.forwardRef(function Tab2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiTab"
+  });
+  const {
+    className,
+    disabled = false,
+    disableFocusRipple = false,
+    fullWidth,
+    icon: iconProp,
+    iconPosition = "top",
+    indicator,
+    label,
+    onChange,
+    onClick,
+    onFocus,
+    selected,
+    selectionFollowsFocus,
+    textColor = "inherit",
+    value,
+    wrapped = false
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$X);
+  const ownerState = _extends$2({}, props, {
+    disabled,
+    disableFocusRipple,
+    selected,
+    icon: !!iconProp,
+    iconPosition,
+    label: !!label,
+    fullWidth,
+    textColor,
+    wrapped
+  });
+  const classes = useUtilityClasses$H(ownerState);
+  const icon = iconProp && label && /* @__PURE__ */ React$2.isValidElement(iconProp) ? /* @__PURE__ */ React$2.cloneElement(iconProp, {
+    className: clsx(classes.iconWrapper, iconProp.props.className)
+  }) : iconProp;
+  const handleClick = (event) => {
+    if (!selected && onChange) {
+      onChange(event, value);
+    }
+    if (onClick) {
+      onClick(event);
+    }
+  };
+  const handleFocus = (event) => {
+    if (selectionFollowsFocus && !selected && onChange) {
+      onChange(event, value);
+    }
+    if (onFocus) {
+      onFocus(event);
+    }
+  };
+  return /* @__PURE__ */ jsxs(TabRoot, _extends$2({
+    focusRipple: !disableFocusRipple,
+    className: clsx(classes.root, className),
+    ref,
+    role: "tab",
+    "aria-selected": selected,
+    disabled,
+    onClick: handleClick,
+    onFocus: handleFocus,
+    ownerState,
+    tabIndex: selected ? 0 : -1
+  }, other, {
+    children: [iconPosition === "top" || iconPosition === "start" ? /* @__PURE__ */ jsxs(React$2.Fragment, {
+      children: [icon, label]
+    }) : /* @__PURE__ */ jsxs(React$2.Fragment, {
+      children: [label, icon]
+    }), indicator]
+  }));
+});
+var Tab$1 = Tab;
 const TableContext = /* @__PURE__ */ React$2.createContext();
 var TableContext$1 = TableContext;
 const Tablelvl2Context = /* @__PURE__ */ React$2.createContext();
@@ -37067,8 +37283,8 @@ function getTableCellUtilityClass(slot) {
 }
 const tableCellClasses = generateUtilityClasses("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]);
 var tableCellClasses$1 = tableCellClasses;
-const _excluded$T = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
-const useUtilityClasses$E = (ownerState) => {
+const _excluded$W = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
+const useUtilityClasses$G = (ownerState) => {
   const {
     classes,
     variant,
@@ -37154,7 +37370,7 @@ const TableCell = /* @__PURE__ */ React$2.forwardRef(function TableCell2(inProps
     size: sizeProp,
     sortDirection,
     variant: variantProp
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$T);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$W);
   const table = React$2.useContext(TableContext$1);
   const tablelvl2 = React$2.useContext(Tablelvl2Context$1);
   const isHeadCell = tablelvl2 && tablelvl2.variant === "head";
@@ -37180,7 +37396,7 @@ const TableCell = /* @__PURE__ */ React$2.forwardRef(function TableCell2(inProps
     stickyHeader: variant === "head" && table && table.stickyHeader,
     variant
   });
-  const classes = useUtilityClasses$E(ownerState);
+  const classes = useUtilityClasses$G(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
@@ -37199,8 +37415,8 @@ function getToolbarUtilityClass(slot) {
   return generateUtilityClass("MuiToolbar", slot);
 }
 generateUtilityClasses("MuiToolbar", ["root", "gutters", "regular", "dense"]);
-const _excluded$S = ["className", "component", "disableGutters", "variant"];
-const useUtilityClasses$D = (ownerState) => {
+const _excluded$V = ["className", "component", "disableGutters", "variant"];
+const useUtilityClasses$F = (ownerState) => {
   const {
     classes,
     disableGutters,
@@ -37250,13 +37466,13 @@ const Toolbar = /* @__PURE__ */ React$2.forwardRef(function Toolbar2(inProps, re
     component = "div",
     disableGutters = false,
     variant = "regular"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$S);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$V);
   const ownerState = _extends$2({}, props, {
     component,
     disableGutters,
     variant
   });
-  const classes = useUtilityClasses$D(ownerState);
+  const classes = useUtilityClasses$F(ownerState);
   return /* @__PURE__ */ jsx$1(ToolbarRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -37271,7 +37487,7 @@ var KeyboardArrowLeft = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 var KeyboardArrowRight = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-const _excluded$R = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slots", "slotProps"];
+const _excluded$U = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slots", "slotProps"];
 const TablePaginationActions = /* @__PURE__ */ React$2.forwardRef(function TablePaginationActions2(props, ref) {
   var _slots$firstButton, _slots$lastButton, _slots$nextButton, _slots$previousButton, _slots$firstButtonIco, _slots$lastButtonIcon, _slots$nextButtonIcon, _slots$previousButton2;
   const {
@@ -37287,7 +37503,7 @@ const TablePaginationActions = /* @__PURE__ */ React$2.forwardRef(function Table
     showLastButton,
     slots = {},
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$R);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$U);
   const isRtl = useRtl();
   const handleFirstPageButtonClick = (event) => {
     onPageChange(event, 0);
@@ -37360,7 +37576,7 @@ function getTablePaginationUtilityClass(slot) {
 const tablePaginationClasses = generateUtilityClasses("MuiTablePagination", ["root", "toolbar", "spacer", "selectLabel", "selectRoot", "select", "selectIcon", "input", "menuItem", "displayedRows", "actions"]);
 var tablePaginationClasses$1 = tablePaginationClasses;
 var _InputBase;
-const _excluded$Q = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps", "slots"];
+const _excluded$T = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps", "slots"];
 const TablePaginationRoot = styled$1(TableCell$1, {
   name: "MuiTablePagination",
   slot: "Root",
@@ -37458,7 +37674,7 @@ function defaultLabelDisplayedRows({
 function defaultGetAriaLabel(type) {
   return `Go to ${type} page`;
 }
-const useUtilityClasses$C = (ownerState) => {
+const useUtilityClasses$E = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -37504,9 +37720,9 @@ const TablePagination = /* @__PURE__ */ React$2.forwardRef(function TablePaginat
     showLastButton = false,
     slotProps = {},
     slots = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Q);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$T);
   const ownerState = props;
-  const classes = useUtilityClasses$C(ownerState);
+  const classes = useUtilityClasses$E(ownerState);
   const selectProps = (_slotProps$select = slotProps == null ? void 0 : slotProps.select) != null ? _slotProps$select : SelectProps;
   const MenuItemComponent = selectProps.native ? "option" : TablePaginationMenuItem;
   let colSpan;
@@ -37586,6 +37802,777 @@ const TablePagination = /* @__PURE__ */ React$2.forwardRef(function TablePaginat
   }));
 });
 var TablePagination$1 = TablePagination;
+function easeInOutSin(time) {
+  return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;
+}
+function animate(property2, element, to, options = {}, cb = () => {
+}) {
+  const {
+    ease = easeInOutSin,
+    duration: duration2 = 300
+  } = options;
+  let start2 = null;
+  const from2 = element[property2];
+  let cancelled = false;
+  const cancel = () => {
+    cancelled = true;
+  };
+  const step = (timestamp) => {
+    if (cancelled) {
+      cb(new Error("Animation cancelled"));
+      return;
+    }
+    if (start2 === null) {
+      start2 = timestamp;
+    }
+    const time = Math.min(1, (timestamp - start2) / duration2);
+    element[property2] = ease(time) * (to - from2) + from2;
+    if (time >= 1) {
+      requestAnimationFrame(() => {
+        cb(null);
+      });
+      return;
+    }
+    requestAnimationFrame(step);
+  };
+  if (from2 === to) {
+    cb(new Error("Element already at target position"));
+    return cancel;
+  }
+  requestAnimationFrame(step);
+  return cancel;
+}
+const _excluded$S = ["onChange"];
+const styles = {
+  width: 99,
+  height: 99,
+  position: "absolute",
+  top: -9999,
+  overflow: "scroll"
+};
+function ScrollbarSize(props) {
+  const {
+    onChange
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$S);
+  const scrollbarHeight = React$2.useRef();
+  const nodeRef = React$2.useRef(null);
+  const setMeasurements = () => {
+    scrollbarHeight.current = nodeRef.current.offsetHeight - nodeRef.current.clientHeight;
+  };
+  useEnhancedEffect$1(() => {
+    const handleResize = debounce$1(() => {
+      const prevHeight = scrollbarHeight.current;
+      setMeasurements();
+      if (prevHeight !== scrollbarHeight.current) {
+        onChange(scrollbarHeight.current);
+      }
+    });
+    const containerWindow = ownerWindow(nodeRef.current);
+    containerWindow.addEventListener("resize", handleResize);
+    return () => {
+      handleResize.clear();
+      containerWindow.removeEventListener("resize", handleResize);
+    };
+  }, [onChange]);
+  React$2.useEffect(() => {
+    setMeasurements();
+    onChange(scrollbarHeight.current);
+  }, [onChange]);
+  return /* @__PURE__ */ jsx$1("div", _extends$2({
+    style: styles
+  }, other, {
+    ref: nodeRef
+  }));
+}
+function getTabScrollButtonUtilityClass(slot) {
+  return generateUtilityClass("MuiTabScrollButton", slot);
+}
+const tabScrollButtonClasses = generateUtilityClasses("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]);
+var tabScrollButtonClasses$1 = tabScrollButtonClasses;
+const _excluded$R = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
+const useUtilityClasses$D = (ownerState) => {
+  const {
+    classes,
+    orientation,
+    disabled
+  } = ownerState;
+  const slots = {
+    root: ["root", orientation, disabled && "disabled"]
+  };
+  return composeClasses(slots, getTabScrollButtonUtilityClass, classes);
+};
+const TabScrollButtonRoot = styled$1(ButtonBase$1, {
+  name: "MuiTabScrollButton",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.orientation && styles2[ownerState.orientation]];
+  }
+})(({
+  ownerState
+}) => _extends$2({
+  width: 40,
+  flexShrink: 0,
+  opacity: 0.8,
+  [`&.${tabScrollButtonClasses$1.disabled}`]: {
+    opacity: 0
+  }
+}, ownerState.orientation === "vertical" && {
+  width: "100%",
+  height: 40,
+  "& svg": {
+    transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
+  }
+}));
+const TabScrollButton = /* @__PURE__ */ React$2.forwardRef(function TabScrollButton2(inProps, ref) {
+  var _slots$StartScrollBut, _slots$EndScrollButto;
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiTabScrollButton"
+  });
+  const {
+    className,
+    slots = {},
+    slotProps = {},
+    direction
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$R);
+  const isRtl = useRtl();
+  const ownerState = _extends$2({
+    isRtl
+  }, props);
+  const classes = useUtilityClasses$D(ownerState);
+  const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : KeyboardArrowLeft;
+  const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : KeyboardArrowRight;
+  const startButtonIconProps = useSlotProps({
+    elementType: StartButtonIcon,
+    externalSlotProps: slotProps.startScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState
+  });
+  const endButtonIconProps = useSlotProps({
+    elementType: EndButtonIcon,
+    externalSlotProps: slotProps.endScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState
+  });
+  return /* @__PURE__ */ jsx$1(TabScrollButtonRoot, _extends$2({
+    component: "div",
+    className: clsx(classes.root, className),
+    ref,
+    role: null,
+    ownerState,
+    tabIndex: null
+  }, other, {
+    children: direction === "left" ? /* @__PURE__ */ jsx$1(StartButtonIcon, _extends$2({}, startButtonIconProps)) : /* @__PURE__ */ jsx$1(EndButtonIcon, _extends$2({}, endButtonIconProps))
+  }));
+});
+var TabScrollButton$1 = TabScrollButton;
+function getTabsUtilityClass(slot) {
+  return generateUtilityClass("MuiTabs", slot);
+}
+const tabsClasses = generateUtilityClasses("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]);
+var tabsClasses$1 = tabsClasses;
+const _excluded$Q = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
+const nextItem = (list, item) => {
+  if (list === item) {
+    return list.firstChild;
+  }
+  if (item && item.nextElementSibling) {
+    return item.nextElementSibling;
+  }
+  return list.firstChild;
+};
+const previousItem = (list, item) => {
+  if (list === item) {
+    return list.lastChild;
+  }
+  if (item && item.previousElementSibling) {
+    return item.previousElementSibling;
+  }
+  return list.lastChild;
+};
+const moveFocus = (list, currentFocus, traversalFunction) => {
+  let wrappedOnce = false;
+  let nextFocus = traversalFunction(list, currentFocus);
+  while (nextFocus) {
+    if (nextFocus === list.firstChild) {
+      if (wrappedOnce) {
+        return;
+      }
+      wrappedOnce = true;
+    }
+    const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute("aria-disabled") === "true";
+    if (!nextFocus.hasAttribute("tabindex") || nextFocusDisabled) {
+      nextFocus = traversalFunction(list, nextFocus);
+    } else {
+      nextFocus.focus();
+      return;
+    }
+  }
+};
+const useUtilityClasses$C = (ownerState) => {
+  const {
+    vertical,
+    fixed,
+    hideScrollbar,
+    scrollableX,
+    scrollableY,
+    centered,
+    scrollButtonsHideMobile,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ["root", vertical && "vertical"],
+    scroller: ["scroller", fixed && "fixed", hideScrollbar && "hideScrollbar", scrollableX && "scrollableX", scrollableY && "scrollableY"],
+    flexContainer: ["flexContainer", vertical && "flexContainerVertical", centered && "centered"],
+    indicator: ["indicator"],
+    scrollButtons: ["scrollButtons", scrollButtonsHideMobile && "scrollButtonsHideMobile"],
+    scrollableX: [scrollableX && "scrollableX"],
+    hideScrollbar: [hideScrollbar && "hideScrollbar"]
+  };
+  return composeClasses(slots, getTabsUtilityClass, classes);
+};
+const TabsRoot = styled$1("div", {
+  name: "MuiTabs",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [{
+      [`& .${tabsClasses$1.scrollButtons}`]: styles2.scrollButtons
+    }, {
+      [`& .${tabsClasses$1.scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles2.scrollButtonsHideMobile
+    }, styles2.root, ownerState.vertical && styles2.vertical];
+  }
+})(({
+  ownerState,
+  theme
+}) => _extends$2({
+  overflow: "hidden",
+  minHeight: 48,
+  WebkitOverflowScrolling: "touch",
+  display: "flex"
+}, ownerState.vertical && {
+  flexDirection: "column"
+}, ownerState.scrollButtonsHideMobile && {
+  [`& .${tabsClasses$1.scrollButtons}`]: {
+    [theme.breakpoints.down("sm")]: {
+      display: "none"
+    }
+  }
+}));
+const TabsScroller = styled$1("div", {
+  name: "MuiTabs",
+  slot: "Scroller",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.scroller, ownerState.fixed && styles2.fixed, ownerState.hideScrollbar && styles2.hideScrollbar, ownerState.scrollableX && styles2.scrollableX, ownerState.scrollableY && styles2.scrollableY];
+  }
+})(({
+  ownerState
+}) => _extends$2({
+  position: "relative",
+  display: "inline-block",
+  flex: "1 1 auto",
+  whiteSpace: "nowrap"
+}, ownerState.fixed && {
+  overflowX: "hidden",
+  width: "100%"
+}, ownerState.hideScrollbar && {
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+}, ownerState.scrollableX && {
+  overflowX: "auto",
+  overflowY: "hidden"
+}, ownerState.scrollableY && {
+  overflowY: "auto",
+  overflowX: "hidden"
+}));
+const FlexContainer = styled$1("div", {
+  name: "MuiTabs",
+  slot: "FlexContainer",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.flexContainer, ownerState.vertical && styles2.flexContainerVertical, ownerState.centered && styles2.centered];
+  }
+})(({
+  ownerState
+}) => _extends$2({
+  display: "flex"
+}, ownerState.vertical && {
+  flexDirection: "column"
+}, ownerState.centered && {
+  justifyContent: "center"
+}));
+const TabsIndicator = styled$1("span", {
+  name: "MuiTabs",
+  slot: "Indicator",
+  overridesResolver: (props, styles2) => styles2.indicator
+})(({
+  ownerState,
+  theme
+}) => _extends$2({
+  position: "absolute",
+  height: 2,
+  bottom: 0,
+  width: "100%",
+  transition: theme.transitions.create()
+}, ownerState.indicatorColor === "primary" && {
+  backgroundColor: (theme.vars || theme).palette.primary.main
+}, ownerState.indicatorColor === "secondary" && {
+  backgroundColor: (theme.vars || theme).palette.secondary.main
+}, ownerState.vertical && {
+  height: "100%",
+  width: 2,
+  right: 0
+}));
+const TabsScrollbarSize = styled$1(ScrollbarSize)({
+  overflowX: "auto",
+  overflowY: "hidden",
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+const defaultIndicatorStyle = {};
+const Tabs = /* @__PURE__ */ React$2.forwardRef(function Tabs2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiTabs"
+  });
+  const theme = useTheme$1();
+  const isRtl = useRtl();
+  const {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    action,
+    centered = false,
+    children: childrenProp,
+    className,
+    component = "div",
+    allowScrollButtonsMobile = false,
+    indicatorColor = "primary",
+    onChange,
+    orientation = "horizontal",
+    ScrollButtonComponent = TabScrollButton$1,
+    scrollButtons = "auto",
+    selectionFollowsFocus,
+    slots = {},
+    slotProps = {},
+    TabIndicatorProps = {},
+    TabScrollButtonProps = {},
+    textColor = "primary",
+    value,
+    variant = "standard",
+    visibleScrollbar = false
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$Q);
+  const scrollable = variant === "scrollable";
+  const vertical = orientation === "vertical";
+  const scrollStart = vertical ? "scrollTop" : "scrollLeft";
+  const start2 = vertical ? "top" : "left";
+  const end2 = vertical ? "bottom" : "right";
+  const clientSize = vertical ? "clientHeight" : "clientWidth";
+  const size = vertical ? "height" : "width";
+  const ownerState = _extends$2({}, props, {
+    component,
+    allowScrollButtonsMobile,
+    indicatorColor,
+    orientation,
+    vertical,
+    scrollButtons,
+    textColor,
+    variant,
+    visibleScrollbar,
+    fixed: !scrollable,
+    hideScrollbar: scrollable && !visibleScrollbar,
+    scrollableX: scrollable && !vertical,
+    scrollableY: scrollable && vertical,
+    centered: centered && !scrollable,
+    scrollButtonsHideMobile: !allowScrollButtonsMobile
+  });
+  const classes = useUtilityClasses$C(ownerState);
+  const startScrollButtonIconProps = useSlotProps({
+    elementType: slots.StartScrollButtonIcon,
+    externalSlotProps: slotProps.startScrollButtonIcon,
+    ownerState
+  });
+  const endScrollButtonIconProps = useSlotProps({
+    elementType: slots.EndScrollButtonIcon,
+    externalSlotProps: slotProps.endScrollButtonIcon,
+    ownerState
+  });
+  const [mounted, setMounted] = React$2.useState(false);
+  const [indicatorStyle, setIndicatorStyle] = React$2.useState(defaultIndicatorStyle);
+  const [displayStartScroll, setDisplayStartScroll] = React$2.useState(false);
+  const [displayEndScroll, setDisplayEndScroll] = React$2.useState(false);
+  const [updateScrollObserver, setUpdateScrollObserver] = React$2.useState(false);
+  const [scrollerStyle, setScrollerStyle] = React$2.useState({
+    overflow: "hidden",
+    scrollbarWidth: 0
+  });
+  const valueToIndex = /* @__PURE__ */ new Map();
+  const tabsRef = React$2.useRef(null);
+  const tabListRef = React$2.useRef(null);
+  const getTabsMeta = () => {
+    const tabsNode = tabsRef.current;
+    let tabsMeta;
+    if (tabsNode) {
+      const rect = tabsNode.getBoundingClientRect();
+      tabsMeta = {
+        clientWidth: tabsNode.clientWidth,
+        scrollLeft: tabsNode.scrollLeft,
+        scrollTop: tabsNode.scrollTop,
+        scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, isRtl ? "rtl" : "ltr"),
+        scrollWidth: tabsNode.scrollWidth,
+        top: rect.top,
+        bottom: rect.bottom,
+        left: rect.left,
+        right: rect.right
+      };
+    }
+    let tabMeta;
+    if (tabsNode && value !== false) {
+      const children2 = tabListRef.current.children;
+      if (children2.length > 0) {
+        const tab = children2[valueToIndex.get(value)];
+        tabMeta = tab ? tab.getBoundingClientRect() : null;
+      }
+    }
+    return {
+      tabsMeta,
+      tabMeta
+    };
+  };
+  const updateIndicatorState = useEventCallback(() => {
+    const {
+      tabsMeta,
+      tabMeta
+    } = getTabsMeta();
+    let startValue = 0;
+    let startIndicator;
+    if (vertical) {
+      startIndicator = "top";
+      if (tabMeta && tabsMeta) {
+        startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;
+      }
+    } else {
+      startIndicator = isRtl ? "right" : "left";
+      if (tabMeta && tabsMeta) {
+        const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;
+        startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);
+      }
+    }
+    const newIndicatorStyle = {
+      [startIndicator]: startValue,
+      [size]: tabMeta ? tabMeta[size] : 0
+    };
+    if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {
+      setIndicatorStyle(newIndicatorStyle);
+    } else {
+      const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);
+      const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);
+      if (dStart >= 1 || dSize >= 1) {
+        setIndicatorStyle(newIndicatorStyle);
+      }
+    }
+  });
+  const scroll = (scrollValue, {
+    animation = true
+  } = {}) => {
+    if (animation) {
+      animate(scrollStart, tabsRef.current, scrollValue, {
+        duration: theme.transitions.duration.standard
+      });
+    } else {
+      tabsRef.current[scrollStart] = scrollValue;
+    }
+  };
+  const moveTabsScroll = (delta) => {
+    let scrollValue = tabsRef.current[scrollStart];
+    if (vertical) {
+      scrollValue += delta;
+    } else {
+      scrollValue += delta * (isRtl ? -1 : 1);
+      scrollValue *= isRtl && detectScrollType() === "reverse" ? -1 : 1;
+    }
+    scroll(scrollValue);
+  };
+  const getScrollSize = () => {
+    const containerSize = tabsRef.current[clientSize];
+    let totalSize = 0;
+    const children2 = Array.from(tabListRef.current.children);
+    for (let i = 0; i < children2.length; i += 1) {
+      const tab = children2[i];
+      if (totalSize + tab[clientSize] > containerSize) {
+        if (i === 0) {
+          totalSize = containerSize;
+        }
+        break;
+      }
+      totalSize += tab[clientSize];
+    }
+    return totalSize;
+  };
+  const handleStartScrollClick = () => {
+    moveTabsScroll(-1 * getScrollSize());
+  };
+  const handleEndScrollClick = () => {
+    moveTabsScroll(getScrollSize());
+  };
+  const handleScrollbarSizeChange = React$2.useCallback((scrollbarWidth) => {
+    setScrollerStyle({
+      overflow: null,
+      scrollbarWidth
+    });
+  }, []);
+  const getConditionalElements = () => {
+    const conditionalElements2 = {};
+    conditionalElements2.scrollbarSizeListener = scrollable ? /* @__PURE__ */ jsx$1(TabsScrollbarSize, {
+      onChange: handleScrollbarSizeChange,
+      className: clsx(classes.scrollableX, classes.hideScrollbar)
+    }) : null;
+    const scrollButtonsActive = displayStartScroll || displayEndScroll;
+    const showScrollButtons = scrollable && (scrollButtons === "auto" && scrollButtonsActive || scrollButtons === true);
+    conditionalElements2.scrollButtonStart = showScrollButtons ? /* @__PURE__ */ jsx$1(ScrollButtonComponent, _extends$2({
+      slots: {
+        StartScrollButtonIcon: slots.StartScrollButtonIcon
+      },
+      slotProps: {
+        startScrollButtonIcon: startScrollButtonIconProps
+      },
+      orientation,
+      direction: isRtl ? "right" : "left",
+      onClick: handleStartScrollClick,
+      disabled: !displayStartScroll
+    }, TabScrollButtonProps, {
+      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
+    })) : null;
+    conditionalElements2.scrollButtonEnd = showScrollButtons ? /* @__PURE__ */ jsx$1(ScrollButtonComponent, _extends$2({
+      slots: {
+        EndScrollButtonIcon: slots.EndScrollButtonIcon
+      },
+      slotProps: {
+        endScrollButtonIcon: endScrollButtonIconProps
+      },
+      orientation,
+      direction: isRtl ? "left" : "right",
+      onClick: handleEndScrollClick,
+      disabled: !displayEndScroll
+    }, TabScrollButtonProps, {
+      className: clsx(classes.scrollButtons, TabScrollButtonProps.className)
+    })) : null;
+    return conditionalElements2;
+  };
+  const scrollSelectedIntoView = useEventCallback((animation) => {
+    const {
+      tabsMeta,
+      tabMeta
+    } = getTabsMeta();
+    if (!tabMeta || !tabsMeta) {
+      return;
+    }
+    if (tabMeta[start2] < tabsMeta[start2]) {
+      const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start2] - tabsMeta[start2]);
+      scroll(nextScrollStart, {
+        animation
+      });
+    } else if (tabMeta[end2] > tabsMeta[end2]) {
+      const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[end2] - tabsMeta[end2]);
+      scroll(nextScrollStart, {
+        animation
+      });
+    }
+  });
+  const updateScrollButtonState = useEventCallback(() => {
+    if (scrollable && scrollButtons !== false) {
+      setUpdateScrollObserver(!updateScrollObserver);
+    }
+  });
+  React$2.useEffect(() => {
+    const handleResize = debounce$1(() => {
+      if (tabsRef.current) {
+        updateIndicatorState();
+      }
+    });
+    let resizeObserver;
+    const handleMutation = (records) => {
+      records.forEach((record) => {
+        record.removedNodes.forEach((item) => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.unobserve(item);
+        });
+        record.addedNodes.forEach((item) => {
+          var _resizeObserver2;
+          (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.observe(item);
+        });
+      });
+      handleResize();
+      updateScrollButtonState();
+    };
+    const win = ownerWindow(tabsRef.current);
+    win.addEventListener("resize", handleResize);
+    let mutationObserver;
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(handleResize);
+      Array.from(tabListRef.current.children).forEach((child) => {
+        resizeObserver.observe(child);
+      });
+    }
+    if (typeof MutationObserver !== "undefined") {
+      mutationObserver = new MutationObserver(handleMutation);
+      mutationObserver.observe(tabListRef.current, {
+        childList: true
+      });
+    }
+    return () => {
+      var _mutationObserver, _resizeObserver3;
+      handleResize.clear();
+      win.removeEventListener("resize", handleResize);
+      (_mutationObserver = mutationObserver) == null || _mutationObserver.disconnect();
+      (_resizeObserver3 = resizeObserver) == null || _resizeObserver3.disconnect();
+    };
+  }, [updateIndicatorState, updateScrollButtonState]);
+  React$2.useEffect(() => {
+    const tabListChildren = Array.from(tabListRef.current.children);
+    const length2 = tabListChildren.length;
+    if (typeof IntersectionObserver !== "undefined" && length2 > 0 && scrollable && scrollButtons !== false) {
+      const firstTab = tabListChildren[0];
+      const lastTab = tabListChildren[length2 - 1];
+      const observerOptions = {
+        root: tabsRef.current,
+        threshold: 0.99
+      };
+      const handleScrollButtonStart = (entries) => {
+        setDisplayStartScroll(!entries[0].isIntersecting);
+      };
+      const firstObserver = new IntersectionObserver(handleScrollButtonStart, observerOptions);
+      firstObserver.observe(firstTab);
+      const handleScrollButtonEnd = (entries) => {
+        setDisplayEndScroll(!entries[0].isIntersecting);
+      };
+      const lastObserver = new IntersectionObserver(handleScrollButtonEnd, observerOptions);
+      lastObserver.observe(lastTab);
+      return () => {
+        firstObserver.disconnect();
+        lastObserver.disconnect();
+      };
+    }
+    return void 0;
+  }, [scrollable, scrollButtons, updateScrollObserver, childrenProp == null ? void 0 : childrenProp.length]);
+  React$2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React$2.useEffect(() => {
+    updateIndicatorState();
+  });
+  React$2.useEffect(() => {
+    scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);
+  }, [scrollSelectedIntoView, indicatorStyle]);
+  React$2.useImperativeHandle(action, () => ({
+    updateIndicator: updateIndicatorState,
+    updateScrollButtons: updateScrollButtonState
+  }), [updateIndicatorState, updateScrollButtonState]);
+  const indicator = /* @__PURE__ */ jsx$1(TabsIndicator, _extends$2({}, TabIndicatorProps, {
+    className: clsx(classes.indicator, TabIndicatorProps.className),
+    ownerState,
+    style: _extends$2({}, indicatorStyle, TabIndicatorProps.style)
+  }));
+  let childIndex = 0;
+  const children = React$2.Children.map(childrenProp, (child) => {
+    if (!/* @__PURE__ */ React$2.isValidElement(child)) {
+      return null;
+    }
+    const childValue = child.props.value === void 0 ? childIndex : child.props.value;
+    valueToIndex.set(childValue, childIndex);
+    const selected = childValue === value;
+    childIndex += 1;
+    return /* @__PURE__ */ React$2.cloneElement(child, _extends$2({
+      fullWidth: variant === "fullWidth",
+      indicator: selected && !mounted && indicator,
+      selected,
+      selectionFollowsFocus,
+      onChange,
+      textColor,
+      value: childValue
+    }, childIndex === 1 && value === false && !child.props.tabIndex ? {
+      tabIndex: 0
+    } : {}));
+  });
+  const handleKeyDown2 = (event) => {
+    const list = tabListRef.current;
+    const currentFocus = ownerDocument(list).activeElement;
+    const role = currentFocus.getAttribute("role");
+    if (role !== "tab") {
+      return;
+    }
+    let previousItemKey = orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
+    let nextItemKey = orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
+    if (orientation === "horizontal" && isRtl) {
+      previousItemKey = "ArrowRight";
+      nextItemKey = "ArrowLeft";
+    }
+    switch (event.key) {
+      case previousItemKey:
+        event.preventDefault();
+        moveFocus(list, currentFocus, previousItem);
+        break;
+      case nextItemKey:
+        event.preventDefault();
+        moveFocus(list, currentFocus, nextItem);
+        break;
+      case "Home":
+        event.preventDefault();
+        moveFocus(list, null, nextItem);
+        break;
+      case "End":
+        event.preventDefault();
+        moveFocus(list, null, previousItem);
+        break;
+    }
+  };
+  const conditionalElements = getConditionalElements();
+  return /* @__PURE__ */ jsxs(TabsRoot, _extends$2({
+    className: clsx(classes.root, className),
+    ownerState,
+    ref,
+    as: component
+  }, other, {
+    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /* @__PURE__ */ jsxs(TabsScroller, {
+      className: classes.scroller,
+      ownerState,
+      style: {
+        overflow: scrollerStyle.overflow,
+        [vertical ? `margin${isRtl ? "Left" : "Right"}` : "marginBottom"]: visibleScrollbar ? void 0 : -scrollerStyle.scrollbarWidth
+      },
+      ref: tabsRef,
+      children: [/* @__PURE__ */ jsx$1(FlexContainer, {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-orientation": orientation === "vertical" ? "vertical" : null,
+        className: classes.flexContainer,
+        ownerState,
+        onKeyDown: handleKeyDown2,
+        ref: tabListRef,
+        role: "tablist",
+        children
+      }), mounted && indicator]
+    }), conditionalElements.scrollButtonEnd]
+  }));
+});
+var Tabs$1 = Tabs;
 function getTextFieldUtilityClass(slot) {
   return generateUtilityClass("MuiTextField", slot);
 }
@@ -37751,6 +38738,9 @@ const showBackButton = (status) => {
 var ArrowBack = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
 }), "ArrowBack");
+var ArrowUpward = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
+}), "ArrowUpward");
 var CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l5-5 5 5z"
 }), "CloudUpload");
@@ -37760,9 +38750,15 @@ var CompareArrowsIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 var ContentCopy = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy");
+var CropRotate = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11M16 14h2V8c0-1.11-.9-2-2-2h-6v2h6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2z"
+}), "CropRotate");
 var ImageNotSupportedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "m21.9 21.9-8.49-8.49-9.82-9.82L2.1 2.1.69 3.51 3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31zM5 18l3.5-4.5 2.5 3.01L12.17 15l3 3zm16 .17L5.83 3H19c1.1 0 2 .9 2 2z"
 }), "ImageNotSupported");
+var ZoomInTwoTone = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m.5-7H9v2H7v1h2v2h1v-2h2V9h-2z"
+}), "ZoomInTwoTone");
 function BackButton({
   action
 }) {
@@ -38048,14 +39044,13 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
       setIsLoading(false);
     }
   };
-  const onUploadImage = async () => {
+  const onUploadImage = async (side) => {
     const getImage = webcamRef.current.getScreenshot();
-    setBase64(base64.firstImage ? {
-      ...base64,
-      secondImage: getImage
-    } : {
-      firstImage: getImage
+    const newImage = Object.assign(base64, {
+      [side]: getImage
     });
+    console.log(newImage);
+    setBase64(newImage);
     setActivateCamera(false);
   };
   const usePortrait = () => {
@@ -38072,7 +39067,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     return isPortrait2;
   };
   const isPortrait = usePortrait();
-  const videoConstraints = {
+  const videoConstraints = useMemo(() => ({
     width: {
       ideal: isPortrait ? 720 : 1280
     },
@@ -38080,10 +39075,10 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
       ideal: isPortrait ? 1280 : 720
     },
     aspectRatio: {
-      ideal: isPortrait ? 9 / 16 : 16 / 9
+      ideal: isPortrait ? 16 / 9 : 9 / 16
     },
     facingMode: "environment"
-  };
+  }), [isPortrait]);
   useEffect(() => {
     if (activateCamera) {
       setActivateCamera(false);
@@ -38113,6 +39108,418 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
 const validateErrorMessageOCR = (message) => {
   return message === "Tipo de documento no v\xE1lido" || message === "Datos de la imagen no reconocidas" || message === "Dato no reconocido(Primer Nombre)" || message == "Dato no reconocido(Primer Apellido)" || message == "";
 };
+function UploadDocument({
+  setActivateCamera,
+  activateCamera,
+  webcamRef,
+  Webcam: Webcam2,
+  videoConstraints,
+  base64,
+  detail
+}) {
+  return /* @__PURE__ */ jsx$1("div", {
+    className: "drag-zone",
+    children: /* @__PURE__ */ jsx$1(Box$1, {
+      className: "drag-and-drop-container",
+      children: /* @__PURE__ */ jsxs(Box$1, {
+        onClick: () => setActivateCamera(true),
+        position: "relative",
+        zIndex: 1,
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        children: [activateCamera && /* @__PURE__ */ jsx$1(Webcam2, {
+          ref: webcamRef,
+          videoConstraints,
+          forceScreenshotSourceSize: true,
+          audio: false,
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            borderRadius: "5px"
+          }
+        }), !activateCamera && /* @__PURE__ */ jsxs(Box$1, {
+          children: [/* @__PURE__ */ jsx$1(CloudUploadIcon, {}), /* @__PURE__ */ jsx$1(Typography$1, {
+            variant: "h6",
+            className: "title",
+            mt: 2,
+            children: "Cargar documento"
+          }), /* @__PURE__ */ jsx$1(Typography$1, {
+            variant: "body2",
+            children: detail
+          })]
+        })]
+      })
+    })
+  });
+}
+function CustomTabPanel(props) {
+  const {
+    children,
+    value,
+    index,
+    tabOptions,
+    base64,
+    setBase64,
+    setActivateCamera,
+    activateCamera,
+    webcamRef,
+    Webcam: Webcam2,
+    videoConstraints,
+    onUploadImage,
+    dualModeRequired,
+    status,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx$1("div", {
+    role: "tabpanel",
+    hidden: value !== index,
+    id: `simple-tabpanel-${index}`,
+    "aria-labelledby": `simple-tab-${index}`,
+    ...other,
+    children: value === index && /* @__PURE__ */ jsx$1(Box$1, {
+      children
+    })
+  });
+}
+CustomTabPanel.propTypes = {
+  children: PropTypes.node,
+  index: PropTypes.number.isRequired,
+  value: PropTypes.number.isRequired
+};
+function a11yProps(index) {
+  return {
+    id: `simple-tab-${index}`,
+    "aria-controls": `simple-tabpanel-${index}`
+  };
+}
+function SideDocsSelector({
+  base64,
+  setBase64,
+  setActivateCamera,
+  activateCamera,
+  webcamRef,
+  Webcam: Webcam2,
+  videoConstraints,
+  onUploadImage,
+  dualModeRequired,
+  status
+}) {
+  const [value, setValue] = React$2.useState(0);
+  const [showZoom, setShowZoom] = React$2.useState(false);
+  const handleChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  const deleteImage = (image) => {
+    const updatedImage = {
+      ...base64
+    };
+    delete updatedImage[image];
+    setBase64(updatedImage);
+  };
+  const toggleZoom = () => {
+    setShowZoom(!showZoom);
+  };
+  return /* @__PURE__ */ jsxs(Box$1, {
+    sx: {
+      width: "100%"
+    },
+    children: [/* @__PURE__ */ jsx$1(Box$1, {
+      sx: {
+        borderBottom: 1,
+        borderColor: "divider"
+      },
+      children: /* @__PURE__ */ jsxs(Tabs$1, {
+        value,
+        onChange: handleChange,
+        "aria-label": "document selector",
+        children: [/* @__PURE__ */ jsx$1(Tab$1, {
+          label: "Frontal",
+          ...a11yProps(0)
+        }), /* @__PURE__ */ jsx$1(Tab$1, {
+          label: "Reverso",
+          ...a11yProps(1)
+        })]
+      })
+    }), /* @__PURE__ */ jsx$1(CustomTabPanel, {
+      value,
+      index: 0,
+      children: /* @__PURE__ */ jsx$1(Box$1, {
+        className: "thumbnails-container",
+        children: /* @__PURE__ */ jsx$1(Box$1, {
+          className: "thumbnails",
+          children: /* @__PURE__ */ jsxs(Box$1, {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-evenly",
+            alignItems: "center",
+            width: "100%",
+            children: [base64.firstImage ? /* @__PURE__ */ jsxs("div", {
+              className: "img-container",
+              style: {
+                transition: "transform 0.3s ease-in-out, width 0.3s ease-in-out",
+                width: "100%",
+                position: "relative",
+                zIndex: 1
+              },
+              children: [/* @__PURE__ */ jsx$1("img", {
+                src: base64.firstImage,
+                alt: "thumbnail",
+                style: {
+                  width: "100%",
+                  height: "auto"
+                }
+              }), /* @__PURE__ */ jsxs(Box$1, {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  right: 0,
+                  display: "flex",
+                  gap: "8px",
+                  zIndex: 20
+                },
+                children: [/* @__PURE__ */ jsx$1(Box$1, {
+                  className: "rotate-button",
+                  onClick: toggleZoom,
+                  sx: {
+                    backgroundColor: "rgba(255, 255, 255, 0.7)",
+                    borderRadius: "50%",
+                    padding: "4px",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsx$1(MUITooltip, {
+                    title: "Ampliar",
+                    placement: "right",
+                    arrow: true,
+                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {
+                      sx: {
+                        width: "18px"
+                      }
+                    })
+                  })
+                }), /* @__PURE__ */ jsx$1(Box$1, {
+                  className: "delete-button",
+                  onClick: () => deleteImage("firstImage"),
+                  sx: {
+                    backgroundColor: "rgba(255, 255, 255, 0.7)",
+                    borderRadius: "50%",
+                    padding: "4px",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsx$1(MUITooltip, {
+                    title: "Vaciar",
+                    placement: "right",
+                    arrow: true,
+                    children: /* @__PURE__ */ jsx$1(Typography$1, {
+                      variant: "body2",
+                      children: "x"
+                    })
+                  })
+                })]
+              })]
+            }) : /* @__PURE__ */ jsx$1(UploadDocument, {
+              setActivateCamera,
+              activateCamera,
+              webcamRef,
+              Webcam: Webcam2,
+              videoConstraints,
+              base64,
+              detail: "Subir frontal del documento"
+            }), /* @__PURE__ */ jsxs(Box$1, {
+              width: "100%",
+              children: [activateCamera && /* @__PURE__ */ jsx$1(CustomButton, {
+                type: "button",
+                onClick: () => onUploadImage("firstImage"),
+                children: "Capturar"
+              }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired && base64.firstImage || dualModeRequired && base64.firstImage && base64.secondImage) && /* @__PURE__ */ jsx$1(CustomButton, {
+                type: "submit",
+                children: "Procesar"
+              })]
+            })]
+          })
+        })
+      })
+    }), /* @__PURE__ */ jsx$1(CustomTabPanel, {
+      value,
+      index: 1,
+      children: /* @__PURE__ */ jsx$1(Box$1, {
+        className: "thumbnails-container",
+        children: /* @__PURE__ */ jsx$1(Box$1, {
+          className: "thumbnails",
+          children: /* @__PURE__ */ jsxs(Box$1, {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-evenly",
+            alignItems: "center",
+            width: "100%",
+            children: [base64.secondImage ? /* @__PURE__ */ jsxs("div", {
+              className: "img-container",
+              style: {
+                transition: "transform 0.3s ease-in-out, width 0.3s ease-in-out",
+                width: "100%",
+                position: "relative",
+                zIndex: 1
+              },
+              children: [/* @__PURE__ */ jsx$1("img", {
+                src: base64.secondImage,
+                alt: "thumbnail",
+                style: {
+                  width: "100%",
+                  height: "auto"
+                }
+              }), /* @__PURE__ */ jsxs(Box$1, {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  right: 0,
+                  display: "flex",
+                  gap: "8px",
+                  zIndex: 20
+                },
+                children: [/* @__PURE__ */ jsx$1(Box$1, {
+                  className: "rotate-button",
+                  onClick: toggleZoom,
+                  sx: {
+                    backgroundColor: "rgba(255, 255, 255, 0.7)",
+                    borderRadius: "50%",
+                    padding: "4px",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsx$1(MUITooltip, {
+                    title: "Girar",
+                    placement: "right",
+                    arrow: true,
+                    children: /* @__PURE__ */ jsx$1(CropRotate, {
+                      sx: {
+                        width: "18px"
+                      }
+                    })
+                  })
+                }), /* @__PURE__ */ jsx$1(Box$1, {
+                  className: "delete-button",
+                  onClick: () => deleteImage("secondImage"),
+                  sx: {
+                    backgroundColor: "rgba(255, 255, 255, 0.7)",
+                    borderRadius: "50%",
+                    padding: "4px",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  children: /* @__PURE__ */ jsx$1(MUITooltip, {
+                    title: "Vaciar",
+                    placement: "right",
+                    arrow: true,
+                    children: /* @__PURE__ */ jsx$1(Typography$1, {
+                      variant: "body2",
+                      children: "x"
+                    })
+                  })
+                })]
+              })]
+            }) : /* @__PURE__ */ jsx$1(UploadDocument, {
+              setActivateCamera,
+              activateCamera,
+              webcamRef,
+              Webcam: Webcam2,
+              videoConstraints,
+              base64,
+              detail: "Subir reverso del documento"
+            }), /* @__PURE__ */ jsxs(Box$1, {
+              width: "100%",
+              children: [activateCamera && /* @__PURE__ */ jsx$1(CustomButton, {
+                type: "button",
+                onClick: () => onUploadImage("secondImage"),
+                children: "Capturar"
+              }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired && base64.secondImage || dualModeRequired && base64.firstImage && base64.secondImage) && /* @__PURE__ */ jsx$1(CustomButton, {
+                type: "submit",
+                children: "Procesar"
+              })]
+            })]
+          })
+        })
+      })
+    }), showZoom && /* @__PURE__ */ jsx$1(Box$1, {
+      sx: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 999
+      },
+      children: /* @__PURE__ */ jsxs(Box$1, {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "relative",
+        height: 525,
+        children: [/* @__PURE__ */ jsx$1(Box$1, {
+          className: "delete-button",
+          onClick: toggleZoom,
+          sx: {
+            width: "30px",
+            height: "30px",
+            backgroundColor: "#202124",
+            borderRadius: "50%",
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            position: "absolute",
+            color: "red",
+            zIndex: 111111,
+            bottom: 10,
+            right: 55
+          },
+          children: /* @__PURE__ */ jsx$1(MUITooltip, {
+            title: "Vaciar",
+            placement: "right",
+            arrow: true,
+            children: /* @__PURE__ */ jsx$1(ArrowUpward, {
+              sx: {
+                color: "white"
+              }
+            })
+          })
+        }), /* @__PURE__ */ jsx$1("img", {
+          src: value === 0 ? base64.firstImage : base64.secondImage,
+          alt: "zoomed",
+          onClick: toggleZoom,
+          style: {
+            maxWidth: showZoom ? "140%" : "100%",
+            maxHeight: "90%",
+            objectFit: "contain",
+            borderRadius: "5px",
+            transform: showZoom ? "rotate(90deg)" : "none"
+          }
+        })]
+      })
+    })]
+  });
+}
 var reactWebcam = { exports: {} };
 (function(module, exports) {
   (function webpackUniversalModuleDefinition(root2, factory) {
@@ -38529,13 +39936,13 @@ function DocumentReader({
     message,
     clearState,
     base64,
-    setBase64,
     countryCode,
     onUploadImage,
-    webcamRef,
     activateCamera,
     setActivateCamera,
-    videoConstraints
+    webcamRef,
+    videoConstraints,
+    setBase64
   } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
@@ -38566,100 +39973,17 @@ function DocumentReader({
           }) : /* @__PURE__ */ jsx$1("p", {
             children: "Ubique su documento de identidad dentro del recuadro lo m\xE1s centrado posible."
           })]
-        }), lib$1(status) && /* @__PURE__ */ jsxs("div", {
-          className: "drag-zone",
-          children: [/* @__PURE__ */ jsxs(Box$1, {
-            className: "drag-and-drop-container",
-            children: [/* @__PURE__ */ jsxs(Box$1, {
-              onClick: () => setActivateCamera(true),
-              position: "relative",
-              zIndex: 1,
-              width: 300,
-              height: 175,
-              overflow: "hidden",
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              children: [activateCamera && /* @__PURE__ */ jsx$1(Webcam, {
-                ref: webcamRef,
-                videoConstraints,
-                forceScreenshotSourceSize: true,
-                audio: false,
-                style: {
-                  width: "98%",
-                  height: "auto",
-                  objectFit: "cover",
-                  position: "absolute",
-                  top: "50%",
-                  left: "50%",
-                  transform: "translate(-50%, -50%)",
-                  borderRadius: "15px"
-                }
-              }), !activateCamera && Object.keys(base64).length === 0 && /* @__PURE__ */ jsxs(Box$1, {
-                children: [/* @__PURE__ */ jsx$1(CloudUploadIcon, {}), /* @__PURE__ */ jsx$1(Typography$1, {
-                  variant: "h6",
-                  className: "title",
-                  mt: 2,
-                  children: "Cargar documento"
-                }), /* @__PURE__ */ jsx$1(Typography$1, {
-                  variant: "body2",
-                  children: " Subir frontal y reverso"
-                })]
-              })]
-            }), Object.keys(base64).length > 0 && /* @__PURE__ */ jsx$1(Box$1, {
-              className: "delete-button",
-              onClick: () => setBase64({}),
-              children: /* @__PURE__ */ jsx$1(MUITooltip, {
-                title: "Vaciar",
-                placement: "right",
-                arrow: true,
-                children: /* @__PURE__ */ jsx$1(Typography$1, {
-                  variant: "body2",
-                  children: "x"
-                })
-              })
-            })]
-          }), /* @__PURE__ */ jsx$1(Box$1, {
-            className: "thumbnails-container",
-            children: /* @__PURE__ */ jsx$1(Box$1, {
-              className: "thumbnails",
-              children: /* @__PURE__ */ jsx$1(Box$1, {
-                display: "flex",
-                justifyContent: "space-evenly",
-                alignItems: "center",
-                width: "100%",
-                children: base64 && base64.firstImage && /* @__PURE__ */ jsxs(Fragment, {
-                  children: [/* @__PURE__ */ jsx$1("div", {
-                    className: "img-container",
-                    children: /* @__PURE__ */ jsx$1("img", {
-                      src: base64.firstImage,
-                      alt: "thumbnail"
-                    })
-                  }), base64.secondImage ? /* @__PURE__ */ jsx$1("div", {
-                    className: "img-container",
-                    children: /* @__PURE__ */ jsx$1("img", {
-                      src: base64.secondImage,
-                      alt: "thumbnail"
-                    })
-                  }) : /* @__PURE__ */ jsx$1(Box$1, {
-                    className: "second-image",
-                    onClick: () => setActivateCamera(true),
-                    children: "+"
-                  })]
-                })
-              })
-            })
-          })]
-        }), /* @__PURE__ */ jsxs(Box$1, {
-          width: "100%",
-          children: [activateCamera && /* @__PURE__ */ jsx$1(CustomButton, {
-            type: "button",
-            onClick: onUploadImage,
-            children: "Capturar"
-          }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired || dualModeRequired && base64.secondImage) && /* @__PURE__ */ jsx$1(CustomButton, {
-            type: "submit",
-            children: "Procesar"
-          })]
+        }), lib$1(status) && /* @__PURE__ */ jsx$1(SideDocsSelector, {
+          base64,
+          setBase64,
+          setActivateCamera,
+          activateCamera,
+          webcamRef,
+          Webcam,
+          videoConstraints,
+          onUploadImage,
+          dualModeRequired,
+          status
         })]
       })
     })]
@@ -40427,7 +41751,7 @@ const UploadIcon = () => {
     })]
   });
 };
-function UploadDocument({
+function UploadDocumentBulkProcess({
   message,
   id,
   subtitle,
@@ -40447,6 +41771,12 @@ function UploadDocument({
     })
   }, id);
 }
+UploadDocumentBulkProcess.propTypes = {
+  message: propTypes.exports.PropTypes.string,
+  id: propTypes.exports.PropTypes.string,
+  subtitle: propTypes.exports.PropTypes.string,
+  className: propTypes.exports.PropTypes.string
+};
 var csv = { exports: {} };
 (function(module) {
   (function(root2, factory) {
@@ -56653,7 +57983,7 @@ function BulkVerification({
                 alignItems: "center",
                 display: "flex"
               },
-              children: [/* @__PURE__ */ jsx$1(UploadDocument, {
+              children: [/* @__PURE__ */ jsx$1(UploadDocumentBulkProcess, {
                 id: "front",
                 message: `${csvFile ? "Cambiar archivo" : "Cargar archivo"}`,
                 subtitle: "Formato soportado: CSV",
@@ -56697,7 +58027,9 @@ BulkVerification.propTypes = {
   countryCodeAllowed: propTypes.exports.PropTypes.array,
   source: propTypes.exports.PropTypes.string,
   eventId: propTypes.exports.PropTypes.string,
-  validateVpn: propTypes.exports.PropTypes.bool
+  validateVpn: propTypes.exports.PropTypes.bool,
+  successMessage: propTypes.exports.PropTypes.string,
+  alertMessage: propTypes.exports.PropTypes.string
 };
 var bootstrap_min = "";
 var bootstrap_bundle_min = { exports: {} };