@majoo-ui/react 1.46.3-rc.2 → 1.46.3-rc.3

package/index.umd.js

@@ -55,7 +55,7 @@
   var ReactCrop__default = /*#__PURE__*/_interopDefaultLegacy(ReactCrop);
   var request__default = /*#__PURE__*/_interopDefaultLegacy(request);
 
-  var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+  var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
   function ThemeProvider({
     theme,
@@ -65,7 +65,7 @@
       className: theme,
       __self: this,
       __source: {
-        fileName: _jsxFileName$Y,
+        fileName: _jsxFileName$Z,
         lineNumber: 5,
         columnNumber: 10
       }
@@ -2348,7 +2348,7 @@
 
   const _excluded$x = ["children"],
         _excluded2$2 = ["children"];
-  var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+  var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2533,7 +2533,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 178,
         columnNumber: 5
       }
@@ -2589,7 +2589,7 @@
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$X,
+        fileName: _jsxFileName$Y,
         lineNumber: 232,
         columnNumber: 5
       }
@@ -2607,7 +2607,7 @@
   GridItem.displayName = 'Grid Item';
 
   const _excluded$w = ["children", "isCollapse", "css", "contentHeader"];
-  var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+  var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
   const StyledDiv$3 = styled(Flex$1, {
     justifyContent: 'center',
     marginLeft: 'auto',
@@ -2646,7 +2646,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$W,
+        fileName: _jsxFileName$X,
         lineNumber: 28,
         columnNumber: 5
       }
@@ -2925,7 +2925,7 @@
   });
 
   const _excluded$v = ["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";
+  var _jsxFileName$W = "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';
@@ -3119,7 +3119,7 @@
       onExited: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 205,
         columnNumber: 5
       }
@@ -3131,7 +3131,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 216,
         columnNumber: 9
       }
@@ -3141,7 +3141,7 @@
       onClick: onClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 223,
         columnNumber: 11
       }
@@ -3149,7 +3149,7 @@
       direction: "column",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 224,
         columnNumber: 13
       }
@@ -3157,7 +3157,7 @@
       direction: "row",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 225,
         columnNumber: 15
       }
@@ -3165,7 +3165,7 @@
       variant: variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 226,
         columnNumber: 17
       }
@@ -3177,7 +3177,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 227,
         columnNumber: 17
       }
@@ -3185,7 +3185,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 235,
         columnNumber: 21
       }
@@ -3200,7 +3200,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 236,
         columnNumber: 23
       }
@@ -3209,7 +3209,7 @@
       color: "secondary",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 250,
         columnNumber: 19
       }
@@ -3223,7 +3223,7 @@
       hasTitle: !!title,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 254,
         columnNumber: 17
       }
@@ -3232,7 +3232,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 263,
         columnNumber: 19
       }
@@ -3247,7 +3247,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$V,
+        fileName: _jsxFileName$W,
         lineNumber: 267,
         columnNumber: 17
       }
@@ -3271,7 +3271,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.createContext({});
 
-  var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+  var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
   const ToastBox = styled(Flex$1, {
     position: 'fixed',
     variants: {
@@ -3313,7 +3313,7 @@
     return /*#__PURE__*/React__namespace.createElement(helpers.Portal, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3321,7 +3321,7 @@
       position: position,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$U,
+        fileName: _jsxFileName$V,
         lineNumber: 44,
         columnNumber: 7
       }
@@ -3332,7 +3332,7 @@
       }, toast, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$U,
+          fileName: _jsxFileName$V,
           lineNumber: 46,
           columnNumber: 18
         }
@@ -3341,7 +3341,7 @@
   };
 
   const _excluded$u = ["id"];
-  var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+  var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
   let toastCount = 0;
 
   const ToastProvider = ({
@@ -3383,7 +3383,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 43,
         columnNumber: 5
       }
@@ -3392,7 +3392,7 @@
       position: TOP_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 45,
         columnNumber: 7
       }
@@ -3401,7 +3401,7 @@
       position: TOP_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 49,
         columnNumber: 7
       }
@@ -3410,7 +3410,7 @@
       position: BOTTOM_RIGHT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 53,
         columnNumber: 7
       }
@@ -3419,14 +3419,14 @@
       position: BOTTOM_LEFT_POSITION,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$T,
+        fileName: _jsxFileName$U,
         lineNumber: 57,
         columnNumber: 7
       }
     }));
   };
 
-  var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+  var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
   function MajooProvider({
     children,
@@ -3439,14 +3439,14 @@
       theme: theme$1,
       __self: this,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 15,
         columnNumber: 10
       }
     }, /*#__PURE__*/React__default["default"].createElement(ToastProvider, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$S,
+        fileName: _jsxFileName$T,
         lineNumber: 16,
         columnNumber: 5
       }
@@ -3461,7 +3461,7 @@
   };
 
   const _excluded$t = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-  var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+  var _jsxFileName$S = "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%',
@@ -3543,7 +3543,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 91,
       columnNumber: 3
     }
@@ -3565,7 +3565,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 108,
       columnNumber: 3
     }
