@majoo-ui/react 1.55.19 → 1.55.21

package/index.umd.js

@@ -2640,7 +2640,7 @@
     marginLeft: 'auto',
     marginRight: 'auto',
     '@sm': {
-      padding: '$spacing-04 $spacing-05',
+      padding: '0 $spacing-05 $spacing-06',
       backgroundColor: '$white',
       width: '100%'
     },
@@ -15692,7 +15692,8 @@
               },
               onClick: onReset,
               disabled: disabled,
-              size: "sm"
+              size: "sm",
+              type: "button"
             }, {
               children: "Reset"
             }), void 0) : jsxRuntime.jsx(Button$4, __assign({
@@ -15702,7 +15703,8 @@
               },
               onClick: onCancel,
               disabled: disabled,
-              size: "sm"
+              size: "sm",
+              type: "button"
             }, {
               children: t('label.cancel', 'Batal', {
                 ns: 'translation'
@@ -15713,7 +15715,8 @@
               },
               onClick: onUpdate,
               disabled: disabled || !selected || selected.length <= 1,
-              size: "sm"
+              size: "sm",
+              type: "button"
             }, {
               children: t('label.process', 'Proses', {
                 ns: 'translation'
@@ -15990,7 +15993,7 @@
       minDate = _a.minDate,
       maxDate = _a.maxDate,
       allowReset = _a.allowReset;
-    var _b = reactI18next.useTranslation('MajooUI/datePicker'),
+    var _b = reactI18next.useTranslation(['MajooUI/datePicker', 'translation']),
       t = _b.t,
       i18n = _b.i18n;
     var _c = React.useState({
@@ -16298,7 +16301,7 @@
         }, {
           children: [allowReset ? jsxRuntime.jsx(Button$4, __assign({
             buttonType: "ghost",
-            size: "sm",
+            size: "md",
             css: {
               width: '160px',
               fontWeight: 600,
@@ -16306,12 +16309,13 @@
               flex: 1
             },
             onClick: onReset,
-            disabled: disabled
+            disabled: disabled,
+            type: "button"
           }, {
             children: "Reset"
           }), void 0) : jsxRuntime.jsx(Button$4, __assign({
             buttonType: "ghost",
-            size: "sm",
+            size: "md",
             css: {
               width: '160px',
               fontWeight: 600,
@@ -16319,11 +16323,14 @@
               flex: 1
             },
             onClick: onCancel,
-            disabled: disabled
+            disabled: disabled,
+            type: "button"
           }, {
-            children: "Batal"
+            children: t('label.cancel', 'Batal', {
+              ns: 'translation'
+            })
           }), void 0), jsxRuntime.jsx(Button$4, __assign({
-            size: "sm",
+            size: "md",
             css: {
               width: '160px',
               fontWeight: 600,
@@ -16331,9 +16338,12 @@
               flex: 1
             },
             onClick: onUpdate,
-            disabled: disabled
+            disabled: disabled,
+            type: "button"
           }, {
-            children: "Proses"
+            children: t('label.process', 'Proses', {
+              ns: 'translation'
+            })
           }), void 0)]
         }), void 0)]
       }), void 0);
@@ -18535,7 +18545,7 @@
     }
   });
   var TableHeadCell$4 = styled('th', {
-    height: '40px'
+    height: '48px'
   });
   var TableRow$4 = styled('tr', {
     borderBottom: '1pt solid $bgBorder',
@@ -18589,6 +18599,31 @@
           return 'center';
       }
     };
