@majoo-ui/react 1.44.4 → 1.45.0

package/index.umd.js

@@ -54,7 +54,7 @@
   var ScrollSpy__default = /*#__PURE__*/_interopDefaultLegacy(ScrollSpy);
   var ReactCrop__default = /*#__PURE__*/_interopDefaultLegacy(ReactCrop);
 
-  var _jsxFileName$13 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+  var _jsxFileName$14 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
   function ThemeProvider({
     theme,
@@ -64,7 +64,7 @@
       className: theme,
       __self: this,
       __source: {
-        fileName: _jsxFileName$13,
+        fileName: _jsxFileName$14,
         lineNumber: 5,
         columnNumber: 10
       }
@@ -2350,7 +2350,7 @@
 
   const _excluded$z = ["children"],
         _excluded2$2 = ["children"];
-  var _jsxFileName$12 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+  var _jsxFileName$13 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2535,7 +2535,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$12,
+        fileName: _jsxFileName$13,
         lineNumber: 178,
         columnNumber: 5
       }
@@ -2591,7 +2591,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$12,
+        fileName: _jsxFileName$13,
         lineNumber: 230,
         columnNumber: 5
       }
@@ -2609,7 +2609,7 @@
   GridItem.displayName = 'Grid Item';
 
   const _excluded$y = ["children", "isCollapse", "css", "contentHeader"];
-  var _jsxFileName$11 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+  var _jsxFileName$12 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
   const StyledDiv$3 = styled(Flex$1, {
     justifyContent: 'center',
     marginLeft: 'auto',
@@ -2648,7 +2648,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$11,
+        fileName: _jsxFileName$12,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2879,7 +2879,7 @@
   Paragraph.displayName = 'Paragraph';
 
   const _excluded$x = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-  var _jsxFileName$10 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
+  var _jsxFileName$11 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
   const ButtonPrimary = {
     backgroundColor: '$btnPrimary',
     color: '$textWhite',
@@ -3120,28 +3120,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$10,
+        fileName: _jsxFileName$11,
         lineNumber: 241,
         columnNumber: 3
       }
     }), leftIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$3, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$10,
+        fileName: _jsxFileName$11,
         lineNumber: 253,
         columnNumber: 31
       }
     }, leftIcon) : null, icon ? /*#__PURE__*/React__default["default"].createElement(StyledIcon$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$10,
+        fileName: _jsxFileName$11,
         lineNumber: 254,
         columnNumber: 13
       }
     }, children) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children), rightIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconRight$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$10,
+        fileName: _jsxFileName$11,
         lineNumber: 255,
         columnNumber: 32
       }
@@ -3167,7 +3167,7 @@
     icon: false
   };
 
-  var _jsxFileName$$ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\ButtonLink.js";
+  var _jsxFileName$10 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\ButtonLink.js";
   const StyledLink = styled('a', {
     fontSize: '$short-content-regular',
     textDecoration: 'underline',
@@ -3199,7 +3199,7 @@
       css: props.css,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$$,
+        fileName: _jsxFileName$10,
         lineNumber: 31,
         columnNumber: 5
       }
@@ -3221,7 +3221,7 @@
   };
 
   const _excluded$w = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-  var _jsxFileName$_ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+  var _jsxFileName$$ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
   const TOAST_WIDTH = 576;
   const ANIMATION_DURATION = 400;
   const TOP_RIGHT_POSITION = 'top-right';
@@ -3415,7 +3415,7 @@
       onExited: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 205,
         columnNumber: 5
       }
@@ -3427,7 +3427,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 216,
         columnNumber: 9
       }
@@ -3437,7 +3437,7 @@
       onClick: onClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 223,
         columnNumber: 11
       }
@@ -3445,7 +3445,7 @@
       direction: "column",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 224,
         columnNumber: 13
       }
@@ -3453,7 +3453,7 @@
       direction: "row",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 225,
         columnNumber: 15
       }
@@ -3461,7 +3461,7 @@
       variant: variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 226,
         columnNumber: 17
       }
@@ -3473,7 +3473,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 227,
         columnNumber: 17
       }
@@ -3481,7 +3481,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 235,
         columnNumber: 21
       }
@@ -3496,7 +3496,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 236,
         columnNumber: 23
       }
@@ -3505,7 +3505,7 @@
       color: "secondary",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 250,
         columnNumber: 19
       }
@@ -3519,7 +3519,7 @@
       hasTitle: !!title,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 254,
         columnNumber: 17
       }
@@ -3528,7 +3528,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 263,
         columnNumber: 19
       }
@@ -3544,7 +3544,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$$,
         lineNumber: 267,
         columnNumber: 17
       }
@@ -3568,7 +3568,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.createContext({});
 
-  var _jsxFileName$Z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+  var _jsxFileName$_ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
   const ToastBox = styled(Flex$1, {
     position: 'fixed',
     variants: {
@@ -3610,7 +3610,7 @@
     return /*#__PURE__*/React__namespace.createElement(helpers.Portal, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3618,7 +3618,7 @@
       position: position,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 44,
         columnNumber: 7
       }
@@ -3629,7 +3629,7 @@
       }, toast, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$Z,
+          fileName: _jsxFileName$_,
           lineNumber: 46,
           columnNumber: 18
         }
@@ -3638,7 +3638,7 @@
   };
 
   const _excluded$v = ["id"];
