@majoo-ui/react 1.38.0 → 1.38.1

package/index.umd.js

@@ -46,7 +46,7 @@
   var ADialog__namespace = /*#__PURE__*/_interopNamespace(ADialog);
   var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 
-  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,
@@ -56,7 +56,7 @@
       className: theme,
       __self: this,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$_,
         lineNumber: 5,
         columnNumber: 10
       }
@@ -2232,9 +2232,9 @@
   };
   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: {
@@ -2408,7 +2408,7 @@
     let {
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
 
     return /*#__PURE__*/React__default["default"].createElement(GridComponent, _extends({}, props, {
       css: Object.assign({}, props.css, {
@@ -2419,7 +2419,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 178,
         columnNumber: 5
       }
@@ -2475,7 +2475,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 230,
         columnNumber: 5
       }
@@ -2492,8 +2492,8 @@
   };
   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',
@@ -2522,7 +2522,7 @@
       css,
       contentHeader
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDiv$1, _extends({
       id: "retina-container",
@@ -2532,7 +2532,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2754,8 +2754,8 @@
 
   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',
@@ -2978,7 +2978,7 @@
       rightIcon,
       icon
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
     return /*#__PURE__*/React__default["default"].createElement(ButtonComponent, _extends({
       className: className,
@@ -2996,28 +2996,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 241,
         columnNumber: 3
       }
     }), leftIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$3, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 253,
         columnNumber: 31
       }
     }, leftIcon) : null, icon ? /*#__PURE__*/React__default["default"].createElement(StyledIcon$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 254,
         columnNumber: 13
       }
     }, children) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children), rightIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconRight$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 255,
         columnNumber: 32
       }
@@ -3043,7 +3043,7 @@
     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',
@@ -3075,7 +3075,7 @@
       css: props.css,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 31,
         columnNumber: 5
       }
@@ -3096,8 +3096,8 @@
     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';
@@ -3262,7 +3262,7 @@
       captionOfAction,
       hrefOfAction
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const close = React__namespace.useCallback(() => {
@@ -3291,7 +3291,7 @@
       onExited: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 205,
         columnNumber: 5
       }
@@ -3303,7 +3303,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 216,
         columnNumber: 9
       }
@@ -3313,7 +3313,7 @@
       onClick: onClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 223,
         columnNumber: 11
       }
@@ -3321,7 +3321,7 @@
       direction: "column",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 224,
         columnNumber: 13
       }
@@ -3329,7 +3329,7 @@
       direction: "row",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 225,
         columnNumber: 15
       }
@@ -3337,7 +3337,7 @@
       variant: variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 226,
         columnNumber: 17
       }
@@ -3349,7 +3349,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 227,
         columnNumber: 17
       }
@@ -3357,7 +3357,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 235,
         columnNumber: 21
       }
@@ -3372,7 +3372,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 236,
         columnNumber: 23
       }
@@ -3381,7 +3381,7 @@
       color: "secondary",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 250,
         columnNumber: 19
       }
@@ -3395,7 +3395,7 @@
       hasTitle: !!title,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 254,
         columnNumber: 17
       }
@@ -3404,7 +3404,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 263,
         columnNumber: 19
       }
@@ -3420,7 +3420,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 267,
         columnNumber: 17
       }
@@ -3444,7 +3444,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.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: {
@@ -3486,7 +3486,7 @@
     return /*#__PURE__*/React__namespace.createElement(helpers.Portal, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3494,7 +3494,7 @@
       position: position,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 44,
         columnNumber: 7
       }
@@ -3505,7 +3505,7 @@
       }, toast, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$T,
+          fileName: _jsxFileName$U,
           lineNumber: 46,
           columnNumber: 18
         }
@@ -3513,8 +3513,8 @@
     })));
   };
 
-  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 = ({
@@ -3526,7 +3526,7 @@
       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;
@@ -3552,7 +3552,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 41,
         columnNumber: 5
       }
@@ -3561,7 +3561,7 @@
       position: TOP_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 43,
         columnNumber: 7
       }
@@ -3570,7 +3570,7 @@
       position: TOP_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 47,
         columnNumber: 7
       }
@@ -3579,7 +3579,7 @@
       position: BOTTOM_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 51,
         columnNumber: 7
       }
@@ -3588,14 +3588,14 @@
       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,
