diff --git a/package-lock.json b/package-lock.json
index bd4188098..410eb71f2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,20 @@
 {
   "name": "@lyyti/design-system",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lyyti/design-system",
-      "version": "2.2.2",
+      "version": "2.2.3",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "11.11.0",
         "@emotion/styled": "11.11.0",
         "@mui/lab": "5.0.0-alpha.129",
         "@mui/material": "5.13.2",
-        "@mui/x-data-grid": "6.4.0",
-        "@mui/x-data-grid-pro": "6.4.0",
+        "@mui/x-data-grid": "6.7.0",
+        "@mui/x-data-grid-pro": "6.7.0",
         "@mui/x-date-pickers": "6.4.0",
         "@mui/x-license-pro": "6.0.4"
       },
@@ -30,8 +30,8 @@
         "@storybook/react": "7.0.12",
         "@storybook/test-runner": "0.10.0",
         "@svgr/cli": "8.0.1",
-        "@types/node": "16.18.23",
-        "@types/react": "17.0.43",
+        "@types/node": "20.2.5",
+        "@types/react": "18.2.11",
         "babel-loader": "9.1.2",
         "dayjs": "1.11.7",
         "eslint": "8.41.0",
@@ -5109,12 +5109,12 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.4.0.tgz",
-      "integrity": "sha512-rFpjJh4ZTJW3JnjmTsn5B32PMMJtjxTdRZyjn3Re5K/BA/iJQvN1qHO26qoqbo4Vt3b3dbRLThM/Q0N59PL2Fw==",
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.7.0.tgz",
+      "integrity": "sha512-gkMjvIT2oMKs7VOxLXxu0NkSKFBhlh/AepHB89xKcf+XVMkKBEwq8VT2GtrccAO+7Lr7ciZhcX2EmiDHsXdhbA==",
       "dependencies": {
         "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
+        "@mui/utils": "^5.13.1",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
@@ -5129,19 +5129,19 @@
       "peerDependencies": {
         "@mui/material": "^5.4.1",
         "@mui/system": "^5.4.1",
-        "react": "^17.0.2 || ^18.0.0",
-        "react-dom": "^17.0.2 || ^18.0.0"
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/@mui/x-data-grid-pro": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.4.0.tgz",
-      "integrity": "sha512-8crtEcAMBHLPIBq6uVedF5HZYadpkgx3NfWYw8WIUamwyDpKRNLVitPWGwPQ4VnzF3S63pcGhol8If1z0ibW/A==",
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.7.0.tgz",
+      "integrity": "sha512-bhcMFUekY4kD8bhMyZ4akghTwBFtuDgucw1SKDxyLl8W7J662etBQhxGSKSl2xgn2qSlXZoXOCiCqNfRXV8HfQ==",
       "dependencies": {
         "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
-        "@mui/x-data-grid": "6.4.0",
-        "@mui/x-license-pro": "6.0.4",
+        "@mui/utils": "^5.13.1",
+        "@mui/x-data-grid": "6.7.0",
+        "@mui/x-license-pro": "6.6.0",
         "@types/format-util": "^1.0.2",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
@@ -5153,8 +5153,23 @@
       "peerDependencies": {
         "@mui/material": "^5.4.1",
         "@mui/system": "^5.4.1",
-        "react": "^17.0.2 || ^18.0.0",
-        "react-dom": "^17.0.2 || ^18.0.0"
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@mui/x-data-grid-pro/node_modules/@mui/x-license-pro": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-license-pro/-/x-license-pro-6.6.0.tgz",
+      "integrity": "sha512-jLmAAQJdKWzcGjpw/gm1ZBdzig9y4sJjgfzO0RpDg2mPK25uZfDKGt6ZRwv8IkJHa6ulwOdudJx5YgvQM9Jj0Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@mui/utils": "^5.13.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/@mui/x-date-pickers": {
@@ -6212,6 +6227,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/addon-controls/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/addon-controls/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -6893,6 +6914,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/addon-essentials/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/addon-essentials/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -8705,6 +8732,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/blocks/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/blocks/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -8941,6 +8974,12 @@
         }
       }
     },
+    "node_modules/@storybook/builder-webpack5/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/builder-webpack5/node_modules/semver": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz",
@@ -9497,6 +9536,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-common/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/core-common/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -9690,6 +9735,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-server/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/core-server/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -9792,6 +9843,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/core-webpack/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/csf": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.0.tgz",
@@ -10163,6 +10220,12 @@
         }
       }
     },