-  var _jsxFileName$Y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+  var _jsxFileName$Z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
   let toastCount = 0;
 
   const ToastProvider = ({
@@ -3680,7 +3680,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3689,7 +3689,7 @@
       position: TOP_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 45,
         columnNumber: 7
       }
@@ -3698,7 +3698,7 @@
       position: TOP_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 49,
         columnNumber: 7
       }
@@ -3707,7 +3707,7 @@
       position: BOTTOM_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 53,
         columnNumber: 7
       }
@@ -3716,14 +3716,14 @@
       position: BOTTOM_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 57,
         columnNumber: 7
       }
     }));
   };
 
-  var _jsxFileName$X = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+  var _jsxFileName$Y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
   function MajooProvider({
     children,
@@ -3736,14 +3736,14 @@
       theme: theme$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 15,
         columnNumber: 10
       }
     }, /*#__PURE__*/React__default["default"].createElement(ToastProvider, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 16,
         columnNumber: 5
       }
@@ -3758,7 +3758,7 @@
   };
 
   const _excluded$u = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-  var _jsxFileName$W = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+  var _jsxFileName$X = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
   const Context$2 = /*#__PURE__*/React__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
@@ -3840,7 +3840,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 91,
       columnNumber: 3
     }
@@ -3851,7 +3851,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 97,
       columnNumber: 3
     }
@@ -3863,7 +3863,7 @@
   }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 103,
       columnNumber: 3
     }
@@ -3876,7 +3876,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 105,
       columnNumber: 7
     }
@@ -3884,7 +3884,7 @@
   const BannerClose = () => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 116,
       columnNumber: 3
     }
@@ -3896,7 +3896,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 118,
       columnNumber: 7
     }
@@ -3905,7 +3905,7 @@
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 125,
       columnNumber: 9
     }
@@ -3915,7 +3915,7 @@
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 133,
         columnNumber: 5
       }
@@ -3925,7 +3925,7 @@
       align: "end",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 134,
         columnNumber: 7
       }
@@ -3938,21 +3938,21 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 135,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 143,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 144,
         columnNumber: 33
       }
@@ -3961,7 +3961,7 @@
       variant: props.variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 147,
         columnNumber: 11
       }
@@ -3974,7 +3974,7 @@
       closeCenter: !props.title && !props.link,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 152,
         columnNumber: 7
       }
@@ -3983,7 +3983,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 160,
         columnNumber: 9
       }
@@ -4012,7 +4012,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 168,
         columnNumber: 5
       }
@@ -4029,7 +4029,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 170,
         columnNumber: 9
       }
@@ -4040,7 +4040,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 177,
         columnNumber: 11
       }
@@ -4054,7 +4054,7 @@
       onRemove: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 180,
         columnNumber: 9
       }
@@ -4079,7 +4079,7 @@
   };
 
   const _excluded$t = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-  var _jsxFileName$V = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+  var _jsxFileName$W = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
   const CardComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -4229,7 +4229,7 @@
       }, props.css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 103,
         columnNumber: 5
       }
@@ -4237,14 +4237,14 @@
       color: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         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$V,
+        fileName: _jsxFileName$W,
         lineNumber: 118,
         columnNumber: 13
       }
@@ -4253,14 +4253,14 @@
       iconColor: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 119,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 125,
         columnNumber: 13
       }
@@ -4287,7 +4287,7 @@
   };
 
   const _excluded$s = ["children"];
-  var _jsxFileName$U = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+  var _jsxFileName$V = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -4333,7 +4333,7 @@
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -4350,14 +4350,14 @@
       "aria-label": "breadcrumb",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 47,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Ol, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 48,
         columnNumber: 7
       }
@@ -4561,7 +4561,7 @@
   Badge.displayName = 'Badge';
 
   const _excluded$r = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$T = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+  var _jsxFileName$U = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4614,7 +4614,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 46,
         columnNumber: 5
       }
@@ -4624,7 +4624,7 @@
       onLoadingStatusChange: onLoadingStatusChange,
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 47,
         columnNumber: 21
       }
@@ -4632,21 +4632,21 @@
       delayMs: delayMs,
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         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$T,
+        fileName: _jsxFileName$U,
         lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.UserFilled, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 53,
         columnNumber: 13
       }
@@ -4664,7 +4664,7 @@
   };
 
   const _excluded$q = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-  var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+  var _jsxFileName$T = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
   const StyledImage = styled('img', {
     display: 'inline-block',
     alignItems: 'center',
@@ -4702,7 +4702,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 20,
         columnNumber: 9
       }
@@ -4723,7 +4723,7 @@
   };
 
   const _excluded$p = ["children", "label", "color", "css", "withClick", "side", "align"];
-  var _jsxFileName$R = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+  var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4838,7 +4838,7 @@
       open: withClick ? open : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 89,
         columnNumber: 5
       }
