gbc-kyc-kit 1.6.13 → 1.6.15

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

@@ -22804,7 +22804,7 @@ function unstable_createStyleFunctionSx() {
 const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ["sx"];
 var styleFunctionSx$1 = styleFunctionSx;
-const _excluded$g = ["sx"];
+const _excluded$h = ["sx"];
 const splitProps = (props) => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -22824,7 +22824,7 @@ const splitProps = (props) => {
 function extendSxProp(props) {
   const {
     sx: inSx
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$g);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$h);
   const {
     systemProps,
     otherProps
@@ -22847,7 +22847,7 @@ function extendSxProp(props) {
     sx: finalSx
   });
 }
-const _excluded$f = ["values", "unit", "step"];
+const _excluded$g = ["values", "unit", "step"];
 const sortBreakpointsValues = (values2) => {
   const breakpointsAsArray = Object.keys(values2).map((key) => ({
     key,
@@ -22871,7 +22871,7 @@ function createBreakpoints(breakpoints) {
     },
     unit = "px",
     step = 5
-  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$f);
+  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$g);
   const sortedValues = sortBreakpointsValues(values2);
   const keys2 = Object.keys(sortedValues);
   function up(key) {
@@ -22934,14 +22934,14 @@ function createSpacing(spacingInput = 8) {
   spacing.mui = true;
   return spacing;
 }
-const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$f = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput = {},
     palette: paletteInput = {},
     spacing: spacingInput,
     shape: shapeInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$e);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$f);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -22981,7 +22981,7 @@ const systemDefaultTheme$1 = createTheme$1();
 function useTheme(defaultTheme2 = systemDefaultTheme$1) {
   return useTheme$1(defaultTheme2);
 }
-const _excluded$d = ["className", "component"];
+const _excluded$e = ["className", "component"];
 function createBox(options = {}) {
   const {
     defaultTheme: defaultTheme2,
@@ -22996,7 +22996,7 @@ function createBox(options = {}) {
     const _extendSxProp = extendSxProp(inProps), {
       className,
       component = "div"
-    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$d);
+    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$e);
     return /* @__PURE__ */ jsx(BoxRoot, _extends$1({
       as: component,
       ref,
@@ -23006,14 +23006,14 @@ function createBox(options = {}) {
   });
   return Box2;
 }
-const _excluded$c = ["variant"];
+const _excluded$d = ["variant"];
 function isEmpty$1(string2) {
   return string2.length === 0;
 }
 function propsToClassKey(props) {
   const {
     variant
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$c);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$d);
   let classKey = variant || "";
   Object.keys(other).sort().forEach((key) => {
     if (key === "color") {
@@ -23024,7 +23024,7 @@ function propsToClassKey(props) {
   });
   return classKey;
 }
-const _excluded$b = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"], _excluded2 = ["theme"], _excluded3 = ["theme"];
+const _excluded$c = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"], _excluded2 = ["theme"], _excluded3 = ["theme"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -23096,7 +23096,7 @@ function createStyled2(input = {}) {
       skipVariantsResolver: inputSkipVariantsResolver,
       skipSx: inputSkipSx,
       overridesResolver
-    } = inputOptions, options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$b);
+    } = inputOptions, options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$c);
     const skipVariantsResolver = inputSkipVariantsResolver !== void 0 ? inputSkipVariantsResolver : componentSlot && componentSlot !== "Root" || false;
     const skipSx = inputSkipSx || false;
     let label;
@@ -23358,7 +23358,7 @@ function createMixins(breakpoints, mixins) {
     }
   }, mixins);
 }
-const _excluded$a = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$b = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
@@ -23512,7 +23512,7 @@ function createPalette(palette) {
     mode = "light",
     contrastThreshold = 3,
     tonalOffset = 0.2
-  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$a);
+  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$b);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -23589,7 +23589,7 @@ function createPalette(palette) {
   }, modes[mode]), other);
   return paletteOutput;
 }