+    "node_modules/@storybook/nextjs/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/nextjs/node_modules/loader-utils": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
@@ -10444,6 +10507,12 @@
         }
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/semver": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz",
@@ -10760,6 +10829,12 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/react/node_modules/@types/node": {
+      "version": "16.18.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+      "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+      "dev": true
+    },
     "node_modules/@storybook/react/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -11912,9 +11987,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "16.18.23",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz",
-      "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==",
+      "version": "20.2.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz",
+      "integrity": "sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==",
       "dev": true
     },
     "node_modules/@types/node-fetch": {
@@ -11974,9 +12049,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "17.0.43",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.43.tgz",
-      "integrity": "sha512-8Q+LNpdxf057brvPu1lMtC5Vn7J119xrP1aq4qiaefNioQUYANF/CYeK4NsKorSZyUGJ66g0IM+4bbjwx45o2A==",
+      "version": "18.2.11",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.11.tgz",
+      "integrity": "sha512-+hsJr9hmwyDecSMQAmX7drgbDpyE+EgSF6t7+5QEBAn1tQK7kl1vWZ4iRf6SjQ8lk7dyEULxUmZOIpN0W5baZA==",
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -31189,30 +31264,41 @@
       }
     },
     "@mui/x-data-grid": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.4.0.tgz",
-      "integrity": "sha512-rFpjJh4ZTJW3JnjmTsn5B32PMMJtjxTdRZyjn3Re5K/BA/iJQvN1qHO26qoqbo4Vt3b3dbRLThM/Q0N59PL2Fw==",
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.7.0.tgz",
+      "integrity": "sha512-gkMjvIT2oMKs7VOxLXxu0NkSKFBhlh/AepHB89xKcf+XVMkKBEwq8VT2GtrccAO+7Lr7ciZhcX2EmiDHsXdhbA==",
       "requires": {
         "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
+        "@mui/utils": "^5.13.1",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
       }
     },
     "@mui/x-data-grid-pro": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.4.0.tgz",
