@ix_waterford/lib 1.0.10 → 1.0.11

package/dist/index.js

@@ -5933,7 +5933,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1764251235552
+        // 1764589176825
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5961,7 +5961,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1764251235558
+        // 1764589176828
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5989,7 +5989,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1764251235560
+        // 1764589176831
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -6017,7 +6017,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1764251235556
+        // 1764589176830
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -24703,6 +24703,120 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+}),
+"./src/components/avatarStatusDot/avatar.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@mui/material");
+/* import */var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/avatarStatusDot/style.tsx");
+/* import */var _toolTip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+
+const Avatar = (param)=>{
+    let { className = '', tooltipTitle = '', background = '', statusDotColor = '', children, sx = {}, ...restProps } = param;
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Box, {
+        className: `avatarContainer ${className}`,
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Avatar, {
+                ...restProps,
+                sx: {
+                    ...sx,
+                    background
+                },
+                children: children
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+                lineNumber: 34,
+                columnNumber: 7
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Box, {
+                className: `statusDotContainer ${className}`,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_toolTip__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                    title: tooltipTitle,
+                    arrow: true,
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Box, {
+                        className: "statusDot",
+                        sx: {
+                            background: statusDotColor
+                        }
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+                        lineNumber: 40,
+                        columnNumber: 11
+                    }, undefined)
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+                    lineNumber: 39,
+                    columnNumber: 9
+                }, undefined)
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+        lineNumber: 33,
+        columnNumber: 5
+    }, undefined);
+};
+_c = Avatar;
+Avatar.displayName = 'Avatar';
+/* export default */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_mui_material__WEBPACK_IMPORTED_MODULE_1__.styled)(Avatar)(_style__WEBPACK_IMPORTED_MODULE_3__.Style));
+var _c;
+$RefreshReg$(_c, "Avatar");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/avatarStatusDot/style.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Style: () => (Style)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const Style = ()=>({
+        '.avatarContainer': {
+            position: 'relative'
+        },
+        '.statusDot': {
+            width: '7px',
+            height: '7px',
+            borderRadius: '50%'
+        },
+        '.statusDotContainer': {
+            width: '5px',
+            height: '5px',
+            borderRadius: '5px',
+            position: 'relative',
+            bottom: '3px',
+            '&.user': {
+                left: '16px'
+            },
+            '&.group': {
+                left: '19px'
+            }
+        }
+    });
+_c = Style;
+var _c;
+$RefreshReg$(_c, "Style");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
 }),
 "./src/components/avatarTitle/avatarTitle.tsx": (function (module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -26885,11 +26999,12 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
 /* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
 /* import */var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@mui/material");
-/* import */var _assets_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/assets/svg/searchIcon.tsx");
-/* import */var _assets_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
-/* import */var _iconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */var _textField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/textField/textField.tsx");
-/* import */var _toolTip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */var _assets_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/assets/svg/searchIcon.tsx");
+/* import */var _assets_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/utils/global.ts");
+/* import */var _iconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */var _textField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/textField/textField.tsx");
+/* import */var _toolTip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./src/components/toolTip/toolTip.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -26899,13 +27014,14 @@ var _s = $RefreshSig$();
 
 
 
+
 const SearchBar = (param)=>{
     let { placeholder = 'Search here...', search = '', handleClick = ()=>{}, setSearch = ()=>{}, actionType = '' } = param;
     _s();
     const [openSearch, setOpenSearch] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const handleSearchChange = (value)=>{
         setSearch(value);
-        if (handleClick && value.trim()) {
+        if (!(0,_utils__WEBPACK_IMPORTED_MODULE_3__.isEmptyString)(value)) {
             handleClick(actionType, {
                 search: value
             });
@@ -26914,11 +27030,9 @@ const SearchBar = (param)=>{
     const handleClose = ()=>{
         setOpenSearch(false);
         setSearch('');
-        if (handleClick) {
-            handleClick(actionType, {
-                search: ''
-            });
-        }
+        handleClick(actionType, {
+            search: ''
+        });
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Box, {
         display: "flex",
@@ -26926,7 +27040,7 @@ const SearchBar = (param)=>{
             /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Collapse, {
                 in: openSearch,
                 orientation: "horizontal",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_textField__WEBPACK_IMPORTED_MODULE_3__["default"], {
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_textField__WEBPACK_IMPORTED_MODULE_4__["default"], {
                     size: "small",
                     placeholder: placeholder,
                     "aria-label": "Search here",
@@ -26938,7 +27052,7 @@ const SearchBar = (param)=>{
                         input: {
                             startAdornment: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.InputAdornment, {
                                 position: "start",
-                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_4__.SearchIcon, {}, void 0, false, {
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {}, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
                                     lineNumber: 57,
                                     columnNumber: 64
@@ -26950,9 +27064,9 @@ const SearchBar = (param)=>{
                             }, void 0),
                             endAdornment: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.InputAdornment, {
                                 position: "end",
-                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_iconButton__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_iconButton__WEBPACK_IMPORTED_MODULE_6__["default"], {
                                     onClick: handleClose,
-                                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_6__.CloseIcon, {}, void 0, false, {
+                                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_7__.CloseIcon, {}, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
                                         lineNumber: 59,
                                         columnNumber: 51
@@ -26979,15 +27093,15 @@ const SearchBar = (param)=>{
                 lineNumber: 46,
                 columnNumber: 7
             }, undefined),
-            !openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_toolTip__WEBPACK_IMPORTED_MODULE_7__["default"], {
+            !openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_toolTip__WEBPACK_IMPORTED_MODULE_8__["default"], {
                 arrow: true,
                 title: "Search",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_iconButton__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_iconButton__WEBPACK_IMPORTED_MODULE_6__["default"], {
                     className: "roundIcon",
                     onClick: ()=>{
                         setOpenSearch(true);
                     },
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_4__.SearchIcon, {}, void 0, false, {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_assets_svg__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
                         lineNumber: 67,
                         columnNumber: 11
@@ -31328,10 +31442,10 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
 /* import */var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@mui/material");
 /* import */var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */var _popoverStyle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
 /* import */var _constants_viewHeaderConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/constants/viewHeaderConstants.ts");
 /* import */var _popOver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/popOver/popOver.tsx");
 /* import */var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/typography/typography.tsx");
-/* import */var _popoverStyle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -31433,10 +31547,10 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
 /* import */var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@mui/material");
 /* import */var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */var _popoverStyle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
 /* import */var _constants_viewHeaderConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/constants/viewHeaderConstants.ts");
 /* import */var _popOver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/popOver/popOver.tsx");
 /* import */var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/typography/typography.tsx");
-/* import */var _popoverStyle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -32435,57 +32549,61 @@ __webpack_require__.d(__webpack_exports__, {
   Accordion: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_19__["default"]),
   Avatar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_32__["default"]),
   AvatarGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_33__["default"]),
+  AvatarStatus: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_34__["default"]),
+  AvatarTitle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_35__["default"]),
   Badge: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__["default"]),
   BreadCrumb: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__["default"]),
   Button: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__["default"]),
-  Carousal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_37__["default"]),
-  CheckBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_38__["default"]),
+  Carousal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_39__["default"]),
+  CheckBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_40__["default"]),
   Chip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_23__["default"]),
   CircularLoader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_16__["default"]),
-  CloseIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_47__.CloseIcon),
+  CloseIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_49__.CloseIcon),
   ColorPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__["default"]),
   DatePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_11__["default"]),
   Dialog: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_13__["default"]),
-  DoubleArrow: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_48__.DoubleArrow),
+  DoubleArrow: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_50__.DoubleArrow),
   Drawer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_4__["default"]),
-  EditIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_45__.EditIcon),
-  ErrorBoundary: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_36__["default"]),
-  ExpandMoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_49__.ExpandMoreIcon),
+  EditIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_47__.EditIcon),
+  ErrorBoundary: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_38__["default"]),
+  ExpandMoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_51__.ExpandMoreIcon),
   IconButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_12__["default"]),
   LinearLoader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_15__["default"]),
   Link: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_7__["default"]),
   MediaPlayer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_17__["default"]),
   Menu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_22__["default"]),
   Modal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_6__["default"]),