@@ -3588,7 +3588,7 @@
   }) => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 125,
       columnNumber: 3
     }
@@ -3600,7 +3600,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 127,
       columnNumber: 7
     }
@@ -3627,7 +3627,7 @@
   const BannerClose = () => /*#__PURE__*/React__namespace.createElement(Context$2.Consumer, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 154,
       columnNumber: 3
     }
@@ -3639,7 +3639,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 156,
       columnNumber: 7
     }
@@ -3648,7 +3648,7 @@
     size: "16px",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$R,
+      fileName: _jsxFileName$S,
       lineNumber: 163,
       columnNumber: 9
     }
@@ -3658,7 +3658,7 @@
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 171,
         columnNumber: 5
       }
@@ -3668,7 +3668,7 @@
       align: "end",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 172,
         columnNumber: 7
       }
@@ -3681,21 +3681,21 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 173,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 181,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 182,
         columnNumber: 33
       }
@@ -3704,7 +3704,7 @@
       variant: props.variant,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 185,
         columnNumber: 11
       }
@@ -3717,7 +3717,7 @@
       closeCenter: !props.title && !props.link,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 190,
         columnNumber: 7
       }
@@ -3726,7 +3726,7 @@
       size: "16px",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 198,
         columnNumber: 9
       }
@@ -3755,7 +3755,7 @@
     }, rest, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 206,
         columnNumber: 5
       }
@@ -3772,7 +3772,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 208,
         columnNumber: 9
       }
@@ -3783,7 +3783,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 215,
         columnNumber: 11
       }
@@ -3797,7 +3797,7 @@
       onRemove: onRemove,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$R,
+        fileName: _jsxFileName$S,
         lineNumber: 218,
         columnNumber: 9
       }
@@ -4111,7 +4111,7 @@
   });
 
   const _excluded$s = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+  var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
   const CardComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -4261,7 +4261,7 @@
       }, props.css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 103,
         columnNumber: 5
       }
@@ -4269,14 +4269,14 @@
       color: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         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$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 118,
         columnNumber: 13
       }
@@ -4285,14 +4285,14 @@
       iconColor: color,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 119,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$Q,
+        fileName: _jsxFileName$R,
         lineNumber: 125,
         columnNumber: 13
       }
@@ -4319,7 +4319,7 @@
   };
 
   const _excluded$r = ["children"];
-  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -4365,7 +4365,7 @@
     return /*#__PURE__*/React__default["default"].createElement(BreadcrumbLinkStyle, _extends({}, props, aria, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 42,
         columnNumber: 10
       }
@@ -4382,14 +4382,14 @@
       "aria-label": "breadcrumb",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 47,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Ol, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$P,
+        fileName: _jsxFileName$Q,
         lineNumber: 48,
         columnNumber: 7
       }
@@ -4593,7 +4593,7 @@
   Badge.displayName = 'Badge';
 
   const _excluded$q = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4646,7 +4646,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 46,
         columnNumber: 5
       }
@@ -4656,7 +4656,7 @@
       onLoadingStatusChange: onLoadingStatusChange,
       __self: this,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 47,
         columnNumber: 21
       }
@@ -4664,21 +4664,21 @@
       delayMs: delayMs,
       __self: this,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         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$O,
+        fileName: _jsxFileName$P,
         lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.UserFilled, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$O,
+        fileName: _jsxFileName$P,
         lineNumber: 53,
         columnNumber: 13
       }
@@ -4696,7 +4696,7 @@
   };
 
   const _excluded$p = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
   const StyledImage = styled('img', {
     display: 'inline-block',
     alignItems: 'center',
@@ -4734,7 +4734,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$N,
+        fileName: _jsxFileName$O,
         lineNumber: 20,
         columnNumber: 9
       }
@@ -4755,7 +4755,7 @@
   };
 
   const _excluded$o = ["children", "label", "color", "css", "withClick", "side", "align"];
-  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4870,7 +4870,7 @@
       open: withClick ? open : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 89,
         columnNumber: 5
       }
@@ -4878,7 +4878,7 @@
       asChild: true,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 90,
         columnNumber: 7
       }
@@ -4886,7 +4886,7 @@
       onClick: () => withClick ? setOpen(!open) : undefined,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 91,
         columnNumber: 9
       }
@@ -4897,7 +4897,7 @@
       css: color === 'dark' ? Object.assign({}, dark, css) : Object.assign({}, ligth, css),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 93,
         columnNumber: 7
       }
@@ -4906,7 +4906,7 @@
       css: color === 'dark' ? darkArrow : lightArrow,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 100,
         columnNumber: 9
       }
@@ -4928,7 +4928,7 @@
     children: /*#__PURE__*/React__default["default"].createElement("div", {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$M,
+        fileName: _jsxFileName$N,
         lineNumber: 119,
         columnNumber: 13
       }
@@ -4936,7 +4936,7 @@
   };
 
   const _excluded$n = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
   const StyledProgress$1 = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -5070,7 +5070,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 88,
         columnNumber: 5
       }