+    var getIsMobileHeader = React.useCallback(function () {
+      var _a, _b, _c;
+      var isMobileHeader;
+      for (var i = 0; i < (headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.length); i++) {
+        for (var x = 0; x < ((_b = (_a = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.length); x++) {
+          var headerData = (_c = headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups[i]) === null || _c === void 0 ? void 0 : _c.headers[x];
+          if (headerData === null || headerData === void 0 ? void 0 : headerData.isMobileHeader) {
+            isMobileHeader = true;
+          }
+        }
+      }
+      return isMobileHeader;
+    }, [headerGroups]);
+    var indexDefaultHeader = 0;
+    var filterMobileHeader = function filterMobileHeader(column, index) {
+      switch (column.id) {
+        case 'selection':
+          indexDefaultHeader += 1;
+          break;
+        case 'expander':
+          indexDefaultHeader += 1;
+          break;
+      }
+      return (getIsMobileHeader() ? column.isMobileHeader : index === indexDefaultHeader) || column.id === 'selection';
+    };
     return jsxRuntime.jsxs(TableContainer$4, __assign({
       css: css,
       ref: ref
@@ -18597,8 +18632,8 @@
         children: [jsxRuntime.jsx(TableHead$3, {
           children: headerGroups.map(function (headerGroup) {
             return jsxRuntime.jsx(TableHeadRow$4, __assign({}, headerGroup.getHeaderGroupProps(), {
-              children: headerGroup.headers.filter(function (column) {
-                return column.isMobileHeader || column.id === 'selection';
+              children: headerGroup.headers.filter(function (column, index) {
+                return filterMobileHeader(column, index);
               }).map(function (column) {
                 var headerRender = column.render('Header');
                 return jsxRuntime.jsx(TableHeadCell$4, __assign({}, column.getHeaderProps(!column.unsortable ? column.getSortByToggleProps({
@@ -18652,8 +18687,8 @@
               }), void 0)), jsxRuntime.jsx(TableRow$4, __assign({
                 css: customStyle
               }, row.getRowProps(), {
-                children: row.cells.filter(function (cell) {
-                  return cell.column.isMobileHeader || cell.column.id === 'selection';
+                children: row.cells.filter(function (cell, indexCell) {
+                  return (getIsMobileHeader() ? cell.column.isMobileHeader : indexCell === indexDefaultHeader) || cell.column.id === 'selection';
                 }).map(function (cell) {
                   var _a;
                   var collId = (_a = cell === null || cell === void 0 ? void 0 : cell.column) === null || _a === void 0 ? void 0 : _a.id;
@@ -18684,26 +18719,37 @@
                     }), void 0);
                   };
                   return jsxRuntime.jsx(TableCell$4, __assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
-                    onClick: function () {
-                      if (!exceptionId) {
-                        handleRowClick(row, i);
-                      }
-                    }
-                  }, {
                     children: cell.column.accessor ? jsxRuntime.jsxs(Flex$1, __assign({
                       justify: "between",
                       align: "center",
-                      onClick: function () {
-                        if (!Object.keys(state.expanded).includes(row.id)) {
-                          toggleAllRowsExpanded(false);
-                        }
-                        row.toggleRowExpanded(!row.isExpanded);
-                      },
                       css: {
-                        cursor: 'pointer'
+                        cursor: 'pointer',
+                        height: '100%'
                       }
                     }, {
-                      children: [renderCell(), row.isExpanded ? jsxRuntime.jsx(icons.ChevronUpOutline, {}, void 0) : jsxRuntime.jsx(icons.ChevronDownOutline, {}, void 0)]
+                      children: [jsxRuntime.jsx(Flex$1, __assign({
+                        align: "center",
+                        css: {
+                          flex: 1,
+                          height: '100%'
+                        },
+                        onClick: function () {
+                          if (!exceptionId) {
+                            handleRowClick(row, i);
+                          }
+                        }
+                      }, {
+                        children: renderCell()
+                      }), void 0), jsxRuntime.jsx(Box, __assign({
+                        onClick: function () {
+                          if (!Object.keys(state.expanded).includes(row.id)) {
+                            toggleAllRowsExpanded(false);
+                          }
+                          row.toggleRowExpanded(!row.isExpanded);
+                        }
+                      }, {
+                        children: row.isExpanded ? jsxRuntime.jsx(icons.ChevronUpOutline, {}, void 0) : jsxRuntime.jsx(icons.ChevronDownOutline, {}, void 0)
+                      }), void 0)]
                     }), void 0) : renderCell()
                   }), void 0);
                 })
@@ -18714,8 +18760,8 @@
                   children: [jsxRuntime.jsx(Flex$1, __assign({
                     direction: "column"
                   }, {
-                    children: row.cells.filter(function (cell) {
-                      return !cell.column.isMobileHeader && cell.column.accessor;
+                    children: row.cells.filter(function (cell, indexCell) {
+                      return (getIsMobileHeader() ? !cell.column.isMobileHeader : indexCell !== indexDefaultHeader) && cell.column.accessor;
                     }).map(function (cell) {
                       var _a;
                       return jsxRuntime.jsxs(Flex$1, __assign({
@@ -19339,7 +19385,7 @@
         var isMenu = ((_d = (_c = (_b = row === null || row === void 0 ? void 0 : row.cells) === null || _b === void 0 ? void 0 : _b[i_1]) === null || _c === void 0 ? void 0 : _c.column) === null || _d === void 0 ? void 0 : _d.id) === 'menu';
         clickable = !isMenu;
       }
-      clickable && !isMobile && (onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, i));
+      clickable && (onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row, i));
       setDataRow(row);
     };
     React.useLayoutEffect(function () {
@@ -20212,42 +20258,34 @@
       };
       const currentConfig = Object.assign({}, defaultConfig, config);
       const {
-        mobileTitle,
         cssContent,
         cssMenuItem
       } = currentConfig;
-      const [openModal, setOpenModal] = React.useState(false);
       const [openDrop, setOpenDrop] = React.useState(false);
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
+      return /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
         align: currentConfig.align,
         open: openDrop,
         onOpenchange: setOpenDrop,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 39,
-          columnNumber: 9
+          lineNumber: 31,
+          columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuTrigger, {
         asChild: true,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 40,
-          columnNumber: 11
+          lineNumber: 32,
+          columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
-        css: {
-          display: 'none',
-          '@md': {
-            display: 'block'
-          }
-        },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 41,
-          columnNumber: 13
+          lineNumber: 33,
+          columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
         type: "button",
@@ -20260,22 +20298,22 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 42,
-          columnNumber: 15
+          lineNumber: 34,
+          columnNumber: 13
         }
       }, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 50,
-          columnNumber: 26
+          lineNumber: 42,
+          columnNumber: 24
         }
       })))), /*#__PURE__*/React__default["default"].createElement(DropdownMenuPortal, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 54,
-          columnNumber: 11
+          lineNumber: 46,
+          columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuContent, {
         onInteractOutside: () => setOpenDrop(false),
@@ -20297,16 +20335,16 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 55,
-          columnNumber: 13
+          lineNumber: 47,
+          columnNumber: 11
         }
       }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         key: `${option.title}dd-${index}`,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 75,
-          columnNumber: 17
+          lineNumber: 67,
+          columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
         onClick: () => {
@@ -20317,8 +20355,8 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 76,
-          columnNumber: 19
+          lineNumber: 68,
+          columnNumber: 17
         }
       }, option.title), /*#__PURE__*/React__default["default"].createElement(DropdownMenuSeparator, {
         key: `${option.title}ds`,
@@ -20328,130 +20366,10 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 85,
-          columnNumber: 19
-        }
-      })))))), /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
-        isMobile: true,
-        modal: true,
-        open: openModal,
-        onOpenChange: setOpenModal,
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 91,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
-        asChild: true,
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 92,
-          columnNumber: 11
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Box, {
-        css: {
-          display: 'block',
-          '@md': {
-            display: 'none'
-          }
-        },
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 93,
-          columnNumber: 13
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
-        type: "button",
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 94,
-          columnNumber: 15
-        }
-      }, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 94,
-          columnNumber: 50
-        }
-      })))), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 97,
-          columnNumber: 11
-        }
-      }, mobileTitle), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
-        css: {
-          padding: '20px 16px'
-        },
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 98,
-          columnNumber: 11
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Box, {
-        css: {
-          display: 'flex',
-          flexDirection: 'column',
-          gap: 20,
-          '& > *:last-child': {
-            display: 'none'
-          }
-        },
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 99,
-          columnNumber: 13
-        }
-      }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-        key: `${option.title}mb-${index}`,
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 101,
+          lineNumber: 77,
           columnNumber: 17
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Box, {
-        type: "button",
-        role: "button",
-        css: {
-          cursor: 'pointer'
-        },
-        onClick: () => {
-          setOpenModal(false);
-          option.onClick(props);
-        },
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 102,
-          columnNumber: 19
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
-        paragraph: "shortContentRegular",
-        color: "primary",
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 113,
-          columnNumber: 21
-        }
-      }, option.title)), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
-        key: `${option.title}ms`,
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName$d,
-          lineNumber: 117,
-          columnNumber: 19
-        }
-      })))))));
+      }))))));
     },
     unsortable: true
   });
