@majoo-ui/react 1.44.4 → 1.45.0

package/index.esm.js

@@ -39,7 +39,7 @@ import ScrollSpy from 'react-ui-scrollspy';
 import ReactCrop, { centerCrop, makeAspectCrop } from 'react-image-crop';
 import { useSticky } from 'react-table-sticky';
 
-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,
@@ -49,7 +49,7 @@ function ThemeProvider({
     className: theme,
     __self: this,
     __source: {
-      fileName: _jsxFileName$13,
+      fileName: _jsxFileName$14,
       lineNumber: 5,
       columnNumber: 10
     }
@@ -2232,7 +2232,7 @@ Flex$1.displayName = 'Flex';
 
 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: {
@@ -2417,7 +2417,7 @@ const Grid = _ref => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$12,
+      fileName: _jsxFileName$13,
       lineNumber: 178,
       columnNumber: 5
     }
@@ -2473,7 +2473,7 @@ const GridItem = _ref2 => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$12,
+      fileName: _jsxFileName$13,
       lineNumber: 230,
       columnNumber: 5
     }
@@ -2491,7 +2491,7 @@ GridItem.propTypes = {
 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',
@@ -2530,7 +2530,7 @@ const PageContainer = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$11,
+      fileName: _jsxFileName$12,
       lineNumber: 28,
       columnNumber: 5
     }
@@ -2761,7 +2761,7 @@ Paragraph.defaultProps = {
 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',
@@ -3002,28 +3002,28 @@ const Button$2 = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$10,
+      fileName: _jsxFileName$11,
       lineNumber: 241,
       columnNumber: 3
     }
   }), leftIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft$3, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$10,
+      fileName: _jsxFileName$11,
       lineNumber: 253,
       columnNumber: 31
     }
   }, leftIcon) : null, icon ? /*#__PURE__*/React__default.createElement(StyledIcon$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$10,
+      fileName: _jsxFileName$11,
       lineNumber: 254,
       columnNumber: 13
     }
   }, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children), rightIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconRight$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$10,
+      fileName: _jsxFileName$11,
       lineNumber: 255,
       columnNumber: 32
     }
@@ -3049,7 +3049,7 @@ Button$2.defaultProps = {
   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',
@@ -3081,7 +3081,7 @@ const Link = props => {
     css: props.css,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$$,
+      fileName: _jsxFileName$10,
       lineNumber: 31,
       columnNumber: 5
     }
@@ -3103,7 +3103,7 @@ Link.defaultProps = {
 };
 
 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';
@@ -3297,7 +3297,7 @@ const Toast = _ref => {
     onExited: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 205,
       columnNumber: 5
     }
@@ -3309,7 +3309,7 @@ const Toast = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 216,
       columnNumber: 9
     }
@@ -3319,7 +3319,7 @@ const Toast = _ref => {
     onClick: onClick,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 223,
       columnNumber: 11
     }
@@ -3327,7 +3327,7 @@ const Toast = _ref => {
     direction: "column",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 224,
       columnNumber: 13
     }
@@ -3335,7 +3335,7 @@ const Toast = _ref => {
     direction: "row",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 225,
       columnNumber: 15
     }
@@ -3343,7 +3343,7 @@ const Toast = _ref => {
     variant: variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 226,
       columnNumber: 17
     }
@@ -3355,7 +3355,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 227,
       columnNumber: 17
     }
@@ -3363,7 +3363,7 @@ const Toast = _ref => {
     justify: "between",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 235,
       columnNumber: 21
     }
@@ -3378,7 +3378,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 236,
       columnNumber: 23
     }
@@ -3387,7 +3387,7 @@ const Toast = _ref => {
     color: "secondary",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 250,
       columnNumber: 19
     }
@@ -3401,7 +3401,7 @@ const Toast = _ref => {
     hasTitle: !!title,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 254,
       columnNumber: 17
     }
@@ -3410,7 +3410,7 @@ const Toast = _ref => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 263,
       columnNumber: 19
     }
@@ -3426,7 +3426,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$$,
       lineNumber: 267,
       columnNumber: 17
     }