@@ -5083,7 +5083,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$L,
+        fileName: _jsxFileName$M,
         lineNumber: 89,
         columnNumber: 7
       }
@@ -5107,7 +5107,7 @@
   };
 
   const _excluded$m = ["gap", "direction", "children"];
-  var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
 
   const FormGroup = _ref => {
     let {
@@ -5123,7 +5123,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$K,
+        fileName: _jsxFileName$L,
         lineNumber: 6,
         columnNumber: 3
       }
@@ -5141,7 +5141,7 @@
   };
 
   const _excluded$l = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
-  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+  var _jsxFileName$K = "C:\\Project\\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',
@@ -5179,7 +5179,7 @@
       justify: "between",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 36,
         columnNumber: 5
       }
@@ -5189,7 +5189,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 37,
         columnNumber: 7
       }
@@ -5199,7 +5199,7 @@
       css: labelCss,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 38,
         columnNumber: 9
       }
@@ -5214,7 +5214,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 42,
         columnNumber: 11
       }
@@ -5222,14 +5222,14 @@
       label: tooltipLabel,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 56,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledHelpIcon, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 57,
         columnNumber: 13
       }
@@ -5238,7 +5238,7 @@
       color: "disable",
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$J,
+        fileName: _jsxFileName$K,
         lineNumber: 62,
         columnNumber: 9
       }
@@ -5255,7 +5255,7 @@
   FormLabel.displayName = 'FormLabel';
 
   const _excluded$k = ["children", "error"];
-  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -5281,7 +5281,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$I,
+        fileName: _jsxFileName$J,
         lineNumber: 19,
         columnNumber: 3
       }
@@ -5293,7 +5293,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
+  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
   const CheckboxContext = /*#__PURE__*/React.createContext();
 
   const CheckboxGroup = ({
@@ -5327,7 +5327,7 @@
       value: values,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$H,
+        fileName: _jsxFileName$I,
         lineNumber: 25,
         columnNumber: 5
       }
@@ -5345,7 +5345,7 @@
   };
   CheckboxGroup.displayName = 'CheckboxGroup';
 
-  var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+  var _jsxFileName$H = "C:\\Project\\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",
@@ -5363,7 +5363,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5375,7 +5375,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5387,13 +5387,13 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$G,
+      fileName: _jsxFileName$H,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+  var _jsxFileName$G = "C:\\Project\\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",
@@ -5411,7 +5411,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -5423,7 +5423,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$F,
+      fileName: _jsxFileName$G,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -5435,14 +5435,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$j = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-  var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
   const StyledIndicator$2 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -5524,28 +5524,28 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 64,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 77,
         columnNumber: 7
       }
     }, indeterminate ? /*#__PURE__*/React__default["default"].createElement(SvgMinusOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 77,
         columnNumber: 41
       }
     }) : /*#__PURE__*/React__default["default"].createElement(CheckOutline$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 77,
         columnNumber: 60
       }
@@ -5559,14 +5559,14 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 84,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 85,
         columnNumber: 7
       }
@@ -5582,14 +5582,14 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 86,
         columnNumber: 7
       }
     }, props.label)) : /*#__PURE__*/React__default["default"].createElement(Checkbox, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$E,
+        fileName: _jsxFileName$F,
         lineNumber: 101,
         columnNumber: 5
       }
@@ -5608,7 +5608,7 @@
   InputCheckbox.displayName = 'InputCheckbox';
 
   const _excluded$i = ["children", "size"];
-  var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+  var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -5748,7 +5748,7 @@
       isElement: isElement,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$D,
+        fileName: _jsxFileName$E,
         lineNumber: 146,
         columnNumber: 10
       }
@@ -6052,7 +6052,7 @@
   InputRadioGroup.displayName = 'InputRadioGroup';
 
   const _excluded$h = ["id", "disabled"];
-  var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+  var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
   const INDICATOR_BASE_STYLES = {
     alignItems: 'center',
     display: 'flex',
@@ -6136,7 +6136,7 @@
       gap: 4,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 82,
         columnNumber: 3
       }
@@ -6146,14 +6146,14 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 83,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 84,
         columnNumber: 7
       }
@@ -6170,7 +6170,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$C,
+        fileName: _jsxFileName$D,
         lineNumber: 86,
         columnNumber: 5
       }
@@ -6835,7 +6835,7 @@
   }
 
   const _excluded$g = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
-  var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+  var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
   const TagWrapper$3 = styled('div', {
     boxSizing: 'border-box',
     listStyle: 'none',
@@ -6952,21 +6952,21 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 84,
         columnNumber: 7
       }
     }), icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft$2, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 94,
         columnNumber: 31
       }
     }, icon) : null, /*#__PURE__*/React__default["default"].createElement(TagComponent$1, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 95,
         columnNumber: 9
       }
@@ -6976,7 +6976,7 @@
       readOnly: readOnly,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 97,
         columnNumber: 11
       }
@@ -6988,7 +6988,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$B,
+        fileName: _jsxFileName$C,
         lineNumber: 98,
         columnNumber: 13
       }