@@ -4846,7 +4846,7 @@
       asChild: true,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 90,
         columnNumber: 7
       }
@@ -4854,7 +4854,7 @@
       onClick: () => withClick ? setOpen(!open) : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 91,
         columnNumber: 9
       }
@@ -4865,7 +4865,7 @@
       css: color === 'dark' ? Object.assign({}, dark, css) : Object.assign({}, ligth, css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 93,
         columnNumber: 7
       }
@@ -4874,7 +4874,7 @@
       css: color === 'dark' ? darkArrow : lightArrow,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 100,
         columnNumber: 9
       }
@@ -4896,7 +4896,7 @@
     children: /*#__PURE__*/React__default["default"].createElement("div", {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 119,
         columnNumber: 13
       }
@@ -4904,7 +4904,7 @@
   };
 
   const _excluded$o = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$Q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+  var _jsxFileName$R = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
   const StyledProgress$1 = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -5038,7 +5038,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 88,
         columnNumber: 5
       }
@@ -5051,7 +5051,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 89,
         columnNumber: 7
       }
@@ -5075,7 +5075,7 @@
   };
 
   const _excluded$n = ["gap", "direction", "children"];
-  var _jsxFileName$P = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+  var _jsxFileName$Q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
 
   const FormGroup = _ref => {
     let {
@@ -5091,7 +5091,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 6,
         columnNumber: 3
       }
@@ -5109,7 +5109,7 @@
   };
 
   const _excluded$m = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
-  var _jsxFileName$O = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+  var _jsxFileName$P = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\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',
@@ -5147,7 +5147,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 36,
         columnNumber: 5
       }
@@ -5157,7 +5157,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 37,
         columnNumber: 7
       }
@@ -5167,7 +5167,7 @@
       css: labelCss,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 38,
         columnNumber: 9
       }
@@ -5182,7 +5182,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 42,
         columnNumber: 11
       }
@@ -5190,14 +5190,14 @@
       label: tooltipLabel,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 56,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledHelpIcon, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 57,
         columnNumber: 13
       }
@@ -5206,7 +5206,7 @@
       color: "disable",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 62,
         columnNumber: 9
       }
@@ -5223,7 +5223,7 @@
   FormLabel.displayName = 'FormLabel';
 
   const _excluded$l = ["children", "error"];
-  var _jsxFileName$N = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+  var _jsxFileName$O = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -5249,7 +5249,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 19,
         columnNumber: 3
       }
@@ -5261,7 +5261,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
+  var _jsxFileName$N = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
   const CheckboxContext = /*#__PURE__*/React.createContext();
 
   const CheckboxGroup = ({
@@ -5295,7 +5295,7 @@
       value: values,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 25,
         columnNumber: 5
       }
@@ -5313,7 +5313,7 @@
   };
   CheckboxGroup.displayName = 'CheckboxGroup';
 
-  var _jsxFileName$L = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+  var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\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",
@@ -5331,7 +5331,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5343,7 +5343,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5355,13 +5355,13 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  var _jsxFileName$K = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+  var _jsxFileName$L = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\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",
@@ -5379,7 +5379,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$K,
+      fileName: _jsxFileName$L,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5391,7 +5391,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$K,
+      fileName: _jsxFileName$L,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5403,14 +5403,14 @@
     d: "M14.31 10.41H3.9v-2.6h10.41z",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$K,
+      fileName: _jsxFileName$L,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
   const _excluded$k = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-  var _jsxFileName$J = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+  var _jsxFileName$K = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
   const StyledIndicator$2 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -5492,28 +5492,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 64,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 77,
         columnNumber: 7
       }
     }, indeterminate ? /*#__PURE__*/React__default["default"].createElement(SvgMinusOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 77,
         columnNumber: 41
       }
     }) : /*#__PURE__*/React__default["default"].createElement(CheckOutline$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 77,
         columnNumber: 60
       }
@@ -5527,14 +5527,14 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 84,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 85,
         columnNumber: 7
       }
@@ -5550,14 +5550,14 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 86,
         columnNumber: 7
       }
     }, props.label)) : /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 101,
         columnNumber: 5
       }
@@ -5576,7 +5576,7 @@
   InputCheckbox.displayName = 'InputCheckbox';
 
   const _excluded$j = ["children", "size"];
-  var _jsxFileName$I = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+  var _jsxFileName$J = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -5713,7 +5713,7 @@
       isElement: isElement,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 143,
         columnNumber: 10
       }
@@ -6017,7 +6017,7 @@
   InputRadioGroup.displayName = 'InputRadioGroup';
 
   const _excluded$i = ["id", "disabled"];
-  var _jsxFileName$H = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+  var _jsxFileName$I = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
   const INDICATOR_BASE_STYLES = {
     alignItems: 'center',
     display: 'flex',
@@ -6101,7 +6101,7 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 82,
         columnNumber: 3
       }
@@ -6111,14 +6111,14 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 83,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 84,
         columnNumber: 7
       }
@@ -6135,7 +6135,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 86,
         columnNumber: 5
       }