@@ -3450,7 +3450,7 @@ Toast.defaultProps = {
 
 const ToastContext = /*#__PURE__*/React.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: {
@@ -3492,7 +3492,7 @@ const ToastContainer = ({
   return /*#__PURE__*/React.createElement(Portal, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Z,
+      fileName: _jsxFileName$_,
       lineNumber: 43,
       columnNumber: 5
     }
@@ -3500,7 +3500,7 @@ const ToastContainer = ({
     position: position,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Z,
+      fileName: _jsxFileName$_,
       lineNumber: 44,
       columnNumber: 7
     }
@@ -3511,7 +3511,7 @@ const ToastContainer = ({
     }, toast, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 46,
         columnNumber: 18
       }
@@ -3520,7 +3520,7 @@ const ToastContainer = ({
 };
 
 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 = ({
@@ -3562,7 +3562,7 @@ const ToastProvider = ({
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 43,
       columnNumber: 5
     }
@@ -3571,7 +3571,7 @@ const ToastProvider = ({
     position: TOP_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 45,
       columnNumber: 7
     }
@@ -3580,7 +3580,7 @@ const ToastProvider = ({
     position: TOP_LEFT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 49,
       columnNumber: 7
     }
@@ -3589,7 +3589,7 @@ const ToastProvider = ({
     position: BOTTOM_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 53,
       columnNumber: 7
     }
@@ -3598,14 +3598,14 @@ const ToastProvider = ({
     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,
@@ -3618,14 +3618,14 @@ function MajooProvider({
     theme: theme$1,
     __self: this,
     __source: {
-      fileName: _jsxFileName$X,
+      fileName: _jsxFileName$Y,
       lineNumber: 15,
       columnNumber: 10
     }
   }, /*#__PURE__*/React__default.createElement(ToastProvider, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$X,
+      fileName: _jsxFileName$Y,
       lineNumber: 16,
       columnNumber: 5
     }
@@ -3640,7 +3640,7 @@ MajooProvider.propTypes = {
 };
 
 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.createContext();
 const StyledBanner = styled(Flex$1, {
   maxWidth: '100%',
@@ -3722,7 +3722,7 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title$2, _extends(
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 91,
     columnNumber: 3
   }
@@ -3733,7 +3733,7 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 97,
     columnNumber: 3
   }
@@ -3745,7 +3745,7 @@ const BannerLink = ({
 }) => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 103,
     columnNumber: 3
   }
@@ -3758,7 +3758,7 @@ const BannerLink = ({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 105,
     columnNumber: 7
   }
@@ -3766,7 +3766,7 @@ const BannerLink = ({
 const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 116,
     columnNumber: 3
   }
@@ -3778,7 +3778,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 118,
     columnNumber: 7
   }
@@ -3787,7 +3787,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   size: "16px",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$W,
+    fileName: _jsxFileName$X,
     lineNumber: 125,
     columnNumber: 9
   }
@@ -3797,7 +3797,7 @@ const SingleTagBanner = props => {
   return /*#__PURE__*/React.createElement(React.Fragment, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 133,
       columnNumber: 5
     }
@@ -3807,7 +3807,7 @@ const SingleTagBanner = props => {
     align: "end",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 134,
       columnNumber: 7
     }
@@ -3820,21 +3820,21 @@ const SingleTagBanner = props => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 135,
       columnNumber: 9
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 143,
       columnNumber: 27
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 144,
       columnNumber: 33
     }
@@ -3843,7 +3843,7 @@ const SingleTagBanner = props => {
     variant: props.variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 147,
       columnNumber: 11
     }
@@ -3856,7 +3856,7 @@ const SingleTagBanner = props => {
     closeCenter: !props.title && !props.link,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 152,
       columnNumber: 7
     }
@@ -3865,7 +3865,7 @@ const SingleTagBanner = props => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 160,
       columnNumber: 9
     }
@@ -3894,7 +3894,7 @@ const Banner = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 168,
       columnNumber: 5
     }
@@ -3911,7 +3911,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 170,
       columnNumber: 9
     }
@@ -3922,7 +3922,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 177,
       columnNumber: 11
     }
@@ -3936,7 +3936,7 @@ const Banner = _ref => {
     onRemove: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 180,
       columnNumber: 9
     }
@@ -3961,7 +3961,7 @@ Banner.defaultProps = {
 };
 
 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',
@@ -4111,7 +4111,7 @@ const Card = _ref => {
     }, props.css),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 103,
       columnNumber: 5
     }
@@ -4119,14 +4119,14 @@ const Card = _ref => {
     color: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 114,
       columnNumber: 7
     }
   }), title !== '' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, icon !== undefined ? /*#__PURE__*/React__default.createElement(StyledTitle$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 118,
       columnNumber: 13
     }
@@ -4135,14 +4135,14 @@ const Card = _ref => {
     iconColor: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 119,
       columnNumber: 15
     }
   }, icon), title) : /*#__PURE__*/React__default.createElement(StyledTitle$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 125,
       columnNumber: 13
     }
@@ -4206,7 +4206,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 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': {
@@ -4252,7 +4252,7 @@ const BreadcrumbLinkBase = props => {
   return /*#__PURE__*/React__default.createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 42,
       columnNumber: 10
     }
@@ -4269,14 +4269,14 @@ const BreadcrumbBase = _ref => {
     "aria-label": "breadcrumb",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 47,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Ol, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 48,
       columnNumber: 7
     }
@@ -4482,7 +4482,7 @@ Badge.defaultProps = {
 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.Root, {
   width: '32px',
   height: '32px',
@@ -4535,7 +4535,7 @@ function Avatar(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 46,
       columnNumber: 5
     }
@@ -4545,7 +4545,7 @@ function Avatar(_ref) {
     onLoadingStatusChange: onLoadingStatusChange,
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 47,
       columnNumber: 21
     }
@@ -4553,21 +4553,21 @@ function Avatar(_ref) {
     delayMs: delayMs,
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 48,
       columnNumber: 7
     }
   }, children !== undefined ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children) : /*#__PURE__*/React__default.createElement(StyledIcon, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 52,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(UserFilled, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 53,
       columnNumber: 13
     }
@@ -4585,7 +4585,7 @@ Avatar.defaultProps = {
 };
 
 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',
@@ -4623,7 +4623,7 @@ function Image(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 20,
       columnNumber: 9
     }
@@ -4644,7 +4644,7 @@ Image.defaultProps = {
 };
 
 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,
@@ -4759,7 +4759,7 @@ const Tooltip = _ref => {
     open: withClick ? open : undefined,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 89,
       columnNumber: 5
     }
@@ -4767,7 +4767,7 @@ const Tooltip = _ref => {
     asChild: true,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 90,
       columnNumber: 7
     }
@@ -4775,7 +4775,7 @@ const Tooltip = _ref => {
     onClick: () => withClick ? setOpen(!open) : undefined,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 91,
       columnNumber: 9
     }
@@ -4786,7 +4786,7 @@ const Tooltip = _ref => {
     css: color === 'dark' ? Object.assign({}, dark, css) : Object.assign({}, ligth, css),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 93,
       columnNumber: 7
     }
@@ -4795,7 +4795,7 @@ const Tooltip = _ref => {
     css: color === 'dark' ? darkArrow : lightArrow,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 100,
       columnNumber: 9
     }
@@ -4817,7 +4817,7 @@ Tooltip.defaultProps = {
   children: /*#__PURE__*/React__default.createElement("div", {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 119,
       columnNumber: 13
     }
@@ -4825,7 +4825,7 @@ Tooltip.defaultProps = {
 };
 
 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 = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
@@ -4959,7 +4959,7 @@ function Progress$1(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 88,
       columnNumber: 5
     }
@@ -4972,7 +4972,7 @@ function Progress$1(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 89,
       columnNumber: 7
     }
@@ -4996,7 +4996,7 @@ Progress$1.defaultProps = {
 };
 
 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 {
@@ -5012,7 +5012,7 @@ const FormGroup = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$Q,
       lineNumber: 6,
       columnNumber: 3
     }
@@ -5030,7 +5030,7 @@ FormGroup.defaultProps = {
 };
 
 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.Root, Text$1, {
   display: 'inline-block',
   fontSize: '$label',
@@ -5068,7 +5068,7 @@ const FormLabel = _ref => {
     justify: "between",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 36,
       columnNumber: 5
     }
@@ -5078,7 +5078,7 @@ const FormLabel = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 37,
       columnNumber: 7
     }
@@ -5088,7 +5088,7 @@ const FormLabel = _ref => {
     css: labelCss,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 38,
       columnNumber: 9
     }
@@ -5103,7 +5103,7 @@ const FormLabel = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 42,
       columnNumber: 11
     }
@@ -5111,14 +5111,14 @@ const FormLabel = _ref => {
     label: tooltipLabel,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 56,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(StyledHelpIcon, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 57,
       columnNumber: 13
     }
@@ -5127,7 +5127,7 @@ const FormLabel = _ref => {
     color: "disable",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 62,
       columnNumber: 9
     }
@@ -5144,7 +5144,7 @@ FormLabel.propTypes = {
 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',
@@ -5170,7 +5170,7 @@ const FormHelper = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$N,
+      fileName: _jsxFileName$O,
       lineNumber: 19,
       columnNumber: 3
     }
@@ -5182,7 +5182,7 @@ FormHelper.propTypes = {
 };
 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__*/createContext();
 
 const CheckboxGroup = ({
@@ -5216,7 +5216,7 @@ const CheckboxGroup = ({
     value: values,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$M,
+      fileName: _jsxFileName$N,
       lineNumber: 25,
       columnNumber: 5
     }
@@ -5234,7 +5234,7 @@ CheckboxGroup.defaultProps = {
 };
 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.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -5252,7 +5252,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$L,
+    fileName: _jsxFileName$M,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -5264,7 +5264,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$L,
+    fileName: _jsxFileName$M,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -5276,13 +5276,13 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   },
   __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.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -5300,7 +5300,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$K,
+    fileName: _jsxFileName$L,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -5312,7 +5312,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$K,
+    fileName: _jsxFileName$L,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -5324,14 +5324,14 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
   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.Indicator, {
   alignItems: 'center',
   display: 'flex',
@@ -5413,28 +5413,28 @@ const Checkbox = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 64,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(StyledIndicator$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 77,
       columnNumber: 7
     }
   }, indeterminate ? /*#__PURE__*/React__default.createElement(SvgMinusOutline, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 77,
       columnNumber: 41
     }
   }) : /*#__PURE__*/React__default.createElement(CheckOutline$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 77,
       columnNumber: 60
     }
@@ -5448,14 +5448,14 @@ const InputCheckbox = _ref2 => {
     gap: 4,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 84,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 85,
       columnNumber: 7
     }
@@ -5471,14 +5471,14 @@ const InputCheckbox = _ref2 => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 86,
       columnNumber: 7
     }
   }, props.label)) : /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 101,
       columnNumber: 5
     }
@@ -5497,7 +5497,7 @@ InputCheckbox.propTypes = {
 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%',
@@ -5634,7 +5634,7 @@ const InputGroup = _ref => {
     isElement: isElement,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 143,
       columnNumber: 10
     }
@@ -5938,7 +5938,7 @@ InputRadioGroup.propTypes = {
 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',
@@ -6022,7 +6022,7 @@ const InputRadio = _ref => {
     gap: 4,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 82,
       columnNumber: 3
     }
@@ -6032,14 +6032,14 @@ const InputRadio = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 83,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(StyledIndicator$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 84,
       columnNumber: 7
     }
@@ -6056,7 +6056,7 @@ const InputRadio = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 86,
       columnNumber: 5
     }
@@ -6720,7 +6720,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 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',
@@ -6837,21 +6837,21 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 84,
       columnNumber: 7
     }
   }), icon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 94,
       columnNumber: 31
     }
   }, icon) : null, /*#__PURE__*/React__default.createElement(TagComponent$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 95,
       columnNumber: 9
     }
