@majoo-ui/react 1.38.0 → 1.38.1

package/index.esm.js

@@ -30,7 +30,7 @@ import debounce from 'lodash.debounce';
 import * as ADialog from '@radix-ui/react-alert-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
-var _jsxFileName$Z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+var _jsxFileName$_ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
 function ThemeProvider({
   theme,
@@ -40,7 +40,7 @@ function ThemeProvider({
     className: theme,
     __self: this,
     __source: {
-      fileName: _jsxFileName$Z,
+      fileName: _jsxFileName$_,
       lineNumber: 5,
       columnNumber: 10
     }
@@ -2216,9 +2216,9 @@ Flex$1.defaultProps = {
 };
 Flex$1.displayName = 'Flex';
 
-const _excluded$B = ["children"],
+const _excluded$C = ["children"],
       _excluded2$3 = ["children"];
-var _jsxFileName$Y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+var _jsxFileName$Z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
   variants: {
@@ -2392,7 +2392,7 @@ const Grid = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
 
   return /*#__PURE__*/React__default.createElement(GridComponent, _extends({}, props, {
     css: Object.assign({}, props.css, {
@@ -2403,7 +2403,7 @@ const Grid = _ref => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 178,
       columnNumber: 5
     }
@@ -2459,7 +2459,7 @@ const GridItem = _ref2 => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$Z,
       lineNumber: 230,
       columnNumber: 5
     }
@@ -2476,8 +2476,8 @@ GridItem.propTypes = {
 };
 GridItem.displayName = 'Grid Item';
 
-const _excluded$A = ["children", "isCollapse", "css", "contentHeader"];
-var _jsxFileName$X = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
+var _jsxFileName$Y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
 const StyledDiv$1 = styled(Flex$1, {
   justifyContent: 'center',
   marginLeft: 'auto',
@@ -2506,7 +2506,7 @@ const PageContainer = _ref => {
     css,
     contentHeader
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
   return /*#__PURE__*/React__default.createElement(StyledDiv$1, _extends({
     id: "retina-container",
@@ -2516,7 +2516,7 @@ const PageContainer = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$X,
+      fileName: _jsxFileName$Y,
       lineNumber: 28,
       columnNumber: 5
     }
@@ -2738,8 +2738,8 @@ Paragraph.defaultProps = {
 
 Paragraph.displayName = 'Paragraph';
 
-const _excluded$z = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-var _jsxFileName$W = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
+const _excluded$A = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
+var _jsxFileName$X = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
 const ButtonPrimary = {
   backgroundColor: '$btnPrimary',
   color: '$textWhite',
@@ -2962,7 +2962,7 @@ const Button$1 = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     rightIcon,
     icon
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
   return /*#__PURE__*/React__default.createElement(ButtonComponent, _extends({
     className: className,
@@ -2980,28 +2980,28 @@ const Button$1 = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 241,
       columnNumber: 3
     }
   }), leftIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft$3, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       lineNumber: 253,
       columnNumber: 31
     }
   }, leftIcon) : null, icon ? /*#__PURE__*/React__default.createElement(StyledIcon$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$X,
       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$W,
+      fileName: _jsxFileName$X,
       lineNumber: 255,
       columnNumber: 32
     }
@@ -3027,7 +3027,7 @@ Button$1.defaultProps = {
   icon: false
 };
 
-var _jsxFileName$V = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\button\\ButtonLink.js";
+var _jsxFileName$W = "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',
@@ -3059,7 +3059,7 @@ const Link = props => {
     css: props.css,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$W,
       lineNumber: 31,
       columnNumber: 5
     }
@@ -3080,8 +3080,8 @@ Link.defaultProps = {
   onClick: () => {}
 };
 
-const _excluded$y = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-var _jsxFileName$U = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+const _excluded$z = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
+var _jsxFileName$V = "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';
@@ -3246,7 +3246,7 @@ const Toast = _ref => {
     captionOfAction,
     hrefOfAction
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
   const [isOpen, setIsOpen] = React.useState(false);
   const close = React.useCallback(() => {
@@ -3275,7 +3275,7 @@ const Toast = _ref => {
     onExited: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 205,
       columnNumber: 5
     }
@@ -3287,7 +3287,7 @@ const Toast = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 216,
       columnNumber: 9
     }
@@ -3297,7 +3297,7 @@ const Toast = _ref => {
     onClick: onClick,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 223,
       columnNumber: 11
     }
@@ -3305,7 +3305,7 @@ const Toast = _ref => {
     direction: "column",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 224,
       columnNumber: 13
     }
@@ -3313,7 +3313,7 @@ const Toast = _ref => {
     direction: "row",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 225,
       columnNumber: 15
     }
@@ -3321,7 +3321,7 @@ const Toast = _ref => {
     variant: variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 226,
       columnNumber: 17
     }
@@ -3333,7 +3333,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 227,
       columnNumber: 17
     }
@@ -3341,7 +3341,7 @@ const Toast = _ref => {
     justify: "between",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 235,
       columnNumber: 21
     }
@@ -3356,7 +3356,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 236,
       columnNumber: 23
     }
@@ -3365,7 +3365,7 @@ const Toast = _ref => {
     color: "secondary",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 250,
       columnNumber: 19
     }
@@ -3379,7 +3379,7 @@ const Toast = _ref => {
     hasTitle: !!title,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 254,
       columnNumber: 17
     }
@@ -3388,7 +3388,7 @@ const Toast = _ref => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 263,
       columnNumber: 19
     }
@@ -3404,7 +3404,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$V,
       lineNumber: 267,
       columnNumber: 17
     }
@@ -3428,7 +3428,7 @@ Toast.defaultProps = {
 
 const ToastContext = /*#__PURE__*/React.createContext({});
 
-var _jsxFileName$T = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+var _jsxFileName$U = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
 const ToastBox = styled(Flex$1, {
   position: 'fixed',
   variants: {
@@ -3470,7 +3470,7 @@ const ToastContainer = ({
   return /*#__PURE__*/React.createElement(Portal, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 43,
       columnNumber: 5
     }
@@ -3478,7 +3478,7 @@ const ToastContainer = ({
     position: position,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$U,
       lineNumber: 44,
       columnNumber: 7
     }
@@ -3489,7 +3489,7 @@ const ToastContainer = ({
     }, toast, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 46,
         columnNumber: 18
       }
@@ -3497,8 +3497,8 @@ const ToastContainer = ({
   })));
 };
 
-const _excluded$x = ["id"];
-var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+const _excluded$y = ["id"];
+var _jsxFileName$T = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
 let toastCount = 0;
 
 const ToastProvider = ({
@@ -3510,7 +3510,7 @@ const ToastProvider = ({
     const {
       id
     } = toast,
-          rest = _objectWithoutPropertiesLoose(toast, _excluded$x); // eslint-disable-next-line no-plusplus
+          rest = _objectWithoutPropertiesLoose(toast, _excluded$y); // eslint-disable-next-line no-plusplus
 
 
     const uniqueId = ++toastCount;
@@ -3536,7 +3536,7 @@ const ToastProvider = ({
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 41,
       columnNumber: 5
     }
@@ -3545,7 +3545,7 @@ const ToastProvider = ({
     position: TOP_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 43,
       columnNumber: 7
     }
@@ -3554,7 +3554,7 @@ const ToastProvider = ({
     position: TOP_LEFT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 47,
       columnNumber: 7
     }
@@ -3563,7 +3563,7 @@ const ToastProvider = ({
     position: BOTTOM_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 51,
       columnNumber: 7
     }
@@ -3572,14 +3572,14 @@ const ToastProvider = ({
     position: BOTTOM_LEFT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$T,
       lineNumber: 55,
       columnNumber: 7
     }
   }));
 };
 
-var _jsxFileName$R = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
 function MajooProvider({
   children,
@@ -3592,14 +3592,14 @@ function MajooProvider({
     theme: theme$1,
     __self: this,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 15,
       columnNumber: 10
     }
   }, /*#__PURE__*/React__default.createElement(ToastProvider, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 16,
       columnNumber: 5
     }
@@ -3613,8 +3613,8 @@ MajooProvider.propTypes = {
   disableGlobalStyle: PropTypes.bool
 };
 
-const _excluded$w = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-var _jsxFileName$Q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
+var _jsxFileName$R = "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%',
@@ -3696,7 +3696,7 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title, _extends({
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 91,
     columnNumber: 3
   }
@@ -3707,7 +3707,7 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 97,
     columnNumber: 3
   }
@@ -3719,7 +3719,7 @@ const BannerLink = ({
 }) => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 103,
     columnNumber: 3
   }
@@ -3732,7 +3732,7 @@ const BannerLink = ({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 105,
     columnNumber: 7
   }
@@ -3740,7 +3740,7 @@ const BannerLink = ({
 const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 116,
     columnNumber: 3
   }
@@ -3752,7 +3752,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 118,
     columnNumber: 7
   }
@@ -3761,7 +3761,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   size: "16px",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$Q,
+    fileName: _jsxFileName$R,
     lineNumber: 125,
     columnNumber: 9
   }
@@ -3771,7 +3771,7 @@ const SingleTagBanner = props => {
   return /*#__PURE__*/React.createElement(React.Fragment, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 133,
       columnNumber: 5
     }
@@ -3781,7 +3781,7 @@ const SingleTagBanner = props => {
     align: "end",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 134,
       columnNumber: 7
     }
@@ -3794,21 +3794,21 @@ const SingleTagBanner = props => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 135,
       columnNumber: 9
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 143,
       columnNumber: 27
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 144,
       columnNumber: 33
     }
@@ -3817,7 +3817,7 @@ const SingleTagBanner = props => {
     variant: props.variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 147,
       columnNumber: 11
     }
@@ -3830,7 +3830,7 @@ const SingleTagBanner = props => {
     closeCenter: !props.title && !props.link,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 152,
       columnNumber: 7
     }
@@ -3839,7 +3839,7 @@ const SingleTagBanner = props => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 160,
       columnNumber: 9
     }
@@ -3858,7 +3858,7 @@ const Banner = _ref => {
     children,
     bannerBlock
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
 
   return /*#__PURE__*/React.createElement(StyledBanner, _extends({
     variant: variant,
@@ -3868,7 +3868,7 @@ const Banner = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 168,
       columnNumber: 5
     }
@@ -3885,7 +3885,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 170,
       columnNumber: 9
     }
@@ -3896,7 +3896,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 177,
       columnNumber: 11
     }
@@ -3910,7 +3910,7 @@ const Banner = _ref => {
     onRemove: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 180,
       columnNumber: 9
     }
@@ -3934,8 +3934,8 @@ Banner.defaultProps = {
   variant: 'info'
 };
 
-const _excluded$v = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-var _jsxFileName$P = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
+var _jsxFileName$Q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
 const CardComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -4072,7 +4072,7 @@ const Card = _ref => {
     textColor,
     icon
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
   return /*#__PURE__*/React__default.createElement(CardComponent, {
     className: className,
@@ -4085,7 +4085,7 @@ const Card = _ref => {
     }, props.css),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$Q,
       lineNumber: 103,
       columnNumber: 5
     }
@@ -4093,14 +4093,14 @@ const Card = _ref => {
     color: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$Q,
       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$P,
+      fileName: _jsxFileName$Q,
       lineNumber: 118,
       columnNumber: 13
     }
@@ -4109,14 +4109,14 @@ const Card = _ref => {
     iconColor: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$Q,
       lineNumber: 119,
       columnNumber: 15
     }
   }, icon), title) : /*#__PURE__*/React__default.createElement(StyledTitle$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$Q,
       lineNumber: 125,
       columnNumber: 13
     }
@@ -4169,8 +4169,8 @@ function __rest(s, e) {
     return t;
 }
 
-const _excluded$u = ["children"];
-var _jsxFileName$O = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+const _excluded$v = ["children"];
+var _jsxFileName$P = "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': {
@@ -4216,7 +4216,7 @@ const BreadcrumbLinkBase = props => {
   return /*#__PURE__*/React__default.createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 42,
       columnNumber: 10
     }
@@ -4227,20 +4227,20 @@ const BreadcrumbBase = _ref => {
   let {
     children
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
   return /*#__PURE__*/React__default.createElement(BreadcrumbStyle, _extends({}, rest, {
     "aria-label": "breadcrumb",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 47,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Ol, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$P,
       lineNumber: 48,
       columnNumber: 7
     }
@@ -4460,14 +4460,9 @@ Badge.defaultProps = {
   badgeVariant: 'subtle'
 };
 Badge.displayName = 'Badge';
-({
-  value: PropTypes.number,
-  variant: PropTypes.oneOf(['info', 'important', 'warning', 'success']),
-  type: PropTypes.oneOf(['default', 'increase', 'decrease'])
-});
 
-const _excluded$t = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-var _jsxFileName$N = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+const _excluded$u = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
+var _jsxFileName$O = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
 const StyledAvatar = styled(AvatarPrimitive.Root, {
   width: '32px',
   height: '32px',
@@ -4511,7 +4506,7 @@ function Avatar(_ref) {
     onClick,
     css
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   return /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
     className: className,
@@ -4520,7 +4515,7 @@ function Avatar(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$N,
+      fileName: _jsxFileName$O,
       lineNumber: 46,
       columnNumber: 5
     }
@@ -4530,7 +4525,7 @@ function Avatar(_ref) {
     onLoadingStatusChange: onLoadingStatusChange,
     __self: this,
     __source: {
-      fileName: _jsxFileName$N,
+      fileName: _jsxFileName$O,
       lineNumber: 47,
       columnNumber: 21
     }
@@ -4538,21 +4533,21 @@ function Avatar(_ref) {
     delayMs: delayMs,
     __self: this,
     __source: {
-      fileName: _jsxFileName$N,
+      fileName: _jsxFileName$O,
       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$N,
+      fileName: _jsxFileName$O,
       lineNumber: 52,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(UserFilled, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$N,
+      fileName: _jsxFileName$O,
       lineNumber: 53,
       columnNumber: 13
     }
@@ -4569,8 +4564,8 @@ Avatar.defaultProps = {
   delayMs: 0
 };
 
-const _excluded$s = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+const _excluded$t = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
+var _jsxFileName$N = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
 const StyledImage = styled('img', {
   display: 'inline-block',
   alignItems: 'center',
@@ -4593,7 +4588,7 @@ function Image$1(_ref) {
     objectFit,
     fallback
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   return /*#__PURE__*/React__default.createElement(StyledImage, _extends({
     className: className,
@@ -4608,7 +4603,7 @@ function Image$1(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$M,
+      fileName: _jsxFileName$N,
       lineNumber: 20,
       columnNumber: 9
     }
@@ -4628,8 +4623,8 @@ Image$1.defaultProps = {
   rounded: false
 };
 
-const _excluded$r = ["children", "label", "color", "contentCss", "withClick"];
-var _jsxFileName$L = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+const _excluded$s = ["children", "label", "color", "contentCss", "withClick"];
+var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
 const slideUpAndFade$1 = keyframes({
   '0%': {
     opacity: 0,
@@ -4734,14 +4729,14 @@ const Tooltip = _ref => {
     color,
     withClick
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   const [open, setOpen] = useState(false);
   return /*#__PURE__*/React__default.createElement(TooltipBase, _extends({}, rest, {
     open: withClick ? open : undefined,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 89,
       columnNumber: 5
     }
@@ -4749,7 +4744,7 @@ const Tooltip = _ref => {
     asChild: true,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 90,
       columnNumber: 7
     }
@@ -4757,7 +4752,7 @@ const Tooltip = _ref => {
     onClick: () => withClick ? setOpen(!open) : undefined,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 91,
       columnNumber: 9
     }
@@ -4766,7 +4761,7 @@ const Tooltip = _ref => {
     css: color === 'dark' ? dark : ligth,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 93,
       columnNumber: 7
     }
@@ -4774,7 +4769,7 @@ const Tooltip = _ref => {
     css: color === 'dark' ? darkArrow : lightArrow,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$L,
+      fileName: _jsxFileName$M,
       lineNumber: 95,
       columnNumber: 9
     }
@@ -4790,8 +4785,8 @@ Tooltip.defaultProps = {
   color: 'light'
 };
 
-const _excluded$q = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-var _jsxFileName$K = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+const _excluded$r = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
+var _jsxFileName$L = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
 const StyledProgress = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
@@ -4909,7 +4904,7 @@ function Progress(_ref) {
     rounded,
     width
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
   return /*#__PURE__*/React__default.createElement(StyledProgress, _extends({
     className: className,
@@ -4925,7 +4920,7 @@ function Progress(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$K,
+      fileName: _jsxFileName$L,
       lineNumber: 88,
       columnNumber: 5
     }
@@ -4938,7 +4933,7 @@ function Progress(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$K,
+      fileName: _jsxFileName$L,
       lineNumber: 89,
       columnNumber: 7
     }
@@ -4961,8 +4956,8 @@ Progress.defaultProps = {
   rounded: true
 };
 
-const _excluded$p = ["gap", "direction", "children"];
-var _jsxFileName$J = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+const _excluded$q = ["gap", "direction", "children"];
+var _jsxFileName$K = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
 
 const FormGroup = _ref => {
   let {
@@ -4970,7 +4965,7 @@ const FormGroup = _ref => {
     direction,
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
   return /*#__PURE__*/React__default.createElement(Flex$1, _extends({
     direction: direction,
@@ -4978,7 +4973,7 @@ const FormGroup = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$J,
+      fileName: _jsxFileName$K,
       lineNumber: 6,
       columnNumber: 3
     }
@@ -4995,8 +4990,8 @@ FormGroup.defaultProps = {
   direction: 'column'
 };
 
-const _excluded$o = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
-var _jsxFileName$I = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+const _excluded$p = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
+var _jsxFileName$J = "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',
@@ -5028,13 +5023,13 @@ const FormLabel = _ref => {
     maxCount,
     labelCss
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
   return /*#__PURE__*/React__default.createElement(Flex$1, {
     justify: "between",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 36,
       columnNumber: 5
     }
@@ -5044,7 +5039,7 @@ const FormLabel = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 37,
       columnNumber: 7
     }
@@ -5054,7 +5049,7 @@ const FormLabel = _ref => {
     css: labelCss,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 38,
       columnNumber: 9
     }
@@ -5069,7 +5064,7 @@ const FormLabel = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 42,
       columnNumber: 11
     }
@@ -5077,14 +5072,14 @@ const FormLabel = _ref => {
     label: tooltipLabel,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 56,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(StyledHelpIcon, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 57,
       columnNumber: 13
     }
@@ -5093,7 +5088,7 @@ const FormLabel = _ref => {
     color: "disable",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$I,
+      fileName: _jsxFileName$J,
       lineNumber: 62,
       columnNumber: 9
     }
@@ -5109,8 +5104,8 @@ FormLabel.propTypes = {
 };
 FormLabel.displayName = 'FormLabel';
 
-const _excluded$n = ["children", "error"];
-var _jsxFileName$H = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+const _excluded$o = ["children", "error"];
+var _jsxFileName$I = "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',
@@ -5128,7 +5123,7 @@ const FormHelper = _ref => {
     children,
     error
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
 
   return /*#__PURE__*/React__default.createElement(StyledHelper, _extends({
     error: error,
@@ -5136,7 +5131,7 @@ const FormHelper = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$H,
+      fileName: _jsxFileName$I,
       lineNumber: 19,
       columnNumber: 3
     }
@@ -5148,7 +5143,7 @@ FormHelper.propTypes = {
 };
 FormHelper.displayName = 'FormHelper';
 
-var _jsxFileName$G = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+var _jsxFileName$H = "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",
@@ -5166,7 +5161,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$G,
+    fileName: _jsxFileName$H,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -5178,7 +5173,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$G,
+    fileName: _jsxFileName$H,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -5190,13 +5185,13 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$G,
+    fileName: _jsxFileName$H,
     lineNumber: 26,
     columnNumber: 5
   }
 }));
 
-var _jsxFileName$F = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+var _jsxFileName$G = "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",
@@ -5214,7 +5209,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$F,
+    fileName: _jsxFileName$G,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -5226,7 +5221,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$F,
+    fileName: _jsxFileName$G,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -5238,14 +5233,14 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
   d: "M14.31 10.41H3.9v-2.6h10.41z",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$F,
+    fileName: _jsxFileName$G,
     lineNumber: 26,
     columnNumber: 5
   }
 }));
 
-const _excluded$m = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label"];
-var _jsxFileName$E = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+const _excluded$n = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label"];
+var _jsxFileName$F = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
 const StyledIndicator$1 = styled(CheckboxPrimitive.Indicator, {
   alignItems: 'center',
   display: 'flex',
@@ -5302,7 +5297,7 @@ const Checkbox = _ref => {
     disabled,
     onCheckedChange
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
   return /*#__PURE__*/React__default.createElement(StyledCheckbox, _extends({
     id: id,
@@ -5312,28 +5307,28 @@ const Checkbox = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 56,
       columnNumber: 3
     }
   }), /*#__PURE__*/React__default.createElement(StyledIndicator$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 63,
       columnNumber: 5
     }
   }, indeterminate ? /*#__PURE__*/React__default.createElement(SvgMinusOutline, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 63,
       columnNumber: 39
     }
   }) : /*#__PURE__*/React__default.createElement(CheckOutline$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 63,
       columnNumber: 58
     }
@@ -5347,14 +5342,14 @@ const InputCheckbox = _ref2 => {
     gap: 4,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 69,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 70,
       columnNumber: 7
     }
@@ -5370,14 +5365,14 @@ const InputCheckbox = _ref2 => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 71,
       columnNumber: 7
     }
   }, props.label)) : /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$E,
+      fileName: _jsxFileName$F,
       lineNumber: 86,
       columnNumber: 5
     }
@@ -5393,8 +5388,8 @@ InputCheckbox.propTypes = {
 };
 InputCheckbox.displayName = 'InputCheckbox';
 
-const _excluded$l = ["children", "size"];
-var _jsxFileName$D = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+const _excluded$m = ["children", "size"];
+var _jsxFileName$E = "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%',
@@ -5507,7 +5502,7 @@ const InputGroup = _ref => {
     children,
     size = 'lg'
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
 
   const isLetter = children.some(child => child.type.name === 'InputPrefix' || child.type.name === 'InputSuffix' || child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
   const isElement = children.some(child => child.type.name === 'InputLeftElement' || child.type.name === 'InputRightElement');
@@ -5531,7 +5526,7 @@ const InputGroup = _ref => {
     isElement: isElement,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$D,
+      fileName: _jsxFileName$E,
       lineNumber: 143,
       columnNumber: 10
     }
@@ -5844,8 +5839,8 @@ InputRadioGroup.propTypes = {
 };
 InputRadioGroup.displayName = 'InputRadioGroup';
 
-const _excluded$k = ["id", "disabled"];
-var _jsxFileName$C = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+const _excluded$l = ["id", "disabled"];
+var _jsxFileName$D = "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',
@@ -5922,14 +5917,14 @@ const InputRadio = _ref => {
     id,
     disabled
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
   return /*#__PURE__*/React__default.createElement(Flex$1, {
     align: "center",
     gap: 4,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 82,
       columnNumber: 3
     }
@@ -5939,14 +5934,14 @@ const InputRadio = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 83,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(StyledIndicator, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 84,
       columnNumber: 7
     }
@@ -5963,7 +5958,7 @@ const InputRadio = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$C,
+      fileName: _jsxFileName$D,
       lineNumber: 86,
       columnNumber: 5
     }
@@ -6006,8 +6001,8 @@ InputRightElement.propTypes = {
 };
 InputRightElement.name = 'InputRightElement';
 
-const _excluded$j = ["className", "children", "onClick", "size", "icon", "isRemovable", "disable", "type", "onRemove"];
-var _jsxFileName$B = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+const _excluded$k = ["className", "children", "onClick", "size", "icon", "isRemovable", "disable", "type", "onRemove"];
+var _jsxFileName$C = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
 const TagWrapper$2 = styled('div', {
   boxSizing: 'border-box',
   listStyle: 'none',
@@ -6102,7 +6097,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     type,
     onRemove
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
   return /*#__PURE__*/React__default.createElement(TagWrapper$2, _extends({
     ref: ref,
@@ -6114,21 +6109,21 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 80,
       columnNumber: 7
     }
   }), icon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 89,
       columnNumber: 31
     }
   }, icon) : null, /*#__PURE__*/React__default.createElement(TagComponent$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 90,
       columnNumber: 9
     }
@@ -6137,7 +6132,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     onClick: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 92,
       columnNumber: 11
     }
@@ -6149,7 +6144,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$B,
+      fileName: _jsxFileName$C,
       lineNumber: 93,
       columnNumber: 13
     }
@@ -6171,8 +6166,8 @@ Tag.defaultProps = {
   type: 'default'
 };
 
-const _excluded$i = ["className", "size", "isInvalid", "placeholder", "onChange", "value", "disabled", "readOnly", "max"];
-var _jsxFileName$A = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+const _excluded$j = ["className", "size", "isInvalid", "placeholder", "onChange", "value", "disabled", "readOnly", "max"];
+var _jsxFileName$B = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
 const InputTagsComponent = styled('div', {
   display: 'flex',
   position: 'relative',
@@ -6291,7 +6286,7 @@ function TagsInput(_ref) {
     readOnly,
     max
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
   const [tags, setTags] = React__default.useState(value || []);
 
@@ -6321,14 +6316,14 @@ function TagsInput(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$A,
+      fileName: _jsxFileName$B,
       lineNumber: 129,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(TagContainer, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$A,
+      fileName: _jsxFileName$B,
       lineNumber: 139,
       columnNumber: 7
     }
@@ -6339,7 +6334,7 @@ function TagsInput(_ref) {
       size: 10,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 144,
         columnNumber: 24
       }
@@ -6353,7 +6348,7 @@ function TagsInput(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$A,
+      fileName: _jsxFileName$B,
       lineNumber: 141,
       columnNumber: 11
     }
@@ -6367,7 +6362,7 @@ function TagsInput(_ref) {
     readOnly: readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$A,
+      fileName: _jsxFileName$B,
       lineNumber: 157,
       columnNumber: 7
     }
@@ -6392,8 +6387,8 @@ TagsInput.defaultProps = {
   readOnly: false
 };
 
-const _excluded$h = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-var _jsxFileName$z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+const _excluded$i = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
+var _jsxFileName$A = "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',
@@ -6465,7 +6460,7 @@ const InputSwitch = _ref => {
     dataOffLabel,
     disabled
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
   return /*#__PURE__*/React__default.createElement(StyledSwitch, _extends({
     defaultChecked: defaultChecked,
@@ -6476,14 +6471,14 @@ const InputSwitch = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$z,
+      fileName: _jsxFileName$A,
       lineNumber: 66,
       columnNumber: 3
     }
   }), /*#__PURE__*/React__default.createElement(StyledThumb$1, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$z,
+      fileName: _jsxFileName$A,
       lineNumber: 74,
       columnNumber: 5
     }
@@ -6501,7 +6496,7 @@ InputSwitch.propTypes = {
 };
 InputSwitch.displayName = 'InputSwitch';
 
-var _jsxFileName$y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+var _jsxFileName$z = "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,
@@ -6511,7 +6506,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$y,
+    fileName: _jsxFileName$z,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -6520,7 +6515,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   fill: "white",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$y,
+    fileName: _jsxFileName$z,
     lineNumber: 5,
     columnNumber: 5
   }
@@ -6530,7 +6525,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$y,
+    fileName: _jsxFileName$z,
     lineNumber: 6,
     columnNumber: 7
   }
@@ -6541,7 +6536,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   fill: props.color,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$y,
+    fileName: _jsxFileName$z,
     lineNumber: 12,
     columnNumber: 5
   }
@@ -6551,7 +6546,7 @@ const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends
   mask: "url(#path-1-inside-1_2883_7918)",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$y,
+    fileName: _jsxFileName$z,
     lineNumber: 18,
     columnNumber: 5
   }
@@ -6562,7 +6557,7 @@ SvgCloseFilled.defaultProps = {
   size: 24
 };
 
-var _jsxFileName$x = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+var _jsxFileName$y = "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,
@@ -6572,7 +6567,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$x,
+    fileName: _jsxFileName$y,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -6584,7 +6579,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
   strokeWidth: 2,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$x,
+    fileName: _jsxFileName$y,
     lineNumber: 5,
     columnNumber: 5
   }
@@ -6593,7 +6588,7 @@ const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _exten
   fill: props.color,
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$x,
+    fileName: _jsxFileName$y,
     lineNumber: 6,
     columnNumber: 5
   }
@@ -6604,15 +6599,15 @@ SvgSearchOutline.defaultProps = {
   size: 24
 };
 
-const _excluded$g = ["size", "onChange"];
-var _jsxFileName$w = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+const _excluded$h = ["size", "onChange"];
+var _jsxFileName$x = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
 const InputSearchbox = _ref => {
   let {
     size,
     onChange
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
   const [value, setValue] = React__default.useState('');
   const handleChange = React__default.useCallback(e => {
@@ -6634,7 +6629,7 @@ const InputSearchbox = _ref => {
     css: props.css,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$w,
+      fileName: _jsxFileName$x,
       lineNumber: 28,
       columnNumber: 5
     }
@@ -6642,14 +6637,14 @@ const InputSearchbox = _ref => {
     children: /*#__PURE__*/React__default.createElement(SvgSearchOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 29,
         columnNumber: 35
       }
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$w,
+      fileName: _jsxFileName$x,
       lineNumber: 29,
       columnNumber: 7
     }
@@ -6659,7 +6654,7 @@ const InputSearchbox = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$w,
+      fileName: _jsxFileName$x,
       lineNumber: 30,
       columnNumber: 7
     }
@@ -6667,14 +6662,14 @@ const InputSearchbox = _ref => {
     children: value.length > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 31,
         columnNumber: 55
       }
     }) : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 31,
         columnNumber: 73
       }
@@ -6682,7 +6677,7 @@ const InputSearchbox = _ref => {
     onClick: handleClearButtonClick,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$w,
+      fileName: _jsxFileName$x,
       lineNumber: 31,
       columnNumber: 7
     }
@@ -7041,8 +7036,8 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
   ];
 });
 
-const _excluded$f = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css", "onSearch", "readOnly"];
-var _jsxFileName$v = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
+const _excluded$g = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css", "onSearch", "readOnly"];
+var _jsxFileName$w = "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',
@@ -7261,7 +7256,7 @@ function Select$1(_ref) {
     onSearch,
     readOnly
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   const [item, setItem] = React.useState(option || []);
 
@@ -7307,7 +7302,7 @@ function Select$1(_ref) {
     initialSelectedItem: value !== undefined ? value : null,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 260,
       columnNumber: 5
     }
@@ -7326,7 +7321,7 @@ function Select$1(_ref) {
     css: css,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 278,
       columnNumber: 9
     }
@@ -7338,7 +7333,7 @@ function Select$1(_ref) {
     readOnly: readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 279,
       columnNumber: 11
     }
@@ -7348,7 +7343,7 @@ function Select$1(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 286,
       columnNumber: 15
     }
@@ -7359,7 +7354,7 @@ function Select$1(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 288,
       columnNumber: 19
     }
@@ -7367,14 +7362,14 @@ function Select$1(_ref) {
     children: /*#__PURE__*/React.createElement(SearchOutline, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 289,
         columnNumber: 49
       }
     }),
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 289,
       columnNumber: 21
     }
@@ -7388,7 +7383,7 @@ function Select$1(_ref) {
   }), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 290,
       columnNumber: 21
     }
@@ -7402,7 +7397,7 @@ function Select$1(_ref) {
   }), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 298,
       columnNumber: 19
     }
@@ -7414,7 +7409,7 @@ function Select$1(_ref) {
     readOnly: readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 307,
       columnNumber: 15
     }
@@ -7423,7 +7418,7 @@ function Select$1(_ref) {
     css: StyledText,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 314,
       columnNumber: 19
     }
@@ -7432,7 +7427,7 @@ function Select$1(_ref) {
     css: StyledText,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 318,
       columnNumber: 19
     }
@@ -7443,7 +7438,7 @@ function Select$1(_ref) {
     readOnly: readOnly,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 325,
       columnNumber: 15
     }
@@ -7451,7 +7446,7 @@ function Select$1(_ref) {
     color: iconColor,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 330,
       columnNumber: 17
     }
@@ -7462,14 +7457,14 @@ function Select$1(_ref) {
     placement: placement,
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 334,
       columnNumber: 11
     }
   }, item.length !== 0 ? /*#__PURE__*/React.createElement(SelectOption, _extends({}, getMenuProps(), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 336,
       columnNumber: 15
     }
@@ -7492,7 +7487,7 @@ function Select$1(_ref) {
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 338,
         columnNumber: 19
       }
@@ -7500,14 +7495,14 @@ function Select$1(_ref) {
   })) : /*#__PURE__*/React.createElement(SelectOption, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 360,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(StyledDiv, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 361,
       columnNumber: 17
     }
@@ -7517,7 +7512,7 @@ function Select$1(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 362,
       columnNumber: 19
     }
@@ -7529,7 +7524,7 @@ function Select$1(_ref) {
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$v,
+      fileName: _jsxFileName$w,
       lineNumber: 363,
       columnNumber: 21
     }
@@ -7601,7 +7596,7 @@ $$4({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_RE
   }
 });
 
-var _jsxFileName$u = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
+var _jsxFileName$v = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
 
 const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -7619,7 +7614,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$u,
+    fileName: _jsxFileName$v,
     lineNumber: 4,
     columnNumber: 3
   }
@@ -7631,7 +7626,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$u,
+    fileName: _jsxFileName$v,
     lineNumber: 19,
     columnNumber: 5
   }
@@ -7643,13 +7638,13 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$u,
+    fileName: _jsxFileName$v,
     lineNumber: 26,
     columnNumber: 5
   }
 }));
 
-var _jsxFileName$t = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+var _jsxFileName$u = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
 const Wrapper = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -7869,7 +7864,7 @@ function SelectTag({
   return /*#__PURE__*/React.createElement(Wrapper, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 209,
       columnNumber: 5
     }
@@ -7878,7 +7873,7 @@ function SelectTag({
     disabled: disabled,
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 210,
       columnNumber: 7
     }
@@ -7886,7 +7881,7 @@ function SelectTag({
     disabled: disabled,
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 212,
       columnNumber: 11
     }
@@ -7907,7 +7902,7 @@ function SelectTag({
       size: 10,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 224,
         columnNumber: 28
       }
@@ -7920,7 +7915,7 @@ function SelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 214,
       columnNumber: 15
     }
@@ -7929,7 +7924,7 @@ function SelectTag({
   })), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 237,
       columnNumber: 9
     }
@@ -7941,21 +7936,21 @@ function SelectTag({
   })), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 238,
       columnNumber: 11
     }
   }))), /*#__PURE__*/React.createElement(IconWrapper, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 244,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(IconCaretDown, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 245,
       columnNumber: 11
     }
@@ -7965,14 +7960,14 @@ function SelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 248,
       columnNumber: 7
     }
   }, item.length !== 0 ? /*#__PURE__*/React.createElement(Option, _extends({}, getMenuProps(), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 250,
       columnNumber: 11
     }
@@ -7984,7 +7979,7 @@ function SelectTag({
   }), {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 253,
       columnNumber: 17
     }
@@ -7996,7 +7991,7 @@ function SelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 260,
       columnNumber: 19
     }
@@ -8004,7 +7999,7 @@ function SelectTag({
     color: colors.iconGreen,
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 261,
       columnNumber: 53
     }
@@ -8015,14 +8010,14 @@ function SelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 263,
       columnNumber: 19
     }
   }, item.name)))) : /*#__PURE__*/React.createElement(Option, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 275,
       columnNumber: 11
     }
@@ -8032,7 +8027,7 @@ function SelectTag({
     },
     __self: this,
     __source: {
-      fileName: _jsxFileName$t,
+      fileName: _jsxFileName$u,
       lineNumber: 276,
       columnNumber: 13
     }
@@ -8052,8 +8047,8 @@ SelectTag.defaultProps = {
   disabled: false
 };
 
-const _excluded$e = ["children"];
-var _jsxFileName$s = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
+const _excluded$f = ["children"];
+var _jsxFileName$t = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
 const PopoverContext = /*#__PURE__*/createContext();
 const Popover = ({
   children,
@@ -8090,7 +8085,7 @@ const Popover = ({
     value: value,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$s,
+      fileName: _jsxFileName$t,
       lineNumber: 42,
       columnNumber: 10
     }
@@ -8132,7 +8127,7 @@ const PopoverContent = ({
     returnFocus: false,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$s,
+      fileName: _jsxFileName$t,
       lineNumber: 60,
       columnNumber: 5
     }
@@ -8147,7 +8142,7 @@ const PopoverContent = ({
   }), {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$s,
+      fileName: _jsxFileName$t,
       lineNumber: 61,
       columnNumber: 7
     }
@@ -8157,7 +8152,7 @@ const PopoverClose = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
   const {
     setOpenState
@@ -8169,7 +8164,7 @@ const PopoverClose = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$s,
+      fileName: _jsxFileName$t,
       lineNumber: 84,
       columnNumber: 5
     }
@@ -8183,8 +8178,8 @@ Popover.propTypes = {
 };
 Popover.displayName = 'Popover';
 
-const _excluded$d = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-var _jsxFileName$r = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
+const _excluded$e = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
+var _jsxFileName$s = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
 const StyledSlider = styled$1(SliderPrimitive.Root, {
   position: 'relative',
   display: 'flex',
@@ -8443,7 +8438,7 @@ function Slider(_ref) {
     width,
     height
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   return /*#__PURE__*/React__default.createElement(StyledSlider, _extends({
     className: className,
@@ -8466,7 +8461,7 @@ function Slider(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$r,
+      fileName: _jsxFileName$s,
       lineNumber: 160,
       columnNumber: 5
     }
@@ -8475,7 +8470,7 @@ function Slider(_ref) {
     size: size,
     __self: this,
     __source: {
-      fileName: _jsxFileName$r,
+      fileName: _jsxFileName$s,
       lineNumber: 181,
       columnNumber: 7
     }
@@ -8483,7 +8478,7 @@ function Slider(_ref) {
     color: color,
     __self: this,
     __source: {
-      fileName: _jsxFileName$r,
+      fileName: _jsxFileName$s,
       lineNumber: 182,
       columnNumber: 9
     }
@@ -8492,7 +8487,7 @@ function Slider(_ref) {
     size: size,
     __self: this,
     __source: {
-      fileName: _jsxFileName$r,
+      fileName: _jsxFileName$s,
       lineNumber: 184,
       columnNumber: 7
     }
@@ -8528,8 +8523,8 @@ Slider.defaultProps = {
   size: 'm'
 };
 
-const _excluded$c = ["className", "children", "onClick", "type", "size"];
-var _jsxFileName$q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
+const _excluded$d = ["className", "children", "onClick", "type", "size"];
+var _jsxFileName$r = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
 const TagWrapper = styled('div', {
   boxSizing: 'border-box',
   fontSize: '12px',
@@ -8629,7 +8624,7 @@ const TagStatus = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     type,
     size
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   return /*#__PURE__*/React__default.createElement(TagWrapper, _extends({
     ref: ref,
@@ -8641,7 +8636,7 @@ const TagStatus = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$q,
+      fileName: _jsxFileName$r,
       lineNumber: 63,
       columnNumber: 5
     }
@@ -8649,14 +8644,14 @@ const TagStatus = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     type: type,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$q,
+      fileName: _jsxFileName$r,
       lineNumber: 72,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(TagComponent, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$q,
+      fileName: _jsxFileName$r,
       lineNumber: 73,
       columnNumber: 7
     }
@@ -8736,9 +8731,9 @@ const StyledSeparator$1 = styled(SeparatorPrimitive.Root, {
 });
 const Separator = StyledSeparator$1;
 
-const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
+const _excluded$c = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
       _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-var _jsxFileName$p = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
+var _jsxFileName$q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
 const ButtonGroupComponent = styled(ToggleGroupPrimitive.Root, {
   display: 'inline-flex',
   borderRadius: '$md',
@@ -8862,7 +8857,7 @@ function ButtonGroup$1(_ref) {
     loop,
     size
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
   return /*#__PURE__*/React__default.createElement(ButtonGroupComponent, _extends({
     className: className,
@@ -8880,7 +8875,7 @@ function ButtonGroup$1(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$p,
+      fileName: _jsxFileName$q,
       lineNumber: 111,
       columnNumber: 5
     }
@@ -8933,21 +8928,21 @@ function ButtonGroupItem(_ref2) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$p,
+      fileName: _jsxFileName$q,
       lineNumber: 164,
       columnNumber: 5
     }
   }), leftIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$p,
+      fileName: _jsxFileName$q,
       lineNumber: 172,
       columnNumber: 33
     }
   }, leftIcon) : null, children, rightIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconRight, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$p,
+      fileName: _jsxFileName$q,
       lineNumber: 174,
       columnNumber: 34
     }
@@ -8965,44 +8960,28 @@ ButtonGroupItem.defaultProps = {
   isToggle: true
 };
 
-styled('span', {
+const _excluded$b = ["children", "value", "type"];
+var _jsxFileName$p = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
+const NotificationBadgeRootStyle = styled('span', {
   position: 'relative',
   display: 'inline-flex',
   verticalAlign: 'middle',
   flexShrink: 0
 });
-styled('span', {
+const NotificationBadgeStyle = styled(Badge, {
   position: 'absolute',
-  minWidth: 20,
-  height: 20,
-  borderRadius: 10,
-  border: '1px solid #FFFFFF',
-  color: '$white',
-  fontSize: '0.75rem',
-  display: 'flex',
-  flexFlow: 'row wrap',
-  placeContent: 'center',
-  alignItems: 'center',
-  lineHeight: 1,
+  padding: '3px 5px 3px 5px',
+  borderRadius: 50,
+  fontWeight: 500,
+  fontStyle: 'normal',
+  fontSize: 10,
   variants: {
-    textColor: {
-      primary: {
-        color: '$textPrimary'
-      },
-      secondary: {
-        color: '$textSecondary'
-      },
-      disable: {
-        color: '$textDisable'
-      },
-      green: {
-        color: '$textGreen'
-      },
-      red: {
-        color: '$textRed'
-      },
-      white: {
-        color: '$white'
+    dot: {
+      true: {
+        minWidth: 8,
+        height: 8,
+        border: '1px solid #FFFFFF',
+        padding: 0
       }
     },
     overlap: {
@@ -9011,12 +8990,6 @@ styled('span', {
         right: '14%'
       }
     },
-    variant: {
-      dot: {
-        minWidth: 8,
-        height: 8
-      }
-    },
     anchorVertical: {
       top: {
         top: 0
@@ -9032,23 +9005,6 @@ styled('span', {
       left: {
         left: 0
       }
-    },
-    color: {
-      red: {
-        backgroundColor: '$hlFailed'
-      },
-      green: {
-        backgroundColor: '$hlSuccess'
-      },
-      blue: {
-        backgroundColor: '$hlNews'
-      },
-      yellow: {
-        backgroundColor: '$hlProcess'
-      },
-      orange: {
-        backgroundColor: '$hlPending'
-      }
     }
   },
   compoundVariants: [{
@@ -9078,19 +9034,58 @@ styled('span', {
   }],
   defaultVariants: {
     anchorVertical: 'top',
-    anchorHorizontal: 'right',
-    color: 'red',
-    textColor: 'white'
+    anchorHorizontal: 'right'
   }
 });
-({
+
+const NotificationBadge = _ref => {
+  var _typeBadge$type;
+
+  let {
+    children,
+    value,
+    type
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+
+  const typeBadge = {
+    default: '',
+    increase: '+',
+    decrease: '-'
+  };
+  return /*#__PURE__*/React__default.createElement(NotificationBadgeRootStyle, {
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$p,
+      lineNumber: 91,
+      columnNumber: 5
+    }
+  }, children, /*#__PURE__*/React__default.createElement(NotificationBadgeStyle, _extends({}, props, {
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$p,
+      lineNumber: 93,
+      columnNumber: 7
+    }
+  }), (_typeBadge$type = typeBadge[type]) != null ? _typeBadge$type : '', value));
+};
+
+NotificationBadge.defaultProps = {
+  anchorHorizontal: 'right',
+  anchorVertical: 'top',
+  variant: 'important',
+  value: undefined,
+  type: 'default',
+  dot: false
+};
+NotificationBadge.propTypes = {
   anchorHorizontal: PropTypes.oneOf(['left', 'right']),
   anchorVertical: PropTypes.oneOf(['top', 'bottom']),
-  color: PropTypes.oneOf(['red', 'green', 'blue', 'yellow', 'orange']),
-  textColor: PropTypes.oneOf(['primary', 'secondary', 'disable', 'green', 'red', 'white']),
-  variant: PropTypes.oneOf(['dot', undefined]),
-  value: PropTypes.number
-});
+  variant: PropTypes.oneOf(['info', 'important', 'warning', 'success']),
+  type: PropTypes.oneOf(['default', 'increase', 'decrease']),
+  value: PropTypes.number,
+  dot: PropTypes.bool
+};
 
 const _excluded$a = ["className", "children", "radius", "padding", "width", "height"];
 var _jsxFileName$o = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
@@ -17807,4 +17802,4 @@ const Colors = props => {
   }, i.hex))));
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box$1 as Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$1 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Colors, DateColumn, DatePicker, DecimalColumn, 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, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, Image$1 as Image, InputCheckbox, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputPrefix, InputRadio, InputRadioGroup, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, SelectTag as InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, Link, MajooProvider, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator, Slider, StyledBox, StyledDropdown, StyledSpan, StyledTitle$2 as StyledTitle, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody, TableContent, TableFoot, TableFootCell, TableFootRow, TableHead, TableHeadCellContent, TableHeaderCellContainer, Tabs, TabsContent, TabsList, 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, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box$1 as Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$1 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Colors, DateColumn, DatePicker, DecimalColumn, 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, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, Image$1 as Image, InputCheckbox, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputPrefix, InputRadio, InputRadioGroup, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, SelectTag as InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, Link, 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, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator, Slider, StyledBox, StyledDropdown, StyledSpan, StyledTitle$2 as StyledTitle, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody, TableContent, TableFoot, TableFootCell, TableFootRow, TableHead, TableHeadCellContent, TableHeaderCellContainer, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagStatus, Text$1 as Text, TimePicker, ToastContext, Tooltip, Upload, addOnCellStyle, defaultFetchDataParams };