@@ -6799,7 +6799,7 @@
   }
 
   const _excluded$h = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
-  var _jsxFileName$G = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+  var _jsxFileName$H = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
   const TagWrapper$3 = styled('div', {
     boxSizing: 'border-box',
     listStyle: 'none',
@@ -6916,21 +6916,21 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 84,
         columnNumber: 7
       }
     }), icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 94,
         columnNumber: 31
       }
     }, icon) : null, /*#__PURE__*/React__default["default"].createElement(TagComponent$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 95,
         columnNumber: 9
       }
@@ -6940,7 +6940,7 @@
       readOnly: readOnly,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 97,
         columnNumber: 11
       }
@@ -6952,7 +6952,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$G,
+        fileName: _jsxFileName$H,
         lineNumber: 98,
         columnNumber: 13
       }
@@ -6976,7 +6976,7 @@
   };
 
   const _excluded$g = ["size", "isInvalid", "placeholder", "onChange", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern"];
-  var _jsxFileName$F = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+  var _jsxFileName$G = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
   const Wrapper$2 = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7145,7 +7145,7 @@
     return /*#__PURE__*/React__default["default"].createElement(Wrapper$2, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 163,
         columnNumber: 5
       }
@@ -7158,7 +7158,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 164,
         columnNumber: 7
       }
@@ -7173,7 +7173,7 @@
       ,
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 172,
         columnNumber: 9
       }
@@ -7181,7 +7181,7 @@
       color: "red",
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 186,
         columnNumber: 11
       }
@@ -7189,14 +7189,14 @@
       color: "red",
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 188,
         columnNumber: 11
       }
     }, "Invalid Input")), /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 191,
         columnNumber: 7
       }
@@ -7209,7 +7209,7 @@
       onRemove: () => removeTags(index, 'removeTag'),
       __self: this,
       __source: {
-        fileName: _jsxFileName$F,
+        fileName: _jsxFileName$G,
         lineNumber: 193,
         columnNumber: 11
       }
@@ -7240,7 +7240,7 @@
   };
 
   const _excluded$f = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-  var _jsxFileName$E = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+  var _jsxFileName$F = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
   const StyledThumb$1 = styled(SwitchPrimitive__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -7323,14 +7323,14 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 66,
         columnNumber: 3
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledThumb$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 74,
         columnNumber: 5
       }
@@ -7348,7 +7348,7 @@
   };
   InputSwitch.displayName = 'InputSwitch';
 
-  var _jsxFileName$D = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+  var _jsxFileName$E = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
 
   const SvgCloseFilled = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -7358,7 +7358,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -7367,7 +7367,7 @@
     fill: "white",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -7377,7 +7377,7 @@
     d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM8.54289 8.54289C8.93342 8.15237 9.56658 8.15237 9.95711 8.54289L12 10.5858L14.0429 8.54289C14.4334 8.15237 15.0666 8.15237 15.4571 8.54289C15.8476 8.93342 15.8476 9.56658 15.4571 9.95711L13.4142 12L15.4571 14.0429C15.8476 14.4334 15.8476 15.0666 15.4571 15.4571C15.0666 15.8476 14.4334 15.8476 14.0429 15.4571L12 13.4142L9.95711 15.4571C9.56658 15.8476 8.93342 15.8476 8.54289 15.4571C8.15237 15.0666 8.15237 14.4334 8.54289 14.0429L10.5858 12L8.54289 9.95711C8.15237 9.56658 8.15237 8.93342 8.54289 8.54289Z",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 6,
       columnNumber: 7
     }
@@ -7388,7 +7388,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 12,
       columnNumber: 5
     }
@@ -7398,7 +7398,7 @@
     mask: "url(#path-1-inside-1_2883_7918)",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 18,
       columnNumber: 5
     }
@@ -7409,7 +7409,7 @@
     size: 24
   };
 
-  var _jsxFileName$C = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+  var _jsxFileName$D = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
 
   const SvgSearchOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -7419,7 +7419,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -7431,7 +7431,7 @@
     strokeWidth: 2,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -7440,7 +7440,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 6,
       columnNumber: 5
     }
@@ -7452,7 +7452,7 @@
   };
 
   const _excluded$e = ["size", "onChange", "css"];
-  var _jsxFileName$B = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+  var _jsxFileName$C = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
   const InputSearchbox = _ref => {
     let {
@@ -7483,7 +7483,7 @@
       disabled: props.disabled,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -7491,14 +7491,14 @@
       children: /*#__PURE__*/React__default["default"].createElement(SvgSearchOutline, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$B,
+          fileName: _jsxFileName$C,
           lineNumber: 29,
           columnNumber: 35
         }
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 29,
         columnNumber: 7
       }
@@ -7508,7 +7508,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 30,
         columnNumber: 7
       }
@@ -7516,14 +7516,14 @@
       children: value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(SvgCloseFilled, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$B,
+          fileName: _jsxFileName$C,
           lineNumber: 31,
           columnNumber: 55
         }
       }) : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$B,
+          fileName: _jsxFileName$C,
           lineNumber: 31,
           columnNumber: 73
         }