@@ -28358,7 +28276,7 @@
       const isAdditional = (_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.additional;
       // eslint-disable-next-line no-lone-blocks
       {
-        var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14;
+        var _data$title, _data3, _data4, _data5, _data6, _data7, _data8, _data9, _data$title2, _data10, _data11, _data12, _data13, _data14, _data15;
         !isMobile ? stepItems.push( /*#__PURE__*/React__default["default"].createElement(StepperItem, {
           css: {
             opacity: data[i - 1].hidden ? 0 : undefined,
@@ -28453,7 +28371,8 @@
             userSelect: 'none',
             fontSize: '12px',
             textAlign: '-webkit-center',
-            display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none'
+            display: ((_data8 = data[i - 1]) === null || _data8 === void 0 ? void 0 : _data8.disabled) && 'none',
+            marginTop: isActive && ((_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.withTolltip ? '-20px' : '-18px')
           },
           onClick: () => {
             if (props.onNavClicked) props.onNavClicked(i);
@@ -28467,40 +28386,24 @@
             lineNumber: 148,
             columnNumber: 13
           }
-        }, isComplete && !hideCheckedIcon && /*#__PURE__*/React__default["default"].createElement(StyledCheckFiled, {
-          size: "24",
-          color: colors$4.bgGreen,
-          __self: undefined,
-          __source: {
-            fileName: _jsxFileName$4,
-            lineNumber: 167,
-            columnNumber: 50
-          }
-        }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
-          justify: "center",
+        }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
           align: "center",
-          css: {
-            width: 24,
-            height: 24,
-            borderRadius: '$round',
-            border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
-            backgroundColor: (_data9 = data[i - 1]) !== null && _data9 !== void 0 && _data9.disabled ? '$gray200' : '$white'
-          },
+          gap: 2,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 169,
-            columnNumber: 17
+            lineNumber: 168,
+            columnNumber: 15
           }
-        }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
+        }, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
           css: {
             width: 'max-content'
           },
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 181,
-            columnNumber: 15
+            lineNumber: 169,
+            columnNumber: 17
           }
         }, isActive ? typeof data[i - 1].title === 'string' ? data[i - 1].title : (_data$title2 = (_data10 = data[i - 1]).title) === null || _data$title2 === void 0 ? void 0 : _data$title2.call(_data10) : ''), isActive && ((_data11 = data[i - 1]) === null || _data11 === void 0 ? void 0 : _data11.withTolltip) && /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
           align: "center",
