@majoo-ui/react 1.46.5-rc.1 → 1.46.6

package/index.umd.js

@@ -55,7 +55,7 @@
   var ReactCrop__default = /*#__PURE__*/_interopDefaultLegacy(ReactCrop);
   var request__default = /*#__PURE__*/_interopDefaultLegacy(request);
 
-  var _jsxFileName$_ = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+  var _jsxFileName$$ = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
   function ThemeProvider({
     theme,
@@ -65,7 +65,7 @@
       className: theme,
       __self: this,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 5,
         columnNumber: 10
       }
@@ -2346,9 +2346,9 @@
   };
   Flex$1.displayName = 'Flex';
 
-  const _excluded$y = ["children"],
+  const _excluded$z = ["children"],
         _excluded2$2 = ["children"];
-  var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+  var _jsxFileName$_ = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2522,7 +2522,7 @@
     let {
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
     return /*#__PURE__*/React__default["default"].createElement(GridComponent, _extends({}, props, {
       css: Object.assign({}, props.css, {
@@ -2533,7 +2533,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 178,
         columnNumber: 5
       }
@@ -2589,7 +2589,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 232,
         columnNumber: 5
       }
@@ -2606,8 +2606,8 @@
   };
   GridItem.displayName = 'Grid Item';
 
-  const _excluded$x = ["children", "isCollapse", "css", "contentHeader"];
-  var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+  const _excluded$y = ["children", "isCollapse", "css", "contentHeader"];
+  var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
   const StyledDiv$3 = styled(Flex$1, {
     justifyContent: 'center',
     marginLeft: 'auto',
@@ -2636,7 +2636,7 @@
       css,
       contentHeader
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDiv$3, _extends({
       id: "retina-container",
@@ -2646,7 +2646,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2924,8 +2924,8 @@
     }), void 0);
   });
 
-  const _excluded$w = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-  var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+  const _excluded$x = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
+  var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
   const TOAST_WIDTH = 576;
   const ANIMATION_DURATION = 400;
   const TOP_RIGHT_POSITION = 'top-right';
@@ -3090,7 +3090,7 @@
       captionOfAction,
       hrefOfAction
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
 
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const close = React__namespace.useCallback(() => {
@@ -3119,7 +3119,7 @@
       onExited: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 205,
         columnNumber: 5
       }
@@ -3131,7 +3131,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 216,
         columnNumber: 9
       }
@@ -3141,7 +3141,7 @@
       onClick: onClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 223,
         columnNumber: 11
       }
@@ -3149,7 +3149,7 @@
       direction: "column",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 224,
         columnNumber: 13
       }
@@ -3157,7 +3157,7 @@
       direction: "row",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 225,
         columnNumber: 15
       }
@@ -3165,7 +3165,7 @@
       variant: variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 226,
         columnNumber: 17
       }
@@ -3177,7 +3177,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 227,
         columnNumber: 17
       }
@@ -3185,7 +3185,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 235,
         columnNumber: 21
       }
@@ -3200,7 +3200,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 236,
         columnNumber: 23
       }
@@ -3209,7 +3209,7 @@
       color: "secondary",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 250,
         columnNumber: 19
       }
@@ -3223,7 +3223,7 @@
       hasTitle: !!title,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 254,
         columnNumber: 17
       }
@@ -3232,7 +3232,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 263,
         columnNumber: 19
       }
@@ -3247,7 +3247,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 267,
         columnNumber: 17
       }
@@ -3271,7 +3271,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.createContext({});
 
-  var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+  var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
   const ToastBox = styled(Flex$1, {
     position: 'fixed',
     variants: {
@@ -3313,7 +3313,7 @@
     return /*#__PURE__*/React__namespace.createElement(helpers.Portal, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3321,7 +3321,7 @@
       position: position,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 44,
         columnNumber: 7
       }
@@ -3332,7 +3332,7 @@
       }, toast, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$W,
+          fileName: _jsxFileName$X,
           lineNumber: 46,
           columnNumber: 18
         }
@@ -3340,8 +3340,8 @@
     })));
   };
 