@@ -7531,7 +7531,7 @@
       onClick: handleClearButtonClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 31,
         columnNumber: 7
       }
@@ -7694,7 +7694,7 @@
   });
 
   const _excluded$d = ["placeholder", "searchPlaceholder", "embedSearch", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css", "onSearch", "readOnly", "isInvalid", "noOptionIcon"];
-  var _jsxFileName$A = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
+  var _jsxFileName$B = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
   const Box = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7938,8 +7938,8 @@
     const [item, setItem] = React__namespace.useState(option || []);
     const [selectedValue, setSelectedValue] = React__namespace.useState(value);
 
-    const handleInputValue = value => {
-      if (onSearch) onSearch(value);
+    const handleInputValue = (value, isReset) => {
+      if (onSearch && !isReset) onSearch(value);
 
       if (value === '') {
         return setItem(options);
@@ -7976,11 +7976,10 @@
       setSelectedValue(value);
     }, [value]);
     React__namespace.useEffect(() => {
-      if (valueSelector) {
-        const generatedOption = generateOptions(option, valueSelector, textSelector);
-        setItem(generatedOption);
-        setOptions(generatedOption);
-      }
+      // if (valueSelector) {
+      const generatedOption = generateOptions(option, valueSelector, textSelector);
+      setItem(generatedOption);
+      setOptions(generatedOption); // }
     }, [option, valueSelector, textSelector]);
     return /*#__PURE__*/React__namespace.createElement(Downshift__default["default"], _extends({}, props, {
       onChange: onChange,
@@ -7989,7 +7988,7 @@
       onSelect: setSelectedValue,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 288,
         columnNumber: 5
       }
@@ -8006,7 +8005,7 @@
       inputValue
     }) => {
       if (!isOpen) {
-        handleInputValue('');
+        handleInputValue('', true);
       }
 
       const handleDownOption = () => {
@@ -8021,7 +8020,7 @@
           readOnly: readOnly,
           __self: this,
           __source: {
-            fileName: _jsxFileName$A,
+            fileName: _jsxFileName$B,
             lineNumber: 317,
             columnNumber: 13
           }
@@ -8029,7 +8028,7 @@
           color: iconColor,
           __self: this,
           __source: {
-            fileName: _jsxFileName$A,
+            fileName: _jsxFileName$B,
             lineNumber: 322,
             columnNumber: 15
           }
@@ -8046,7 +8045,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 331,
           columnNumber: 13
         }
@@ -8056,7 +8055,7 @@
         placeholder: searchPlaceholder,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 340,
           columnNumber: 15
         }
@@ -8066,7 +8065,7 @@
         css: css,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 345,
           columnNumber: 11
         }
@@ -8079,7 +8078,7 @@
         isInvalid: isInvalid,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 346,
           columnNumber: 13
         }
@@ -8089,7 +8088,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 354,
           columnNumber: 17
         }
@@ -8100,7 +8099,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 356,
           columnNumber: 21
         }
@@ -8108,14 +8107,14 @@
         children: /*#__PURE__*/React__namespace.createElement(icons.SearchOutline, {
           __self: this,
           __source: {
-            fileName: _jsxFileName$A,
+            fileName: _jsxFileName$B,
             lineNumber: 357,
             columnNumber: 51
           }
         }),
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 357,
           columnNumber: 23
         }
@@ -8129,7 +8128,7 @@
       }), {
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 358,
           columnNumber: 23
         }
@@ -8143,7 +8142,7 @@
       }), {
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 366,
           columnNumber: 21
         }
@@ -8155,7 +8154,7 @@
         readOnly: readOnly,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 375,
           columnNumber: 17
         }
@@ -8164,7 +8163,7 @@
         css: StyledText$1,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 382,
           columnNumber: 21
         }
@@ -8173,7 +8172,7 @@
         css: StyledText$1,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 386,
           columnNumber: 21
         }
@@ -8184,14 +8183,14 @@
         placement: placement,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 394,
           columnNumber: 13
         }
       }), renderInputSearchBox(), item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(SelectOption, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 397,
           columnNumber: 17
         }
@@ -8214,7 +8213,7 @@
           },
           __self: this,
           __source: {
-            fileName: _jsxFileName$A,
+            fileName: _jsxFileName$B,
             lineNumber: 399,
             columnNumber: 21
           }
@@ -8222,14 +8221,14 @@
       })) : /*#__PURE__*/React__namespace.createElement(SelectOption, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 421,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__namespace.createElement(StyledDiv$2, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 422,
           columnNumber: 19
         }
@@ -8239,7 +8238,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 423,
           columnNumber: 21
         }
@@ -8251,7 +8250,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 424,
           columnNumber: 23
         }
@@ -8605,7 +8604,7 @@
     }
   });
 
-  var _jsxFileName$z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
+  var _jsxFileName$A = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
 
   const CheckOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -8623,7 +8622,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$z,