-  MoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_50__.MoreIcon),
+  MoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_52__.MoreIcon),
   MultiSelect: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_25__["default"]),
   Popover: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_9__["default"]),
   Radio: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_18__["default"]),
   SearchBar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_26__["default"]),
-  SearchIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_46__.SearchIcon),
+  SearchIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_48__.SearchIcon),
   Select: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_24__["default"]),
   Slider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_20__["default"]),
   SnackBar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_5__["default"]),
   Switch: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_21__["default"]),
   TabContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_31__.TabContext),
   TabPanel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_30__["default"]),
-  Table: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_39__["default"]),
+  Table: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_41__["default"]),
   Tabs: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_29__["default"]),
-  TextEditor: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_35__["default"]),
+  TextEditor: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_37__["default"]),
   TextField: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_28__["default"]),
-  ThemeProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_34__["default"]),
+  ThemeProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_36__["default"]),
   TimePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_10__["default"]),
   Timeline: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_14__["default"]),
   Tooltip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_8__["default"]),
   Typography: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_27__["default"]),
-  ViewHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_40__["default"]),
-  formatDate: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_42__.formatDate),
-  isEmpty: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_44__.isEmpty),
-  isEmptyArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_44__.isEmptyArray),
-  isEmptyObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_44__.isEmptyObject),
-  isEmptyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_44__.isEmptyString),
-  isValidEmail: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_43__.isValidEmail),
-  useDebounce: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_41__.useDebounce)
+  ViewHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_42__["default"]),
+  formatDate: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_44__.formatDate),
+  getColorFromId: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.getColorFromId),
+  isEmpty: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.isEmpty),
+  isEmptyArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.isEmptyArray),
+  isEmptyObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.isEmptyObject),
+  isEmptyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.isEmptyString),
+  isValidEmail: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_45__.isValidEmail),
+  strEllipsis: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_46__.strEllipsis),
+  useDebounce: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_43__.useDebounce)
 });
 /* import */var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/components/button/button.tsx");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/components/badge/badge.tsx");