-  const _excluded$v = ["id"];
-  var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+  const _excluded$w = ["id"];
+  var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
   let toastCount = 0;
 
   const ToastProvider = ({
@@ -3353,7 +3353,7 @@
       const {
         id
       } = toast,
-            rest = _objectWithoutPropertiesLoose(toast, _excluded$v); // eslint-disable-next-line no-plusplus
+            rest = _objectWithoutPropertiesLoose(toast, _excluded$w); // eslint-disable-next-line no-plusplus
 
 
       const uniqueId = ++toastCount;
@@ -3383,7 +3383,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3392,7 +3392,7 @@
       position: TOP_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 45,
         columnNumber: 7
       }
@@ -3401,7 +3401,7 @@
       position: TOP_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 49,
         columnNumber: 7
       }
@@ -3410,7 +3410,7 @@
       position: BOTTOM_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 53,
         columnNumber: 7
       }
@@ -3419,14 +3419,14 @@
       position: BOTTOM_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 57,
         columnNumber: 7
       }
     }));
   };
 
-  var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+  var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
   function MajooProvider({
     children,
@@ -3439,14 +3439,14 @@
       theme: theme$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 15,
         columnNumber: 10
       }
     }, /*#__PURE__*/React__default["default"].createElement(ToastProvider, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 16,
         columnNumber: 5
       }
@@ -3460,8 +3460,8 @@
     disableGlobalStyle: PropTypes__default["default"].bool
   };
 
-  const _excluded$u = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-  var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+  const _excluded$v = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
+  var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
   const Context$2 = /*#__PURE__*/React__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
@@ -3543,7 +3543,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 91,
       columnNumber: 3
     }
@@ -3565,7 +3565,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 108,
       columnNumber: 3
     }
@@ -3588,7 +3588,7 @@
   }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 125,
       columnNumber: 3
     }
@@ -3600,7 +3600,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 127,
       columnNumber: 7
     }
@@ -3627,7 +3627,7 @@
   const BannerClose = () => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 154,
       columnNumber: 3
     }
@@ -3639,7 +3639,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 156,
       columnNumber: 7
     }
@@ -3648,7 +3648,7 @@
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 163,
       columnNumber: 9
     }
@@ -3658,7 +3658,7 @@
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 171,
         columnNumber: 5
       }
@@ -3668,7 +3668,7 @@
       align: "end",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 172,
         columnNumber: 7
       }
@@ -3681,21 +3681,21 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 173,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 181,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 182,
         columnNumber: 33
       }
@@ -3704,7 +3704,7 @@
       variant: props.variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 185,
         columnNumber: 11
       }
@@ -3717,7 +3717,7 @@
       closeCenter: !props.title && !props.link,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 190,
         columnNumber: 7
       }
@@ -3726,7 +3726,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 198,
         columnNumber: 9
       }
@@ -3745,7 +3745,7 @@
       children,
       bannerBlock
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
     return /*#__PURE__*/React__namespace.createElement(StyledBanner, _extends({
       variant: variant,
@@ -3755,7 +3755,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 206,
         columnNumber: 5
       }
@@ -3772,7 +3772,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 208,
         columnNumber: 9
       }
@@ -3783,7 +3783,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 215,
         columnNumber: 11
       }
@@ -3797,7 +3797,7 @@
       onRemove: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 218,
         columnNumber: 9
       }
@@ -4110,8 +4110,8 @@
     }), void 0);
   });
 
-  const _excluded$t = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-  var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+  const _excluded$u = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
+  var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
   const CardComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -4248,7 +4248,7 @@
       textColor,
       icon
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
     return /*#__PURE__*/React__default["default"].createElement(CardComponent, {
       className: className,
@@ -4261,7 +4261,7 @@
       }, props.css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 103,
         columnNumber: 5
       }
@@ -4269,14 +4269,14 @@
       color: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 114,
         columnNumber: 7
       }
     }), title !== '' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 118,
         columnNumber: 13
       }
@@ -4285,14 +4285,14 @@
       iconColor: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 119,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 125,
         columnNumber: 13
       }
@@ -4318,8 +4318,8 @@
     title: ''
   };
 
-  const _excluded$s = ["children"];
-  var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+  const _excluded$t = ["children"];
+  var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -4365,7 +4365,7 @@
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -4376,20 +4376,20 @@
     let {
       children
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbStyle, _extends({}, rest, {
       "aria-label": "breadcrumb",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 47,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Ol, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 48,
         columnNumber: 7
       }
@@ -4592,8 +4592,8 @@
   };
   Badge.displayName = 'Badge';
 
-  const _excluded$r = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+  const _excluded$s = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
+  var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4637,7 +4637,7 @@
       onClick,
       css
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({
       className: className,
@@ -4646,7 +4646,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 46,
         columnNumber: 5
       }
@@ -4656,7 +4656,7 @@
       onLoadingStatusChange: onLoadingStatusChange,
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 47,
         columnNumber: 21
       }
@@ -4664,21 +4664,21 @@
       delayMs: delayMs,
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 48,
         columnNumber: 7
       }
     }, children !== undefined ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children) : /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.UserFilled, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 53,
         columnNumber: 13
       }
