@majoo-ui/react 1.39.0 → 1.39.1-alpha

package/index.umd.js

@@ -47,7 +47,7 @@
   var ADialog__namespace = /*#__PURE__*/_interopNamespace(ADialog);
   var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 
-  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,
@@ -57,7 +57,7 @@
       className: theme,
       __self: this,
       __source: {
-        fileName: _jsxFileName$$,
+        fileName: _jsxFileName$_,
         lineNumber: 5,
         columnNumber: 10
       }
@@ -2183,9 +2183,9 @@
   };
   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: {
@@ -2359,7 +2359,7 @@
     let {
       children
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$C);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
     return /*#__PURE__*/React__default["default"].createElement(GridComponent, _extends({}, props, {
       css: Object.assign({}, props.css, {
@@ -2370,7 +2370,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$Z,
         lineNumber: 178,
         columnNumber: 5
       }
@@ -2426,7 +2426,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$_,
+        fileName: _jsxFileName$Z,
         lineNumber: 230,
         columnNumber: 5
       }
@@ -2443,8 +2443,8 @@
   };
   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',
@@ -2473,7 +2473,7 @@
       css,
       contentHeader
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$B);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDiv$1, _extends({
       id: "retina-container",
@@ -2483,7 +2483,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Z,
+        fileName: _jsxFileName$Y,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2705,8 +2705,8 @@
 
   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',
@@ -2929,7 +2929,7 @@
       rightIcon,
       icon
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
 
     return /*#__PURE__*/React__default["default"].createElement(ButtonComponent, _extends({
       className: className,
@@ -2947,28 +2947,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$X,
         lineNumber: 241,
         columnNumber: 3
       }
     }), leftIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$3, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$X,
         lineNumber: 253,
         columnNumber: 31
       }
     }, leftIcon) : null, icon ? /*#__PURE__*/React__default["default"].createElement(StyledIcon$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Y,
+        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$Y,
+        fileName: _jsxFileName$X,
         lineNumber: 255,
         columnNumber: 32
       }
@@ -2994,7 +2994,7 @@
     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',
@@ -3026,7 +3026,7 @@
       css: props.css,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$W,
         lineNumber: 31,
         columnNumber: 5
       }
@@ -3047,8 +3047,8 @@
     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';
@@ -3213,7 +3213,7 @@
       captionOfAction,
       hrefOfAction
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
 
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const close = React__namespace.useCallback(() => {
@@ -3242,7 +3242,7 @@
       onExited: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 205,
         columnNumber: 5
       }
@@ -3254,7 +3254,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 216,
         columnNumber: 9
       }
@@ -3264,7 +3264,7 @@
       onClick: onClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 223,
         columnNumber: 11
       }
@@ -3272,7 +3272,7 @@
       direction: "column",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 224,
         columnNumber: 13
       }
@@ -3280,7 +3280,7 @@
       direction: "row",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 225,
         columnNumber: 15
       }
@@ -3288,7 +3288,7 @@
       variant: variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 226,
         columnNumber: 17
       }
@@ -3300,7 +3300,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 227,
         columnNumber: 17
       }
@@ -3308,7 +3308,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 235,
         columnNumber: 21
       }
@@ -3323,7 +3323,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 236,
         columnNumber: 23
       }
@@ -3332,7 +3332,7 @@
       color: "secondary",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 250,
         columnNumber: 19
       }
@@ -3346,7 +3346,7 @@
       hasTitle: !!title,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 254,
         columnNumber: 17
       }
@@ -3355,7 +3355,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 263,
         columnNumber: 19
       }
@@ -3371,7 +3371,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$V,
         lineNumber: 267,
         columnNumber: 17
       }
@@ -3395,7 +3395,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.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: {
@@ -3437,7 +3437,7 @@
     return /*#__PURE__*/React__namespace.createElement(helpers.Portal, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$U,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3445,7 +3445,7 @@
       position: position,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$U,
         lineNumber: 44,
         columnNumber: 7
       }
@@ -3456,7 +3456,7 @@
       }, toast, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$V,
+          fileName: _jsxFileName$U,
           lineNumber: 46,
           columnNumber: 18
         }
@@ -3464,8 +3464,8 @@
     })));
   };
 
-  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 = ({
@@ -3477,7 +3477,7 @@
       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;
@@ -3503,7 +3503,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$T,
         lineNumber: 41,
         columnNumber: 5
       }
@@ -3512,7 +3512,7 @@
       position: TOP_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$T,
         lineNumber: 43,
         columnNumber: 7
       }
@@ -3521,7 +3521,7 @@
       position: TOP_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$T,
         lineNumber: 47,
         columnNumber: 7
       }