@@ -3608,14 +3608,14 @@
       theme: theme$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 15,
         columnNumber: 10
       }
     }, /*#__PURE__*/React__default["default"].createElement(ToastProvider, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 16,
         columnNumber: 5
       }
@@ -3629,8 +3629,8 @@
     disableGlobalStyle: PropTypes__default["default"].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__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
@@ -3712,7 +3712,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 91,
       columnNumber: 3
     }
@@ -3723,7 +3723,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 97,
       columnNumber: 3
     }
@@ -3735,7 +3735,7 @@
   }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 103,
       columnNumber: 3
     }
@@ -3748,7 +3748,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 105,
       columnNumber: 7
     }
@@ -3756,7 +3756,7 @@
   const BannerClose = () => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 116,
       columnNumber: 3
     }
@@ -3768,7 +3768,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 118,
       columnNumber: 7
     }
@@ -3777,7 +3777,7 @@
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$R,
       lineNumber: 125,
       columnNumber: 9
     }
@@ -3787,7 +3787,7 @@
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 133,
         columnNumber: 5
       }
@@ -3797,7 +3797,7 @@
       align: "end",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 134,
         columnNumber: 7
       }
@@ -3810,21 +3810,21 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 135,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 143,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 144,
         columnNumber: 33
       }
@@ -3833,7 +3833,7 @@
       variant: props.variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 147,
         columnNumber: 11
       }
@@ -3846,7 +3846,7 @@
       closeCenter: !props.title && !props.link,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 152,
         columnNumber: 7
       }
@@ -3855,7 +3855,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 160,
         columnNumber: 9
       }
@@ -3874,7 +3874,7 @@
       children,
       bannerBlock
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
 
     return /*#__PURE__*/React__namespace.createElement(StyledBanner, _extends({
       variant: variant,
@@ -3884,7 +3884,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 168,
         columnNumber: 5
       }
@@ -3901,7 +3901,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 170,
         columnNumber: 9
       }
@@ -3912,7 +3912,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 177,
         columnNumber: 11
       }
@@ -3926,7 +3926,7 @@
       onRemove: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 180,
         columnNumber: 9
       }
@@ -3950,8 +3950,8 @@
     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',
@@ -4088,7 +4088,7 @@
       textColor,
       icon
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
     return /*#__PURE__*/React__default["default"].createElement(CardComponent, {
       className: className,
@@ -4101,7 +4101,7 @@
       }, props.css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 103,
         columnNumber: 5
       }
@@ -4109,14 +4109,14 @@
       color: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 114,
         columnNumber: 7
       }
     }), title !== '' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 118,
         columnNumber: 13
       }
@@ -4125,14 +4125,14 @@
       iconColor: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 119,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 125,
         columnNumber: 13
       }
@@ -4196,8 +4196,8 @@
       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': {
@@ -4243,7 +4243,7 @@
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -4254,20 +4254,20 @@
     let {
       children
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbStyle, _extends({}, rest, {
       "aria-label": "breadcrumb",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 47,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Ol, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 48,
         columnNumber: 7
       }
@@ -4485,14 +4485,9 @@
     badgeVariant: 'subtle'
   };
   Badge.displayName = 'Badge';
-  ({
-    value: PropTypes__default["default"].number,
-    variant: PropTypes__default["default"].oneOf(['info', 'important', 'warning', 'success']),
-    type: PropTypes__default["default"].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__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4536,7 +4531,7 @@
       onClick,
       css
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({
       className: className,
@@ -4545,7 +4540,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 46,
         columnNumber: 5
       }
@@ -4555,7 +4550,7 @@
       onLoadingStatusChange: onLoadingStatusChange,
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 47,
         columnNumber: 21
       }
@@ -4563,21 +4558,21 @@
       delayMs: delayMs,
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 48,
         columnNumber: 7
       }
     }, children !== undefined ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children) : /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.UserFilled, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 53,
         columnNumber: 13
       }
@@ -4594,8 +4589,8 @@
     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',