@@ -4695,8 +4695,8 @@
     delayMs: 0
   };
 
-  const _excluded$q = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+  const _excluded$r = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
+  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
   const StyledImage = styled('img', {
     display: 'inline-block',
     alignItems: 'center',
@@ -4719,7 +4719,7 @@
       objectFit,
       fallback
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends({
       className: className,
@@ -4734,7 +4734,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 20,
         columnNumber: 9
       }
@@ -4754,8 +4754,8 @@
     rounded: false
   };
 
-  const _excluded$p = ["children", "label", "color", "css", "withClick", "side", "align"];
-  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+  const _excluded$q = ["children", "label", "color", "css", "withClick", "side", "align"];
+  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4863,14 +4863,14 @@
       side,
       align
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
     const [open, setOpen] = React.useState(false);
     return /*#__PURE__*/React__default["default"].createElement(TooltipBase, _extends({}, rest, {
       open: withClick ? open : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 89,
         columnNumber: 5
       }
@@ -4878,7 +4878,7 @@
       asChild: true,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 90,
         columnNumber: 7
       }
@@ -4886,7 +4886,7 @@
       onClick: () => withClick ? setOpen(!open) : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 91,
         columnNumber: 9
       }
@@ -4897,7 +4897,7 @@
       css: color === 'dark' ? Object.assign({}, dark, css) : Object.assign({}, ligth, css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 93,
         columnNumber: 7
       }
@@ -4906,7 +4906,7 @@
       css: color === 'dark' ? darkArrow : lightArrow,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 100,
         columnNumber: 9
       }
@@ -4928,15 +4928,15 @@
     children: /*#__PURE__*/React__default["default"].createElement("div", {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 119,
         columnNumber: 13
       }
     })
   };
 
-  const _excluded$o = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+  const _excluded$p = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
+  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
   const StyledProgress$1 = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -5054,7 +5054,7 @@
       rounded,
       width
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledProgress$1, _extends({
       className: className,
@@ -5070,7 +5070,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 88,
         columnNumber: 5
       }
@@ -5083,7 +5083,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 89,
         columnNumber: 7
       }
@@ -5106,8 +5106,8 @@
     rounded: true
   };
 
-  const _excluded$n = ["gap", "direction", "children"];
-  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+  const _excluded$o = ["gap", "direction", "children"];
+  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
 
   const FormGroup = _ref => {
     let {
@@ -5115,7 +5115,7 @@
       direction,
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, _extends({
       direction: direction,
@@ -5123,7 +5123,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 6,
         columnNumber: 3
       }
@@ -5140,8 +5140,8 @@
     direction: 'column'
   };
 
-  const _excluded$m = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
-  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+  const _excluded$n = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
+  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
   const StyledLabel$1 = styled(LabelPrimitive__namespace.Root, Text$1, {
     display: 'inline-block',
     fontSize: '$label',
@@ -5173,13 +5173,13 @@
       maxCount,
       labelCss
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 36,
         columnNumber: 5
       }
@@ -5189,7 +5189,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 37,
         columnNumber: 7
       }
@@ -5199,7 +5199,7 @@
       css: labelCss,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 38,
         columnNumber: 9
       }
@@ -5214,7 +5214,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 42,
         columnNumber: 11
       }
@@ -5222,14 +5222,14 @@
       label: tooltipLabel,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 56,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledHelpIcon, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 57,
         columnNumber: 13
       }
@@ -5238,7 +5238,7 @@
       color: "disable",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 62,
         columnNumber: 9
       }
@@ -5254,8 +5254,8 @@
   };
   FormLabel.displayName = 'FormLabel';
 