@@ -7012,7 +7012,7 @@
   };
 
   const _excluded$f = ["size", "isInvalid", "placeholder", "onChange", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern"];
-  var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+  var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
   const Wrapper$2 = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7181,7 +7181,7 @@
     return /*#__PURE__*/React__default["default"].createElement(Wrapper$2, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 163,
         columnNumber: 5
       }
@@ -7194,7 +7194,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 164,
         columnNumber: 7
       }
@@ -7209,7 +7209,7 @@
       ,
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 172,
         columnNumber: 9
       }
@@ -7217,7 +7217,7 @@
       color: "red",
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 186,
         columnNumber: 11
       }
@@ -7225,14 +7225,14 @@
       color: "red",
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 188,
         columnNumber: 11
       }
     }, "Invalid Input")), /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 191,
         columnNumber: 7
       }
@@ -7245,7 +7245,7 @@
       onRemove: () => removeTags(index, 'removeTag'),
       __self: this,
       __source: {
-        fileName: _jsxFileName$A,
+        fileName: _jsxFileName$B,
         lineNumber: 193,
         columnNumber: 11
       }
@@ -7276,7 +7276,7 @@
   };
 
   const _excluded$e = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-  var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+  var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
   const StyledThumb$1 = styled(SwitchPrimitive__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -7359,14 +7359,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
       }
@@ -7384,7 +7384,7 @@
   };
   InputSwitch.displayName = 'InputSwitch';
 
-  var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+  var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
 
   const SvgCloseFilled = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -7394,7 +7394,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -7403,7 +7403,7 @@
     fill: "white",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -7413,7 +7413,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
     }
@@ -7424,7 +7424,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 12,
       columnNumber: 5
     }
@@ -7434,7 +7434,7 @@
     mask: "url(#path-1-inside-1_2883_7918)",
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$y,
+      fileName: _jsxFileName$z,
       lineNumber: 18,
       columnNumber: 5
     }
@@ -7445,7 +7445,7 @@
     size: 24
   };
 
-  var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+  var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
 
   const SvgSearchOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -7455,7 +7455,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -7467,7 +7467,7 @@
     strokeWidth: 2,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 5,
       columnNumber: 5
     }
@@ -7476,7 +7476,7 @@
     fill: props.color,
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$x,
+      fileName: _jsxFileName$y,
       lineNumber: 6,
       columnNumber: 5
     }
@@ -7488,7 +7488,7 @@
   };
 
   const _excluded$d = ["size", "onChange", "css", "disabled"];
-  var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+  var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
   const InputSearchbox = _ref => {
     let {
@@ -7523,7 +7523,7 @@
       disabled: disabled,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 30,
         columnNumber: 5
       }
@@ -7531,14 +7531,14 @@
       children: /*#__PURE__*/React__default["default"].createElement(SvgSearchOutline, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$w,
+          fileName: _jsxFileName$x,
           lineNumber: 31,
           columnNumber: 35
         }
       }),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 31,
         columnNumber: 7
       }
@@ -7552,7 +7552,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 32,
         columnNumber: 7
       }
@@ -7560,14 +7560,14 @@
       children: value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(SvgCloseFilled, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$w,
+          fileName: _jsxFileName$x,
           lineNumber: 41,
           columnNumber: 55
         }
       }) : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$w,
+          fileName: _jsxFileName$x,
           lineNumber: 41,
           columnNumber: 73
         }
@@ -7575,7 +7575,7 @@
       onClick: handleClearButtonClick,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$w,
+        fileName: _jsxFileName$x,
         lineNumber: 41,
         columnNumber: 7
       }
@@ -7738,7 +7738,7 @@
 
   const _excluded$c = ["showLeadingIcon", "disabled", "placeholder", "readOnly", "inputProps", "handleInputValue", "noStyling", "onChange"],
         _excluded2$1 = ["placeholder", "searchPlaceholder", "embedSearch", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css", "onSearch", "readOnly", "isInvalid", "noOptionIcon"];
-  var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
+  var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
   const SelectContainer = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7977,7 +7977,7 @@
       disabled: disabled,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 225,
         columnNumber: 7
       }
@@ -7985,7 +7985,7 @@
       children: showLeadingIcon && /*#__PURE__*/React__namespace.createElement(icons.SearchOutline, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 238,
           columnNumber: 40
         }
@@ -7996,7 +7996,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 237,
         columnNumber: 9
       }
@@ -8014,7 +8014,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 246,
         columnNumber: 9
       }
@@ -8022,14 +8022,14 @@
       children: (inputProps.value || '').length > 0 && !disabled ? /*#__PURE__*/React__namespace.createElement(icons.CloseFilled, {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 262,
           columnNumber: 72
         }
       }) : /*#__PURE__*/React__namespace.createElement("div", {
         __self: undefined,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 262,
           columnNumber: 90
         }
@@ -8047,7 +8047,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 261,
         columnNumber: 9
       }
@@ -8131,7 +8131,7 @@
       onSelect: setSelectedValue,
       __self: this,
       __source: {
-        fileName: _jsxFileName$v,
+        fileName: _jsxFileName$w,
         lineNumber: 353,
         columnNumber: 5
       }