@@ -3530,7 +3530,7 @@
       position: BOTTOM_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$T,
         lineNumber: 51,
         columnNumber: 7
       }
@@ -3539,14 +3539,14 @@
       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,
@@ -3559,14 +3559,14 @@
       theme: theme$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$S,
         lineNumber: 15,
         columnNumber: 10
       }
     }, /*#__PURE__*/React__default["default"].createElement(ToastProvider, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$S,
         lineNumber: 16,
         columnNumber: 5
       }
@@ -3580,8 +3580,8 @@
     disableGlobalStyle: PropTypes__default["default"].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__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
@@ -3663,7 +3663,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 91,
       columnNumber: 3
     }
@@ -3674,7 +3674,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 97,
       columnNumber: 3
     }
@@ -3686,7 +3686,7 @@
   }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 103,
       columnNumber: 3
     }
@@ -3699,7 +3699,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 105,
       columnNumber: 7
     }
@@ -3707,7 +3707,7 @@
   const BannerClose = () => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 116,
       columnNumber: 3
     }
@@ -3719,7 +3719,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 118,
       columnNumber: 7
     }
@@ -3728,7 +3728,7 @@
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$S,
+      fileName: _jsxFileName$R,
       lineNumber: 125,
       columnNumber: 9
     }
@@ -3738,7 +3738,7 @@
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 133,
         columnNumber: 5
       }
@@ -3748,7 +3748,7 @@
       align: "end",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 134,
         columnNumber: 7
       }
@@ -3761,21 +3761,21 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 135,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 143,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 144,
         columnNumber: 33
       }
@@ -3784,7 +3784,7 @@
       variant: props.variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 147,
         columnNumber: 11
       }
@@ -3797,7 +3797,7 @@
       closeCenter: !props.title && !props.link,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 152,
         columnNumber: 7
       }
@@ -3806,7 +3806,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 160,
         columnNumber: 9
       }
@@ -3825,7 +3825,7 @@
       children,
       bannerBlock
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
 
     return /*#__PURE__*/React__namespace.createElement(StyledBanner, _extends({
       variant: variant,
@@ -3835,7 +3835,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 168,
         columnNumber: 5
       }
@@ -3852,7 +3852,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 170,
         columnNumber: 9
       }
@@ -3863,7 +3863,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 177,
         columnNumber: 11
       }
@@ -3877,7 +3877,7 @@
       onRemove: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$R,
         lineNumber: 180,
         columnNumber: 9
       }
@@ -3901,8 +3901,8 @@
     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',
@@ -4039,7 +4039,7 @@
       textColor,
       icon
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
     return /*#__PURE__*/React__default["default"].createElement(CardComponent, {
       className: className,
@@ -4052,7 +4052,7 @@
       }, props.css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$Q,
         lineNumber: 103,
         columnNumber: 5
       }
@@ -4060,14 +4060,14 @@
       color: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        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$R,
+        fileName: _jsxFileName$Q,
         lineNumber: 118,
         columnNumber: 13
       }
@@ -4076,14 +4076,14 @@
       iconColor: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$Q,
         lineNumber: 119,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$Q,
         lineNumber: 125,
         columnNumber: 13
       }
@@ -4147,8 +4147,8 @@
       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': {
@@ -4194,7 +4194,7 @@
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$P,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -4205,20 +4205,20 @@
     let {
       children
     } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+        rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbStyle, _extends({}, rest, {
       "aria-label": "breadcrumb",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$P,
         lineNumber: 47,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Ol, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$P,
         lineNumber: 48,
         columnNumber: 7
       }
@@ -4421,8 +4421,8 @@
   };
   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__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4466,7 +4466,7 @@
       onClick,
       css
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({
       className: className,
@@ -4475,7 +4475,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$O,
         lineNumber: 46,
         columnNumber: 5
       }
@@ -4485,7 +4485,7 @@
       onLoadingStatusChange: onLoadingStatusChange,
       __self: this,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$O,
         lineNumber: 47,
         columnNumber: 21
       }
@@ -4493,21 +4493,21 @@
       delayMs: delayMs,
       __self: this,
       __source: {
-        fileName: _jsxFileName$P,
+        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$P,
+        fileName: _jsxFileName$O,
         lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.UserFilled, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$O,
         lineNumber: 53,
         columnNumber: 13
       }
@@ -4524,8 +4524,8 @@
     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',
@@ -4548,7 +4548,7 @@
       objectFit,
       fallback
     } = _ref,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends({
       className: className,
@@ -4563,7 +4563,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$N,
         lineNumber: 20,
         columnNumber: 9
       }
@@ -4583,9 +4583,7 @@
     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({
+  var slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
       transform: 'translateY(2px)'
@@ -4595,7 +4593,7 @@
       transform: 'translateY(0)'
     }
   });
