gbc-kyc-kit 2.2.4 → 2.2.6

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

@@ -21474,7 +21474,7 @@ var deepmerge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   "default": deepmerge$1,
   isPlainObject
 }, Symbol.toStringTag, { value: "Module" }));
-const _excluded$1U = ["values", "unit", "step"];
+const _excluded$1W = ["values", "unit", "step"];
 const sortBreakpointsValues = (values2) => {
   const breakpointsAsArray = Object.keys(values2).map((key) => ({
     key,
@@ -21498,7 +21498,7 @@ function createBreakpoints(breakpoints) {
     },
     unit = "px",
     step = 5
-  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$1U);
+  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$1W);
   const sortedValues = sortBreakpointsValues(values2);
   const keys2 = Object.keys(sortedValues);
   function up(key) {
@@ -22464,14 +22464,14 @@ function applyStyles$2(key, styles2) {
   }
   return {};
 }
-const _excluded$1T = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$1V = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$2(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput = {},
     palette: paletteInput = {},
     spacing: spacingInput,
     shape: shapeInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1T);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1V);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge$1({
@@ -22523,7 +22523,7 @@ function GlobalStyles$1({
     styles: globalStyles
   });
 }
-const _excluded$1S = ["sx"];
+const _excluded$1U = ["sx"];
 const splitProps = (props) => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -22543,7 +22543,7 @@ const splitProps = (props) => {
 function extendSxProp(props) {
   const {
     sx: inSx
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1S);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1U);
   const {
     systemProps,
     otherProps
@@ -22609,7 +22609,7 @@ function clsx() {
     (e2 = arguments[f2]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
-const _excluded$1R = ["className", "component"];
+const _excluded$1T = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -22625,7 +22625,7 @@ function createBox(options = {}) {
     const _extendSxProp = extendSxProp(inProps), {
       className,
       component = "div"
-    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$1R);
+    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$1T);
     return /* @__PURE__ */ jsx$1(BoxRoot, _extends$2({
       as: component,
       ref,
@@ -22799,7 +22799,7 @@ var getDisplayName = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   "default": getDisplayName$1,
   getFunctionName
 }, Symbol.toStringTag, { value: "Module" }));
-const _excluded$1Q = ["ownerState"], _excluded2$d = ["variants"], _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$1S = ["ownerState"], _excluded2$e = ["variants"], _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty$3(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -22832,7 +22832,7 @@ function defaultOverridesResolver$1(slot) {
 function processStyleArg$1(callableStyle, _ref) {
   let {
     ownerState
-  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1Q);
+  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1S);
   const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle(_extends$2({
     ownerState
   }, props)) : callableStyle;
@@ -22844,7 +22844,7 @@ function processStyleArg$1(callableStyle, _ref) {
   if (!!resolvedStylesArg && typeof resolvedStylesArg === "object" && Array.isArray(resolvedStylesArg.variants)) {
     const {
       variants = []
-    } = resolvedStylesArg, otherStyles = _objectWithoutPropertiesLoose$1(resolvedStylesArg, _excluded2$d);
+    } = resolvedStylesArg, otherStyles = _objectWithoutPropertiesLoose$1(resolvedStylesArg, _excluded2$e);
     let result = otherStyles;
     variants.forEach((variant) => {
       let isMatch = true;
@@ -23558,7 +23558,7 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
   }
   return componentProps;
 }
-const _excluded$1P = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+const _excluded$1R = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
 function useSlotProps(parameters) {
   var _parameters$additiona;
   const {
@@ -23566,7 +23566,7 @@ function useSlotProps(parameters) {
     externalSlotProps,
     ownerState,
     skipResolvingSlotProps = false
-  } = parameters, rest = _objectWithoutPropertiesLoose$1(parameters, _excluded$1P);
+  } = parameters, rest = _objectWithoutPropertiesLoose$1(parameters, _excluded$1R);
   const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
   const {
     props: mergedProps,
@@ -23648,7 +23648,7 @@ function toPropertyKey(t2) {
   var i = toPrimitive(t2, "string");
   return "symbol" == _typeof$1(i) ? i : i + "";
 }
-const _excluded$1O = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$1Q = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
 const defaultTheme$3 = createTheme$2();
 const defaultCreateStyledComponent = styled$3("div", {
   name: "MuiStack",
@@ -23768,7 +23768,7 @@ function createStack(options = {}) {
       children,
       className,
       useFlexGap = false
-    } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1O);
+    } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1Q);
     const ownerState = {
       direction,
       spacing,
@@ -24065,7 +24065,7 @@ function blend(background, overlay, opacity, gamma = 1) {
     values: rgb
   });
 }
-const _excluded$1N = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$1P = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
@@ -24219,7 +24219,7 @@ function createPalette(palette) {
     mode = "light",
     contrastThreshold = 3,
     tonalOffset = 0.2
-  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$1N);
+  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$1P);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -24296,7 +24296,7 @@ function createPalette(palette) {
   }, modes[mode]), other);
   return paletteOutput;
 }
-const _excluded$1M = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$1O = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round$2(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -24315,7 +24315,7 @@ function createTypography(palette, typography) {
     htmlFontSize = 16,
     allVariants,
     pxToRem: pxToRem2
-  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$1M);
+  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$1O);
   const coef = fontSize2 / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$2({
@@ -24369,7 +24369,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$1L = ["duration", "easing", "delay"];
+const _excluded$1N = ["duration", "easing", "delay"];
 const easing = {
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
@@ -24404,7 +24404,7 @@ function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options;
-    _objectWithoutPropertiesLoose$1(options, _excluded$1L);
+    _objectWithoutPropertiesLoose$1(options, _excluded$1N);
     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({
@@ -24426,14 +24426,14 @@ const zIndex = {
   tooltip: 1500
 };
 var zIndex$1 = zIndex;
-const _excluded$1K = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$1M = ["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$1K);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$1M);
   if (options.vars && options.generateCssVars === void 0) {
     throw new Error(formatMuiErrorMessage$1(18));
   }
@@ -24519,7 +24519,7 @@ _interopRequireDefault(require$$5);
 _interopRequireDefault(require$$6);
 var _createTheme = _interopRequireDefault(require$$7);
 var _styleFunctionSx = _interopRequireDefault(require$$8);
-const _excluded$1J = ["ownerState"], _excluded2$c = ["variants"], _excluded3$4 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$1L = ["ownerState"], _excluded2$d = ["variants"], _excluded3$4 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function _getRequireWildcardCache$1(e2) {
   if ("function" != typeof WeakMap)
     return null;
@@ -24576,7 +24576,7 @@ function defaultOverridesResolver(slot) {
 function processStyleArg(callableStyle, _ref) {
   let {
     ownerState
-  } = _ref, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$1J);
+  } = _ref, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$1L);
   const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle((0, _extends2.default)({
     ownerState
   }, props)) : callableStyle;
@@ -24588,7 +24588,7 @@ function processStyleArg(callableStyle, _ref) {
   if (!!resolvedStylesArg && typeof resolvedStylesArg === "object" && Array.isArray(resolvedStylesArg.variants)) {
     const {
       variants = []
-    } = resolvedStylesArg, otherStyles = (0, _objectWithoutPropertiesLoose2.default)(resolvedStylesArg, _excluded2$c);
+    } = resolvedStylesArg, otherStyles = (0, _objectWithoutPropertiesLoose2.default)(resolvedStylesArg, _excluded2$d);
     let result = otherStyles;
     variants.forEach((variant) => {
       let isMatch = true;
@@ -24754,8 +24754,8 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const _excluded$1I = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$1k = (ownerState) => {
+const _excluded$1K = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$1m = (ownerState) => {
   const {
     color: color2,
     fontSize: fontSize2,
@@ -24818,7 +24818,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$1I);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1K);
   const hasSvgAsChild = /* @__PURE__ */ React$2.isValidElement(children) && children.type === "svg";
   const ownerState = _extends$2({}, props, {
     color: color2,
@@ -24833,7 +24833,7 @@ const SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(inProps, re
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$1k(ownerState);
+  const classes = useUtilityClasses$1m(ownerState);
   return /* @__PURE__ */ jsxs(SvgIconRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -25330,8 +25330,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$1H = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$1j = (ownerState) => {
+const _excluded$1J = ["className", "component", "elevation", "square", "variant"];
+const useUtilityClasses$1l = (ownerState) => {
   const {
     square,
     elevation,
@@ -25384,14 +25384,14 @@ const Paper = /* @__PURE__ */ React$2.forwardRef(function Paper2(inProps, ref) {
     elevation = 1,
     square = false,
     variant = "elevation"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1H);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1J);
   const ownerState = _extends$2({}, props, {
     component,
     elevation,
     square,
     variant
   });
-  const classes = useUtilityClasses$1j(ownerState);
+  const classes = useUtilityClasses$1l(ownerState);
   return /* @__PURE__ */ jsx$1(PaperRoot, _extends$2({
     as: component,
     ownerState,
@@ -25400,7 +25400,7 @@ const Paper = /* @__PURE__ */ React$2.forwardRef(function Paper2(inProps, ref) {
   }, other));
 });
 var Paper$1 = Paper;
-const _excluded$1G = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], _excluded2$b = ["component", "slots", "slotProps"], _excluded3$3 = ["component"];
+const _excluded$1I = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], _excluded2$c = ["component", "slots", "slotProps"], _excluded3$3 = ["component"];
 function useSlot(name, parameters) {
   const {
     className,
@@ -25409,7 +25409,7 @@ function useSlot(name, parameters) {
     externalForwardedProps,
     getSlotOwnerState,
     internalForwardedProps
-  } = parameters, useSlotPropsParams = _objectWithoutPropertiesLoose$1(parameters, _excluded$1G);
+  } = parameters, useSlotPropsParams = _objectWithoutPropertiesLoose$1(parameters, _excluded$1I);
   const {
     component: rootComponent,
     slots = {
@@ -25418,7 +25418,7 @@ function useSlot(name, parameters) {
     slotProps = {
       [name]: void 0
     }
-  } = externalForwardedProps, other = _objectWithoutPropertiesLoose$1(externalForwardedProps, _excluded2$b);
+  } = externalForwardedProps, other = _objectWithoutPropertiesLoose$1(externalForwardedProps, _excluded2$c);
   const elementType = slots[name] || initialElementType;
   const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);
   const _mergeSlotProps = mergeSlotProps(_extends$2({
@@ -25489,7 +25489,7 @@ function Ripple(props) {
 }
 const touchRippleClasses = generateUtilityClasses("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
 var touchRippleClasses$1 = touchRippleClasses;
-const _excluded$1F = ["center", "classes", "className"];
+const _excluded$1H = ["center", "classes", "className"];
 let _$2 = (t2) => t2, _t$2, _t2$2, _t3$2, _t4$2;
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
@@ -25604,7 +25604,7 @@ const TouchRipple = /* @__PURE__ */ React$2.forwardRef(function TouchRipple2(inP
     center: centerProp = false,
     classes = {},
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1F);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1H);
   const [ripples, setRipples] = React$2.useState([]);
   const nextKey = React$2.useRef(0);
   const rippleCallback = React$2.useRef(null);
@@ -25763,8 +25763,8 @@ function getButtonBaseUtilityClass(slot) {
 }
 const buttonBaseClasses = generateUtilityClasses("MuiButtonBase", ["root", "disabled", "focusVisible"]);
 var buttonBaseClasses$1 = buttonBaseClasses;
-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 _excluded$1G = ["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$1k = (ownerState) => {
   const {
     disabled,
     focusVisible,
@@ -25849,7 +25849,7 @@ const ButtonBase = /* @__PURE__ */ React$2.forwardRef(function ButtonBase2(inPro
     TouchRippleProps,
     touchRippleRef,
     type
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1E);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1G);
   const buttonRef = React$2.useRef(null);
   const rippleRef = React$2.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -25996,7 +25996,7 @@ const ButtonBase = /* @__PURE__ */ React$2.forwardRef(function ButtonBase2(inPro
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$1i(ownerState);
+  const classes = useUtilityClasses$1k(ownerState);
   return /* @__PURE__ */ jsxs(ButtonBaseRoot, _extends$2({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -26035,8 +26035,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$1D = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
-const useUtilityClasses$1h = (ownerState) => {
+const _excluded$1F = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const useUtilityClasses$1j = (ownerState) => {
   const {
     classes,
     disabled,
@@ -26127,7 +26127,7 @@ const IconButton = /* @__PURE__ */ React$2.forwardRef(function IconButton2(inPro
     disabled = false,
     disableFocusRipple = false,
     size = "medium"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1D);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1F);
   const ownerState = _extends$2({}, props, {
     edge,
     color: color2,
@@ -26135,7 +26135,7 @@ const IconButton = /* @__PURE__ */ React$2.forwardRef(function IconButton2(inPro
     disableFocusRipple,
     size
   });
-  const classes = useUtilityClasses$1h(ownerState);
+  const classes = useUtilityClasses$1j(ownerState);
   return /* @__PURE__ */ jsx$1(IconButtonRoot, _extends$2({
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -26163,8 +26163,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$1C = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
-const useUtilityClasses$1g = (ownerState) => {
+const _excluded$1E = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
+const useUtilityClasses$1i = (ownerState) => {
   const {
     variant,
     color: color2,
@@ -26308,14 +26308,14 @@ const Alert = /* @__PURE__ */ React$2.forwardRef(function Alert2(inProps, ref) {
     slotProps = {},
     slots = {},
     variant = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1C);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1E);
   const ownerState = _extends$2({}, props, {
     color: color2,
     severity,
     variant,
     colorSeverity: color2 || severity
   });
-  const classes = useUtilityClasses$1g(ownerState);
+  const classes = useUtilityClasses$1i(ownerState);
   const externalForwardedProps = {
     slots: _extends$2({
       closeButton: components.CloseButton,
@@ -26374,8 +26374,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$1B = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$1f = (ownerState) => {
+const _excluded$1D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$1h = (ownerState) => {
   const {
     align,
     gutterBottom,
@@ -26457,7 +26457,7 @@ const Typography = /* @__PURE__ */ React$2.forwardRef(function Typography2(inPro
     paragraph = false,
     variant = "body1",
     variantMapping = defaultVariantMapping
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1B);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1D);
   const ownerState = _extends$2({}, props, {
     align,
     color: color2,
@@ -26470,7 +26470,7 @@ const Typography = /* @__PURE__ */ React$2.forwardRef(function Typography2(inPro
     variantMapping
   });
   const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  const classes = useUtilityClasses$1f(ownerState);
+  const classes = useUtilityClasses$1h(ownerState);
   return /* @__PURE__ */ jsx$1(TypographyRoot, _extends$2({
     as: Component,
     ref,
@@ -26483,8 +26483,8 @@ function getAlertTitleUtilityClass(slot) {
   return generateUtilityClass("MuiAlertTitle", slot);
 }
 generateUtilityClasses("MuiAlertTitle", ["root"]);
-const _excluded$1A = ["className"];
-const useUtilityClasses$1e = (ownerState) => {
+const _excluded$1C = ["className"];
+const useUtilityClasses$1g = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -26512,9 +26512,9 @@ const AlertTitle = /* @__PURE__ */ React$2.forwardRef(function AlertTitle2(inPro
   });
   const {
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1A);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1C);
   const ownerState = props;
-  const classes = useUtilityClasses$1e(ownerState);
+  const classes = useUtilityClasses$1g(ownerState);
   return /* @__PURE__ */ jsx$1(AlertTitleRoot, _extends$2({
     gutterBottom: true,
     component: "div",
@@ -28792,7 +28792,7 @@ function getPopperUtilityClass(slot) {
   return generateUtilityClass("MuiPopper", slot);
 }
 generateUtilityClasses("MuiPopper", ["root"]);
-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"];
+const _excluded$1B = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], _excluded2$b = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === "ltr") {
     return placement;
@@ -28816,7 +28816,7 @@ function resolveAnchorEl$1(anchorEl) {
 function isHTMLElement(element) {
   return element.nodeType !== void 0;
 }
-const useUtilityClasses$1d = (ownerState) => {
+const useUtilityClasses$1f = (ownerState) => {
   const {
     classes
   } = ownerState;
@@ -28841,7 +28841,7 @@ const PopperTooltip = /* @__PURE__ */ React$2.forwardRef(function PopperTooltip2
     slotProps = {},
     slots = {},
     TransitionProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1z);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1B);
   const tooltipRef = React$2.useRef(null);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
   const popperRef = React$2.useRef(null);
@@ -28914,7 +28914,7 @@ const PopperTooltip = /* @__PURE__ */ React$2.forwardRef(function PopperTooltip2
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$1d(props);
+  const classes = useUtilityClasses$1f(props);
   const Root = (_slots$root = slots.root) != null ? _slots$root : "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -28948,7 +28948,7 @@ const Popper$1 = /* @__PURE__ */ React$2.forwardRef(function Popper(props, forwa
     transition = false,
     slotProps = {},
     slots = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded2$a);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded2$b);
   const [exited, setExited] = React$2.useState(true);
   const handleEnter = () => {
     setExited(false);
@@ -29000,7 +29000,7 @@ const Popper$1 = /* @__PURE__ */ React$2.forwardRef(function Popper(props, forwa
   });
 });
 var BasePopper = Popper$1;
-const _excluded$1y = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
+const _excluded$1A = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled$1(BasePopper, {
   name: "MuiPopper",
   slot: "Root",
@@ -29029,7 +29029,7 @@ const Popper2 = /* @__PURE__ */ React$2.forwardRef(function Popper3(inProps, ref
     transition,
     slots,
     slotProps
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1y);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1A);
   const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
   const otherProps = _extends$2({
     anchorEl,
@@ -29059,8 +29059,8 @@ function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass("MuiListSubheader", slot);
 }
 generateUtilityClasses("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const _excluded$1x = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
-const useUtilityClasses$1c = (ownerState) => {
+const _excluded$1z = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
+const useUtilityClasses$1e = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -29120,7 +29120,7 @@ const ListSubheader = /* @__PURE__ */ React$2.forwardRef(function ListSubheader2
     disableGutters = false,
     disableSticky = false,
     inset = false
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1x);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1z);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -29128,7 +29128,7 @@ const ListSubheader = /* @__PURE__ */ React$2.forwardRef(function ListSubheader2
     disableSticky,
     inset
   });
-  const classes = useUtilityClasses$1c(ownerState);
+  const classes = useUtilityClasses$1e(ownerState);
   return /* @__PURE__ */ jsx$1(ListSubheaderRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -29146,8 +29146,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$1w = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
-const useUtilityClasses$1b = (ownerState) => {
+const _excluded$1y = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
+const useUtilityClasses$1d = (ownerState) => {
   const {
     classes,
     disabled,
@@ -29423,7 +29423,7 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
     variant = "filled",
     tabIndex,
     skipFocusWhenDisabled = false
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1w);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1y);
   const chipRef = React$2.useRef(null);
   const handleRef = useForkRef(chipRef, ref);
   const handleDeleteIconClick = (event) => {
@@ -29464,7 +29464,7 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
     clickable,
     variant
   });
-  const classes = useUtilityClasses$1b(ownerState);
+  const classes = useUtilityClasses$1d(ownerState);
   const moreProps = component === ButtonBase$1 ? _extends$2({
     component: ComponentProp || "div",
     focusVisibleClassName: classes.focusVisible
@@ -29512,7 +29512,7 @@ const Chip = /* @__PURE__ */ React$2.forwardRef(function Chip2(inProps, ref) {
   }));
 });
 var MUIChip = Chip;
-const _excluded$1v = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$1x = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
@@ -29543,7 +29543,7 @@ const TextareaAutosize = /* @__PURE__ */ React$2.forwardRef(function TextareaAut
     minRows = 1,
     style: style2,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1v);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1x);
   const {
     current: isControlled
   } = React$2.useRef(value != null);
@@ -29717,7 +29717,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$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 _excluded$1w = ["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
@@ -29730,7 +29730,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$1a = (ownerState) => {
+const useUtilityClasses$1c = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -29920,7 +29920,7 @@ const InputBase = /* @__PURE__ */ React$2.forwardRef(function InputBase2(inProps
     startAdornment,
     type = "text",
     value: valueProp
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1u);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1w);
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -30063,7 +30063,7 @@ const InputBase = /* @__PURE__ */ React$2.forwardRef(function InputBase2(inProps
     startAdornment,
     type
   });
-  const classes = useUtilityClasses$1a(ownerState);
+  const classes = useUtilityClasses$1c(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input3 = slots.input || components.Input || InputBaseComponent;
@@ -30138,8 +30138,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$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 _excluded$1v = ["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$a = ["ref"], _excluded3$2 = ["key"], _excluded4$1 = ["key"];
+const useUtilityClasses$1b = (ownerState) => {
   const {
     classes,
     disablePortal,
@@ -30561,7 +30561,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
     selectOnFocus = !props.freeSolo,
     size = "medium",
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1t);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1v);
   const {
     getRootProps,
     getInputProps,
@@ -30595,7 +30595,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
   } = ListboxProps != null ? ListboxProps : {};
   const _getListboxProps = getListboxProps(), {
     ref: listboxRef
-  } = _getListboxProps, otherListboxProps = _objectWithoutPropertiesLoose$1(_getListboxProps, _excluded2$9);
+  } = _getListboxProps, otherListboxProps = _objectWithoutPropertiesLoose$1(_getListboxProps, _excluded2$a);
   const combinedListboxRef = useForkRef(listboxRef, externalListboxRef);
   const defaultGetOptionLabel2 = (option) => {
     var _option$label;
@@ -30614,7 +30614,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
     popupOpen,
     size
   });
-  const classes = useUtilityClasses$19(ownerState);
+  const classes = useUtilityClasses$1b(ownerState);
   let startAdornment;
   if (multiple && value.length > 0) {
     const getCustomizedTagProps = (params) => _extends$2({
@@ -30786,7 +30786,7 @@ const Autocomplete = /* @__PURE__ */ React$2.forwardRef(function Autocomplete2(i
   });
 });
 var Autocomplete$1 = Autocomplete;
-const _excluded$1s = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$1u = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles$2 = {
   entering: {
     opacity: 1
@@ -30816,7 +30816,7 @@ const Fade = /* @__PURE__ */ React$2.forwardRef(function Fade2(props, ref) {
     style: style2,
     timeout = defaultTimeout,
     TransitionComponent = Transition$1
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1s);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1u);
   const nodeRef = React$2.useRef(null);
   const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
@@ -30896,8 +30896,8 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const _excluded$1r = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
-const useUtilityClasses$18 = (ownerState) => {
+const _excluded$1t = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const useUtilityClasses$1a = (ownerState) => {
   const {
     classes,
     invisible
@@ -30950,12 +30950,12 @@ const Backdrop = /* @__PURE__ */ React$2.forwardRef(function Backdrop2(inProps,
     slots = {},
     TransitionComponent = Fade$1,
     transitionDuration
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1r);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1t);
   const ownerState = _extends$2({}, props, {
     component,
     invisible
   });
-  const classes = useUtilityClasses$18(ownerState);
+  const classes = useUtilityClasses$1a(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
   return /* @__PURE__ */ jsx$1(TransitionComponent, _extends$2({
     in: open,
@@ -31032,10 +31032,10 @@ const badgeClasses = generateUtilityClasses("MuiBadge", [
   "anchorOriginBottomRightRectangular"
 ]);
 var badgeClasses$1 = badgeClasses;
-const _excluded$1q = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
+const _excluded$1s = ["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$17 = (ownerState) => {
+const useUtilityClasses$19 = (ownerState) => {
   const {
     color: color2,
     anchorOrigin,
@@ -31258,7 +31258,7 @@ const Badge = /* @__PURE__ */ React$2.forwardRef(function Badge2(inProps, ref) {
     slotProps,
     showZero = false,
     variant: variantProp = "standard"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1q);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1s);
   const {
     badgeContent,
     invisible: invisibleFromHook,
@@ -31296,7 +31296,7 @@ const Badge = /* @__PURE__ */ React$2.forwardRef(function Badge2(inProps, ref) {
     overlap,
     variant
   });
-  const classes = useUtilityClasses$17(ownerState);
+  const classes = useUtilityClasses$19(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;
@@ -31344,8 +31344,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$1p = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
-const useUtilityClasses$16 = (ownerState) => {
+const _excluded$1r = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
+const useUtilityClasses$18 = (ownerState) => {
   const {
     color: color2,
     disableElevation,
@@ -31562,7 +31562,7 @@ const Button = /* @__PURE__ */ React$2.forwardRef(function Button2(inProps, ref)
     startIcon: startIconProp,
     type,
     variant = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1p);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1r);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -31574,7 +31574,7 @@ const Button = /* @__PURE__ */ React$2.forwardRef(function Button2(inProps, ref)
     type,
     variant
   });
-  const classes = useUtilityClasses$16(ownerState);
+  const classes = useUtilityClasses$18(ownerState);
   const startIcon = startIconProp && /* @__PURE__ */ jsx$1(ButtonStartIcon, {
     className: classes.startIcon,
     ownerState,
@@ -31605,8 +31605,8 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-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 _excluded$1q = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const useUtilityClasses$17 = (ownerState) => {
   const {
     classes,
     checked,
@@ -31666,7 +31666,7 @@ const SwitchBase = /* @__PURE__ */ React$2.forwardRef(function SwitchBase2(props
     tabIndex,
     type,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1o);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1q);
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -31713,7 +31713,7 @@ const SwitchBase = /* @__PURE__ */ React$2.forwardRef(function SwitchBase2(props
     disableFocusRipple,
     edge
   });
-  const classes = useUtilityClasses$15(ownerState);
+  const classes = useUtilityClasses$17(ownerState);
   return /* @__PURE__ */ jsxs(SwitchBaseRoot, _extends$2({
     component: "span",
     className: clsx(classes.root, className),
@@ -31762,8 +31762,8 @@ function getCheckboxUtilityClass(slot) {
 }
 const checkboxClasses = generateUtilityClasses("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]);
 var checkboxClasses$1 = checkboxClasses;
-const _excluded$1n = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
-const useUtilityClasses$14 = (ownerState) => {
+const _excluded$1p = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
+const useUtilityClasses$16 = (ownerState) => {
   const {
     classes,
     indeterminate,
@@ -31824,7 +31824,7 @@ const Checkbox = /* @__PURE__ */ React$2.forwardRef(function Checkbox2(inProps,
     inputProps,
     size = "medium",
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1n);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1p);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
   const ownerState = _extends$2({}, props, {
@@ -31832,7 +31832,7 @@ const Checkbox = /* @__PURE__ */ React$2.forwardRef(function Checkbox2(inProps,
     indeterminate,
     size
   });
-  const classes = useUtilityClasses$14(ownerState);
+  const classes = useUtilityClasses$16(ownerState);
   return /* @__PURE__ */ jsx$1(CheckboxRoot, _extends$2({
     type: "checkbox",
     inputProps: _extends$2({
@@ -31856,7 +31856,7 @@ function getCircularProgressUtilityClass(slot) {
   return generateUtilityClass("MuiCircularProgress", slot);
 }
 generateUtilityClasses("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const _excluded$1m = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+const _excluded$1o = ["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`
@@ -31884,7 +31884,7 @@ const circularDashKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
     stroke-dashoffset: -125px;
   }
 `));
-const useUtilityClasses$13 = (ownerState) => {
+const useUtilityClasses$15 = (ownerState) => {
   const {
     classes,
     variant,
@@ -31966,7 +31966,7 @@ const CircularProgress = /* @__PURE__ */ React$2.forwardRef(function CircularPro
     thickness = 3.6,
     value = 0,
     variant = "indeterminate"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1m);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1o);
   const ownerState = _extends$2({}, props, {
     color: color2,
     disableShrink,
@@ -31975,7 +31975,7 @@ const CircularProgress = /* @__PURE__ */ React$2.forwardRef(function CircularPro
     value,
     variant
   });
-  const classes = useUtilityClasses$13(ownerState);
+  const classes = useUtilityClasses$15(ownerState);
   const circleStyle = {};
   const rootStyle = {};
   const rootProps = {};
@@ -32663,8 +32663,8 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-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 _excluded$1n = ["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$14 = (ownerState) => {
   const {
     open,
     exited,
@@ -32735,7 +32735,7 @@ const Modal = /* @__PURE__ */ React$2.forwardRef(function Modal2(inProps, ref) {
     open,
     slotProps,
     slots
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1l);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1n);
   const propsWithDefaults = _extends$2({}, props, {
     closeAfterTransition,
     disableAutoFocus,
@@ -32761,7 +32761,7 @@ const Modal = /* @__PURE__ */ React$2.forwardRef(function Modal2(inProps, ref) {
   const ownerState = _extends$2({}, propsWithDefaults, {
     exited
   });
-  const classes = useUtilityClasses$12(ownerState);
+  const classes = useUtilityClasses$14(ownerState);
   const childProps = {};
   if (children.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -32834,8 +32834,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$1k = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
-const useUtilityClasses$11 = (ownerState) => {
+const _excluded$1m = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
+const useUtilityClasses$13 = (ownerState) => {
   const {
     absolute,
     children,
@@ -32978,7 +32978,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$1k);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1m);
   const ownerState = _extends$2({}, props, {
     absolute,
     component,
@@ -32989,7 +32989,7 @@ const Divider = /* @__PURE__ */ React$2.forwardRef(function Divider2(inProps, re
     textAlign,
     variant
   });
-  const classes = useUtilityClasses$11(ownerState);
+  const classes = useUtilityClasses$13(ownerState);
   return /* @__PURE__ */ jsx$1(DividerRoot, _extends$2({
     as: component,
     className: clsx(classes.root, className),
@@ -33006,8 +33006,8 @@ const Divider = /* @__PURE__ */ React$2.forwardRef(function Divider2(inProps, re
 });
 Divider.muiSkipListHighlight = true;
 var Divider$1 = Divider;
-const _excluded$1j = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
-const useUtilityClasses$10 = (ownerState) => {
+const _excluded$1l = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const useUtilityClasses$12 = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -33184,14 +33184,14 @@ const FilledInput = /* @__PURE__ */ React$2.forwardRef(function FilledInput2(inP
     slotProps,
     slots = {},
     type = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1j);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1l);
   const ownerState = _extends$2({}, props, {
     fullWidth,
     inputComponent,
     multiline,
     type
   });
-  const classes = useUtilityClasses$10(props);
+  const classes = useUtilityClasses$12(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -33224,8 +33224,8 @@ function getFormControlUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControl", slot);
 }
 generateUtilityClasses("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const _excluded$1i = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
-const useUtilityClasses$$ = (ownerState) => {
+const _excluded$1k = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
+const useUtilityClasses$11 = (ownerState) => {
   const {
     classes,
     margin: margin2,
@@ -33283,7 +33283,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     required = false,
     size = "medium",
     variant = "outlined"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1i);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1k);
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
@@ -33296,7 +33296,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     size,
     variant
   });
-  const classes = useUtilityClasses$$(ownerState);
+  const classes = useUtilityClasses$11(ownerState);
   const [adornedStart, setAdornedStart] = React$2.useState(() => {
     let initialAdornedStart = false;
     if (children) {
@@ -33391,8 +33391,8 @@ function getFormControlLabelUtilityClasses(slot) {
 }
 const formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
 var formControlLabelClasses$1 = formControlLabelClasses;
-const _excluded$1h = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
-const useUtilityClasses$_ = (ownerState) => {
+const _excluded$1j = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
+const useUtilityClasses$10 = (ownerState) => {
   const {
     classes,
     disabled,
@@ -33476,7 +33476,7 @@ const FormControlLabel = /* @__PURE__ */ React$2.forwardRef(function FormControl
     labelPlacement = "end",
     required: requiredProp,
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1h);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1j);
   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;
@@ -33500,7 +33500,7 @@ const FormControlLabel = /* @__PURE__ */ React$2.forwardRef(function FormControl
     required,
     error: fcs.error
   });
-  const classes = useUtilityClasses$_(ownerState);
+  const classes = useUtilityClasses$10(ownerState);
   const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography$1 && !disableTypography) {
@@ -33534,8 +33534,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$1g = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
-const useUtilityClasses$Z = (ownerState) => {
+const _excluded$1i = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
+const useUtilityClasses$$ = (ownerState) => {
   const {
     classes,
     contained,
@@ -33592,7 +33592,7 @@ const FormHelperText = /* @__PURE__ */ React$2.forwardRef(function FormHelperTex
     children,
     className,
     component = "p"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1g);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1i);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -33610,7 +33610,7 @@ const FormHelperText = /* @__PURE__ */ React$2.forwardRef(function FormHelperTex
     focused: fcs.focused,
     required: fcs.required
   });
-  const classes = useUtilityClasses$Z(ownerState);
+  const classes = useUtilityClasses$$(ownerState);
   return /* @__PURE__ */ jsx$1(FormHelperTextRoot, _extends$2({
     as: component,
     ownerState,
@@ -33629,8 +33629,8 @@ function getFormLabelUtilityClasses(slot) {
 }
 const formLabelClasses = generateUtilityClasses("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
 var formLabelClasses$1 = formLabelClasses;
-const _excluded$1f = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
-const useUtilityClasses$Y = (ownerState) => {
+const _excluded$1h = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
+const useUtilityClasses$_ = (ownerState) => {
   const {
     classes,
     color: color2,
@@ -33693,7 +33693,7 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
     children,
     className,
     component = "label"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1f);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1h);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -33709,7 +33709,7 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
     focused: fcs.focused,
     required: fcs.required
   });
-  const classes = useUtilityClasses$Y(ownerState);
+  const classes = useUtilityClasses$_(ownerState);
   return /* @__PURE__ */ jsxs(FormLabelRoot, _extends$2({
     as: component,
     ownerState,
@@ -33725,7 +33725,7 @@ const FormLabel = /* @__PURE__ */ React$2.forwardRef(function FormLabel2(inProps
   }));
 });
 var FormLabel$1 = FormLabel;
-const _excluded$1e = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$1g = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
@@ -33756,7 +33756,7 @@ const Grow = /* @__PURE__ */ React$2.forwardRef(function Grow2(props, ref) {
     style: style2,
     timeout = "auto",
     TransitionComponent = Transition$1
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1e);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1g);
   const timer = useTimeout$1();
   const autoTimeout = React$2.useRef();
   const theme = useTheme$1();
@@ -33876,8 +33876,8 @@ const Grow = /* @__PURE__ */ React$2.forwardRef(function Grow2(props, ref) {
 });
 Grow.muiSupportAuto = true;
 var Grow$1 = Grow;
-const _excluded$1d = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
-const useUtilityClasses$X = (ownerState) => {
+const _excluded$1f = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const useUtilityClasses$Z = (ownerState) => {
   const {
     classes,
     disableUnderline
@@ -33981,8 +33981,8 @@ const Input = /* @__PURE__ */ React$2.forwardRef(function Input2(inProps, ref) {
     slotProps,
     slots = {},
     type = "text"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1d);
-  const classes = useUtilityClasses$X(props);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1f);
+  const classes = useUtilityClasses$Z(props);
   const ownerState = {
     disableUnderline
   };
@@ -34017,14 +34017,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$1c = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
-const overridesResolver$1 = (props, styles2) => {
+const _excluded$1e = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
+const overridesResolver$2 = (props, styles2) => {
   const {
     ownerState
   } = props;
   return [styles2.root, styles2[`position${capitalize$1(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
 };
-const useUtilityClasses$W = (ownerState) => {
+const useUtilityClasses$Y = (ownerState) => {
   const {
     classes,
     disablePointerEvents,
@@ -34041,7 +34041,7 @@ const useUtilityClasses$W = (ownerState) => {
 const InputAdornmentRoot = styled$1("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: overridesResolver$1
+  overridesResolver: overridesResolver$2
 })(({
   theme,
   ownerState
@@ -34076,7 +34076,7 @@ const InputAdornment = /* @__PURE__ */ React$2.forwardRef(function InputAdornmen
     disableTypography = false,
     position: position2,
     variant: variantProp
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1c);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1e);
   const muiFormControl = useFormControl() || {};
   let variant = variantProp;
   if (variantProp && muiFormControl.variant)
@@ -34091,7 +34091,7 @@ const InputAdornment = /* @__PURE__ */ React$2.forwardRef(function InputAdornmen
     position: position2,
     variant
   });
-  const classes = useUtilityClasses$W(ownerState);
+  const classes = useUtilityClasses$Y(ownerState);
   return /* @__PURE__ */ jsx$1(FormControlContext$1.Provider, {
     value: null,
     children: /* @__PURE__ */ jsx$1(InputAdornmentRoot, _extends$2({
@@ -34117,8 +34117,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$1b = ["disableAnimation", "margin", "shrink", "variant", "className"];
-const useUtilityClasses$V = (ownerState) => {
+const _excluded$1d = ["disableAnimation", "margin", "shrink", "variant", "className"];
+const useUtilityClasses$X = (ownerState) => {
   const {
     classes,
     formControl,
@@ -34209,7 +34209,7 @@ const InputLabel = /* @__PURE__ */ React$2.forwardRef(function InputLabel2(inPro
     disableAnimation = false,
     shrink: shrinkProp,
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1b);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1d);
   const muiFormControl = useFormControl();
   let shrink = shrinkProp;
   if (typeof shrink === "undefined" && muiFormControl) {
@@ -34229,7 +34229,7 @@ const InputLabel = /* @__PURE__ */ React$2.forwardRef(function InputLabel2(inPro
     required: fcs.required,
     focused: fcs.focused
   });
-  const classes = useUtilityClasses$V(ownerState);
+  const classes = useUtilityClasses$X(ownerState);
   return /* @__PURE__ */ jsx$1(InputLabelRoot, _extends$2({
     "data-shrink": shrink,
     ownerState,
@@ -34246,8 +34246,8 @@ function getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }
 generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
-const _excluded$1a = ["children", "className", "component", "dense", "disablePadding", "subheader"];
-const useUtilityClasses$U = (ownerState) => {
+const _excluded$1c = ["children", "className", "component", "dense", "disablePadding", "subheader"];
+const useUtilityClasses$W = (ownerState) => {
   const {
     classes,
     disablePadding,
@@ -34293,7 +34293,7 @@ const List = /* @__PURE__ */ React$2.forwardRef(function List2(inProps, ref) {
     dense = false,
     disablePadding = false,
     subheader
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1a);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1c);
   const context = React$2.useMemo(() => ({
     dense
   }), [dense]);
@@ -34302,7 +34302,7 @@ const List = /* @__PURE__ */ React$2.forwardRef(function List2(inProps, ref) {
     dense,
     disablePadding
   });
-  const classes = useUtilityClasses$U(ownerState);
+  const classes = useUtilityClasses$W(ownerState);
   return /* @__PURE__ */ jsx$1(ListContext$1.Provider, {
     value: context,
     children: /* @__PURE__ */ jsxs(ListRoot, _extends$2({
@@ -34316,11 +34316,286 @@ const List = /* @__PURE__ */ React$2.forwardRef(function List2(inProps, ref) {
   });
 });
 var List$1 = List;
+function getListItemUtilityClass(slot) {
+  return generateUtilityClass("MuiListItem", slot);
+}
+const listItemClasses = generateUtilityClasses("MuiListItem", ["root", "container", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "padding", "button", "secondaryAction", "selected"]);
+var listItemClasses$1 = listItemClasses;
+const listItemButtonClasses = generateUtilityClasses("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
+var listItemButtonClasses$1 = listItemButtonClasses;
+function getListItemSecondaryActionClassesUtilityClass(slot) {
+  return generateUtilityClass("MuiListItemSecondaryAction", slot);
+}
+generateUtilityClasses("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const _excluded$1b = ["className"];
+const useUtilityClasses$V = (ownerState) => {
+  const {
+    disableGutters,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ["root", disableGutters && "disableGutters"]
+  };
+  return composeClasses(slots, getListItemSecondaryActionClassesUtilityClass, classes);
+};
+const ListItemSecondaryActionRoot = styled$1("div", {
+  name: "MuiListItemSecondaryAction",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.disableGutters && styles2.disableGutters];
+  }
+})(({
+  ownerState
+}) => _extends$2({
+  position: "absolute",
+  right: 16,
+  top: "50%",
+  transform: "translateY(-50%)"
+}, ownerState.disableGutters && {
+  right: 0
+}));
+const ListItemSecondaryAction = /* @__PURE__ */ React$2.forwardRef(function ListItemSecondaryAction2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiListItemSecondaryAction"
+  });
+  const {
+    className
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1b);
+  const context = React$2.useContext(ListContext$1);
+  const ownerState = _extends$2({}, props, {
+    disableGutters: context.disableGutters
+  });
+  const classes = useUtilityClasses$V(ownerState);
+  return /* @__PURE__ */ jsx$1(ListItemSecondaryActionRoot, _extends$2({
+    className: clsx(classes.root, className),
+    ownerState,
+    ref
+  }, other));
+});
+ListItemSecondaryAction.muiName = "ListItemSecondaryAction";
+var ListItemSecondaryAction$1 = ListItemSecondaryAction;
+const _excluded$1a = ["className"], _excluded2$9 = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"];
+const overridesResolver$1 = (props, styles2) => {
+  const {
+    ownerState
+  } = props;
+  return [styles2.root, ownerState.dense && styles2.dense, ownerState.alignItems === "flex-start" && styles2.alignItemsFlexStart, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters, !ownerState.disablePadding && styles2.padding, ownerState.button && styles2.button, ownerState.hasSecondaryAction && styles2.secondaryAction];
+};
+const useUtilityClasses$U = (ownerState) => {
+  const {
+    alignItems,
+    button,
+    classes,
+    dense,
+    disabled,
+    disableGutters,
+    disablePadding,
+    divider,
+    hasSecondaryAction,
+    selected
+  } = ownerState;
+  const slots = {
+    root: ["root", dense && "dense", !disableGutters && "gutters", !disablePadding && "padding", divider && "divider", disabled && "disabled", button && "button", alignItems === "flex-start" && "alignItemsFlexStart", hasSecondaryAction && "secondaryAction", selected && "selected"],
+    container: ["container"]
+  };
+  return composeClasses(slots, getListItemUtilityClass, classes);
+};
+const ListItemRoot = styled$1("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: overridesResolver$1
+})(({
+  theme,
+  ownerState
+}) => _extends$2({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  width: "100%",
+  boxSizing: "border-box",
+  textAlign: "left"
+}, !ownerState.disablePadding && _extends$2({
+  paddingTop: 8,
+  paddingBottom: 8
+}, ownerState.dense && {
+  paddingTop: 4,
+  paddingBottom: 4
+}, !ownerState.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, !!ownerState.secondaryAction && {
+  paddingRight: 48
+}), !!ownerState.secondaryAction && {
+  [`& > .${listItemButtonClasses$1.root}`]: {
+    paddingRight: 48
+  }
+}, {
+  [`&.${listItemClasses$1.focusVisible}`]: {
+    backgroundColor: (theme.vars || theme).palette.action.focus
+  },
+  [`&.${listItemClasses$1.selected}`]: {
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha_1(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+    [`&.${listItemClasses$1.focusVisible}`]: {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha_1(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+    }
+  },
+  [`&.${listItemClasses$1.disabled}`]: {
+    opacity: (theme.vars || theme).palette.action.disabledOpacity
+  }
+}, ownerState.alignItems === "flex-start" && {
+  alignItems: "flex-start"
+}, ownerState.divider && {
+  borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
+  backgroundClip: "padding-box"
+}, ownerState.button && {
+  transition: theme.transitions.create("background-color", {
+    duration: theme.transitions.duration.shortest
+  }),
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (theme.vars || theme).palette.action.hover,
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${listItemClasses$1.selected}:hover`]: {
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha_1(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+    "@media (hover: none)": {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha_1(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+    }
+  }
+}, ownerState.hasSecondaryAction && {
+  paddingRight: 48
+}));
+const ListItemContainer = styled$1("li", {
+  name: "MuiListItem",
+  slot: "Container",
+  overridesResolver: (props, styles2) => styles2.container
+})({
+  position: "relative"
+});
+const ListItem = /* @__PURE__ */ React$2.forwardRef(function ListItem2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiListItem"
+  });
+  const {
+    alignItems = "center",
+    autoFocus = false,
+    button = false,
+    children: childrenProp,
+    className,
+    component: componentProp,
+    components = {},
+    componentsProps = {},
+    ContainerComponent = "li",
+    ContainerProps: {
+      className: ContainerClassName
+    } = {},
+    dense = false,
+    disabled = false,
+    disableGutters = false,
+    disablePadding = false,
+    divider = false,
+    focusVisibleClassName,
+    secondaryAction,
+    selected = false,
+    slotProps = {},
+    slots = {}
+  } = props, ContainerProps = _objectWithoutPropertiesLoose$1(props.ContainerProps, _excluded$1a), other = _objectWithoutPropertiesLoose$1(props, _excluded2$9);
+  const context = React$2.useContext(ListContext$1);
+  const childContext = React$2.useMemo(() => ({
+    dense: dense || context.dense || false,
+    alignItems,
+    disableGutters
+  }), [alignItems, context.dense, dense, disableGutters]);
+  const listItemRef = React$2.useRef(null);
+  useEnhancedEffect$1(() => {
+    if (autoFocus) {
+      if (listItemRef.current) {
+        listItemRef.current.focus();
+      }
+    }
+  }, [autoFocus]);
+  const children = React$2.Children.toArray(childrenProp);
+  const hasSecondaryAction = children.length && isMuiElement(children[children.length - 1], ["ListItemSecondaryAction"]);
+  const ownerState = _extends$2({}, props, {
+    alignItems,
+    autoFocus,
+    button,
+    dense: childContext.dense,
+    disabled,
+    disableGutters,
+    disablePadding,
+    divider,
+    hasSecondaryAction,
+    selected
+  });
+  const classes = useUtilityClasses$U(ownerState);
+  const handleRef = useForkRef(listItemRef, ref);
+  const Root = slots.root || components.Root || ListItemRoot;
+  const rootProps = slotProps.root || componentsProps.root || {};
+  const componentProps = _extends$2({
+    className: clsx(classes.root, rootProps.className, className),
+    disabled
+  }, other);
+  let Component = componentProp || "li";
+  if (button) {
+    componentProps.component = componentProp || "div";
+    componentProps.focusVisibleClassName = clsx(listItemClasses$1.focusVisible, focusVisibleClassName);
+    Component = ButtonBase$1;
+  }
+  if (hasSecondaryAction) {
+    Component = !componentProps.component && !componentProp ? "div" : Component;
+    if (ContainerComponent === "li") {
+      if (Component === "li") {
+        Component = "div";
+      } else if (componentProps.component === "li") {
+        componentProps.component = "div";
+      }
+    }
+    return /* @__PURE__ */ jsx$1(ListContext$1.Provider, {
+      value: childContext,
+      children: /* @__PURE__ */ jsxs(ListItemContainer, _extends$2({
+        as: ContainerComponent,
+        className: clsx(classes.container, ContainerClassName),
+        ref: handleRef,
+        ownerState
+      }, ContainerProps, {
+        children: [/* @__PURE__ */ jsx$1(Root, _extends$2({}, rootProps, !isHostComponent(Root) && {
+          as: Component,
+          ownerState: _extends$2({}, ownerState, rootProps.ownerState)
+        }, componentProps, {
+          children
+        })), children.pop()]
+      }))
+    });
+  }
+  return /* @__PURE__ */ jsx$1(ListContext$1.Provider, {
+    value: childContext,
+    children: /* @__PURE__ */ jsxs(Root, _extends$2({}, rootProps, {
+      as: Component,
+      ref: handleRef
+    }, !isHostComponent(Root) && {
+      ownerState: _extends$2({}, ownerState, rootProps.ownerState)
+    }, componentProps, {
+      children: [children, secondaryAction && /* @__PURE__ */ jsx$1(ListItemSecondaryAction$1, {
+        children: secondaryAction
+      })]
+    }))
+  });
+});
+var ListItem$1 = ListItem;
 function getListItemIconUtilityClass(slot) {
   return generateUtilityClass("MuiListItemIcon", slot);
 }
 const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-var listItemIconClasses$1 = listItemIconClasses;
 const _excluded$19 = ["className"];
 const useUtilityClasses$T = (ownerState) => {
   const {
@@ -35206,7 +35481,7 @@ const MenuItemRoot = styled$1(ButtonBase$1, {
   [`& .${listItemTextClasses$1.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${listItemIconClasses$1.root}`]: {
+  [`& .${listItemIconClasses.root}`]: {
     minWidth: 36
   }
 }, !ownerState.dense && {
@@ -35218,7 +35493,7 @@ const MenuItemRoot = styled$1(ButtonBase$1, {
   paddingTop: 4,
   paddingBottom: 4
 }, theme.typography.body2, {
-  [`& .${listItemIconClasses$1.root} svg`]: {
+  [`& .${listItemIconClasses.root} svg`]: {
     fontSize: "1.25rem"
   }
 })));
@@ -38751,6 +39026,15 @@ var ContentCopy = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 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 LightMode = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z"
+}), "LightMode");
+var SettingsBrightness = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16.01H3V4.99h18zM8 16h2.5l1.5 1.5 1.5-1.5H16v-2.5l1.5-1.5-1.5-1.5V8h-2.5L12 6.5 10.5 8H8v2.5L6.5 12 8 13.5zm4-7c1.66 0 3 1.34 3 3s-1.34 3-3 3z"
+}), "SettingsBrightness");
+var Spellcheck = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64zm-6.02-5L8.5 5.48 10.57 11zm15.16.59-8.09 8.09L9.83 16l-1.41 1.41 5.09 5.09L23 13z"
+}), "Spellcheck");
 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");
@@ -38938,6 +39222,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
   const [dualMode, setDualMode] = useState(dualModeRequired);
   const webcamRef = useRef(null);
   const [activateCamera, setActivateCamera] = useState(false);
+  const [uploadDocumentByPhone, setUploadDocumentByPhone] = useState(false);
   useEffect(() => {
     if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
       if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
@@ -38957,6 +39242,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     setStatus("");
     setMessage("");
     setIsLoading(false);
+    setUploadDocumentByPhone(false);
   };
   const {
     handleSubmit: simpleHandleSubmit
@@ -39024,6 +39310,8 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
           ...error,
           countAttempts: data2.count_try
         });
+        if (data2.count_try === 1)
+          setUploadDocumentByPhone(true);
         if ((_a = error.response.data) == null ? void 0 : _a.message) {
           message2 = error.response.data.message;
         } else if (status2 === 500) {
@@ -39075,16 +39363,19 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
   const isPortrait = usePortrait();
   const videoConstraints = useMemo(() => ({
     width: {
-      ideal: isPortrait ? 720 : 1280
+      ideal: isPortrait ? 1080 : 1920
     },
     height: {
-      ideal: isPortrait ? 1280 : 720
+      ideal: isPortrait ? 1920 : 1080
     },
     aspectRatio: {
       ideal: isPortrait ? 16 / 9 : 9 / 16
     },
+    frameRate: {
+      ideal: 30
+    },
     advanced: [{
-      focusMode: "continuous"
+      focusMode: "single-shot"
     }],
     facingMode: "environment"
   }), [isPortrait]);
@@ -39112,7 +39403,9 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     activateCamera,
     setActivateCamera,
     videoConstraints,
-    onUploadImage2
+    onUploadImage2,
+    uploadDocumentByPhone,
+    setUploadDocumentByPhone
   };
 };
 const validateErrorMessageOCR = (message) => {
@@ -39128,7 +39421,6 @@ function UploadDocument2({
   streamRef,
   onTapToFocus
 }) {
-  console.log(videoConstraints);
   useEffect(() => {
     if (activateCamera && videoRef.current) {
       navigator.mediaDevices.getUserMedia({
@@ -39198,6 +39490,110 @@ function UploadDocument2({
     })
   });
 }
+function UploadByGallery({
+  fileInputRef,
+  handleFileChange,
+  side
+}) {
+  const [startUpload, setStartUpload] = useState(false);
+  const handleClick = () => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  };
+  return /* @__PURE__ */ jsx$1(Box$1, {
+    className: "upload-by-gallery-container",
+    children: !startUpload ? /* @__PURE__ */ jsxs(Box$1, {
+      children: [/* @__PURE__ */ jsx$1(Typography$1, {
+        variant: "h6",
+        className: "title",
+        mt: 2,
+        children: "Intentemos de otra manera"
+      }), /* @__PURE__ */ jsx$1(Typography$1, {
+        variant: "body2",
+        children: "Vamos a cargar el documento desde tu dispositivo. \xA1Ten en cuenta lo siguiente!"
+      }), /* @__PURE__ */ jsxs(List$1, {
+        dense: true,
+        children: [/* @__PURE__ */ jsxs(ListItem$1, {
+          children: [/* @__PURE__ */ jsx$1(ListItemIcon$1, {
+            children: /* @__PURE__ */ jsx$1(LightMode, {})
+          }), /* @__PURE__ */ jsx$1(ListItemText$1, {
+            primary: "Procura tener buena iluminaci\xF3n"
+          })]
+        }), /* @__PURE__ */ jsxs(ListItem$1, {
+          children: [/* @__PURE__ */ jsx$1(ListItemIcon$1, {
+            children: /* @__PURE__ */ jsx$1(SettingsBrightness, {})
+          }), /* @__PURE__ */ jsx$1(ListItemText$1, {
+            primary: "Evita reflejos en el documento de identidad"
+          })]
+        }), /* @__PURE__ */ jsxs(ListItem$1, {
+          children: [/* @__PURE__ */ jsx$1(ListItemIcon$1, {
+            children: /* @__PURE__ */ jsx$1(Spellcheck, {})
+          }), /* @__PURE__ */ jsx$1(ListItemText$1, {
+            primary: "Procura que el texto en el documento sea legible"
+          })]
+        })]
+      }), /* @__PURE__ */ jsx$1(CustomButton, {
+        type: "button",
+        onClick: () => setStartUpload(true),
+        children: "Continuar"
+      })]
+    }) : /* @__PURE__ */ jsx$1("div", {
+      className: "drag-zone",
+      children: /* @__PURE__ */ jsx$1(Box$1, {
+        className: "drag-and-drop-container",
+        children: /* @__PURE__ */ jsxs(Box$1, {
+          onClick: () => handleClick(),
+          position: "relative",
+          zIndex: 1,
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          children: [/* @__PURE__ */ jsxs("div", {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [/* @__PURE__ */ jsx$1(CloudUploadIcon, {}), /* @__PURE__ */ jsxs(Typography$1, {
+              variant: "body2",
+              style: {
+                textAlign: "center",
+                color: "gray",
+                whiteSpace: "none",
+                margin: "auto"
+              },
+              children: [/* @__PURE__ */ jsx$1("strong", {
+                children: "Haz clic aqu\xED"
+              }), " para subir una foto desde la galer\xEDa o c\xE1mara"]
+            })]
+          }), /* @__PURE__ */ jsx$1("input", {
+            ref: fileInputRef,
+            name: side,
+            type: "file",
+            accept: "image/*",
+            capture: "environment",
+            onChange: handleFileChange,
+            style: {
+              display: "none"
+            }
+          })]
+        })
+      })
+    })
+  });
+}
+function fileToBase64(file) {
+  return new Promise((res, rej) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => res(reader.result);
+    reader.onerror = (error) => rej(error);
+  });
+}
 function CustomTabPanel(props) {
   const {
     children,
@@ -39215,6 +39611,7 @@ function CustomTabPanel(props) {
     dualModeRequired,
     status,
     onUploadImage2,
+    uploadByGallery,
     ...other
   } = props;
   return /* @__PURE__ */ jsx$1("div", {
@@ -39250,7 +39647,10 @@ function SideDocsSelector({
   onUploadImage,
   dualModeRequired,
   status,
-  onUploadImage2
+  onUploadImage2,
+  uploadDocumentByPhone,
+  uploadByGallery,
+  setUploadDocumentByPhone
 }) {
   const [value, setValue] = React$2.useState(0);
   const [showZoom, setShowZoom] = React$2.useState(false);
@@ -39297,26 +39697,32 @@ function SideDocsSelector({
     try {
       if (capabilities.focusMode.includes("continuous")) {
         await track.applyConstraints({
+          frameRate: {
+            ideal: 30
+          },
           advanced: [{
             focusMode: "continuous"
           }]
         });
-        console.log("Reiniciado enfoque autom\xE1tico (continuous)");
       } else if (capabilities.focusMode.includes("single-shot")) {
         await track.applyConstraints({
+          frameRate: {
+            ideal: 30
+          },
           advanced: [{
             focusMode: "single-shot"
           }]
         });
-        console.log("Aplicado enfoque tipo single-shot");
       } else if (capabilities.focusMode.includes("manual") && capabilities.focusDistance) {
         await track.applyConstraints({
+          frameRate: {
+            ideal: 30
+          },
           advanced: [{
             focusMode: "manual",
             focusDistance: capabilities.focusDistance.min
           }]
         });
-        console.log("Aplicado enfoque manual al m\xEDnimo");
       } else {
         console.warn("No hay modo de enfoque compatible");
       }
@@ -39324,6 +39730,13 @@ function SideDocsSelector({
       console.error("Error al aplicar constraints de enfoque:", err);
     }
   };
+  const fileInputRef = useRef(null);
+  const handleFileChange = async (e2) => {
+    const imageData = e2.target.files[0];
+    const side = e2.target.name;
+    setUploadDocumentByPhone(false);
+    onUploadImage2(side, await fileToBase64(imageData));
+  };
   return /* @__PURE__ */ jsxs(Box$1, {
     sx: {
       width: "100%"
@@ -39429,6 +39842,10 @@ function SideDocsSelector({
                   })
                 })]
               })]
+            }) : uploadDocumentByPhone || uploadByGallery ? /* @__PURE__ */ jsx$1(UploadByGallery, {
+              handleFileChange,
+              side: "firstImage",
+              fileInputRef
             }) : /* @__PURE__ */ jsx$1(UploadDocument2, {
               videoRef,
               streamRef,
@@ -40000,7 +40417,8 @@ function DocumentReader({
   countryCodeAllowed = null,
   validateVpn = false,
   successMessage,
-  dualModeRequired = false
+  dualModeRequired = false,
+  uploadByGallery = false
 }) {
   const {
     onSendSubmitDocument,
@@ -40017,7 +40435,9 @@ function DocumentReader({
     setActivateCamera,
     webcamRef,
     videoConstraints,
-    setBase64
+    setBase64,
+    uploadDocumentByPhone,
+    setUploadDocumentByPhone
   } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode} without-shadow`,
@@ -40059,7 +40479,10 @@ function DocumentReader({
           onUploadImage,
           dualModeRequired,
           status,
-          onUploadImage2
+          onUploadImage2,
+          uploadDocumentByPhone,
+          uploadByGallery,
+          setUploadDocumentByPhone
         })]
       })
     })]
@@ -40076,7 +40499,8 @@ DocumentReader.propTypes = {
   eventId: propTypes.exports.PropTypes.string,
   validateVpn: propTypes.exports.PropTypes.bool,
   dualModeRequired: propTypes.exports.PropTypes.bool,
-  successMessage: propTypes.exports.PropTypes.string
+  successMessage: propTypes.exports.PropTypes.string,
+  uploadByGallery: propTypes.exports.PropTypes.bool
 };
 const fetchFaceMatch = async (faceMatch, selfie, inProduction, customHeaders) => {
   const parseReq = {