@@ -8163,7 +8163,7 @@
           readOnly: readOnly,
           __self: this,
           __source: {
-            fileName: _jsxFileName$v,
+            fileName: _jsxFileName$w,
             lineNumber: 382,
             columnNumber: 13
           }
@@ -8171,7 +8171,7 @@
           color: iconColor,
           __self: this,
           __source: {
-            fileName: _jsxFileName$v,
+            fileName: _jsxFileName$w,
             lineNumber: 387,
             columnNumber: 15
           }
@@ -8182,7 +8182,7 @@
         css: css,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 393,
           columnNumber: 11
         }
@@ -8195,7 +8195,7 @@
         isInvalid: isInvalid,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 394,
           columnNumber: 13
         }
@@ -8205,7 +8205,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 402,
           columnNumber: 17
         }
@@ -8220,7 +8220,7 @@
         }),
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 404,
           columnNumber: 21
         }
@@ -8234,7 +8234,7 @@
       }), {
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 412,
           columnNumber: 21
         }
@@ -8246,7 +8246,7 @@
         readOnly: readOnly,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 421,
           columnNumber: 17
         }
@@ -8255,7 +8255,7 @@
         css: StyledText$1,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 428,
           columnNumber: 21
         }
@@ -8264,7 +8264,7 @@
         css: StyledText$1,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 432,
           columnNumber: 21
         }
@@ -8275,7 +8275,7 @@
         placement: placement,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 440,
           columnNumber: 13
         }
@@ -8289,7 +8289,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 442,
           columnNumber: 17
         }
@@ -8299,14 +8299,14 @@
         placeholder: searchPlaceholder,
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 451,
           columnNumber: 19
         }
       })), item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(SelectOption, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 455,
           columnNumber: 17
         }
@@ -8329,7 +8329,7 @@
           },
           __self: this,
           __source: {
-            fileName: _jsxFileName$v,
+            fileName: _jsxFileName$w,
             lineNumber: 457,
             columnNumber: 21
           }
@@ -8337,14 +8337,14 @@
       })) : /*#__PURE__*/React__namespace.createElement(SelectOption, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 479,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__namespace.createElement(StyledDiv$2, {
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 480,
           columnNumber: 19
         }
@@ -8354,7 +8354,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 481,
           columnNumber: 21
         }
@@ -8366,7 +8366,7 @@
         },
         __self: this,
         __source: {
-          fileName: _jsxFileName$v,
+          fileName: _jsxFileName$w,
           lineNumber: 482,
           columnNumber: 23
         }
@@ -8727,7 +8727,7 @@
     }
   });
 
-  var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
+  var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
 
   const CheckOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -8745,7 +8745,7 @@
   }, props, {
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$u,
+      fileName: _jsxFileName$v,
       lineNumber: 4,
       columnNumber: 3
     }
@@ -8757,7 +8757,7 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$u,
+      fileName: _jsxFileName$v,
       lineNumber: 19,
       columnNumber: 5
     }
@@ -8769,13 +8769,13 @@
     },
     __self: undefined,
     __source: {
-      fileName: _jsxFileName$u,
+      fileName: _jsxFileName$v,
       lineNumber: 26,
       columnNumber: 5
     }
   }));
 
-  var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
+  var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
   const Wrapper$1 = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -9185,7 +9185,7 @@
     return /*#__PURE__*/React__namespace.createElement(Wrapper$1, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 400,
         columnNumber: 5
       }
@@ -9195,7 +9195,7 @@
       isInvalid: isInvalid,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 401,
         columnNumber: 7
       }
@@ -9206,7 +9206,7 @@
       disabled: disabled || readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 402,
         columnNumber: 9
       }
@@ -9217,7 +9217,7 @@
       disabled: disabled || readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 407,
         columnNumber: 13
       }
@@ -9228,7 +9228,7 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 413,
         columnNumber: 13
       }
@@ -9239,7 +9239,7 @@
       readOnly: readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 422,
         columnNumber: 9
       }
@@ -9247,7 +9247,7 @@
       color: disabled || readOnly ? colors.iconDisable : colors.iconPrimary,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 427,
         columnNumber: 11
       }
@@ -9255,7 +9255,7 @@
       disabled: disabled,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 431,
         columnNumber: 9
       }
@@ -9279,7 +9279,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 433,
         columnNumber: 13
       }
@@ -9291,14 +9291,14 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 454,
         columnNumber: 7
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(Option, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 459,
         columnNumber: 11
       }
@@ -9316,7 +9316,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 462,
         columnNumber: 17
       }
@@ -9329,7 +9329,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 475,
         columnNumber: 19
       }
@@ -9337,7 +9337,7 @@
       color: colors.iconDisable,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 484,
         columnNumber: 23
       }
@@ -9345,7 +9345,7 @@
       color: colors.iconGreen,
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 488,
         columnNumber: 25
       }
@@ -9355,7 +9355,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 492,
         columnNumber: 19
       }