@@ -6861,7 +6861,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     readOnly: readOnly,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 97,
       columnNumber: 11
     }
@@ -6873,7 +6873,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 98,
       columnNumber: 13
     }
@@ -6897,7 +6897,7 @@ Tag.defaultProps = {
 };
 
 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',
@@ -7066,7 +7066,7 @@ function TagsInput(_ref) {
   return /*#__PURE__*/React__default.createElement(Wrapper$2, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 163,
       columnNumber: 5
     }
@@ -7079,7 +7079,7 @@ function TagsInput(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 164,
       columnNumber: 7
     }
@@ -7094,7 +7094,7 @@ function TagsInput(_ref) {
     ,
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 172,
       columnNumber: 9
     }
@@ -7102,7 +7102,7 @@ function TagsInput(_ref) {
     color: "red",
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 186,
       columnNumber: 11
     }
@@ -7110,14 +7110,14 @@ function TagsInput(_ref) {
     color: "red",
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 188,
       columnNumber: 11
     }
   }, "Invalid Input")), /*#__PURE__*/React__default.createElement(TagWrapper$2, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 191,
       columnNumber: 7
     }
@@ -7130,7 +7130,7 @@ function TagsInput(_ref) {
     onRemove: () => removeTags(index, 'removeTag'),
     __self: this,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 193,
       columnNumber: 11
     }