@@ -4618,7 +4613,7 @@
       objectFit,
       fallback
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends({
       className: className,
@@ -4633,7 +4628,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 20,
         columnNumber: 9
       }
@@ -4653,8 +4648,8 @@
     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,
@@ -4759,14 +4754,14 @@
       color,
       withClick
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
     const [open, setOpen] = React.useState(false);
     return /*#__PURE__*/React__default["default"].createElement(TooltipBase, _extends({}, rest, {
       open: withClick ? open : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 89,
         columnNumber: 5
       }
@@ -4774,7 +4769,7 @@
       asChild: true,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 90,
         columnNumber: 7
       }
@@ -4782,7 +4777,7 @@
       onClick: () => withClick ? setOpen(!open) : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 91,
         columnNumber: 9
       }
@@ -4791,7 +4786,7 @@
       css: color === 'dark' ? dark : ligth,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 93,
         columnNumber: 7
       }
@@ -4799,7 +4794,7 @@
       css: color === 'dark' ? darkArrow : lightArrow,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 95,
         columnNumber: 9
       }
@@ -4815,8 +4810,8 @@
     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 = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -4934,7 +4929,7 @@
       rounded,
       width
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledProgress, _extends({
       className: className,
@@ -4950,7 +4945,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$K,
+        fileName: _jsxFileName$L,
         lineNumber: 88,
         columnNumber: 5
       }
@@ -4963,7 +4958,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$K,
+        fileName: _jsxFileName$L,
         lineNumber: 89,
         columnNumber: 7
       }
@@ -4986,8 +4981,8 @@
     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 {
@@ -4995,7 +4990,7 @@
       direction,
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, _extends({
       direction: direction,
@@ -5003,7 +4998,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 6,
         columnNumber: 3
       }
@@ -5020,8 +5015,8 @@
     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__namespace.Root, Text$1, {
     display: 'inline-block',
     fontSize: '$label',
@@ -5053,13 +5048,13 @@
       maxCount,
       labelCss
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 36,
         columnNumber: 5
       }
@@ -5069,7 +5064,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 37,
         columnNumber: 7
       }
@@ -5079,7 +5074,7 @@
       css: labelCss,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 38,
         columnNumber: 9
       }
@@ -5094,7 +5089,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 42,
         columnNumber: 11
       }
@@ -5102,14 +5097,14 @@
       label: tooltipLabel,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 56,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledHelpIcon, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 57,
         columnNumber: 13
       }
@@ -5118,7 +5113,7 @@
       color: "disable",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 62,
         columnNumber: 9
       }
@@ -5134,8 +5129,8 @@
   };
   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',
@@ -5153,7 +5148,7 @@
       children,
       error
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHelper, _extends({
       error: error,
@@ -5161,7 +5156,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 19,
         columnNumber: 3
       }
@@ -5173,7 +5168,7 @@
   };
   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__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5191,7 +5186,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5203,7 +5198,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5215,13 +5210,13 @@
     },
     __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__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5239,7 +5234,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5251,7 +5246,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5263,14 +5258,14 @@
     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__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -5327,7 +5322,7 @@
       disabled,
       onCheckedChange
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox, _extends({
       id: id,
@@ -5337,28 +5332,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 56,
         columnNumber: 3
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 63,
         columnNumber: 5
       }
     }, indeterminate ? /*#__PURE__*/React__default["default"].createElement(SvgMinusOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 63,
         columnNumber: 39
       }
     }) : /*#__PURE__*/React__default["default"].createElement(CheckOutline$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 63,
         columnNumber: 58
       }
@@ -5372,14 +5367,14 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 69,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 70,
         columnNumber: 7
       }
@@ -5395,14 +5390,14 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 71,
         columnNumber: 7
       }
     }, props.label)) : /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 86,
         columnNumber: 5
       }
@@ -5418,8 +5413,8 @@
   };
   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%',
@@ -5532,7 +5527,7 @@
       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');
@@ -5556,7 +5551,7 @@
       isElement: isElement,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$D,
+        fileName: _jsxFileName$E,
         lineNumber: 143,
         columnNumber: 10
       }
@@ -5869,8 +5864,8 @@
   };
   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',
@@ -5947,14 +5942,14 @@
       id,
       disabled
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       align: "center",
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 82,
         columnNumber: 3
       }
@@ -5964,14 +5959,14 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 83,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 84,
         columnNumber: 7
       }
@@ -5988,7 +5983,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 86,
         columnNumber: 5
       }
@@ -6031,8 +6026,8 @@
   };
   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',