@@ -9366,14 +9366,14 @@
     }, getMenuProps(), {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 497,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__namespace.createElement(StyledDiv$1, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 498,
         columnNumber: 13
       }
@@ -9383,7 +9383,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 499,
         columnNumber: 15
       }
@@ -9395,7 +9395,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$t,
+        fileName: _jsxFileName$u,
         lineNumber: 500,
         columnNumber: 17
       }
@@ -9431,14 +9431,14 @@
     sortBy: 'name'
   };
 
-  var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+  var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
   function InputSelectTag(props) {
     return /*#__PURE__*/React__namespace.createElement(InputSelectCheck, _extends({
       showSelectedTag: true
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$s,
+        fileName: _jsxFileName$t,
         lineNumber: 6,
         columnNumber: 10
       }
@@ -9474,7 +9474,7 @@
     sortBy: 'name'
   };
 
-  var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
+  var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
   const Wrapper = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -9646,7 +9646,7 @@
     return /*#__PURE__*/React__default["default"].createElement(Wrapper, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 167,
         columnNumber: 5
       }
@@ -9656,7 +9656,7 @@
       disabled: disabled || readOnly,
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 168,
         columnNumber: 7
       }
@@ -9670,7 +9670,7 @@
       onChange: event => handleInputValue(event.target.value),
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 169,
         columnNumber: 9
       }
@@ -9680,14 +9680,14 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 179,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(ItemWrapper, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 180,
         columnNumber: 9
       }
@@ -9695,7 +9695,7 @@
       color: colors.iconGreen,
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 181,
         columnNumber: 11
       }
@@ -9706,7 +9706,7 @@
       },
       __self: this,
       __source: {
-        fileName: _jsxFileName$r,
+        fileName: _jsxFileName$s,
         lineNumber: 182,
         columnNumber: 11
       }
@@ -10016,7 +10016,7 @@
   });
 
   const _excluded$b = ["children"];
-  var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
+  var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
   const {
     zIndices
   } = core.foundations;
@@ -10056,7 +10056,7 @@
       value: value,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 44,
         columnNumber: 10
       }
@@ -10098,7 +10098,7 @@
       returnFocus: false,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 62,
         columnNumber: 5
       }
@@ -10113,7 +10113,7 @@
     }), {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 63,
         columnNumber: 7
       }
@@ -10135,7 +10135,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$q,
+        fileName: _jsxFileName$r,
         lineNumber: 86,
         columnNumber: 5
       }
@@ -10150,7 +10150,7 @@
   Popover.displayName = 'Popover';
 
   const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-  var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
+  var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
   const StyledSlider = react.styled(SliderPrimitive__namespace.Root, {
     position: 'relative',
     display: 'flex',
@@ -10432,7 +10432,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 160,
         columnNumber: 5
       }
@@ -10441,7 +10441,7 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 181,
         columnNumber: 7
       }
@@ -10449,7 +10449,7 @@
       color: color,
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 182,
         columnNumber: 9
       }
@@ -10458,7 +10458,7 @@
       size: size,
       __self: this,
       __source: {
-        fileName: _jsxFileName$p,
+        fileName: _jsxFileName$q,
         lineNumber: 184,
         columnNumber: 7
       }
@@ -10495,7 +10495,7 @@
   };
 
   const _excluded$9 = ["className", "children", "onClick", "type", "size"];
-  var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
+  var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
   const TagWrapper = styled('div', {
     boxSizing: 'border-box',
     fontSize: '12px',
@@ -10607,7 +10607,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$o,
+        fileName: _jsxFileName$p,
         lineNumber: 63,
         columnNumber: 5
       }
@@ -10615,14 +10615,14 @@
       type: type,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$o,
+        fileName: _jsxFileName$p,
         lineNumber: 72,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(TagComponent, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$o,
+        fileName: _jsxFileName$p,
         lineNumber: 73,
         columnNumber: 7
       }
@@ -10705,7 +10705,7 @@
 
   const _excluded$8 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
         _excluded2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-  var _jsxFileName$n = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
+  var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
   const ButtonGroupComponent = styled(ToggleGroupPrimitive__namespace.Root, {
     display: 'inline-flex',
     borderRadius: '$md',
@@ -10847,7 +10847,7 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$n,
+        fileName: _jsxFileName$o,
         lineNumber: 111,
         columnNumber: 5
       }
@@ -10900,21 +10900,21 @@
     }, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$n,
+        fileName: _jsxFileName$o,
         lineNumber: 164,
         columnNumber: 5
       }
     }), leftIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconLeft, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$n,
+        fileName: _jsxFileName$o,
         lineNumber: 172,
         columnNumber: 33
       }
     }, leftIcon) : null, children, rightIcon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledIconRight, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$n,
+        fileName: _jsxFileName$o,
         lineNumber: 174,
         columnNumber: 34
       }
@@ -11001,7 +11001,7 @@
   });
 
   const _excluded$7 = ["children"];