@@ -7161,7 +7161,7 @@ TagsInput.defaultProps = {
 };
 
 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.Thumb, {
   display: 'block',
   width: '16px',
@@ -7244,14 +7244,14 @@ const InputSwitch = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 66,
       columnNumber: 3
     }
   }), /*#__PURE__*/React__default.createElement(StyledThumb$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 74,
       columnNumber: 5
     }
@@ -7269,7 +7269,7 @@ InputSwitch.propTypes = {
 };
 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.createElement("svg", _extends({
   width: props.size,
@@ -7279,7 +7279,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$D,
+    fileName: _jsxFileName$E,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -7288,7 +7288,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   fill: "white",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$D,
+    fileName: _jsxFileName$E,
     lineNumber: 5,
     columnNumber: 5
   }
@@ -7298,7 +7298,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   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
   }
@@ -7309,7 +7309,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   fill: props.color,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$D,
+    fileName: _jsxFileName$E,
     lineNumber: 12,
     columnNumber: 5
   }
@@ -7319,7 +7319,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   mask: "url(#path-1-inside-1_2883_7918)",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$D,
+    fileName: _jsxFileName$E,
     lineNumber: 18,
     columnNumber: 5
   }
@@ -7330,7 +7330,7 @@ SvgCloseFilled.defaultProps = {
   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.createElement("svg", _extends({
   width: props.size,
@@ -7340,7 +7340,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$C,
+    fileName: _jsxFileName$D,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -7352,7 +7352,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
   strokeWidth: 2,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$C,
+    fileName: _jsxFileName$D,
     lineNumber: 5,
     columnNumber: 5
   }
@@ -7361,7 +7361,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
   fill: props.color,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$C,
+    fileName: _jsxFileName$D,
     lineNumber: 6,
     columnNumber: 5
   }
@@ -7373,7 +7373,7 @@ SvgSearchOutline.defaultProps = {
 };
 
 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 {
@@ -7404,7 +7404,7 @@ const InputSearchbox = _ref => {
     disabled: props.disabled,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 28,
       columnNumber: 5
     }
@@ -7412,14 +7412,14 @@ const InputSearchbox = _ref => {
     children: /*#__PURE__*/React__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
     }
@@ -7429,7 +7429,7 @@ const InputSearchbox = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 30,
       columnNumber: 7
     }
@@ -7437,14 +7437,14 @@ const InputSearchbox = _ref => {
     children: value.length > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 31,
         columnNumber: 55
       }
     }) : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 31,
         columnNumber: 73
       }