-      "integrity": "sha512-8crtEcAMBHLPIBq6uVedF5HZYadpkgx3NfWYw8WIUamwyDpKRNLVitPWGwPQ4VnzF3S63pcGhol8If1z0ibW/A==",
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.7.0.tgz",
+      "integrity": "sha512-bhcMFUekY4kD8bhMyZ4akghTwBFtuDgucw1SKDxyLl8W7J662etBQhxGSKSl2xgn2qSlXZoXOCiCqNfRXV8HfQ==",
       "requires": {
         "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
-        "@mui/x-data-grid": "6.4.0",
-        "@mui/x-license-pro": "6.0.4",
+        "@mui/utils": "^5.13.1",
+        "@mui/x-data-grid": "6.7.0",
+        "@mui/x-license-pro": "6.6.0",
         "@types/format-util": "^1.0.2",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
+      },
+      "dependencies": {
+        "@mui/x-license-pro": {
+          "version": "6.6.0",
+          "resolved": "https://registry.npmjs.org/@mui/x-license-pro/-/x-license-pro-6.6.0.tgz",
+          "integrity": "sha512-jLmAAQJdKWzcGjpw/gm1ZBdzig9y4sJjgfzO0RpDg2mPK25uZfDKGt6ZRwv8IkJHa6ulwOdudJx5YgvQM9Jj0Q==",
+          "requires": {
+            "@babel/runtime": "^7.21.0",
+            "@mui/utils": "^5.13.1"
+          }
+        }
       }
     },
     "@mui/x-date-pickers": {
@@ -31917,6 +32003,12 @@
             "file-system-cache": "^2.0.0"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -32408,6 +32500,12 @@
             "file-system-cache": "^2.0.0"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -33640,6 +33738,12 @@
             "file-system-cache": "^2.0.0"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -33815,6 +33919,12 @@
         "webpack-virtual-modules": "^0.4.3"
       },
       "dependencies": {
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "semver": {
           "version": "7.5.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz",
@@ -34246,6 +34356,12 @@
         "ts-dedent": "^2.0.0"
       },
       "dependencies": {
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -34393,6 +34509,12 @@
         "ws": "^8.2.3"
       },
       "dependencies": {
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -34464,6 +34586,14 @@
         "@storybook/types": "7.0.10",
         "@types/node": "^16.0.0",
         "ts-dedent": "^2.0.0"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        }
       }
     },
     "@storybook/csf": {
@@ -34727,6 +34857,12 @@
             "util-deprecate": "^1.0.2"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "loader-utils": {
           "version": "3.2.1",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
@@ -34908,6 +35044,12 @@
             "util-deprecate": "^1.0.2"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "semver": {
           "version": "7.5.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz",
@@ -35114,6 +35256,12 @@
             "file-system-cache": "^2.0.0"
           }
         },
+        "@types/node": {
+          "version": "16.18.34",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.34.tgz",
+          "integrity": "sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -35994,9 +36142,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "16.18.23",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz",
-      "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==",
+      "version": "20.2.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz",
+      "integrity": "sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==",
       "dev": true
     },
     "@types/node-fetch": {
@@ -36056,9 +36204,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "17.0.43",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.43.tgz",
-      "integrity": "sha512-8Q+LNpdxf057brvPu1lMtC5Vn7J119xrP1aq4qiaefNioQUYANF/CYeK4NsKorSZyUGJ66g0IM+4bbjwx45o2A==",
+      "version": "18.2.11",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.11.tgz",
+      "integrity": "sha512-+hsJr9hmwyDecSMQAmX7drgbDpyE+EgSF6t7+5QEBAn1tQK7kl1vWZ4iRf6SjQ8lk7dyEULxUmZOIpN0W5baZA==",
       "requires": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
diff --git a/package.json b/package.json
index dfac2e0bd..0f6bc2417 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@lyyti/design-system",
   "description": "Lyyti Design System",
   "homepage": "https://lyytioy.github.io/lyyti-design-system",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "engines": {
     "node": "^18",
     "npm": "^8"
@@ -26,8 +26,8 @@
     "@emotion/styled": "11.11.0",
     "@mui/lab": "5.0.0-alpha.129",
     "@mui/material": "5.13.2",
-    "@mui/x-data-grid": "6.4.0",
-    "@mui/x-data-grid-pro": "6.4.0",
+    "@mui/x-data-grid": "6.7.0",
+    "@mui/x-data-grid-pro": "6.7.0",
     "@mui/x-date-pickers": "6.4.0",
     "@mui/x-license-pro": "6.0.4"
   },
@@ -43,8 +43,8 @@
     "@storybook/react": "7.0.12",
     "@storybook/test-runner": "0.10.0",
     "@svgr/cli": "8.0.1",
-    "@types/node": "16.18.23",
-    "@types/react": "17.0.43",
+    "@types/node": "20.2.5",
+    "@types/react": "18.2.11",
     "babel-loader": "9.1.2",
     "dayjs": "1.11.7",
     "eslint": "8.41.0",
diff --git a/src/icons/ParticipantFictional.tsx b/src/icons/ParticipantFictional.tsx
new file mode 100644
index 000000000..29aee10f0
--- /dev/null
+++ b/src/icons/ParticipantFictional.tsx
@@ -0,0 +1,26 @@
+import { createElement } from 'react';
+import SvgIcon from '@mui/material/SvgIcon';
+import { useTheme } from '@mui/material/styles';
+
+const ParticipantFictional = (props: any) => {
+  const theme = useTheme();
+
+  return createElement(
+    SvgIcon,
+    props,
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      fill="none"
+      d="M7.7 13.2a4.1 4.1 0 1 0 0-8.2 4.1 4.1 0 0 0 0 8.2ZM12.4 16.6c-2.7-2.6-6.9-2.6-9.5.1C1.7 18 1 19.7 1 21.4"
+    />,
+    <path
+      fill={theme.palette.secondary.dark}
+      d="m12.82 19.605-1.312.872-.33 1.334 1.324-.333.877-1.315-.56-.558Zm1.154-1.093.498.497.073-.025c.745-.265 1.494-.809 2.245-1.658.905-1.024 2.433-2.847 4.576-5.46a.167.167 0 0 0-.121-.274.168.168 0 0 0-.115.038c-2.612 2.137-4.438 3.664-5.47 4.57-.855.751-1.399 1.499-1.66 2.238l-.026.074Zm-.489 4.354L9 24l1.113-4.501 2.388-1.59c.36-1.014 1.062-1.98 2.109-2.9 1.05-.922 2.887-2.458 5.514-4.607a1.758 1.758 0 0 1 2.874 1.27c.02.436-.123.864-.401 1.2-2.155 2.627-3.693 4.46-4.614 5.504-.919 1.04-1.887 1.74-2.903 2.103l-1.595 2.387Z"
+    />
+  );
+};
+
+export default ParticipantFictional;
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 0d7f2d0db..554161d91 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -127,4 +127,5 @@ export { default as Pause } from './Pause';
 export { default as Delete } from './Delete';
 export { default as Send } from './Send';
 export { default as PlayContained } from './PlayContained';
-export { default as ClockContained } from './ClockContained';
\ No newline at end of file
+export { default as ClockContained } from './ClockContained';
+export { default as ParticipantFictional } from './ParticipantFictional';
diff --git a/src/index.ts b/src/index.ts
index 3d2fb3145..e7d1fb6fb 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -27,7 +27,7 @@ export { default as FormGroup } from './components/FormGroup';
 export { default as FormLabel } from './components/FormLabel';
 export { default as Grid } from './components/Grid';
 export { default as Grow } from './components/Grow';
-export type { IconProps } from '@mui/material';
+export type { IconProps, FilterOptionsState } from '@mui/material';
 export { default as InputAdornment } from './components/InputAdornment';
 export { default as InputLabel } from './components/InputLabel';
 export { default as LanguageSelector } from './components/LanguageSelector';
@@ -76,4 +76,5 @@ export { default as TableFooter } from '@mui/material/TableFooter';
 export { default as TableRow } from '@mui/material/TableRow';
 export { default as ToggleButtonGroup } from './components/ToggleButtonGroup';
 export type { ToggleButtonOption } from './components/ToggleButtonGroup';
+export { createFilterOptions } from '@mui/material/useAutocomplete';
 export { useTheme } from '@mui/system';
diff --git a/stories/DataDisplay/Icons.stories.tsx b/stories/DataDisplay/Icons.stories.tsx
index ec1146e1c..e03763b30 100644
--- a/stories/DataDisplay/Icons.stories.tsx
+++ b/stories/DataDisplay/Icons.stories.tsx
@@ -190,6 +190,7 @@ const iconsList = [
   { name: 'Send', component: i.Send },
   { name: 'PlayContained', component: i.PlayContained },
   { name: 'ClockContained', component: i.ClockContained },
+  { name: 'ParticipantFictional', component: i.ParticipantFictional },
 ];
 
 const Template: StoryFn<SvgIconProps> = (args) => {