-  const _excluded$l = ["children", "error"];
-  var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+  const _excluded$m = ["children", "error"];
+  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -5273,7 +5273,7 @@
       children,
       error
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHelper, _extends({
       error: error,
@@ -5281,7 +5281,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$K,
+        fileName: _jsxFileName$L,
         lineNumber: 19,
         columnNumber: 3
       }
@@ -5293,7 +5293,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
+  var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
   const CheckboxContext = /*#__PURE__*/React.createContext();
 
   const CheckboxGroup = ({
@@ -5303,9 +5303,7 @@
     defaultValue,
     disabled
   }) => {
-    const [selectedItems, setSelectedItems] = React.useState(defaultValue); // useEffect(() => {
-    //   if (onChange && !value) onChange(selectedItems);
-    // }, [selectedItems, onChange]);
+    const [selectedItems, setSelectedItems] = React.useState(defaultValue);
 
     const checkItem = (item, index) => {
       if (!value) {
@@ -5340,8 +5338,8 @@
       value: values,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
-        lineNumber: 39,
+        fileName: _jsxFileName$K,
+        lineNumber: 35,
         columnNumber: 5
       }
     }, React__default["default"].Children.map(children, child => /*#__PURE__*/React__default["default"].cloneElement(child, {
@@ -5358,7 +5356,7 @@
   };
   CheckboxGroup.displayName = 'CheckboxGroup';
 
-  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
 
   const CheckOutline$1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5376,7 +5374,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5388,7 +5386,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5400,13 +5398,13 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
 
   const SvgMinusOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5424,7 +5422,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5436,7 +5434,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5448,14 +5446,14 @@
     d: "M14.31 10.41H3.9v-2.6h10.41z",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  const _excluded$k = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-  var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+  const _excluded$l = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
+  var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
   const StyledIndicator$2 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -5514,7 +5512,7 @@
       index,
       value
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
     const context = React.useContext(CheckboxContext);
     const [isChecked, setChecked] = React.useState(false);
@@ -5537,28 +5535,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 64,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 77,
         columnNumber: 7
       }
     }, indeterminate ? /*#__PURE__*/React__default["default"].createElement(SvgMinusOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 77,
         columnNumber: 41
       }
     }) : /*#__PURE__*/React__default["default"].createElement(CheckOutline$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 77,
         columnNumber: 60
       }
@@ -5572,14 +5570,14 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 84,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 85,
         columnNumber: 7
       }
@@ -5595,14 +5593,14 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 86,
         columnNumber: 7
       }
     }, props.label)) : /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 101,
         columnNumber: 5
       }
@@ -5620,8 +5618,8 @@
   };
   InputCheckbox.displayName = 'InputCheckbox';
 
-  const _excluded$j = ["children", "size"];
-  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+  const _excluded$k = ["children", "size"];
+  var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -5737,7 +5735,7 @@
       children,
       size = 'lg'
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
     const isLetter = children.some(child => child.type.name === 'InputPrefix' || child.type.name === 'InputSuffix' || child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
     const isElement = children.some(child => child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
@@ -5761,7 +5759,7 @@
       isElement: isElement,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 146,
         columnNumber: 10
       }
@@ -5875,6 +5873,7 @@
     }
   });
   const InputPrefix = styled(InputLetter, {
+    padding: '6px 0px 6px $spacing-05',
     defaultVariants: {
       variant: 'placeholder',
       color: 'secondary',
@@ -5890,6 +5889,7 @@
     children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node])
   };
   const InputSuffix = styled(InputLetter, {
+    padding: '6px $spacing-05 6px 0px',
     defaultVariants: {
       variant: 'placeholder',
       color: 'secondary',
@@ -5905,7 +5905,9 @@
     children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node])
   };
 
-  var disabledStyle = {
+  const _excluded$j = ["disabled"];
+  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
+  const disabledStyle = {
     backgroundColor: '$formDisable',
     color: '$textDisable',
     cursor: 'not-allowed',
@@ -5916,7 +5918,7 @@
       border: '1px solid $colors$gray300'
     }
   };
-  var InputText = styled('input', {
+  const StyledInput = styled('input', {
     // Reset
     appearance: 'none',
     boxSizing: 'border-box',
@@ -5972,7 +5974,7 @@
       }
     }],
     variants: {
-      disabled: {
+      isDisabled: {
         true: disabledStyle
       },
       readOnly: {
@@ -6041,9 +6043,28 @@
       size: 'lg'
     }
   });
+  const InputText = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+    let {
+      disabled
+    } = _ref,
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+
+    return /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({
+      ref: ref,
+      disabled: disabled,
+      isDisabled: disabled
+    }, props, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$F,
+        lineNumber: 151,
+        columnNumber: 3
+      }
+    }));
+  });
   InputText.displayName = 'InputText';
 