@@ -7452,7 +7452,7 @@ const InputSearchbox = _ref => {
     onClick: handleClearButtonClick,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 31,
       columnNumber: 7
     }
@@ -7615,7 +7615,7 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
 });
 
 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',
@@ -7859,8 +7859,8 @@ function Select$1(_ref) {
   const [item, setItem] = React.useState(option || []);
   const [selectedValue, setSelectedValue] = React.useState(value);
 
-  const handleInputValue = value => {
-    if (onSearch) onSearch(value);
+  const handleInputValue = (value, isReset) => {
+    if (onSearch && !isReset) onSearch(value);
 
     if (value === '') {
       return setItem(options);
@@ -7897,11 +7897,10 @@ function Select$1(_ref) {
     setSelectedValue(value);
   }, [value]);
   React.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.createElement(Downshift, _extends({}, props, {
     onChange: onChange,
@@ -7910,7 +7909,7 @@ function Select$1(_ref) {
     onSelect: setSelectedValue,
     __self: this,
     __source: {
-      fileName: _jsxFileName$A,
+      fileName: _jsxFileName$B,
       lineNumber: 288,
       columnNumber: 5
     }
@@ -7927,7 +7926,7 @@ function Select$1(_ref) {
     inputValue
   }) => {
     if (!isOpen) {
-      handleInputValue('');
+      handleInputValue('', true);
     }
 
     const handleDownOption = () => {
@@ -7942,7 +7941,7 @@ function Select$1(_ref) {
         readOnly: readOnly,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 317,
           columnNumber: 13
         }
@@ -7950,7 +7949,7 @@ function Select$1(_ref) {
         color: iconColor,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 322,
           columnNumber: 15
         }
@@ -7967,7 +7966,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 331,
         columnNumber: 13
       }
@@ -7977,7 +7976,7 @@ function Select$1(_ref) {
       placeholder: searchPlaceholder,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 340,
         columnNumber: 15
       }
@@ -7987,7 +7986,7 @@ function Select$1(_ref) {
       css: css,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 345,
         columnNumber: 11
       }
@@ -8000,7 +7999,7 @@ function Select$1(_ref) {
       isInvalid: isInvalid,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 346,
         columnNumber: 13
       }
@@ -8010,7 +8009,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 354,
         columnNumber: 17
       }
@@ -8021,7 +8020,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 356,
         columnNumber: 21
       }
@@ -8029,14 +8028,14 @@ function Select$1(_ref) {
       children: /*#__PURE__*/React.createElement(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
       }
@@ -8050,7 +8049,7 @@ function Select$1(_ref) {
     }), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 358,
         columnNumber: 23
       }
@@ -8064,7 +8063,7 @@ function Select$1(_ref) {
     }), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 366,
         columnNumber: 21
       }
@@ -8076,7 +8075,7 @@ function Select$1(_ref) {
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 375,
         columnNumber: 17
       }
@@ -8085,7 +8084,7 @@ function Select$1(_ref) {
       css: StyledText$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 382,
         columnNumber: 21
       }
@@ -8094,7 +8093,7 @@ function Select$1(_ref) {
       css: StyledText$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 386,
         columnNumber: 21
       }
@@ -8105,14 +8104,14 @@ function Select$1(_ref) {
       placement: placement,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 394,
         columnNumber: 13
       }
     }), renderInputSearchBox(), item.length !== 0 ? /*#__PURE__*/React.createElement(SelectOption, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 397,
         columnNumber: 17
       }