@@ -28509,8 +28412,8 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 185,
-            columnNumber: 17
+            lineNumber: 173,
+            columnNumber: 19
           }
         }, /*#__PURE__*/React__default["default"].createElement(StyledCircleInfoOutline, {
           size: "20",
@@ -28518,8 +28421,8 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 186,
-            columnNumber: 19
+            lineNumber: 174,
+            columnNumber: 21
           }
         })), isActive && ((_data13 = data[i - 1]) === null || _data13 === void 0 ? void 0 : _data13.comingSoon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
           align: "center",
@@ -28530,19 +28433,44 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 190,
-            columnNumber: 17
+            lineNumber: 178,
+            columnNumber: 19
           }
         }, /*#__PURE__*/React__default["default"].createElement(Tag, {
           size: "lg",
           type: "error",
           __self: undefined,
+          __source: {
+            fileName: _jsxFileName$4,
+            lineNumber: 183,
+            columnNumber: 21
+          }
+        }, "Coming Soon"))), isComplete && !hideCheckedIcon && /*#__PURE__*/React__default["default"].createElement(StyledCheckFiled, {
+          size: "24",
+          color: colors$4.bgGreen,
+          __self: undefined,
+          __source: {
+            fileName: _jsxFileName$4,
+            lineNumber: 189,
+            columnNumber: 50
+          }
+        }), (!isComplete || hideCheckedIcon) && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
+          justify: "center",
+          align: "center",
+          css: {
+            width: 24,
+            height: 24,
+            borderRadius: '$round',
+            border: `4px solid ${isActive ? '$bgGreen' : '$bgInactive'}`,
+            backgroundColor: (_data15 = data[i - 1]) !== null && _data15 !== void 0 && _data15.disabled ? '$gray200' : '$white'
+          },
+          __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
             lineNumber: 191,