-  var _jsxFileName$m = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
+  var _jsxFileName$n = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
   const NotificationBadgeRootStyle = styled('span', {
     position: 'relative',
     display: 'inline-flex',
@@ -11115,14 +11115,14 @@
     return /*#__PURE__*/React__default["default"].createElement(NotificationBadgeRootStyle, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$m,
+        fileName: _jsxFileName$n,
         lineNumber: 106,
         columnNumber: 5
       }
     }, children, /*#__PURE__*/React__default["default"].createElement(NotificationBadgeStyle, _extends({}, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$m,
+        fileName: _jsxFileName$n,
         lineNumber: 108,
         columnNumber: 7
       }
@@ -11145,7 +11145,7 @@
   };
 
   const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
-  var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
+  var _jsxFileName$m = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
   const PaperComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -11177,7 +11177,7 @@
     }, props, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$l,
+        fileName: _jsxFileName$m,
         lineNumber: 17,
         columnNumber: 5
       }
@@ -12610,7 +12610,7 @@
   };
 
   const _excluded$5 = ["children"];
-  var _jsxFileName$k = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
+  var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
   const Context$1 = /*#__PURE__*/React__default["default"].createContext();
   const {
     sizes
@@ -12655,14 +12655,14 @@
     return /*#__PURE__*/React__default["default"].createElement(DialogPrimitive__namespace.Root, _extends({}, props, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 40,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledOverlay$1, {
       __self: this,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 41,
         columnNumber: 7
       }
@@ -12670,7 +12670,7 @@
       value: Object.assign({}, props),
       __self: this,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 42,
         columnNumber: 7
       }
@@ -12829,14 +12829,14 @@
     return /*#__PURE__*/React__default["default"].createElement(Context$1.Consumer, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 201,
         columnNumber: 10
       }
     }, value => /*#__PURE__*/React__default["default"].createElement(StyledContent$2, _extends({}, value, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 201,
         columnNumber: 38
       }
@@ -12846,14 +12846,14 @@
     return /*#__PURE__*/React__default["default"].createElement(Context$1.Consumer, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 205,
         columnNumber: 10
       }
     }, value => /*#__PURE__*/React__default["default"].createElement(Header, _extends({}, value, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 205,
         columnNumber: 38
       }
@@ -12863,14 +12863,14 @@
     return /*#__PURE__*/React__default["default"].createElement(Context$1.Consumer, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 209,
         columnNumber: 10
       }
     }, value => /*#__PURE__*/React__default["default"].createElement(Footer, _extends({}, value, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 209,
         columnNumber: 38
       }
@@ -12885,14 +12885,14 @@
     return /*#__PURE__*/React__default["default"].createElement(CloseButton, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 219,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$k,
+        fileName: _jsxFileName$l,
         lineNumber: 220,
         columnNumber: 7
       }
@@ -14363,7 +14363,7 @@
     return null;
   };
 
-  var _jsxFileName$j = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
+  var _jsxFileName$k = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
   const Input$2 = styled('input', {
     display: 'none'
   });
@@ -14388,7 +14388,7 @@
       }
     }
   });
-  styled(Flex$1, {
+  const Container$4 = styled(Flex$1, {
     borderRadius: 8,
     boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12);',
     width: 200,
@@ -14466,7 +14466,7 @@
       onMouseLeave: toggleHover,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 107,
         columnNumber: 5
       }
@@ -14476,7 +14476,7 @@
       onMouseLeave: toggleHover,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 114,
         columnNumber: 5
       }
@@ -14524,7 +14524,7 @@
       },
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 149,
         columnNumber: 5
       }
@@ -14533,7 +14533,7 @@
       gap: 6,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 150,
         columnNumber: 7
       }
@@ -14543,7 +14543,7 @@
       onClick: () => handleUp('hour'),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 151,
         columnNumber: 9
       }
@@ -14553,7 +14553,7 @@
       onClick: () => handleUp('minutes'),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 152,
         columnNumber: 9
       }
@@ -14564,7 +14564,7 @@
       onChange: handleChange,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 154,
         columnNumber: 7
       }
@@ -14572,7 +14572,7 @@
       size: size,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 155,
         columnNumber: 7
       }
@@ -14581,7 +14581,7 @@
       gap: 6,
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 156,
         columnNumber: 7
       }
@@ -14591,7 +14591,7 @@
       onClick: () => handleDown('hour'),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 157,
         columnNumber: 9
       }
@@ -14601,7 +14601,7 @@
       onClick: () => handleDown('minutes'),
       __self: undefined,
       __source: {
-        fileName: _jsxFileName$j,
+        fileName: _jsxFileName$k,
         lineNumber: 158,
         columnNumber: 9
       }
@@ -14628,7 +14628,44 @@
     */
     value: PropTypes__default["default"].instanceOf(Date)
   };