+      fileName: _jsxFileName$A,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -8635,7 +8634,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$z,
+      fileName: _jsxFileName$A,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -8647,13 +8646,13 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$z,
+      fileName: _jsxFileName$A,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  var _jsxFileName$y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+  var _jsxFileName$z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
   const Wrapper$1 = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -8856,7 +8855,7 @@
     color: '$textDisable',
     display: 'inline-flex'
   });
-  function InputSelectTag({
+  function InputSelectCheck({
     placeholder,
     option,
     value,
@@ -8871,7 +8870,8 @@
     onRemoveItem,
     isInvalid,
     sortBy,
-    props
+    props,
+    showSelectedTag
   }) {
     const [initItem, setInitItem] = React__namespace.useState(option); //init filter selectedItems on useMultipleSelection
 
@@ -9063,8 +9063,8 @@
     return /*#__PURE__*/React__namespace.createElement(Wrapper$1, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 400,
+        fileName: _jsxFileName$z,
+        lineNumber: 401,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__namespace.createElement(Select, {
@@ -9073,8 +9073,8 @@
       isInvalid: isInvalid,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 401,
+        fileName: _jsxFileName$z,
+        lineNumber: 402,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -9084,8 +9084,8 @@
       disabled: disabled || readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 402,
+        fileName: _jsxFileName$z,
+        lineNumber: 403,
         columnNumber: 9
       }
     }), search ? /*#__PURE__*/React__namespace.createElement(Input$4, _extends({}, getInputProps({
@@ -9095,8 +9095,8 @@
       disabled: disabled || readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 407,
+        fileName: _jsxFileName$z,
+        lineNumber: 408,
         columnNumber: 13
       }
     })) : /*#__PURE__*/React__namespace.createElement(Button, _extends({}, getToggleButtonProps({
@@ -9106,8 +9106,8 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 413,
+        fileName: _jsxFileName$z,
+        lineNumber: 414,
         columnNumber: 13
       }
     }), placeholder)), /*#__PURE__*/React__namespace.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -9117,24 +9117,24 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 422,
+        fileName: _jsxFileName$z,
+        lineNumber: 423,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__namespace.createElement(IconCaretDown, {
       color: disabled || readOnly ? colors.iconDisable : colors.iconPrimary,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 427,
+        fileName: _jsxFileName$z,
+        lineNumber: 428,
         columnNumber: 11
       }
-    }))), selectedItems.length !== 0 && /*#__PURE__*/React__namespace.createElement(TagWrapper$1, {
+    }))), showSelectedTag && selectedItems.length !== 0 && /*#__PURE__*/React__namespace.createElement(TagWrapper$1, {
       disabled: disabled,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 431,
+        fileName: _jsxFileName$z,
+        lineNumber: 432,
         columnNumber: 9
       }
     }, selectedItems.map((selectedItem, index) => /*#__PURE__*/React__namespace.createElement(Tag, _extends({
@@ -9157,8 +9157,8 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 433,
+        fileName: _jsxFileName$z,
+        lineNumber: 434,
         columnNumber: 13
       }
     }), selectedItem.name))), /*#__PURE__*/React__namespace.createElement(OptionWrapper$1, {
@@ -9169,15 +9169,15 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 454,
+        fileName: _jsxFileName$z,
+        lineNumber: 455,
         columnNumber: 7
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(Option, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 459,
+        fileName: _jsxFileName$z,
+        lineNumber: 460,
         columnNumber: 11
       }
     }), isOpen && item.map((item, index) => /*#__PURE__*/React__namespace.createElement(ItemWrapper$1, _extends({
@@ -9194,8 +9194,8 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 462,
+        fileName: _jsxFileName$z,
+        lineNumber: 463,
         columnNumber: 17
       }
     }), /*#__PURE__*/React__namespace.createElement(IconWrapper, {
@@ -9207,24 +9207,24 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 475,
+        fileName: _jsxFileName$z,
+        lineNumber: 476,
         columnNumber: 19
       }
     }, item.isDisabled ? /*#__PURE__*/React__namespace.createElement(CheckOutline, {
       color: colors.iconDisable,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 484,
+        fileName: _jsxFileName$z,
+        lineNumber: 485,
         columnNumber: 23
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__namespace.createElement(CheckOutline, {
       color: colors.iconGreen,
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 488,
+        fileName: _jsxFileName$z,
+        lineNumber: 489,
         columnNumber: 25
       }
     })), /*#__PURE__*/React__namespace.createElement(Item$2, {
@@ -9233,8 +9233,8 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 492,
+        fileName: _jsxFileName$z,
+        lineNumber: 493,
         columnNumber: 19
       }
     }, item.name)))) : /*#__PURE__*/React__namespace.createElement(Option, _extends({
@@ -9244,15 +9244,15 @@
     }, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 497,
+        fileName: _jsxFileName$z,
+        lineNumber: 498,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__namespace.createElement(StyledDiv$1, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 498,
+        fileName: _jsxFileName$z,
+        lineNumber: 499,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -9261,8 +9261,8 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 499,
+        fileName: _jsxFileName$z,
+        lineNumber: 500,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CircleInfoOutline, {
@@ -9273,12 +9273,55 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$y,
-        lineNumber: 500,
+        fileName: _jsxFileName$z,
+        lineNumber: 501,
         columnNumber: 17
       }
     })), textEmptyItem))));
   }