-            columnNumber: 19
+            columnNumber: 17
           }
-        }, "Coming Soon"))));
+        })));
       }
     }
     return /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -28557,7 +28485,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 204,
+            lineNumber: 211,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -28570,7 +28498,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 205,
+            lineNumber: 212,
             columnNumber: 11
           }
         }, /*#__PURE__*/React__default["default"].createElement(Card, {
@@ -28582,14 +28510,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 206,
+            lineNumber: 213,
             columnNumber: 13
           }
         }, child), /*#__PURE__*/React__default["default"].createElement(Box, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 215,
+            lineNumber: 222,
             columnNumber: 13
           }
         }, typeof (props === null || props === void 0 ? void 0 : props.appendContent) === 'function' ? props === null || props === void 0 ? void 0 : (_props$appendContent = props.appendContent) === null || _props$appendContent === void 0 ? void 0 : _props$appendContent.call(props) : props === null || props === void 0 ? void 0 : props.appendContent)));
@@ -28597,13 +28525,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 201,
+        lineNumber: 208,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StepperList, {
       css: Object.assign({
         borderLeft: !isMobile ? '4px solid $bgBorder' : undefined,
-        marginBottom: isMobile ? 65 : undefined,
+        marginTop: isMobile ? 40 : undefined,
+        marginBottom: isMobile ? 30 : undefined,
         height: !isMobile ? height : undefined,
         opacity: isHide ? 0 : undefined,
         position: !isMobile && 'sticky',
@@ -28615,7 +28544,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 220,
+        lineNumber: 227,
         columnNumber: 7
       }
     }, isMobile ? /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
@@ -28627,7 +28556,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 236,
+        lineNumber: 244,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -28640,7 +28569,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 237,
+        lineNumber: 245,
         columnNumber: 13
       }
     }, stepItems)) : stepItems));
@@ -28724,7 +28653,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 335,
+        lineNumber: 343,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StepWizardContext.Provider, {
@@ -28747,7 +28676,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 336,
+        lineNumber: 344,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Stepper, _extends({}, props, {
@@ -28761,7 +28690,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 360,
+          lineNumber: 368,
           columnNumber: 13
         }
       }),
@@ -28771,7 +28700,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 354,
+        lineNumber: 362,
         columnNumber: 9
       }
     }), props.children)));