-  ({
+  const TimePicker = ({
+    size,
+    onChange,
+    defaultValue,
+    value,
+    disabled,
+    css
+  }) => {
+    return /*#__PURE__*/React__default["default"].createElement(Container$4, {
+      size: size,
+      disabled: disabled,
+      direction: "column",
+      gap: 3,
+      justify: "center",
+      align: "center",
+      css: css,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$k,
+        lineNumber: 185,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(NativeTimePicker, {
+      size: size,
+      disabled: disabled,
+      onChange: onChange,
+      defaultValue: defaultValue,
+      value: value,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$k,
+        lineNumber: 186,
+        columnNumber: 7
+      }
+    }));
+  };
+  TimePicker.displayName = 'TimePicker';
+  TimePicker.propTypes = {
     /**
      Additional styles.
     */
@@ -14654,10 +14691,176 @@
     */
     value: PropTypes__default["default"].instanceOf(Date),
     disabled: PropTypes__default["default"].bool
-  });
+  };
   NativeTimePicker.displayName = 'TimePicker';
 
-  ({
+  var _jsxFileName$j = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
+
+  const getInputPickerValue$1 = date => {
+    if (!date) return;
+    return moment__default["default"](date).format('HH:mm');
+  };
+
+  function InputTimePicker({
+    size,
+    onChange,
+    defaultValue,
+    value,
+    placeholder,
+    placement,
+    css,
+    disabled
+  }) {
+    const [openPicker, setOpenPicker] = React.useState(false);
+    const isMobile = useMediaQuery(`(max-width: 480px)`);
+
+    function handleChange() {
+      if (!disabled) {
+        setOpenPicker(!openPicker);
+      }
+    }
+
+    const renderInputGroup = () => /*#__PURE__*/React__default["default"].createElement(InputGroup, {
+      size: "sm",
+      disabled: disabled,
+      onClick: handleChange,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 29,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
+      children: /*#__PURE__*/React__default["default"].createElement(icons.TimeOutline, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName$j,
+          lineNumber: 30,
+          columnNumber: 35
+        }
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 30,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/React__default["default"].createElement(InputText, {
+      placeholder: placeholder,
+      value: getInputPickerValue$1(value),
+      defaultValue: defaultValue,
+      isPicker: true,
+      tabIndex: "-1",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 31,
+        columnNumber: 7
+      }
+    }));
+
+    const renderTimePicker = () => /*#__PURE__*/React__default["default"].createElement(TimePicker, {
+      size: size,
+      disabled: disabled,
+      defaultValue: defaultValue,
+      value: value,
+      onChange: onChange,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 42,
+        columnNumber: 5
+      }
+    });
+
+    return !isMobile ? /*#__PURE__*/React__default["default"].createElement(Popover, {
+      open: openPicker,
+      onOpenChange: setOpenPicker,
+      placement: placement,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 46,
+        columnNumber: 5
+      }
+    }, disabled ? /*#__PURE__*/React__default["default"].createElement(Box, {
+      css: css,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 48,
+        columnNumber: 9
+      }
+    }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 50,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Box, {
+      css: css,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 51,
+        columnNumber: 11
+      }
+    }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 54,
+        columnNumber: 7
+      }
+    }, renderTimePicker())) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Box, {
+      css: css,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 58,
+        columnNumber: 7
+      }
+    }, renderInputGroup()), /*#__PURE__*/React__default["default"].createElement(Drawer, {
+      open: openPicker,
+      onOpenChange: handleChange,
+      side: "bottom",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 59,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(DrawerContent, {
+      css: {
+        position: 'fixed',
+        left: 0
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 60,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
+      justify: "center",
+      align: "center",
+      css: {
+        padding: '20px 0px'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$j,
+        lineNumber: 66,
+        columnNumber: 11
+      }
+    }, renderTimePicker()))));
+  }
+  InputTimePicker.defaultProps = {
+    placement: 'bottom-start',
+    placeholder: 'Select Time'
+  };
+  InputTimePicker.propTypes = {
     /**
      Additional styles.
     */
@@ -14693,7 +14896,8 @@
      Placement popover input time picker.
     */
     placement: PropTypes__default["default"].string
-  });
+  };
+  InputTimePicker.displayName = 'InputTimePicker';
 
   var SINGLE_PICKER = 'single';
   var RANGE_PICKER = 'range';
@@ -27519,6 +27723,7 @@
   exports.InputTags = TagsInput;
   exports.InputText = InputText;
   exports.InputTextArea = InputTextArea;
+  exports.InputTimePicker = InputTimePicker;
   exports.LAST_7_DAYS = LAST_7_DAYS;
   exports.LAST_MONTH = LAST_MONTH;
   exports.LAST_TWO_MONTHS = LAST_TWO_MONTHS;
@@ -27532,6 +27737,7 @@
   exports.ModalDialogFooter = ModalDialogFooter;
   exports.ModalDialogTitle = ModalDialogTitle;
   exports.ModalDialogTrigger = ModalDialogTrigger;
+  exports.NativeTimePicker = NativeTimePicker;
   exports.NotificationBadge = NotificationBadge;
   exports.OptionWrapper = OptionWrapper$2;
   exports.PageContainer = PageContainer;
@@ -27596,6 +27802,7 @@
   exports.TagStatus = TagStatus;
   exports.Text = Text$1;
   exports.TextVariantsEnum = TextVariantsEnum;
+  exports.TimePicker = TimePicker;
   exports.ToastContext = ToastContext;
   exports.Tooltip = Tooltip;
   exports.UPDATE_PICKER = UPDATE_PICKER;