-  const InputTextArea = styled(InputText, {
+  const InputTextArea = styled(StyledInput, {
     variants: {
       size: {
         sm: {
@@ -7890,9 +7911,8 @@
     color: '$textPrimary',
     width: '100%'
   });
-  const SelectBox = styled('div', {
+  const SelectBox = styled(Flex$1, {
     margin: 0,
-    display: 'flex',
     position: 'relative',
     appearance: 'none',
     background: 'none',
@@ -7958,6 +7978,8 @@
     display: 'flex',
     width: '100%',
     height: '100%',
+    flex: 1,
+    minWidth: 0,
     background: 'none',
     outline: 'none',
     border: 'none',
@@ -8086,7 +8108,7 @@
   const StyledText$1 = {
     whiteSpace: 'nowrap',
     overflow: 'hidden',
-    textOverflow: 'clip'
+    textOverflow: 'ellipsis'
   };
   const SelectInputSearch = /*#__PURE__*/React__namespace.forwardRef((_ref, forwardedRef) => {
     let {
@@ -8113,7 +8135,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 225,
+        lineNumber: 236,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(InputLeftElement, {
@@ -8121,7 +8143,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 238,
+          lineNumber: 249,
           columnNumber: 40
         }
       }),
@@ -8132,7 +8154,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 237,
+        lineNumber: 248,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__namespace.createElement(Input$5, _extends({}, inputProps, props, {
@@ -8150,7 +8172,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 246,
+        lineNumber: 257,
         columnNumber: 9
       }
     })), /*#__PURE__*/React__namespace.createElement(InputRightElement, {
@@ -8158,14 +8180,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 262,
+          lineNumber: 273,
           columnNumber: 72
         }
       }) : /*#__PURE__*/React__namespace.createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 262,
+          lineNumber: 273,
           columnNumber: 90
         }
       }),
@@ -8183,7 +8205,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 261,
+        lineNumber: 272,
         columnNumber: 9
       }
     }));
@@ -8267,7 +8289,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 353,
+        lineNumber: 364,
         columnNumber: 5
       }
     }), ({
@@ -8299,7 +8321,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$w,
-            lineNumber: 382,
+            lineNumber: 393,
             columnNumber: 13
           }
         }), /*#__PURE__*/React__namespace.createElement(icons.CaretDownOutline, {
@@ -8307,7 +8329,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$w,
-            lineNumber: 387,
+            lineNumber: 398,
             columnNumber: 15
           }
         }));
@@ -8318,7 +8340,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 393,
+          lineNumber: 404,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__namespace.createElement(SelectBox, _extends({}, getRootProps({}, {
@@ -8331,17 +8353,18 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 394,
+          lineNumber: 405,
           columnNumber: 13
         }
       }), search ? /*#__PURE__*/React__namespace.createElement(Box, {
         style: {
-          width: '100%'
+          width: '100%',
+          flex: 1
         },
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 402,
+          lineNumber: 413,
           columnNumber: 17
         }
       }, icon ? /*#__PURE__*/React__namespace.createElement(SelectInputSearch, {
@@ -8352,11 +8375,13 @@
         inputProps: getInputProps({
           onChange: event => handleInputValue(event.target.value),
           disabled
+        }, {
+          suppressRefError: true
         }),
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 404,
+          lineNumber: 418,
           columnNumber: 21
         }
       }) : /*#__PURE__*/React__namespace.createElement(Input$5, _extends({
@@ -8367,10 +8392,13 @@
         onChange: event => handleInputValue(event.target.value),
         disabled
       }), {
+        css: {
+          width: 'calc(100% - $spacing-05)'
+        },
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 412,
+          lineNumber: 429,
           columnNumber: 21
         }
       }))) : /*#__PURE__*/React__namespace.createElement(Button$1, _extends({}, getToggleButtonProps({
@@ -8382,7 +8410,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 421,
+          lineNumber: 441,
           columnNumber: 17
         }
       }), selectedItem ? /*#__PURE__*/React__namespace.createElement(Text$1, {
@@ -8391,7 +8419,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 428,
+          lineNumber: 448,
           columnNumber: 21
         }
       }, selectedItem.render ? selectedItem.render() : selectedItem.name) : /*#__PURE__*/React__namespace.createElement(Text$1, {
@@ -8400,7 +8428,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 432,
+          lineNumber: 452,
           columnNumber: 21
         }
       }, placeholder)), handleDownOption()), /*#__PURE__*/React__namespace.createElement(OptionWrapper$2, _extends({}, getMenuProps(), {
@@ -8411,7 +8439,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 440,
+          lineNumber: 460,
           columnNumber: 13
         }
       }), !search && embedSearch && isOpen && /*#__PURE__*/React__namespace.createElement(SelectContainer, {
@@ -8425,7 +8453,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 442,
+          lineNumber: 462,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__namespace.createElement(InputSearchbox, {
@@ -8435,14 +8463,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 451,
+          lineNumber: 471,
           columnNumber: 19
         }
       })), item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(SelectOption, {
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 455,
+          lineNumber: 475,
           columnNumber: 17
         }
       }, item.map((item, index) => {
@@ -8465,7 +8493,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$w,
-            lineNumber: 457,
+            lineNumber: 477,
             columnNumber: 21
           }
         }), item.render ? item.render() : item.name);