@@ -8135,7 +8134,7 @@ function Select$1(_ref) {
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 399,
           columnNumber: 21
         }
@@ -8143,14 +8142,14 @@ function Select$1(_ref) {
     })) : /*#__PURE__*/React.createElement(SelectOption, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 421,
         columnNumber: 17
       }
     }, /*#__PURE__*/React.createElement(StyledDiv$2, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 422,
         columnNumber: 19
       }
@@ -8160,7 +8159,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 423,
         columnNumber: 21
       }
@@ -8172,7 +8171,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 424,
         columnNumber: 23
       }
@@ -8526,7 +8525,7 @@ $$b({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_RE
   }
 });
 
-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.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -8544,7 +8543,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$z,
+    fileName: _jsxFileName$A,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -8556,7 +8555,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$z,
+    fileName: _jsxFileName$A,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -8568,13 +8567,13 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   },
   __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',
@@ -8777,7 +8776,7 @@ const StyledDiv$1 = styled('div', {
   color: '$textDisable',
   display: 'inline-flex'
 });
-function InputSelectTag({
+function InputSelectCheck({
   placeholder,
   option,
   value,
@@ -8792,7 +8791,8 @@ function InputSelectTag({
   onRemoveItem,
   isInvalid,
   sortBy,
-  props
+  props,
+  showSelectedTag
 }) {
   const [initItem, setInitItem] = React.useState(option); //init filter selectedItems on useMultipleSelection
 
@@ -8984,8 +8984,8 @@ function InputSelectTag({
   return /*#__PURE__*/React.createElement(Wrapper$1, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 400,
+      fileName: _jsxFileName$z,
+      lineNumber: 401,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(Select, {
@@ -8994,8 +8994,8 @@ function InputSelectTag({
     isInvalid: isInvalid,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 401,
+      fileName: _jsxFileName$z,
+      lineNumber: 402,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -9005,8 +9005,8 @@ function InputSelectTag({
     disabled: disabled || readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 402,
+      fileName: _jsxFileName$z,
+      lineNumber: 403,
       columnNumber: 9
     }
   }), search ? /*#__PURE__*/React.createElement(Input$4, _extends({}, getInputProps({
@@ -9016,8 +9016,8 @@ function InputSelectTag({
     disabled: disabled || readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 407,
+      fileName: _jsxFileName$z,
+      lineNumber: 408,
       columnNumber: 13
     }
   })) : /*#__PURE__*/React.createElement(Button, _extends({}, getToggleButtonProps({
@@ -9027,8 +9027,8 @@ function InputSelectTag({
     size: size,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 413,
+      fileName: _jsxFileName$z,
+      lineNumber: 414,
       columnNumber: 13
     }
   }), placeholder)), /*#__PURE__*/React.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -9038,24 +9038,24 @@ function InputSelectTag({
     readOnly: readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 422,
+      fileName: _jsxFileName$z,
+      lineNumber: 423,
       columnNumber: 9
     }
   }), /*#__PURE__*/React.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.createElement(TagWrapper$1, {
+  }))), showSelectedTag && selectedItems.length !== 0 && /*#__PURE__*/React.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.createElement(Tag, _extends({
@@ -9078,8 +9078,8 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 433,
+      fileName: _jsxFileName$z,
+      lineNumber: 434,
       columnNumber: 13
     }
   }), selectedItem.name))), /*#__PURE__*/React.createElement(OptionWrapper$1, {
@@ -9090,15 +9090,15 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 454,
+      fileName: _jsxFileName$z,
+      lineNumber: 455,
       columnNumber: 7
     }
   }, item.length !== 0 ? /*#__PURE__*/React.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.createElement(ItemWrapper$1, _extends({
@@ -9115,8 +9115,8 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 462,
+      fileName: _jsxFileName$z,
+      lineNumber: 463,
       columnNumber: 17
     }
   }), /*#__PURE__*/React.createElement(IconWrapper, {
@@ -9128,24 +9128,24 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 475,
+      fileName: _jsxFileName$z,
+      lineNumber: 476,
       columnNumber: 19
     }
   }, item.isDisabled ? /*#__PURE__*/React.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.createElement(CheckOutline, {
     color: colors.iconGreen,
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 488,
+      fileName: _jsxFileName$z,
+      lineNumber: 489,
       columnNumber: 25
     }
   })), /*#__PURE__*/React.createElement(Item$2, {
@@ -9154,8 +9154,8 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 492,
+      fileName: _jsxFileName$z,
+      lineNumber: 493,
       columnNumber: 19
     }
   }, item.name)))) : /*#__PURE__*/React.createElement(Option, _extends({
@@ -9165,15 +9165,15 @@ function InputSelectTag({
   }, getMenuProps(), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 497,
+      fileName: _jsxFileName$z,
+      lineNumber: 498,
       columnNumber: 11
     }
   }), /*#__PURE__*/React.createElement(StyledDiv$1, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 498,
+      fileName: _jsxFileName$z,
+      lineNumber: 499,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -9182,8 +9182,8 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 499,
+      fileName: _jsxFileName$z,
+      lineNumber: 500,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(CircleInfoOutline, {
@@ -9194,12 +9194,55 @@ function InputSelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$y,
-      lineNumber: 500,
+      fileName: _jsxFileName$z,
+      lineNumber: 501,
       columnNumber: 17
     }
   })), textEmptyItem))));
 }