-  const slideRightAndFade$1 = keyframes({
+  var slideRightAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
       transform: 'translateX(-2px)'
@@ -4605,7 +4603,7 @@
       transform: 'translateX(0)'
     }
   });
-  const slideDownAndFade$1 = keyframes({
+  var slideDownAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
       transform: 'translateY(-2px)'
@@ -4615,7 +4613,7 @@
       transform: 'translateY(0)'
     }
   });
-  const slideLeftAndFade$1 = keyframes({
+  var slideLeftAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
       transform: 'translateX(2px)'
@@ -4625,7 +4623,7 @@
       transform: 'translateX(0)'
     }
   });
-  const StyledContent$6 = styled(TooltipPrimitive__namespace.Content, {
+  var StyledContent$6 = styled(TooltipPrimitive__namespace.Content, {
     borderRadius: 8,
     padding: '8px',
     fontSize: '$helper',
@@ -4655,114 +4653,76 @@
       }
     }
   });
-  const TriggerSpan = styled('span', {
+  var TriggerSpan = styled('span', {
     display: 'flex'
   });
-  const StyledArrow$1 = styled(TooltipPrimitive__namespace.Arrow, {
+  var StyledArrow$1 = styled(TooltipPrimitive__namespace.Arrow, {
     boxShadow: '$large'
   });
-  const TooltipBase = styled(TooltipPrimitive__namespace.Root, {
+  var TooltipBase = styled(TooltipPrimitive__namespace.Root, {
     defaultVariants: {
       color: 'ligth'
     }
   }); // Exports
-  const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-  const dark = {
+  var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+  var dark = {
     color: core.foundations.colors.white,
     backgroundColor: core.foundations.colors.gray800
   };
-  const ligth = {
+  var ligth = {
     color: core.foundations.colors.textPrimary,
     backgroundColor: core.foundations.colors.bgWhite
   };
-  const darkArrow = {
+  var darkArrow = {
     fill: core.foundations.colors.gray800
   };
-  const lightArrow = {
+  var lightArrow = {
     fill: core.foundations.colors.bgWhite
   };
 
-  const Tooltip = _ref => {
-    let {
-      children,
-      label,
-      color,
-      css,
-      withClick,
-      side,
-      align
-    } = _ref,
-        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$N,
-        lineNumber: 89,
-        columnNumber: 5
-      }
-    }), /*#__PURE__*/React__default["default"].createElement(TooltipTrigger, {
-      asChild: true,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$N,
-        lineNumber: 90,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(TriggerSpan, {
-      onClick: () => withClick ? setOpen(!open) : undefined,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$N,
-        lineNumber: 91,
-        columnNumber: 9
-      }
-    }, children)), /*#__PURE__*/React__default["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["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__default["default"].node,
-    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]),
-    color: PropTypes__default["default"].string,
-    side: PropTypes__default["default"].oneOf(['top', 'bottom', 'right', 'left']),
-    align: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
-  };
-  Tooltip.defaultProps = {
-    color: 'dark',
-    side: 'bottom',
-    align: 'center',
-    label: '',
-    children: /*#__PURE__*/React__default["default"].createElement("div", {
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$N,
-        lineNumber: 114,
-        columnNumber: 14
-      }
-    })
-  };
+  var Tooltip = function Tooltip(_a) {
+    var children = _a.children,
+        label = _a.label,
+        _b = _a.color,
+        color = _b === void 0 ? 'dark' : _b,
+        css = _a.css,
+        withClick = _a.withClick,
+        _c = _a.side,
+        side = _c === void 0 ? 'bottom' : _c,
+        _d = _a.align,
+        align = _d === void 0 ? 'center' : _d,
+        rest = __rest(_a, ["children", "label", "color", "css", "withClick", "side", "align"]);
+
+    var _e = React.useState(false),
+        open = _e[0],
+        setOpen = _e[1];
+
+    return jsxRuntime.jsxs(TooltipBase, __assign({}, rest, {
+      open: withClick ? open : undefined
+    }, {
+      children: [jsxRuntime.jsx(TooltipTrigger, __assign({
+        asChild: true
+      }, {
+        children: jsxRuntime.jsx(TriggerSpan, __assign({
+          onClick: function () {
+            return withClick ? setOpen(!open) : undefined;
+          }
+        }, {
+          children: children
+        }), void 0)
+      }), void 0), jsxRuntime.jsxs(StyledContent$6, __assign({
+        align: align,
+        side: side,
+        sideOffset: 5,
+        css: color === 'dark' ? __assign(__assign({}, dark), css) : __assign(__assign({}, ligth), css)
+      }, {
+        children: [label, jsxRuntime.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";