@@ -6127,7 +6122,7 @@
       type,
       onRemove
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
     return /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, _extends({
       ref: ref,
@@ -6139,21 +6134,21 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 80,
         columnNumber: 7
       }
     }), icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 89,
         columnNumber: 31
       }
     }, icon) : null, /*#__PURE__*/React__default["default"].createElement(TagComponent$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 90,
         columnNumber: 9
       }
@@ -6162,7 +6157,7 @@
       onClick: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 92,
         columnNumber: 11
       }
@@ -6174,7 +6169,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 93,
         columnNumber: 13
       }
@@ -6196,8 +6191,8 @@
     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',
@@ -6316,7 +6311,7 @@
       readOnly,
       max
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
     const [tags, setTags] = React__default["default"].useState(value || []);
 
@@ -6346,14 +6341,14 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 129,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(TagContainer, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 139,
         columnNumber: 7
       }
@@ -6364,7 +6359,7 @@
         size: 10,
         __self: this,
         __source: {
-          fileName: _jsxFileName$A,
+          fileName: _jsxFileName$B,
           lineNumber: 144,
           columnNumber: 24
         }
@@ -6378,7 +6373,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 141,
         columnNumber: 11
       }
@@ -6392,7 +6387,7 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 157,
         columnNumber: 7
       }
@@ -6417,8 +6412,8 @@
     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__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -6490,7 +6485,7 @@
       dataOffLabel,
       disabled
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledSwitch, _extends({
       defaultChecked: defaultChecked,
@@ -6501,14 +6496,14 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$z,
+        fileName: _jsxFileName$A,
         lineNumber: 66,
         columnNumber: 3
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledThumb$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$z,
+        fileName: _jsxFileName$A,
         lineNumber: 74,
         columnNumber: 5
       }
@@ -6526,7 +6521,7 @@
   };
   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__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6536,7 +6531,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -6545,7 +6540,7 @@
     fill: "white",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -6555,7 +6550,7 @@
     d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM8.54289 8.54289C8.93342 8.15237 9.56658 8.15237 9.95711 8.54289L12 10.5858L14.0429 8.54289C14.4334 8.15237 15.0666 8.15237 15.4571 8.54289C15.8476 8.93342 15.8476 9.56658 15.4571 9.95711L13.4142 12L15.4571 14.0429C15.8476 14.4334 15.8476 15.0666 15.4571 15.4571C15.0666 15.8476 14.4334 15.8476 14.0429 15.4571L12 13.4142L9.95711 15.4571C9.56658 15.8476 8.93342 15.8476 8.54289 15.4571C8.15237 15.0666 8.15237 14.4334 8.54289 14.0429L10.5858 12L8.54289 9.95711C8.15237 9.56658 8.15237 8.93342 8.54289 8.54289Z",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 6,
       columnNumber: 7
     }
@@ -6566,7 +6561,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 12,
       columnNumber: 5
     }
@@ -6576,7 +6571,7 @@
     mask: "url(#path-1-inside-1_2883_7918)",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 18,
       columnNumber: 5
     }
@@ -6587,7 +6582,7 @@
     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__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6597,7 +6592,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -6609,7 +6604,7 @@
     strokeWidth: 2,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -6618,7 +6613,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 6,
       columnNumber: 5
     }
@@ -6629,15 +6624,15 @@
     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["default"].useState('');
     const handleChange = React__default["default"].useCallback(e => {
@@ -6659,7 +6654,7 @@
       css: props.css,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -6667,14 +6662,14 @@
       children: /*#__PURE__*/React__default["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
       }
@@ -6684,7 +6679,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 30,
         columnNumber: 7
       }
@@ -6692,14 +6687,14 @@
       children: value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(SvgCloseFilled, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$w,
+          fileName: _jsxFileName$x,
           lineNumber: 31,
           columnNumber: 55
         }
       }) : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$w,
+          fileName: _jsxFileName$x,
           lineNumber: 31,
           columnNumber: 73
         }
@@ -6707,7 +6702,7 @@
       onClick: handleClearButtonClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 31,
         columnNumber: 7
       }
@@ -7066,8 +7061,8 @@
     ];
   });
 
-  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',
@@ -7286,7 +7281,7 @@
       onSearch,
       readOnly
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
     const [item, setItem] = React__namespace.useState(option || []);
 
@@ -7332,7 +7327,7 @@
       initialSelectedItem: value !== undefined ? value : null,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 260,
         columnNumber: 5
       }