+InputSelectCheck.propTypes = {
+  placeholder: PropTypes.string,
+  option: PropTypes.array.isRequired,
+  size: PropTypes.string,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  isInvalid: PropTypes.bool,
+  sortBy: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]),
+  onChange: PropTypes.func,
+  onRemoveItem: PropTypes.func,
+  search: PropTypes.bool,
+  placement: PropTypes.oneOf(['top', 'bottom']),
+  disabledOptions: PropTypes.arrayOf(PropTypes.string),
+  textEmptyItem: PropTypes.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.createElement(InputSelectCheck, _extends({
+    showSelectedTag: true
+  }, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$y,
+      lineNumber: 6,
+      columnNumber: 10
+    }
+  }));
+}
 InputSelectTag.propTypes = {
   placeholder: PropTypes.string,
   option: PropTypes.array.isRequired,
@@ -16131,7 +16174,7 @@ function Table({
   totalData = 0,
   fetchData,
   hideDataInfo = false,
-  emptyDataMessage,
+  emptyDataMessage = 'Tidak ada data',
   isLoading = false,
   css,
   headerCss,
@@ -16381,7 +16424,7 @@ function Table({
               const subRowCells = row.cells.filter(cell => cell.column.isSubRow);
               const leftAddOnCells = (_a = row.cells.filter(cell => ['expander', 'selection'].includes(cell.column.id))) !== null && _a !== void 0 ? _a : [];
               const notNullHeaderColumns = visibleColumns.filter(column => typeof column.Header !== 'function' && column.Header !== null && !column.isSubRow);
-              return jsxs(React__default.Fragment, {
+              return jsxs(React.Fragment, {
                 children: [jsx(TableRow$2, Object.assign({}, row.getRowProps(), {
                   children: row.cells.filter(cell => !cell.column.isSubRow).map((cell, index) => jsx(TableCell$2, Object.assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
                     css: Object.assign({
@@ -16394,7 +16437,7 @@ function Table({
                 }), void 0), row.isExpanded ? subRowCells.map(cell => jsxs(TableRow$2, Object.assign({
                   subRow: true
                 }, {
-                  children: [leftAddOnCells.map((_, index) => jsx("td", {}, index)), jsxs(React__default.Fragment, {
+                  children: [leftAddOnCells.map((_, index) => jsx("td", {}, index)), jsxs(React.Fragment, {
                     children: [jsx(TableCell$2, Object.assign({
                       subCell: true,
                       colSpan: notNullHeaderColumns.length > 5 ? 2 : 1,
@@ -16445,7 +16488,7 @@ function Table({
             paragraph: "shortContentRegular",
             color: "secondary"
           }, {
-            children: emptyDataMessage || 'Tidak ada data'
+            children: emptyDataMessage
           }), void 0)
         }), void 0)
       }), void 0)]
@@ -16461,9 +16504,13 @@ function Table({
       css: css
     }, void 0)]
   }), void 0);
-}
+} //Dummy component for mdx docs purpose only
 
-Table.displayName = 'Table';
+const TableColumn = _a => {
+  __rest(_a, ["id", "Header", "Cell", "isMobileHeader", "isSubRow", "unsortable", "isAction"]);
+
+  return jsx("div", {}, void 0);
+};
 
 var _jsxFileName$f = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
 
@@ -17831,6 +17878,10 @@ const TemplateAlertFunction = props => {
 
   const buttonCancel = () => {
     onCancelFunc();
+    buttonClose();
+  };
+
+  const buttonClose = () => {
     setOpen(false);
     ReactDOM.unmountComponentAtNode(document.getElementById('a-dialog'));
   };
@@ -17847,7 +17898,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 123,
+      lineNumber: 127,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
@@ -17858,14 +17909,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 124,
+      lineNumber: 128,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 125,
+      lineNumber: 129,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -17873,7 +17924,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 126,
+      lineNumber: 130,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -17881,18 +17932,18 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 127,
+      lineNumber: 131,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__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.createElement(CloseOutline, {
@@ -17900,7 +17951,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 129,
+      lineNumber: 133,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -17908,14 +17959,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 133,
+      lineNumber: 137,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 134,
+      lineNumber: 138,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -17925,7 +17976,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 135,
+      lineNumber: 139,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box$1, {
@@ -17937,7 +17988,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 137,
+      lineNumber: 141,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -17945,7 +17996,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 138,
+      lineNumber: 142,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -17959,7 +18010,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 139,
+      lineNumber: 143,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -17967,7 +18018,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 141,
+      lineNumber: 145,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -17977,7 +18028,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 142,
+      lineNumber: 146,
       columnNumber: 17
     }
   }, props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -17985,7 +18036,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 148,
+      lineNumber: 152,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -17999,7 +18050,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 149,
+      lineNumber: 153,
       columnNumber: 19
     }
   }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -18007,7 +18058,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 158,
+      lineNumber: 162,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -18020,7 +18071,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 159,
+      lineNumber: 163,
       columnNumber: 19
     }
   }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -18042,7 +18093,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 183,
+      lineNumber: 187,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
@@ -18053,14 +18104,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 184,
+      lineNumber: 188,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 185,
+      lineNumber: 189,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -18068,7 +18119,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 186,
+      lineNumber: 190,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(AlertDialogCancel, {
@@ -18076,7 +18127,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 187,
+      lineNumber: 191,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box$1, {
@@ -18087,7 +18138,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 188,
+      lineNumber: 192,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -18095,7 +18146,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 189,
+      lineNumber: 193,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18103,14 +18154,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 193,
+      lineNumber: 197,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 194,
+      lineNumber: 198,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -18120,7 +18171,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 195,
+      lineNumber: 199,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box$1, {
@@ -18132,7 +18183,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 197,
+      lineNumber: 201,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18140,7 +18191,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 198,
+      lineNumber: 202,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -18154,7 +18205,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 199,
+      lineNumber: 203,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -18162,7 +18213,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 201,
+      lineNumber: 205,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -18175,7 +18226,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 202,
+      lineNumber: 206,
       columnNumber: 17
     }
   }, props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -18183,7 +18234,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 208,
+      lineNumber: 212,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -18197,7 +18248,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 209,
+      lineNumber: 213,
       columnNumber: 19
     }
   }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -18205,7 +18256,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 218,
+      lineNumber: 222,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -18218,7 +18269,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 219,
+      lineNumber: 223,
       columnNumber: 19
     }
   }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -25926,4 +25977,4 @@ const Colors = props => {
   }, i.hex))));
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box$1 as Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputNumber, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, Link, LoadingBar, MajooProvider, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledSpan, StyledTitle$2 as StyledTitle, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TimePicker, ToastContext, Tooltip, Upload, addOnCellStyle, defaultFetchDataParams };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box$1 as Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputNumber, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, Link, LoadingBar, MajooProvider, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledSpan, StyledTitle$2 as StyledTitle, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableColumn, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TimePicker, ToastContext, Tooltip, Upload, addOnCellStyle, defaultFetchDataParams };