@@ -8473,14 +8501,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 479,
+          lineNumber: 499,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__namespace.createElement(StyledDiv$2, {
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 480,
+          lineNumber: 500,
           columnNumber: 19
         }
       }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -8490,7 +8518,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 481,
+          lineNumber: 501,
           columnNumber: 21
         }
       }, /*#__PURE__*/React__namespace.createElement(icons.CircleInfoOutline, {
@@ -8502,7 +8530,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 482,
+          lineNumber: 502,
           columnNumber: 23
         }
       })), "Item tidak ditemukan"))));
@@ -10129,7 +10157,9 @@
           showLeadingIcon: showLeadingIcon,
           disabled: disabled,
           placeholder: placeholder,
-          inputProps: getInputProps()
+          inputProps: getInputProps({}, {
+            suppressRefError: true
+          })
         }, props, {
           ref: forwardedRef
         }), void 0)
@@ -12675,7 +12705,7 @@
             }
           }, {
             children: [jsxRuntime.jsx(Box, __assign({
-              css: {
+              css: __assign({
                 padding: '16px 24px',
                 display: 'block',
                 alignItems: 'center',
@@ -12684,7 +12714,7 @@
                 '@md': {
                   padding: '24px 24px 19px 24px'
                 }
-              }
+              }, modalDialogTitle.props.containerCss)
             }, {
               children: jsxRuntime.jsxs(Box, __assign({
                 css: {
@@ -13852,7 +13882,7 @@
                 fontWeight: 600
               },
               onClick: onUpdate,
-              disabled: disabled,
+              disabled: disabled || !selected || selected.length <= 1,
               size: "sm"
             }, {
               children: "Proses"
@@ -15161,10 +15191,6 @@
       if (!dateValue.length || dateValue.length === 2) {
         setDateValue([selectedDate.date]);
       } else {
-        if (selectedDate.date.toDateString() === dateValue[0].toDateString()) {
-          return;
-        }
-
         if (new Date(dateValue[0]) > selectedDate.date) {
           setDateValue([selectedDate.date, dateValue[0]]);
         } else {
@@ -15183,12 +15209,8 @@
     }));
 
     var updateHandler = function updateHandler() {
-      if (dateValue && onChange) {
-        if (dateValue.length === 1) {
-          onChange([dateValue[0], dateValue[0]]);
-        } else {
-          onChange(dateValue);
-        }
+      if (dateValue && onChange && dateValue.length > 1) {
+        onChange(dateValue);
       }
 
       onClose();
@@ -15920,7 +15942,7 @@
         lineNumber: 60,
         columnNumber: 7
       }
-    }, `Ditampilkan ${(currentPage - 1) * selectedLimit + 1}-${selectedLimit * currentPage < totalData ? selectedLimit * currentPage : totalData} dari ${totalData} data`));
+    }, `Ditampilkan ${(currentPage - 1) * selectedLimit + 1} - ${selectedLimit * currentPage < totalData ? selectedLimit * currentPage : totalData} dari ${totalData} data`));
   }
 
   const _excluded$2 = ["limit", "currentPage", "totalData", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions"];
@@ -16592,7 +16614,7 @@
     React.useEffect(function () {
       if (data && data.length > 0) doFetchData(0, isInfiniteScroll ? rowLimit : pageSize);
     }, [sortBy]);
-    React.useEffect(function () {
+    reactTable.useMountedLayoutEffect(function () {
       if (data && data.length > 0 && selectedRowIds && onSelectedChange) onSelectedChange(selectedRowIds ? Object.keys(selectedRowIds) : []);
     }, [selectedRowIds]);
     React.useEffect(function () {
@@ -18408,10 +18430,13 @@
     };
     return /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Root, {
       open: props.open,
+      onOpenChange: props.onOpenChange,
+      defaultOpen: props.defaultOpen,
+      id: props.id,
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 187,
+        lineNumber: 192,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18422,14 +18447,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 188,
+        lineNumber: 193,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 189,
+        lineNumber: 194,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18437,7 +18462,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 190,
+        lineNumber: 195,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
@@ -18445,18 +18470,18 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 191,
+        lineNumber: 196,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
-      onClick: props.onCancel,
+      onClick: props.onClose || props.onCancel,
       css: {
         cursor: 'pointer'
       },
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 192,
+        lineNumber: 197,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -18464,7 +18489,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 193,
+        lineNumber: 198,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18472,14 +18497,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 197,
+        lineNumber: 202,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 198,
+        lineNumber: 203,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -18489,7 +18514,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 199,
+        lineNumber: 204,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18501,7 +18526,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 201,
+        lineNumber: 206,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18509,7 +18534,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 202,
+        lineNumber: 207,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -18523,7 +18548,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 203,
+        lineNumber: 208,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18531,7 +18556,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 205,
+        lineNumber: 210,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18544,7 +18569,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 206,
+        lineNumber: 211,
         columnNumber: 17
       }
     }, props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -18552,7 +18577,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 212,
+        lineNumber: 222,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18566,7 +18591,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 213,
+        lineNumber: 223,
         columnNumber: 19
       }
     }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18574,7 +18599,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 222,
+        lineNumber: 232,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18587,7 +18612,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 223,
+        lineNumber: 233,
         columnNumber: 19
       }
     }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -20869,7 +20894,8 @@
     token,
     tokenKey,
     reqKey,