-const _excluded$9 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$a = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -23608,7 +23608,7 @@ function createTypography(palette, typography) {
     htmlFontSize = 16,
     allVariants,
     pxToRem: pxToRem2
-  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$9);
+  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$a);
   const coef = fontSize / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$1({
@@ -23662,7 +23662,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$8 = ["duration", "easing", "delay"];
+const _excluded$9 = ["duration", "easing", "delay"];
 const easing = {
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
@@ -23697,7 +23697,7 @@ function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options;
-    _objectWithoutPropertiesLoose$1(options, _excluded$8);
+    _objectWithoutPropertiesLoose$1(options, _excluded$9);
     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$1({
@@ -23719,14 +23719,14 @@ const zIndex = {
   tooltip: 1500
 };
 var zIndex$1 = zIndex;
-const _excluded$7 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$8 = ["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$7);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$8);
   if (options.vars) {
     throw new Error(formatMuiErrorMessage(18));
   }
@@ -23773,8 +23773,8 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const _excluded$6 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$5 = (ownerState) => {
+const _excluded$7 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$6 = (ownerState) => {
   const {
     color: color2,
     fontSize,
@@ -23837,7 +23837,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
     inheritViewBox = false,
     titleAccess,
     viewBox = "0 0 24 24"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$6);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$7);
   const ownerState = _extends$1({}, props, {
     color: color2,
     component,
@@ -23850,7 +23850,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$5(ownerState);
+  const classes = useUtilityClasses$6(ownerState);
   return /* @__PURE__ */ jsxs(SvgIconRoot, _extends$1({
     as: component,
     className: clsx(classes.root, className),
@@ -24119,7 +24119,7 @@ function Ripple(props) {
 }
 const touchRippleClasses = generateUtilityClasses("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
 var touchRippleClasses$1 = touchRippleClasses;
-const _excluded$5 = ["center", "classes", "className"];
+const _excluded$6 = ["center", "classes", "className"];
 let _ = (t2) => t2, _t, _t2, _t3, _t4;
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
@@ -24234,7 +24234,7 @@ const TouchRipple = /* @__PURE__ */ React$1.forwardRef(function TouchRipple2(inP
     center: centerProp = false,
     classes = {},
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$5);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$6);
   const [ripples, setRipples] = React$1.useState([]);
   const nextKey = React$1.useRef(0);
   const rippleCallback = React$1.useRef(null);
@@ -24398,8 +24398,8 @@ function getButtonBaseUtilityClass(slot) {
 }
 const buttonBaseClasses = generateUtilityClasses("MuiButtonBase", ["root", "disabled", "focusVisible"]);
 var buttonBaseClasses$1 = buttonBaseClasses;
-const _excluded$4 = ["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$4 = (ownerState) => {
+const _excluded$5 = ["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$5 = (ownerState) => {
   const {
     disabled,
     focusVisible,
@@ -24484,7 +24484,7 @@ const ButtonBase = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inPro
     TouchRippleProps,
     touchRippleRef,
     type
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$4);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$5);
   const buttonRef = React$1.useRef(null);
   const rippleRef = React$1.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -24631,7 +24631,7 @@ const ButtonBase = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inPro
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$4(ownerState);
+  const classes = useUtilityClasses$5(ownerState);
   return /* @__PURE__ */ jsxs(ButtonBaseRoot, _extends$1({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -24664,8 +24664,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$3 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$3 = (ownerState) => {
+const _excluded$4 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$4 = (ownerState) => {
   const {
     align,
     gutterBottom,
@@ -24745,7 +24745,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
     paragraph = false,
     variant = "body1",
     variantMapping = defaultVariantMapping
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$3);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$4);
   const ownerState = _extends$1({}, props, {
     align,
     color: color2,
@@ -24758,7 +24758,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
     variantMapping
   });
   const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  const classes = useUtilityClasses$3(ownerState);
+  const classes = useUtilityClasses$4(ownerState);
   return /* @__PURE__ */ jsx(TypographyRoot, _extends$1({
     as: Component,
     ref,
@@ -24798,8 +24798,8 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const _excluded$2 = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
-const useUtilityClasses$2 = (ownerState) => {
+const _excluded$3 = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const useUtilityClasses$3 = (ownerState) => {
   const {
     classes,
     checked,
@@ -24857,7 +24857,7 @@ const SwitchBase = /* @__PURE__ */ React$1.forwardRef(function SwitchBase2(props
     tabIndex,
     type,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$2);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$3);
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -24904,7 +24904,7 @@ const SwitchBase = /* @__PURE__ */ React$1.forwardRef(function SwitchBase2(props
     disableFocusRipple,
     edge
   });
-  const classes = useUtilityClasses$2(ownerState);
+  const classes = useUtilityClasses$3(ownerState);
   return /* @__PURE__ */ jsxs(SwitchBaseRoot, _extends$1({
     component: "span",
     className: clsx(classes.root, className),
@@ -24953,8 +24953,8 @@ function getCheckboxUtilityClass(slot) {
 }
 const checkboxClasses = generateUtilityClasses("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]);
 var checkboxClasses$1 = checkboxClasses;
-const _excluded$1 = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
-const useUtilityClasses$1 = (ownerState) => {
+const _excluded$2 = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
+const useUtilityClasses$2 = (ownerState) => {
   const {
     classes,
     indeterminate,
@@ -25014,7 +25014,7 @@ const Checkbox = /* @__PURE__ */ React$1.forwardRef(function Checkbox2(inProps,
     inputProps,
     size = "medium",
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$2);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
   const ownerState = _extends$1({}, props, {
@@ -25022,7 +25022,7 @@ const Checkbox = /* @__PURE__ */ React$1.forwardRef(function Checkbox2(inProps,
     indeterminate,
     size
   });
-  const classes = useUtilityClasses$1(ownerState);
+  const classes = useUtilityClasses$2(ownerState);
   return /* @__PURE__ */ jsx(CheckboxRoot, _extends$1({
     type: "checkbox",
     inputProps: _extends$1({
@@ -25047,8 +25047,8 @@ function getFormControlLabelUtilityClasses(slot) {
 }
 const formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error"]);
 var formControlLabelClasses$1 = formControlLabelClasses;
-const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"];
-const useUtilityClasses = (ownerState) => {
+const _excluded$1 = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"];
+const useUtilityClasses$1 = (ownerState) => {
   const {
     classes,
     disabled,
@@ -25118,7 +25118,7 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
     label: labelProp,
     labelPlacement = "end",
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1);
   const muiFormControl = useFormControl();
   let disabled = disabledProp;
   if (typeof disabled === "undefined" && typeof control.props.disabled !== "undefined") {
@@ -25145,7 +25145,7 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
     labelPlacement,
     error: fcs.error
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses$1(ownerState);
   const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography$1 && !disableTypography) {
@@ -25165,6 +25165,67 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
   }));
 });
 var FormControlLabel$1 = FormControlLabel;
+function getFormGroupUtilityClass(slot) {
+  return generateUtilityClass("MuiFormGroup", slot);
+}
+generateUtilityClasses("MuiFormGroup", ["root", "row", "error"]);
+const _excluded = ["className", "row"];
+const useUtilityClasses = (ownerState) => {
+  const {
+    classes,
+    row,
+    error
+  } = ownerState;
+  const slots = {
+    root: ["root", row && "row", error && "error"]
+  };
+  return composeClasses(slots, getFormGroupUtilityClass, classes);
+};
+const FormGroupRoot = styled$1("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.row && styles2.row];
+  }
+})(({
+  ownerState
+}) => _extends$1({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap"
+}, ownerState.row && {
+  flexDirection: "row"
+}));
+const FormGroup = /* @__PURE__ */ React$1.forwardRef(function FormGroup2(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: "MuiFormGroup"
+  });
+  const {
+    className,
+    row = false
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded);
+  const muiFormControl = useFormControl();
+  const fcs = formControlState({
+    props,
+    muiFormControl,
+    states: ["error"]
+  });
+  const ownerState = _extends$1({}, props, {
+    row,
+    error: fcs.error
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(FormGroupRoot, _extends$1({
+    className: clsx(classes.root, className),
+    ownerState,
+    ref
+  }, other));
+});
+var FormGroup$1 = FormGroup;
 function StatusComponent({
   title,
   status,
@@ -25499,24 +25560,6 @@ function UploadDocument({
     })
   });
 }
-function CustomCheckbox({
-  isActive,
-  id,
-  label,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx(Box$1, {
-    className: "checkbox",
-    children: /* @__PURE__ */ jsx(FormControlLabel$1, {
-      control: /* @__PURE__ */ jsx(Checkbox$1, {
-        checked: isActive,
-        color: "primary",
-        onChange
-      }),
-      label
-    }, label)
-  });
-}
 function DocumentReader({
   mode,
   dataDocument,
@@ -25614,11 +25657,16 @@ function DocumentReader({
         }), /* @__PURE__ */ jsxs(Box$1, {
           width: "100%",
           children: [!status && /* @__PURE__ */ jsxs(Box$1, {
-            children: [/* @__PURE__ */ jsx(CustomCheckbox, {
-              label: "Cargar reverso del documento",
-              id: "add-rear",
-              isActive: dualMode,
-              onChange: () => setDualMode(!dualMode)
+            children: [/* @__PURE__ */ jsx(FormGroup$1, {
+              className: "checkbox",
+              children: /* @__PURE__ */ jsx(FormControlLabel$1, {
+                control: /* @__PURE__ */ jsx(Checkbox$1, {
+                  checked: dualMode,
+                  color: "primary",
+                  onChange: () => setDualMode(!dualMode)
+                }),
+                label: "Cargar reverso del documento"
+              })
             }), !dualMode && !base64.secondImage && base64.firstImage && lib$1(status) && /* @__PURE__ */ jsx(CustomButton, {
               type: "submit",
               children: "Procesar"