@@ -7351,7 +7346,7 @@
       css: css,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 278,
         columnNumber: 9
       }
@@ -7363,7 +7358,7 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 279,
         columnNumber: 11
       }
@@ -7373,7 +7368,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 286,
         columnNumber: 15
       }
@@ -7384,7 +7379,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 288,
         columnNumber: 19
       }
@@ -7392,14 +7387,14 @@
       children: /*#__PURE__*/React__namespace.createElement(icons.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
       }
@@ -7413,7 +7408,7 @@
     }), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 290,
         columnNumber: 21
       }
@@ -7427,7 +7422,7 @@
     }), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 298,
         columnNumber: 19
       }
@@ -7439,7 +7434,7 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 307,
         columnNumber: 15
       }
@@ -7448,7 +7443,7 @@
       css: StyledText,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 314,
         columnNumber: 19
       }
@@ -7457,7 +7452,7 @@
       css: StyledText,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 318,
         columnNumber: 19
       }
@@ -7468,7 +7463,7 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 325,
         columnNumber: 15
       }
@@ -7476,7 +7471,7 @@
       color: iconColor,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 330,
         columnNumber: 17
       }
@@ -7487,14 +7482,14 @@
       placement: placement,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 334,
         columnNumber: 11
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(SelectOption, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 336,
         columnNumber: 15
       }
@@ -7517,7 +7512,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 338,
           columnNumber: 19
         }
@@ -7525,14 +7520,14 @@
     })) : /*#__PURE__*/React__namespace.createElement(SelectOption, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 360,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(StyledDiv, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 361,
         columnNumber: 17
       }
@@ -7542,7 +7537,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 362,
         columnNumber: 19
       }
@@ -7554,7 +7549,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 363,
         columnNumber: 21
       }
@@ -7626,7 +7621,7 @@
     }
   });
 
-  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__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -7644,7 +7639,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$u,
+      fileName: _jsxFileName$v,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -7656,7 +7651,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$u,
+      fileName: _jsxFileName$v,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -7668,13 +7663,13 @@
     },
     __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',
@@ -7894,7 +7889,7 @@
     return /*#__PURE__*/React__namespace.createElement(Wrapper, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 209,
         columnNumber: 5
       }
@@ -7903,7 +7898,7 @@
       disabled: disabled,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 210,
         columnNumber: 7
       }
@@ -7911,7 +7906,7 @@
       disabled: disabled,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 212,
         columnNumber: 11
       }
@@ -7932,7 +7927,7 @@
         size: 10,
         __self: this,
         __source: {
-          fileName: _jsxFileName$t,
+          fileName: _jsxFileName$u,
           lineNumber: 224,
           columnNumber: 28
         }
@@ -7945,7 +7940,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 214,
         columnNumber: 15
       }
@@ -7954,7 +7949,7 @@
     })), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 237,
         columnNumber: 9
       }
@@ -7966,21 +7961,21 @@
     })), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 238,
         columnNumber: 11
       }
     }))), /*#__PURE__*/React__namespace.createElement(IconWrapper, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 244,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(IconCaretDown, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 245,
         columnNumber: 11
       }
@@ -7990,14 +7985,14 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 248,
         columnNumber: 7
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(Option, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 250,
         columnNumber: 11
       }
@@ -8009,7 +8004,7 @@
     }), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 253,
         columnNumber: 17
       }
@@ -8021,7 +8016,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 260,
         columnNumber: 19
       }
@@ -8029,7 +8024,7 @@
       color: colors.iconGreen,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 261,
         columnNumber: 53
       }
@@ -8040,14 +8035,14 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 263,
         columnNumber: 19
       }
     }, item.name)))) : /*#__PURE__*/React__namespace.createElement(Option, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 275,
         columnNumber: 11
       }
@@ -8057,7 +8052,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 276,
         columnNumber: 13
       }
@@ -8077,8 +8072,8 @@
     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__*/React.createContext();
   const Popover = ({
     children,
@@ -8115,7 +8110,7 @@
       value: value,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$s,
+        fileName: _jsxFileName$t,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -8157,7 +8152,7 @@
       returnFocus: false,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$s,
+        fileName: _jsxFileName$t,
         lineNumber: 60,
         columnNumber: 5
       }
@@ -8172,7 +8167,7 @@
     }), {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$s,
+        fileName: _jsxFileName$t,
         lineNumber: 61,
         columnNumber: 7
       }