-    resKey
+    resKey,
+    ratio
   }) => {
     const isFile = listType === 'file';
     const imgRef = React.useRef(null);
@@ -20882,7 +20908,7 @@
     const [errorMessage, setErrorMessage] = React.useState(null);
     const [crop, setCrop] = React.useState(null);
     const [completedCrop, setCompletedCrop] = React.useState(null);
-    const [aspect, setAspect] = React.useState(16 / 9);
+    const [aspect, setAspect] = React.useState(ratio);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
       if (loading) {
@@ -20893,6 +20919,7 @@
         setIsLoading(false);
       }
     }, [loading, progress]);
+    React.useEffect(() => {}, [ratio]);
     const ContainerUpload = styled('div', {
       border: '2px dashed $gray300',
       borderRadius: 8,
@@ -21133,8 +21160,8 @@
           width,
           height
         } = imgRef.current;
-        setAspect(16 / 9);
-        setCrop(centerAspectCrop(width, height, 16 / 9));
+        setAspect(ratio);
+        setCrop(centerAspectCrop(width, height, ratio));
       }
     }
 
@@ -21213,7 +21240,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 481,
+          lineNumber: 484,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -21223,7 +21250,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 482,
+          lineNumber: 485,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
@@ -21239,7 +21266,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 492,
+              lineNumber: 495,
               columnNumber: 16
             }
           });
@@ -21251,7 +21278,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 495,
+            lineNumber: 498,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21261,7 +21288,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 496,
+            lineNumber: 499,
             columnNumber: 11
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -21270,7 +21297,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 497,
+            lineNumber: 500,
             columnNumber: 13
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21283,7 +21310,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 498,
+            lineNumber: 501,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -21292,7 +21319,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 506,
+            lineNumber: 509,
             columnNumber: 15
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -21300,7 +21327,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 508,
+            lineNumber: 511,
             columnNumber: 13
           }
         })), renderButtonReplace(index));
@@ -21317,7 +21344,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 519,
+              lineNumber: 522,
               columnNumber: 16
             }
           });