@@ -32521,23 +32639,25 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */var _components__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__("@mui/lab");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__("./src/components/avatar/avatar.tsx");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__("./src/components/avatar/avatarGroup.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__("./src/components/theme/ThemeProvider.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__("./src/components/textEditor/textEditor.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__("./src/components/errorBoundary/errorBoundary.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__("./src/components/carousal/carousal.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__("./src/components/checkBox/checkBox.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__("./src/components/table/table.tsx");
-/* import */var _components__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
-/* import */var _hooks__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__("./src/hooks/debounce.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__("./src/utils/date.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__("./src/utils/email.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__("./src/utils/global.ts");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__("./src/assets/editIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__("./src/assets/searchIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__("./src/assets/svg/moreIcon.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__("./src/components/avatarStatusDot/avatar.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__("./src/components/avatarTitle/avatarTitle.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__("./src/components/theme/ThemeProvider.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__("./src/components/textEditor/textEditor.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__("./src/components/errorBoundary/errorBoundary.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__("./src/components/carousal/carousal.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__("./src/components/checkBox/checkBox.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__("./src/components/table/table.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
+/* import */var _hooks__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__("./src/hooks/debounce.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__("./src/utils/date.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__("./src/utils/email.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__("./src/utils/global.ts");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__("./src/assets/editIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__("./src/assets/searchIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__("./src/assets/svg/moreIcon.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 // Components
 
@@ -32545,6 +32665,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 // Utils
 
+
 // Assets/Icons
 
 
@@ -144384,6 +144505,8 @@ var __webpack_exports__ = __webpack_require__("./src/index.ts");
 var __webpack_exports__Accordion = __webpack_exports__.Accordion;
 var __webpack_exports__Avatar = __webpack_exports__.Avatar;
 var __webpack_exports__AvatarGroup = __webpack_exports__.AvatarGroup;
+var __webpack_exports__AvatarStatus = __webpack_exports__.AvatarStatus;
+var __webpack_exports__AvatarTitle = __webpack_exports__.AvatarTitle;
 var __webpack_exports__Badge = __webpack_exports__.Badge;
 var __webpack_exports__BreadCrumb = __webpack_exports__.BreadCrumb;
 var __webpack_exports__Button = __webpack_exports__.Button;
@@ -144429,12 +144552,14 @@ var __webpack_exports__Tooltip = __webpack_exports__.Tooltip;
 var __webpack_exports__Typography = __webpack_exports__.Typography;
 var __webpack_exports__ViewHeader = __webpack_exports__.ViewHeader;
 var __webpack_exports__formatDate = __webpack_exports__.formatDate;
+var __webpack_exports__getColorFromId = __webpack_exports__.getColorFromId;
 var __webpack_exports__isEmpty = __webpack_exports__.isEmpty;
 var __webpack_exports__isEmptyArray = __webpack_exports__.isEmptyArray;
 var __webpack_exports__isEmptyObject = __webpack_exports__.isEmptyObject;
 var __webpack_exports__isEmptyString = __webpack_exports__.isEmptyString;
 var __webpack_exports__isValidEmail = __webpack_exports__.isValidEmail;
+var __webpack_exports__strEllipsis = __webpack_exports__.strEllipsis;
 var __webpack_exports__useDebounce = __webpack_exports__.useDebounce;
-export { __webpack_exports__Accordion as Accordion, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__Badge as Badge, __webpack_exports__BreadCrumb as BreadCrumb, __webpack_exports__Button as Button, __webpack_exports__Carousal as Carousal, __webpack_exports__CheckBox as CheckBox, __webpack_exports__Chip as Chip, __webpack_exports__CircularLoader as CircularLoader, __webpack_exports__CloseIcon as CloseIcon, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__DoubleArrow as DoubleArrow, __webpack_exports__Drawer as Drawer, __webpack_exports__EditIcon as EditIcon, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__ExpandMoreIcon as ExpandMoreIcon, __webpack_exports__IconButton as IconButton, __webpack_exports__LinearLoader as LinearLoader, __webpack_exports__Link as Link, __webpack_exports__MediaPlayer as MediaPlayer, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__MoreIcon as MoreIcon, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__SearchIcon as SearchIcon, __webpack_exports__Select as Select, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader, __webpack_exports__formatDate as formatDate, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyArray as isEmptyArray, __webpack_exports__isEmptyObject as isEmptyObject, __webpack_exports__isEmptyString as isEmptyString, __webpack_exports__isValidEmail as isValidEmail, __webpack_exports__useDebounce as useDebounce };
+export { __webpack_exports__Accordion as Accordion, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__AvatarStatus as AvatarStatus, __webpack_exports__AvatarTitle as AvatarTitle, __webpack_exports__Badge as Badge, __webpack_exports__BreadCrumb as BreadCrumb, __webpack_exports__Button as Button, __webpack_exports__Carousal as Carousal, __webpack_exports__CheckBox as CheckBox, __webpack_exports__Chip as Chip, __webpack_exports__CircularLoader as CircularLoader, __webpack_exports__CloseIcon as CloseIcon, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__DoubleArrow as DoubleArrow, __webpack_exports__Drawer as Drawer, __webpack_exports__EditIcon as EditIcon, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__ExpandMoreIcon as ExpandMoreIcon, __webpack_exports__IconButton as IconButton, __webpack_exports__LinearLoader as LinearLoader, __webpack_exports__Link as Link, __webpack_exports__MediaPlayer as MediaPlayer, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__MoreIcon as MoreIcon, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__SearchIcon as SearchIcon, __webpack_exports__Select as Select, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader, __webpack_exports__formatDate as formatDate, __webpack_exports__getColorFromId as getColorFromId, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyArray as isEmptyArray, __webpack_exports__isEmptyObject as isEmptyObject, __webpack_exports__isEmptyString as isEmptyString, __webpack_exports__isValidEmail as isValidEmail, __webpack_exports__strEllipsis as strEllipsis, __webpack_exports__useDebounce as useDebounce };
 
 //# sourceMappingURL=index.js.map