@@ -8182,7 +8177,7 @@
     let {
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
     const {
       setOpenState
@@ -8194,7 +8189,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$s,
+        fileName: _jsxFileName$t,
         lineNumber: 84,
         columnNumber: 5
       }
@@ -8208,8 +8203,8 @@
   };
   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 = react.styled(SliderPrimitive__namespace.Root, {
     position: 'relative',
     display: 'flex',
@@ -8468,7 +8463,7 @@
       width,
       height
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledSlider, _extends({
       className: className,
@@ -8491,7 +8486,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 160,
         columnNumber: 5
       }
@@ -8500,7 +8495,7 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 181,
         columnNumber: 7
       }
@@ -8508,7 +8503,7 @@
       color: color,
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 182,
         columnNumber: 9
       }
@@ -8517,7 +8512,7 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 184,
         columnNumber: 7
       }
@@ -8553,8 +8548,8 @@
     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',
@@ -8654,7 +8649,7 @@
       type,
       size
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
     return /*#__PURE__*/React__default["default"].createElement(TagWrapper, _extends({
       ref: ref,
@@ -8666,7 +8661,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 63,
         columnNumber: 5
       }
@@ -8674,14 +8669,14 @@
       type: type,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 72,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(TagComponent, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 73,
         columnNumber: 7
       }
@@ -8761,9 +8756,9 @@
   });
   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__namespace.Root, {
     display: 'inline-flex',
     borderRadius: '$md',
@@ -8887,7 +8882,7 @@
       loop,
       size
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
     return /*#__PURE__*/React__default["default"].createElement(ButtonGroupComponent, _extends({
       className: className,
@@ -8905,7 +8900,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 111,
         columnNumber: 5
       }
@@ -8958,21 +8953,21 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 164,
         columnNumber: 5
       }
     }), leftIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 172,
         columnNumber: 33
       }
     }, leftIcon) : null, children, rightIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconRight, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 174,
         columnNumber: 34
       }
@@ -8990,44 +8985,28 @@
     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: {
@@ -9036,12 +9015,6 @@
           right: '14%'
         }
       },
-      variant: {
-        dot: {
-          minWidth: 8,
-          height: 8
-        }
-      },
       anchorVertical: {
         top: {
           top: 0
@@ -9057,23 +9030,6 @@
         left: {
           left: 0
         }
-      },
-      color: {
-        red: {
-          backgroundColor: '$hlFailed'
-        },
-        green: {
-          backgroundColor: '$hlSuccess'
-        },
-        blue: {
-          backgroundColor: '$hlNews'
-        },
-        yellow: {
-          backgroundColor: '$hlProcess'
-        },
-        orange: {
-          backgroundColor: '$hlPending'
-        }
       }
     },
     compoundVariants: [{
@@ -9103,19 +9059,58 @@
     }],
     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["default"].createElement(NotificationBadgeRootStyle, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$p,
+        lineNumber: 91,
+        columnNumber: 5
+      }
+    }, children, /*#__PURE__*/React__default["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__default["default"].oneOf(['left', 'right']),
     anchorVertical: PropTypes__default["default"].oneOf(['top', 'bottom']),
-    color: PropTypes__default["default"].oneOf(['red', 'green', 'blue', 'yellow', 'orange']),
-    textColor: PropTypes__default["default"].oneOf(['primary', 'secondary', 'disable', 'green', 'red', 'white']),
-    variant: PropTypes__default["default"].oneOf(['dot', undefined]),
-    value: PropTypes__default["default"].number
-  });
+    variant: PropTypes__default["default"].oneOf(['info', 'important', 'warning', 'success']),
+    type: PropTypes__default["default"].oneOf(['default', 'increase', 'decrease']),
+    value: PropTypes__default["default"].number,
+    dot: PropTypes__default["default"].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";
@@ -17937,6 +17932,7 @@
   exports.ModalDialogTitle = ModalDialogTitle;
   exports.ModalDialogTrigger = ModalDialogTrigger;
   exports.NativeTimePicker = NativeTimePicker;
+  exports.NotificationBadge = NotificationBadge;
   exports.PageContainer = PageContainer;
   exports.PageDialog = PageDialog;
   exports.PageDialogContent = PageDialogContent;