@@ -21328,7 +21355,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 522,
+            lineNumber: 525,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21338,7 +21365,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 523,
+            lineNumber: 526,
             columnNumber: 11
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -21347,7 +21374,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 524,
+            lineNumber: 527,
             columnNumber: 13
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21360,7 +21387,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 525,
+            lineNumber: 528,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21370,7 +21397,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 533,
+            lineNumber: 536,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(CheckIcon, {
@@ -21378,7 +21405,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 534,
+            lineNumber: 537,
             columnNumber: 17
           }
         }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21393,14 +21420,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 535,
+            lineNumber: 538,
             columnNumber: 17
           }
         }, item.name))), /*#__PURE__*/React__default["default"].createElement(Blank, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 549,
+            lineNumber: 552,
             columnNumber: 13
           }
         })), renderButtonReplace(index));
@@ -21416,7 +21443,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 560,
+          lineNumber: 563,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21430,7 +21457,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 561,
+          lineNumber: 564,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -21456,7 +21483,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 562,
+          lineNumber: 565,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21464,14 +21491,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 575,
+          lineNumber: 578,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 576,
+          lineNumber: 579,
           columnNumber: 11
         }
       }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
@@ -21484,7 +21511,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 584,
+          lineNumber: 587,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -21499,7 +21526,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 585,
+          lineNumber: 588,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$1, {
@@ -21511,35 +21538,35 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 595,
+          lineNumber: 598,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 596,
+          lineNumber: 599,
           columnNumber: 11
         }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 598,
+          lineNumber: 601,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 599,
+          lineNumber: 602,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 600,
+          lineNumber: 603,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21549,14 +21576,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 602,
+          lineNumber: 605,
           columnNumber: 17
         }
       }, `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} anda disini`)))), errorMessage && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 609,
+          lineNumber: 612,
           columnNumber: 26
         }
       }, errorMessage));
@@ -21567,7 +21594,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 616,
+          lineNumber: 619,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -21575,7 +21602,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 617,
+          lineNumber: 620,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21583,7 +21610,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 618,
+          lineNumber: 621,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -21596,7 +21623,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 620,
+          lineNumber: 623,
           columnNumber: 9
         }
       }, cropperTitle), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -21607,7 +21634,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 623,
+          lineNumber: 626,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -21618,7 +21645,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 624,
+          lineNumber: 627,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -21631,14 +21658,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 625,
+          lineNumber: 628,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 628,
+          lineNumber: 631,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21650,7 +21677,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 629,
+          lineNumber: 632,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Tooltip, {
@@ -21658,7 +21685,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 630,
+          lineNumber: 633,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -21670,7 +21697,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 631,
+          lineNumber: 634,
           columnNumber: 15
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21678,7 +21705,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 637,
+          lineNumber: 640,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -21687,7 +21714,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 638,
+          lineNumber: 641,
           columnNumber: 15
         }
       }, "Batal"), /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -21695,7 +21722,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 641,
+          lineNumber: 644,
           columnNumber: 15
         }
       }, `${completedCrop !== null && completedCrop !== void 0 && completedCrop.width && completedCrop !== null && completedCrop !== void 0 && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
@@ -21711,7 +21738,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 652,
+        lineNumber: 655,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -21720,7 +21747,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 655,
+        lineNumber: 658,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());
@@ -21735,7 +21762,8 @@
     showCropper: true,
     tokenKey: 'Token',
     reqKey: 'file',
-    resKey: 'url'
+    resKey: 'url',
+    ratio: 16 / 9
   };
   Upload.propTypes = {
     /**
@@ -21823,6 +21851,11 @@
      */
     showCropper: PropTypes__default["default"].bool,
 
+    /**
+     The aspect ratio of the crop, e.g. 1 for a square or 16 / 9 for landscape. Omit/pass undefined for a free-form crop.
+     */
+    ratio: PropTypes__default["default"].number,
+
     /**
      API upload url, allows components to automatically upload directly to API service.
      */
@@ -26076,7 +26109,8 @@
   });
   var TableCellContent = styled('div', {
     height: '100%',
-    paddingTop: 15,
+    paddingTop: 10,
+    paddingBottom: 10,
     display: 'flex',
     variants: {
       align: {
@@ -27923,6 +27957,7 @@
   exports.StepWizardContext = StepWizardContext;
   exports.StyledBox = StyledBox;
   exports.StyledDropdown = StyledDropdown;
+  exports.StyledInput = StyledInput;
   exports.StyledSpan = StyledSpan;
   exports.StyledTitle = StyledTitle$2;
   exports.THIS_MONTH = THIS_MONTH;