+  InputSelectCheck.propTypes = {
+    placeholder: PropTypes__default["default"].string,
+    option: PropTypes__default["default"].array.isRequired,
+    size: PropTypes__default["default"].string,
+    disabled: PropTypes__default["default"].bool,
+    readOnly: PropTypes__default["default"].bool,
+    isInvalid: PropTypes__default["default"].bool,
+    sortBy: PropTypes__default["default"].string,
+    value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)]),
+    onChange: PropTypes__default["default"].func,
+    onRemoveItem: PropTypes__default["default"].func,
+    search: PropTypes__default["default"].bool,
+    placement: PropTypes__default["default"].oneOf(['top', 'bottom']),
+    disabledOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
+    textEmptyItem: PropTypes__default["default"].string
+  };
+  InputSelectCheck.defaultProps = {
+    placeholder: 'Select Item',
+    size: 'lg',
+    disabled: false,
+    readOnly: false,
+    isInvalid: false,
+    search: true,
+    placement: 'bottom',
+    value: [],
+    disabledOptions: [],
+    textEmptyItem: 'Item tidak ditemukan',
+    sortBy: 'name'
+  };
+
+  var _jsxFileName$y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+  function InputSelectTag(props) {
+    return /*#__PURE__*/React__namespace.createElement(InputSelectCheck, _extends({
+      showSelectedTag: true
+    }, props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$y,
+        lineNumber: 6,
+        columnNumber: 10
+      }
+    }));
+  }
   InputSelectTag.propTypes = {
     placeholder: PropTypes__default["default"].string,
     option: PropTypes__default["default"].array.isRequired,
@@ -16244,25 +16287,26 @@
         fetchData = _a.fetchData,
         _e = _a.hideDataInfo,
         hideDataInfo = _e === void 0 ? false : _e,
-        emptyDataMessage = _a.emptyDataMessage,
-        _f = _a.isLoading,
-        isLoading = _f === void 0 ? false : _f,
+        _f = _a.emptyDataMessage,
+        emptyDataMessage = _f === void 0 ? 'Tidak ada data' : _f,
+        _g = _a.isLoading,
+        isLoading = _g === void 0 ? false : _g,
         css = _a.css,
         headerCss = _a.headerCss,
         onSelectedChange = _a.onSelectedChange,
-        _g = _a.isInfiniteScroll,
-        isInfiniteScroll = _g === void 0 ? false : _g,
-        _h = _a.hasMoreItems,
-        hasMoreItems = _h === void 0 ? true : _h,
-        _j = _a.rowLimit,
-        rowLimit = _j === void 0 ? 10 : _j,
-        _k = _a.cellAlign,
-        cellAlign = _k === void 0 ? 'center' : _k,
+        _h = _a.isInfiniteScroll,
+        isInfiniteScroll = _h === void 0 ? false : _h,
+        _j = _a.hasMoreItems,
+        hasMoreItems = _j === void 0 ? true : _j,
+        _k = _a.rowLimit,
+        rowLimit = _k === void 0 ? 10 : _k,
+        _l = _a.cellAlign,
+        cellAlign = _l === void 0 ? 'center' : _l,
         selectedIds = _a.selectedIds;
 
-    var _l = React.useState(rowLimit),
-        limit = _l[0],
-        setLimit = _l[1];
+    var _m = React.useState(rowLimit),
+        limit = _m[0],
+        setLimit = _m[1];
 
     var getInitialState = function getInitialState() {
       var initialState = {};
@@ -16308,11 +16352,11 @@
         gotoPage = instance.gotoPage,
         setPageSize = instance.setPageSize,
         toggleRowSelected = instance.toggleRowSelected,
-        _m = instance.state,
-        pageIndex = _m.pageIndex,
-        pageSize = _m.pageSize,
-        sortBy = _m.sortBy,
-        selectedRowIds = _m.selectedRowIds;
+        _o = instance.state,
+        pageIndex = _o.pageIndex,
+        pageSize = _o.pageSize,
+        sortBy = _o.sortBy,
+        selectedRowIds = _o.selectedRowIds;
 
     var doFetchData = function doFetchData(pageIndex, pageSize, sortAccessor, sortDirection) {
       if (sortAccessor === void 0) {
@@ -16524,7 +16568,7 @@
                 var notNullHeaderColumns = visibleColumns.filter(function (column) {
                   return typeof column.Header !== 'function' && column.Header !== null && !column.isSubRow;
                 });
-                return jsxRuntime.jsxs(React__default["default"].Fragment, {
+                return jsxRuntime.jsxs(React__namespace.Fragment, {
                   children: [jsxRuntime.jsx(TableRow$2, __assign({}, row.getRowProps(), {
                     children: row.cells.filter(function (cell) {
                       return !cell.column.isSubRow;
@@ -16544,7 +16588,7 @@
                     }, {
                       children: [leftAddOnCells.map(function (_, index) {
                         return jsxRuntime.jsx("td", {}, index);
-                      }), jsxRuntime.jsxs(React__default["default"].Fragment, {
+                      }), jsxRuntime.jsxs(React__namespace.Fragment, {
                         children: [jsxRuntime.jsx(TableCell$2, __assign({
                           subCell: true,
                           colSpan: notNullHeaderColumns.length > 5 ? 2 : 1,
@@ -16596,7 +16640,7 @@
               paragraph: "shortContentRegular",
               color: "secondary"
             }, {
-              children: emptyDataMessage || 'Tidak ada data'
+              children: emptyDataMessage
             }), void 0)
           }), void 0)
         }), void 0)]
@@ -16612,9 +16656,20 @@
         css: css
       }, void 0)]
     }), void 0);
-  }
+  } //Dummy component for mdx docs purpose only
 
-  Table.displayName = 'Table';
+  var TableColumn = function TableColumn(_a) {
+    _a.id;
+        _a.Header;
+        _a.Cell;
+        _a.isMobileHeader;
+        _a.isSubRow;
+        _a.unsortable;
+        _a.isAction;
+        __rest(_a, ["id", "Header", "Cell", "isMobileHeader", "isSubRow", "unsortable", "isAction"]);
+
+    return jsxRuntime.jsx("div", {}, void 0);
+  };
 
   var _jsxFileName$f = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
 
@@ -17980,6 +18035,10 @@
 
     const buttonCancel = () => {
       onCancelFunc();
+      buttonClose();
+    };
+
+    const buttonClose = () => {
       setOpen(false);
       ReactDOM__default["default"].unmountComponentAtNode(document.getElementById('a-dialog'));
     };
@@ -17996,7 +18055,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 123,
+        lineNumber: 127,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18007,14 +18066,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 124,
+        lineNumber: 128,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 125,
+        lineNumber: 129,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18022,7 +18081,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 126,
+        lineNumber: 130,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -18030,18 +18089,18 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 127,
+        lineNumber: 131,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box$1, {
-      onClick: buttonCancel,
+      onClick: buttonClose,
       css: {
         cursor: 'pointer'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 128,
+        lineNumber: 132,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -18049,7 +18108,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 129,
+        lineNumber: 133,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18057,14 +18116,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 133,
+        lineNumber: 137,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 134,
+        lineNumber: 138,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -18074,7 +18133,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 135,
+        lineNumber: 139,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -18086,7 +18145,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 137,
+        lineNumber: 141,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18094,7 +18153,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 138,
+        lineNumber: 142,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -18108,7 +18167,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 139,
+        lineNumber: 143,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18116,7 +18175,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 141,
+        lineNumber: 145,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18126,7 +18185,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 142,
+        lineNumber: 146,
         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, {
@@ -18134,7 +18193,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 148,
+        lineNumber: 152,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18148,7 +18207,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 149,
+        lineNumber: 153,
         columnNumber: 19
       }
     }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18156,7 +18215,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 158,
+        lineNumber: 162,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18169,7 +18228,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 159,
+        lineNumber: 163,
         columnNumber: 19
       }
     }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -18191,7 +18250,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 183,
+        lineNumber: 187,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18202,14 +18261,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 184,
+        lineNumber: 188,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 185,
+        lineNumber: 189,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18217,7 +18276,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 186,
+        lineNumber: 190,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
@@ -18225,7 +18284,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 187,
+        lineNumber: 191,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -18236,7 +18295,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 188,
+        lineNumber: 192,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -18244,7 +18303,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 189,
+        lineNumber: 193,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18252,14 +18311,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 193,
+        lineNumber: 197,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 194,
+        lineNumber: 198,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -18269,7 +18328,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 195,
+        lineNumber: 199,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -18281,7 +18340,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 197,
+        lineNumber: 201,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18289,7 +18348,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 198,
+        lineNumber: 202,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -18303,7 +18362,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 199,
+        lineNumber: 203,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18311,7 +18370,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 201,
+        lineNumber: 205,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18324,7 +18383,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 202,
+        lineNumber: 206,
         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, {
@@ -18332,7 +18391,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 208,
+        lineNumber: 212,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18346,7 +18405,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 209,
+        lineNumber: 213,
         columnNumber: 19
       }
     }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18354,7 +18413,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 218,
+        lineNumber: 222,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -18367,7 +18426,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 219,
+        lineNumber: 223,
         columnNumber: 19
       }
     }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -26233,6 +26292,7 @@
   exports.InputRightElement = InputRightElement;
   exports.InputSearchbox = InputSearchbox;
   exports.InputSelect = Select$1;
+  exports.InputSelectCheck = InputSelectCheck;
   exports.InputSelectTag = InputSelectTag;
   exports.InputSuffix = InputSuffix;
   exports.InputSwitch = InputSwitch;
@@ -26286,6 +26346,7 @@
   exports.TOP_RIGHT_POSITION = TOP_RIGHT_POSITION;
   exports.Table = Table;
   exports.TableBody = TableBody$2;
+  exports.TableColumn = TableColumn;
   exports.TableContent = TableContent$2;
   exports.TableFoot = TableFoot$2;
   exports.TableFootCell = TableFootCell$2;