@majoo-ui/react 1.39.0 → 1.39.1-alpha

package/index.esm.js

@@ -6,7 +6,7 @@ import { foundations } from '@majoo-ui/core';
 import { CloseOutline, UserFilled, CircleQuestionOutline, SearchOutline, CaretDownOutline, CircleInfoOutline, ChevronDownOutline, ChevronLeftOutline, ChevronRightOutline, ChevronUpOutline, CalendarOutline, ArrowLeftOutline, ArrowRightOutline, SortingOutline, EllipsisHorizontalOutline, CloseFilled, EyeOutline, CheckFilled, UploadOutline } from '@majoo-ui/icons';
 import { Transition } from 'react-transition-group';
 import { Portal } from '@majoo-ui/helpers';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -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$$ = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+var _jsxFileName$_ = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
 function ThemeProvider({
   theme,
@@ -40,7 +40,7 @@ function ThemeProvider({
     className: theme,
     __self: this,
     __source: {
-      fileName: _jsxFileName$$,
+      fileName: _jsxFileName$_,
       lineNumber: 5,
       columnNumber: 10
     }
@@ -2166,9 +2166,9 @@ Flex$1.defaultProps = {
 };
 Flex$1.displayName = 'Flex';
 
-const _excluded$C = ["children"],
+const _excluded$B = ["children"],
       _excluded2$3 = ["children"];
-var _jsxFileName$_ = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
   variants: {
@@ -2342,7 +2342,7 @@ const Grid = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
   return /*#__PURE__*/React__default.createElement(GridComponent, _extends({}, props, {
     css: Object.assign({}, props.css, {
@@ -2353,7 +2353,7 @@ const Grid = _ref => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$Z,
       lineNumber: 178,
       columnNumber: 5
     }
@@ -2409,7 +2409,7 @@ const GridItem = _ref2 => {
     }),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$_,
+      fileName: _jsxFileName$Z,
       lineNumber: 230,
       columnNumber: 5
     }
@@ -2426,8 +2426,8 @@ GridItem.propTypes = {
 };
 GridItem.displayName = 'Grid Item';
 
-const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
-var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+const _excluded$A = ["children", "isCollapse", "css", "contentHeader"];
+var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
 const StyledDiv$1 = styled(Flex$1, {
   justifyContent: 'center',
   marginLeft: 'auto',
@@ -2456,7 +2456,7 @@ const PageContainer = _ref => {
     css,
     contentHeader
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
   return /*#__PURE__*/React__default.createElement(StyledDiv$1, _extends({
     id: "retina-container",
@@ -2466,7 +2466,7 @@ const PageContainer = _ref => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Z,
+      fileName: _jsxFileName$Y,
       lineNumber: 28,
       columnNumber: 5
     }
@@ -2688,8 +2688,8 @@ Paragraph.defaultProps = {
 
 Paragraph.displayName = 'Paragraph';
 
-const _excluded$A = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
+const _excluded$z = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
+var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
 const ButtonPrimary = {
   backgroundColor: '$btnPrimary',
   color: '$textWhite',
@@ -2912,7 +2912,7 @@ const Button$1 = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     rightIcon,
     icon
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
   return /*#__PURE__*/React__default.createElement(ButtonComponent, _extends({
     className: className,
@@ -2930,28 +2930,28 @@ const Button$1 = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$X,
       lineNumber: 241,
       columnNumber: 3
     }
   }), leftIcon !== undefined ? /*#__PURE__*/React__default.createElement(StyledIconLeft$3, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      fileName: _jsxFileName$X,
       lineNumber: 253,
       columnNumber: 31
     }
   }, leftIcon) : null, icon ? /*#__PURE__*/React__default.createElement(StyledIcon$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Y,
+      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$Y,
+      fileName: _jsxFileName$X,
       lineNumber: 255,
       columnNumber: 32
     }
@@ -2977,7 +2977,7 @@ Button$1.defaultProps = {
   icon: false
 };
 
-var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\ButtonLink.js";
+var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\ButtonLink.js";
 const StyledLink = styled('a', {
   fontSize: '$short-content-regular',
   textDecoration: 'underline',
@@ -3009,7 +3009,7 @@ const Link = props => {
     css: props.css,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$X,
+      fileName: _jsxFileName$W,
       lineNumber: 31,
       columnNumber: 5
     }
@@ -3030,8 +3030,8 @@ Link.defaultProps = {
   onClick: () => {}
 };
 
-const _excluded$z = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+const _excluded$y = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
+var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
 const TOAST_WIDTH = 576;
 const ANIMATION_DURATION = 400;
 const TOP_RIGHT_POSITION = 'top-right';
@@ -3196,7 +3196,7 @@ const Toast = _ref => {
     captionOfAction,
     hrefOfAction
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
 
   const [isOpen, setIsOpen] = React.useState(false);
   const close = React.useCallback(() => {
@@ -3225,7 +3225,7 @@ const Toast = _ref => {
     onExited: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 205,
       columnNumber: 5
     }
@@ -3237,7 +3237,7 @@ const Toast = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 216,
       columnNumber: 9
     }
@@ -3247,7 +3247,7 @@ const Toast = _ref => {
     onClick: onClick,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 223,
       columnNumber: 11
     }
@@ -3255,7 +3255,7 @@ const Toast = _ref => {
     direction: "column",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 224,
       columnNumber: 13
     }
@@ -3263,7 +3263,7 @@ const Toast = _ref => {
     direction: "row",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 225,
       columnNumber: 15
     }
@@ -3271,7 +3271,7 @@ const Toast = _ref => {
     variant: variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 226,
       columnNumber: 17
     }
@@ -3283,7 +3283,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 227,
       columnNumber: 17
     }
@@ -3291,7 +3291,7 @@ const Toast = _ref => {
     justify: "between",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 235,
       columnNumber: 21
     }
@@ -3306,7 +3306,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 236,
       columnNumber: 23
     }
@@ -3315,7 +3315,7 @@ const Toast = _ref => {
     color: "secondary",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 250,
       columnNumber: 19
     }
@@ -3329,7 +3329,7 @@ const Toast = _ref => {
     hasTitle: !!title,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 254,
       columnNumber: 17
     }
@@ -3338,7 +3338,7 @@ const Toast = _ref => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 263,
       columnNumber: 19
     }
@@ -3354,7 +3354,7 @@ const Toast = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$W,
+      fileName: _jsxFileName$V,
       lineNumber: 267,
       columnNumber: 17
     }
@@ -3378,7 +3378,7 @@ Toast.defaultProps = {
 
 const ToastContext = /*#__PURE__*/React.createContext({});
 
-var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
 const ToastBox = styled(Flex$1, {
   position: 'fixed',
   variants: {
@@ -3420,7 +3420,7 @@ const ToastContainer = ({
   return /*#__PURE__*/React.createElement(Portal, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$U,
       lineNumber: 43,
       columnNumber: 5
     }
@@ -3428,7 +3428,7 @@ const ToastContainer = ({
     position: position,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$V,
+      fileName: _jsxFileName$U,
       lineNumber: 44,
       columnNumber: 7
     }
@@ -3439,7 +3439,7 @@ const ToastContainer = ({
     }, toast, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$U,
         lineNumber: 46,
         columnNumber: 18
       }
@@ -3447,8 +3447,8 @@ const ToastContainer = ({
   })));
 };
 
-const _excluded$y = ["id"];
-var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+const _excluded$x = ["id"];
+var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
 let toastCount = 0;
 
 const ToastProvider = ({
@@ -3460,7 +3460,7 @@ const ToastProvider = ({
     const {
       id
     } = toast,
-          rest = _objectWithoutPropertiesLoose(toast, _excluded$y); // eslint-disable-next-line no-plusplus
+          rest = _objectWithoutPropertiesLoose(toast, _excluded$x); // eslint-disable-next-line no-plusplus
 
 
     const uniqueId = ++toastCount;
@@ -3486,7 +3486,7 @@ const ToastProvider = ({
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$T,
       lineNumber: 41,
       columnNumber: 5
     }
@@ -3495,7 +3495,7 @@ const ToastProvider = ({
     position: TOP_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$T,
       lineNumber: 43,
       columnNumber: 7
     }
@@ -3504,7 +3504,7 @@ const ToastProvider = ({
     position: TOP_LEFT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$T,
       lineNumber: 47,
       columnNumber: 7
     }
@@ -3513,7 +3513,7 @@ const ToastProvider = ({
     position: BOTTOM_RIGHT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$T,
       lineNumber: 51,
       columnNumber: 7
     }
@@ -3522,14 +3522,14 @@ const ToastProvider = ({
     position: BOTTOM_LEFT_POSITION,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$U,
+      fileName: _jsxFileName$T,
       lineNumber: 55,
       columnNumber: 7
     }
   }));
 };
 
-var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
 function MajooProvider({
   children,
@@ -3542,14 +3542,14 @@ function MajooProvider({
     theme: theme$1,
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$S,
       lineNumber: 15,
       columnNumber: 10
     }
   }, /*#__PURE__*/React__default.createElement(ToastProvider, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$T,
+      fileName: _jsxFileName$S,
       lineNumber: 16,
       columnNumber: 5
     }
@@ -3563,8 +3563,8 @@ MajooProvider.propTypes = {
   disableGlobalStyle: PropTypes.bool
 };
 
-const _excluded$x = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+const _excluded$w = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
+var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
 const Context$2 = /*#__PURE__*/React.createContext();
 const StyledBanner = styled(Flex$1, {
   maxWidth: '100%',
@@ -3646,7 +3646,7 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title, _extends({
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 91,
     columnNumber: 3
   }
@@ -3657,7 +3657,7 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
 }, props, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 97,
     columnNumber: 3
   }
@@ -3669,7 +3669,7 @@ const BannerLink = ({
 }) => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 103,
     columnNumber: 3
   }
@@ -3682,7 +3682,7 @@ const BannerLink = ({
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 105,
     columnNumber: 7
   }
@@ -3690,7 +3690,7 @@ const BannerLink = ({
 const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 116,
     columnNumber: 3
   }
@@ -3702,7 +3702,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   },
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 118,
     columnNumber: 7
   }
@@ -3711,7 +3711,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   size: "16px",
   __self: undefined,
   __source: {
-    fileName: _jsxFileName$S,
+    fileName: _jsxFileName$R,
     lineNumber: 125,
     columnNumber: 9
   }
@@ -3721,7 +3721,7 @@ const SingleTagBanner = props => {
   return /*#__PURE__*/React.createElement(React.Fragment, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 133,
       columnNumber: 5
     }
@@ -3731,7 +3731,7 @@ const SingleTagBanner = props => {
     align: "end",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 134,
       columnNumber: 7
     }
@@ -3744,21 +3744,21 @@ const SingleTagBanner = props => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 135,
       columnNumber: 9
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 143,
       columnNumber: 27
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 144,
       columnNumber: 33
     }
@@ -3767,7 +3767,7 @@ const SingleTagBanner = props => {
     variant: props.variant,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 147,
       columnNumber: 11
     }
@@ -3780,7 +3780,7 @@ const SingleTagBanner = props => {
     closeCenter: !props.title && !props.link,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 152,
       columnNumber: 7
     }
@@ -3789,7 +3789,7 @@ const SingleTagBanner = props => {
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 160,
       columnNumber: 9
     }
@@ -3808,7 +3808,7 @@ const Banner = _ref => {
     children,
     bannerBlock
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
   return /*#__PURE__*/React.createElement(StyledBanner, _extends({
     variant: variant,
@@ -3818,7 +3818,7 @@ const Banner = _ref => {
   }, rest, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 168,
       columnNumber: 5
     }
@@ -3835,7 +3835,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 170,
       columnNumber: 9
     }
@@ -3846,7 +3846,7 @@ const Banner = _ref => {
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 177,
       columnNumber: 11
     }
@@ -3860,7 +3860,7 @@ const Banner = _ref => {
     onRemove: onRemove,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 180,
       columnNumber: 9
     }
@@ -3884,8 +3884,8 @@ Banner.defaultProps = {
   variant: 'info'
 };
 
-const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+const _excluded$v = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
+var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
 const CardComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -4022,7 +4022,7 @@ const Card = _ref => {
     textColor,
     icon
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
   return /*#__PURE__*/React__default.createElement(CardComponent, {
     className: className,
@@ -4035,7 +4035,7 @@ const Card = _ref => {
     }, props.css),
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$Q,
       lineNumber: 103,
       columnNumber: 5
     }
@@ -4043,14 +4043,14 @@ const Card = _ref => {
     color: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      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$R,
+      fileName: _jsxFileName$Q,
       lineNumber: 118,
       columnNumber: 13
     }
@@ -4059,14 +4059,14 @@ const Card = _ref => {
     iconColor: color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$Q,
       lineNumber: 119,
       columnNumber: 15
     }
   }, icon), title) : /*#__PURE__*/React__default.createElement(StyledTitle$2, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$Q,
       lineNumber: 125,
       columnNumber: 13
     }
@@ -4119,8 +4119,8 @@ function __rest(s, e) {
     return t;
 }
 
-const _excluded$v = ["children"];
-var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+const _excluded$u = ["children"];
+var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
 const BreadcrumbStyle = styled('nav', {
   wordWrap: 'break-word',
   '& li+li:before': {
@@ -4166,7 +4166,7 @@ const BreadcrumbLinkBase = props => {
   return /*#__PURE__*/React__default.createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$P,
       lineNumber: 42,
       columnNumber: 10
     }
@@ -4177,20 +4177,20 @@ const BreadcrumbBase = _ref => {
   let {
     children
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   return /*#__PURE__*/React__default.createElement(BreadcrumbStyle, _extends({}, rest, {
     "aria-label": "breadcrumb",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$P,
       lineNumber: 47,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Ol, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$Q,
+      fileName: _jsxFileName$P,
       lineNumber: 48,
       columnNumber: 7
     }
@@ -4395,8 +4395,8 @@ Badge.defaultProps = {
 };
 Badge.displayName = 'Badge';
 
-const _excluded$u = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+const _excluded$t = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
+var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
 const StyledAvatar = styled(AvatarPrimitive.Root, {
   width: '32px',
   height: '32px',
@@ -4440,7 +4440,7 @@ function Avatar(_ref) {
     onClick,
     css
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   return /*#__PURE__*/React__default.createElement(StyledAvatar, _extends({
     className: className,
@@ -4449,7 +4449,7 @@ function Avatar(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$O,
       lineNumber: 46,
       columnNumber: 5
     }
@@ -4459,7 +4459,7 @@ function Avatar(_ref) {
     onLoadingStatusChange: onLoadingStatusChange,
     __self: this,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$O,
       lineNumber: 47,
       columnNumber: 21
     }
@@ -4467,21 +4467,21 @@ function Avatar(_ref) {
     delayMs: delayMs,
     __self: this,
     __source: {
-      fileName: _jsxFileName$P,
+      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$P,
+      fileName: _jsxFileName$O,
       lineNumber: 52,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(UserFilled, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$P,
+      fileName: _jsxFileName$O,
       lineNumber: 53,
       columnNumber: 13
     }
@@ -4498,8 +4498,8 @@ Avatar.defaultProps = {
   delayMs: 0
 };
 
-const _excluded$t = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+const _excluded$s = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
+var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
 const StyledImage = styled('img', {
   display: 'inline-block',
   alignItems: 'center',
@@ -4522,7 +4522,7 @@ function Image(_ref) {
     objectFit,
     fallback
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   return /*#__PURE__*/React__default.createElement(StyledImage, _extends({
     className: className,
@@ -4537,7 +4537,7 @@ function Image(_ref) {
   }, props, {
     __self: this,
     __source: {
-      fileName: _jsxFileName$O,
+      fileName: _jsxFileName$N,
       lineNumber: 20,
       columnNumber: 9
     }
@@ -4557,8 +4557,6 @@ Image.defaultProps = {
   rounded: false
 };
 
-const _excluded$s = ["children", "label", "color", "css", "withClick", "side", "align"];
-var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
 const slideUpAndFade$1 = keyframes({
   '0%': {
     opacity: 0,
@@ -4656,87 +4654,43 @@ const lightArrow = {
   fill: foundations.colors.bgWhite
 };
 
-const Tooltip = _ref => {
-  let {
+const Tooltip = _a => {
+  var {
     children,
     label,
-    color,
+    color = 'dark',
     css,
     withClick,
-    side,
-    align
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    side = 'bottom',
+    align = 'center'
+  } = _a,
+      rest = __rest(_a, ["children", "label", "color", "css", "withClick", "side", "align"]);
 
   const [open, setOpen] = useState(false);
-  return /*#__PURE__*/React__default.createElement(TooltipBase, _extends({}, rest, {
-    open: withClick ? open : undefined,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 89,
-      columnNumber: 5
-    }
-  }), /*#__PURE__*/React__default.createElement(TooltipTrigger, {
-    asChild: true,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 90,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/React__default.createElement(TriggerSpan, {
-    onClick: () => withClick ? setOpen(!open) : undefined,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 91,
-      columnNumber: 9
-    }
-  }, children)), /*#__PURE__*/React__default.createElement(StyledContent$6, {
-    align: align,
-    side: side,
-    sideOffset: 5,
-    css: color === 'dark' ? Object.assign({}, dark, css) : Object.assign({}, ligth, css),
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 93,
-      columnNumber: 7
-    }
-  }, label, /*#__PURE__*/React__default.createElement(StyledArrow$1, {
-    offset: 10,
-    css: color === 'dark' ? darkArrow : lightArrow,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 95,
-      columnNumber: 9
-    }
-  })));
-};
-
-Tooltip.propTypes = {
-  children: PropTypes.node,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  color: PropTypes.string,
-  side: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
-  align: PropTypes.oneOf(['start', 'center', 'end'])
-};
-Tooltip.defaultProps = {
-  color: 'dark',
-  side: 'bottom',
-  align: 'center',
-  label: '',
-  children: /*#__PURE__*/React__default.createElement("div", {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$N,
-      lineNumber: 114,
-      columnNumber: 14
-    }
-  })
-};
+  return jsxs(TooltipBase, Object.assign({}, rest, {
+    open: withClick ? open : undefined
+  }, {
+    children: [jsx(TooltipTrigger, Object.assign({
+      asChild: true
+    }, {
+      children: jsx(TriggerSpan, Object.assign({
+        onClick: () => withClick ? setOpen(!open) : undefined
+      }, {
+        children: children
+      }), void 0)
+    }), void 0), jsxs(StyledContent$6, Object.assign({
+      align: align,
+      side: side,
+      sideOffset: 5,
+      css: color === 'dark' ? Object.assign(Object.assign({}, dark), css) : Object.assign(Object.assign({}, ligth), css)
+    }, {
+      children: [label, jsx(StyledArrow$1, {
+        offset: 10,
+        css: color === 'dark' ? darkArrow : lightArrow
+      }, void 0)]
+    }), void 0)]
+  }), void 0);
+}; // Tooltip.propTypes = {
 
 const _excluded$r = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
 var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";