diff --git a/package-lock.json b/package-lock.json
index 26ba10dcd..8c611e55c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,21 +1,21 @@
 {
   "name": "@lyyti/design-system",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lyyti/design-system",
-      "version": "3.1.0",
+      "version": "3.2.0",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "11.11.1",
         "@emotion/styled": "11.11.0",
         "@mui/lab": "5.0.0-alpha.134",
-        "@mui/material": "5.14.10",
-        "@mui/x-data-grid": "6.13.0",
-        "@mui/x-data-grid-pro": "6.7.0",
-        "@mui/x-date-pickers": "6.4.0",
+        "@mui/material": "5.14.14",
+        "@mui/x-data-grid": "6.16.3",
+        "@mui/x-data-grid-pro": "6.16.3",
+        "@mui/x-date-pickers": "6.16.3",
         "@mui/x-license-pro": "6.10.2"
       },
       "devDependencies": {
@@ -2473,9 +2473,9 @@
       "dev": true
     },
     "node_modules/@babel/runtime": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
-      "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -5195,14 +5195,14 @@
       }
     },
     "node_modules/@mui/base": {
-      "version": "5.0.0-beta.16",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.16.tgz",
-      "integrity": "sha512-OYxhC81c9bO0wobGcM8rrY5bRwpCXAI21BL0P2wz/2vTv4ek7ALz9+U5M8wgdmtRNUhmCmAB4L2WRwFRf5Cd8Q==",
+      "version": "5.0.0-beta.20",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.20.tgz",
+      "integrity": "sha512-CS2pUuqxST7ch9VNDCklRYDbJ3rru20Tx7na92QvVVKfu3RL4z/QLuVIc8jYGsdCnauMaeUSlFNLAJNb0yXe6w==",
       "dependencies": {
-        "@babel/runtime": "^7.22.15",
+        "@babel/runtime": "^7.23.1",
         "@floating-ui/react-dom": "^2.0.2",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
         "@popperjs/core": "^2.11.8",
         "clsx": "^2.0.0",
         "prop-types": "^15.8.1"
@@ -5234,9 +5234,9 @@
       }
     },
     "node_modules/@mui/core-downloads-tracker": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.10.tgz",
-      "integrity": "sha512-kPHu/NhZq1k+vSZR5wq3AyUfD4bnfWAeuKpps0+8PS7ZHQ2Lyv1cXJh+PlFdCIOa0PK98rk3JPwMzS8BMhdHwQ==",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.14.tgz",
+      "integrity": "sha512-Rw/xKiTOUgXD8hdKqj60aC6QcGprMipG7ne2giK6Mz7b4PlhL/xog9xLeclY3BxsRLkZQ05egFnIEY1CSibTbw==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui"
@@ -5316,17 +5316,17 @@
       }
     },
     "node_modules/@mui/material": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.10.tgz",
-      "integrity": "sha512-ejFMppnO+lzBXpzju+N4SSz0Mhmi5sihXUGcr5FxpgB6bfUP0Lpe32O0Sw/3s8xlmLEvG1fqVT0rRyAVMlCA+A==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/base": "5.0.0-beta.16",
-        "@mui/core-downloads-tracker": "^5.14.10",
-        "@mui/system": "^5.14.10",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
-        "@types/react-transition-group": "^4.4.6",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.14.tgz",
+      "integrity": "sha512-cAmCwAHFQXxb44kWbVFkhKATN8tACgMsFwrXo8ro6WzYW73U/qsR5AcCiJIhCyYYg+gcftfkmNcpRaV3JjhHCg==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.1",
+        "@mui/base": "5.0.0-beta.20",
+        "@mui/core-downloads-tracker": "^5.14.14",
+        "@mui/system": "^5.14.14",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
+        "@types/react-transition-group": "^4.4.7",
         "clsx": "^2.0.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1",
@@ -5368,12 +5368,12 @@
       }
     },
     "node_modules/@mui/private-theming": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.10.tgz",
-      "integrity": "sha512-f67xOj3H06wWDT9xBg7hVL/HSKNF+HG1Kx0Pm23skkbEqD2Ef2Lif64e5nPdmWVv+7cISCYtSuE2aeuzrZe78w==",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.14.tgz",
+      "integrity": "sha512-n77au3CQj9uu16hak2Y+rvbGSBaJKxziG/gEbOLVGrAuqZ+ycVSkorCfN6Y/4XgYOpG/xvmuiY3JwhAEOzY3iA==",
       "dependencies": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/utils": "^5.14.10",
+        "@babel/runtime": "^7.23.1",
+        "@mui/utils": "^5.14.13",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -5394,11 +5394,11 @@
       }
     },
     "node_modules/@mui/styled-engine": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.10.tgz",
-      "integrity": "sha512-EJckxmQHrsBvDbFu1trJkvjNw/1R7jfNarnqPSnL+jEQawCkQIqVELWLrlOa611TFtxSJGkdUfCFXeJC203HVg==",
+      "version": "5.14.13",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.13.tgz",
+      "integrity": "sha512-1ff/egFQl26hiwcUtCMKAkp4Sgqpm3qIewmXq+GN27fb44lDIACquehMFBuadOjceOFmbIXbayzbA46ZyqFYzA==",
       "dependencies": {
-        "@babel/runtime": "^7.22.15",
+        "@babel/runtime": "^7.23.1",
         "@emotion/cache": "^11.11.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1"
@@ -5425,15 +5425,15 @@
       }
     },
     "node_modules/@mui/system": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.10.tgz",
-      "integrity": "sha512-QQmtTG/R4gjmLiL5ECQ7kRxLKDm8aKKD7seGZfbINtRVJDyFhKChA1a+K2bfqIAaBo1EMDv+6FWNT1Q5cRKjFA==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/private-theming": "^5.14.10",
-        "@mui/styled-engine": "^5.14.10",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.14.tgz",
+      "integrity": "sha512-y4InFmCgGGWXnz+iK4jRTWVikY0HgYnABjz4wgiUgEa2W1H8M4ow+27BegExUWPkj4TWthQ2qG9FOGSMtI+PKA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.1",
+        "@mui/private-theming": "^5.14.14",
+        "@mui/styled-engine": "^5.14.13",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
         "clsx": "^2.0.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1"
@@ -5472,11 +5472,11 @@
       }
     },
     "node_modules/@mui/types": {
-      "version": "7.2.4",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
-      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.6.tgz",
+      "integrity": "sha512-7sjLQrUmBwufm/M7jw/quNiPK/oor2+pGUQP2CULRcFCArYTq78oJ3D5esTaL0UMkXKJvDqXn6Ike69yAOBQng==",
       "peerDependencies": {
-        "@types/react": "*"
+        "@types/react": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -5485,12 +5485,12 @@
       }
     },
     "node_modules/@mui/utils": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.10.tgz",
-      "integrity": "sha512-Rn+vYQX7FxkcW0riDX/clNUwKuOJFH45HiULxwmpgnzQoQr3A0lb+QYwaZ+FAkZrR7qLoHKmLQlcItu6LT0y/Q==",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.14.tgz",
+      "integrity": "sha512-3AKp8uksje5sRfVrtgG9Q/2TBsHWVBUtA0NaXliZqGcXo8J+A+Agp0qUW2rJ+ivgPWTCCubz9FZVT2IQZ3bGsw==",
       "dependencies": {
-        "@babel/runtime": "^7.22.15",
-        "@types/prop-types": "^15.7.5",
+        "@babel/runtime": "^7.23.1",
+        "@types/prop-types": "^15.7.7",
         "prop-types": "^15.8.1",
         "react-is": "^18.2.0"
       },
@@ -5512,12 +5512,12 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.13.0.tgz",
-      "integrity": "sha512-HRZGPdE+unZEiygcMqLsKOJ1F7iaTrhGQXGdlFLLniwfYMzVmJgZQXYCCeOIkCQqF28rQniF+4PbRhmFERdqSQ==",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.16.3.tgz",
+      "integrity": "sha512-msohYxn11JHzeQOywaH5wGSCb/fESootqHLKG6LuET7xOxjHS8GlN/GuW/4kKcbQRunSVh/ADwqpqq+SmWrSeQ==",
       "dependencies": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/utils": "^5.14.7",
+        "@babel/runtime": "^7.23.2",
+        "@mui/utils": "^5.14.14",
         "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
@@ -5537,47 +5537,22 @@
       }
     },
     "node_modules/@mui/x-data-grid-pro": {
-      "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.13.1",
-        "@mui/x-data-grid": "6.7.0",
-        "@mui/x-license-pro": "6.6.0",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.16.3.tgz",
+      "integrity": "sha512-WFreUSjjR3VI/1riMIfmDE2hW8+vSjSZI1QRfcZ1N0nVOFr3NJ/xNeKCEMZbfEOAi477jhO3oH9QDMHB03eBmQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@mui/utils": "^5.14.14",
+        "@mui/x-data-grid": "6.16.3",
+        "@mui/x-license-pro": "6.10.2",
         "@types/format-util": "^1.0.2",
-        "clsx": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "reselect": "^4.1.8"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "@mui/material": "^5.4.1",
-        "@mui/system": "^5.4.1",
-        "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-data-grid": {
-      "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.13.1",
-        "clsx": "^1.2.1",
+        "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
       },
       "engines": {
         "node": ">=14.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui"
-      },
       "peerDependencies": {
         "@mui/material": "^5.4.1",
         "@mui/system": "^5.4.1",
@@ -5585,19 +5560,12 @@
         "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"
-      },
+    "node_modules/@mui/x-data-grid-pro/node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
       "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0"
+        "node": ">=6"
       }
     },
     "node_modules/@mui/x-data-grid/node_modules/clsx": {
@@ -5609,14 +5577,15 @@
       }
     },
     "node_modules/@mui/x-date-pickers": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.4.0.tgz",
-      "integrity": "sha512-EdKj+TVaEvx+nIljsv1BlDOYYwcMWVYB+ZMRoOCStFojY5uuDzhttQAP6DbsAPPrpKt1lzyecIukLfmIfIGcsA==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
-        "@types/react-transition-group": "^4.4.5",
-        "clsx": "^1.2.1",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.16.3.tgz",
+      "integrity": "sha512-CBwXrOJ5blqkAdF0d1dWF1RMeCS6ZYDq+53Yf/r+Izqj33+SCw+wAbdrxuIxE2GL3JY5NszEx8JFnCKZIzFZuA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@mui/base": "^5.0.0-beta.20",
+        "@mui/utils": "^5.14.14",
+        "@types/react-transition-group": "^4.4.7",
+        "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "react-transition-group": "^4.4.5"
       },
@@ -5630,7 +5599,6 @@
       "peerDependencies": {
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
-        "@mui/base": "^5.0.0-alpha.87",
         "@mui/material": "^5.8.6",
         "@mui/system": "^5.8.0",
         "date-fns": "^2.25.0",
@@ -5640,8 +5608,8 @@
         "moment": "^2.29.4",
         "moment-hijri": "^2.1.2",
         "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
-        "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"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -5673,6 +5641,14 @@
         }
       }
     },
+    "node_modules/@mui/x-date-pickers/node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@mui/x-license-pro": {
       "version": "6.10.2",
       "resolved": "https://registry.npmjs.org/@mui/x-license-pro/-/x-license-pro-6.10.2.tgz",
@@ -17460,9 +17436,9 @@
       "dev": true
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.5",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+      "version": "15.7.8",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
+      "integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ=="
     },
     "node_modules/@types/qs": {
       "version": "6.9.7",
@@ -17487,9 +17463,9 @@
       }
     },
     "node_modules/@types/react-transition-group": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
-      "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.7.tgz",
+      "integrity": "sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==",
       "dependencies": {
         "@types/react": "*"
       }
@@ -36019,9 +35995,9 @@
       "dev": true
     },
     "@babel/runtime": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
-      "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
       "requires": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -38010,14 +37986,14 @@
       }
     },
     "@mui/base": {
-      "version": "5.0.0-beta.16",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.16.tgz",
-      "integrity": "sha512-OYxhC81c9bO0wobGcM8rrY5bRwpCXAI21BL0P2wz/2vTv4ek7ALz9+U5M8wgdmtRNUhmCmAB4L2WRwFRf5Cd8Q==",
+      "version": "5.0.0-beta.20",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.20.tgz",
+      "integrity": "sha512-CS2pUuqxST7ch9VNDCklRYDbJ3rru20Tx7na92QvVVKfu3RL4z/QLuVIc8jYGsdCnauMaeUSlFNLAJNb0yXe6w==",
       "requires": {
-        "@babel/runtime": "^7.22.15",
+        "@babel/runtime": "^7.23.1",
         "@floating-ui/react-dom": "^2.0.2",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
         "@popperjs/core": "^2.11.8",
         "clsx": "^2.0.0",
         "prop-types": "^15.8.1"
@@ -38031,9 +38007,9 @@
       }
     },
     "@mui/core-downloads-tracker": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.10.tgz",
-      "integrity": "sha512-kPHu/NhZq1k+vSZR5wq3AyUfD4bnfWAeuKpps0+8PS7ZHQ2Lyv1cXJh+PlFdCIOa0PK98rk3JPwMzS8BMhdHwQ=="
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.14.tgz",
+      "integrity": "sha512-Rw/xKiTOUgXD8hdKqj60aC6QcGprMipG7ne2giK6Mz7b4PlhL/xog9xLeclY3BxsRLkZQ05egFnIEY1CSibTbw=="
     },
     "@mui/lab": {
       "version": "5.0.0-alpha.134",
@@ -38068,17 +38044,17 @@
       }
     },
     "@mui/material": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.10.tgz",
-      "integrity": "sha512-ejFMppnO+lzBXpzju+N4SSz0Mhmi5sihXUGcr5FxpgB6bfUP0Lpe32O0Sw/3s8xlmLEvG1fqVT0rRyAVMlCA+A==",
-      "requires": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/base": "5.0.0-beta.16",
-        "@mui/core-downloads-tracker": "^5.14.10",
-        "@mui/system": "^5.14.10",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
-        "@types/react-transition-group": "^4.4.6",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.14.tgz",
+      "integrity": "sha512-cAmCwAHFQXxb44kWbVFkhKATN8tACgMsFwrXo8ro6WzYW73U/qsR5AcCiJIhCyYYg+gcftfkmNcpRaV3JjhHCg==",
+      "requires": {
+        "@babel/runtime": "^7.23.1",
+        "@mui/base": "5.0.0-beta.20",
+        "@mui/core-downloads-tracker": "^5.14.14",
+        "@mui/system": "^5.14.14",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
+        "@types/react-transition-group": "^4.4.7",
         "clsx": "^2.0.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1",
@@ -38094,36 +38070,36 @@
       }
     },
     "@mui/private-theming": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.10.tgz",
-      "integrity": "sha512-f67xOj3H06wWDT9xBg7hVL/HSKNF+HG1Kx0Pm23skkbEqD2Ef2Lif64e5nPdmWVv+7cISCYtSuE2aeuzrZe78w==",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.14.tgz",
+      "integrity": "sha512-n77au3CQj9uu16hak2Y+rvbGSBaJKxziG/gEbOLVGrAuqZ+ycVSkorCfN6Y/4XgYOpG/xvmuiY3JwhAEOzY3iA==",
       "requires": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/utils": "^5.14.10",
+        "@babel/runtime": "^7.23.1",
+        "@mui/utils": "^5.14.13",
         "prop-types": "^15.8.1"
       }
     },
     "@mui/styled-engine": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.10.tgz",
-      "integrity": "sha512-EJckxmQHrsBvDbFu1trJkvjNw/1R7jfNarnqPSnL+jEQawCkQIqVELWLrlOa611TFtxSJGkdUfCFXeJC203HVg==",
+      "version": "5.14.13",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.13.tgz",
+      "integrity": "sha512-1ff/egFQl26hiwcUtCMKAkp4Sgqpm3qIewmXq+GN27fb44lDIACquehMFBuadOjceOFmbIXbayzbA46ZyqFYzA==",
       "requires": {
-        "@babel/runtime": "^7.22.15",
+        "@babel/runtime": "^7.23.1",
         "@emotion/cache": "^11.11.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1"
       }
     },
     "@mui/system": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.10.tgz",
-      "integrity": "sha512-QQmtTG/R4gjmLiL5ECQ7kRxLKDm8aKKD7seGZfbINtRVJDyFhKChA1a+K2bfqIAaBo1EMDv+6FWNT1Q5cRKjFA==",
-      "requires": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/private-theming": "^5.14.10",
-        "@mui/styled-engine": "^5.14.10",
-        "@mui/types": "^7.2.4",
-        "@mui/utils": "^5.14.10",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.14.tgz",
+      "integrity": "sha512-y4InFmCgGGWXnz+iK4jRTWVikY0HgYnABjz4wgiUgEa2W1H8M4ow+27BegExUWPkj4TWthQ2qG9FOGSMtI+PKA==",
+      "requires": {
+        "@babel/runtime": "^7.23.1",
+        "@mui/private-theming": "^5.14.14",
+        "@mui/styled-engine": "^5.14.13",
+        "@mui/types": "^7.2.6",
+        "@mui/utils": "^5.14.13",
         "clsx": "^2.0.0",
         "csstype": "^3.1.2",
         "prop-types": "^15.8.1"
@@ -38137,29 +38113,29 @@
       }
     },
     "@mui/types": {
-      "version": "7.2.4",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
-      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.6.tgz",
+      "integrity": "sha512-7sjLQrUmBwufm/M7jw/quNiPK/oor2+pGUQP2CULRcFCArYTq78oJ3D5esTaL0UMkXKJvDqXn6Ike69yAOBQng==",
       "requires": {}
     },
     "@mui/utils": {
-      "version": "5.14.10",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.10.tgz",
-      "integrity": "sha512-Rn+vYQX7FxkcW0riDX/clNUwKuOJFH45HiULxwmpgnzQoQr3A0lb+QYwaZ+FAkZrR7qLoHKmLQlcItu6LT0y/Q==",
+      "version": "5.14.14",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.14.tgz",
+      "integrity": "sha512-3AKp8uksje5sRfVrtgG9Q/2TBsHWVBUtA0NaXliZqGcXo8J+A+Agp0qUW2rJ+ivgPWTCCubz9FZVT2IQZ3bGsw==",
       "requires": {
-        "@babel/runtime": "^7.22.15",
-        "@types/prop-types": "^15.7.5",
+        "@babel/runtime": "^7.23.1",
+        "@types/prop-types": "^15.7.7",
         "prop-types": "^15.8.1",
         "react-is": "^18.2.0"
       }
     },
     "@mui/x-data-grid": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.13.0.tgz",
-      "integrity": "sha512-HRZGPdE+unZEiygcMqLsKOJ1F7iaTrhGQXGdlFLLniwfYMzVmJgZQXYCCeOIkCQqF28rQniF+4PbRhmFERdqSQ==",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-6.16.3.tgz",
+      "integrity": "sha512-msohYxn11JHzeQOywaH5wGSCb/fESootqHLKG6LuET7xOxjHS8GlN/GuW/4kKcbQRunSVh/ADwqpqq+SmWrSeQ==",
       "requires": {
-        "@babel/runtime": "^7.22.15",
-        "@mui/utils": "^5.14.7",
+        "@babel/runtime": "^7.23.2",
+        "@mui/utils": "^5.14.14",
         "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
@@ -38173,54 +38149,46 @@
       }
     },
     "@mui/x-data-grid-pro": {
-      "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.13.1",
-        "@mui/x-data-grid": "6.7.0",
-        "@mui/x-license-pro": "6.6.0",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-6.16.3.tgz",
+      "integrity": "sha512-WFreUSjjR3VI/1riMIfmDE2hW8+vSjSZI1QRfcZ1N0nVOFr3NJ/xNeKCEMZbfEOAi477jhO3oH9QDMHB03eBmQ==",
+      "requires": {
+        "@babel/runtime": "^7.23.2",
+        "@mui/utils": "^5.14.14",
+        "@mui/x-data-grid": "6.16.3",
+        "@mui/x-license-pro": "6.10.2",
         "@types/format-util": "^1.0.2",
-        "clsx": "^1.2.1",
+        "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "reselect": "^4.1.8"
       },
       "dependencies": {
-        "@mui/x-data-grid": {
-          "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.13.1",
-            "clsx": "^1.2.1",
-            "prop-types": "^15.8.1",
-            "reselect": "^4.1.8"
-          }
-        },
-        "@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"
-          }
+        "clsx": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+          "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q=="
         }
       }
     },
     "@mui/x-date-pickers": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.4.0.tgz",
-      "integrity": "sha512-EdKj+TVaEvx+nIljsv1BlDOYYwcMWVYB+ZMRoOCStFojY5uuDzhttQAP6DbsAPPrpKt1lzyecIukLfmIfIGcsA==",
-      "requires": {
-        "@babel/runtime": "^7.21.0",
-        "@mui/utils": "^5.12.3",
-        "@types/react-transition-group": "^4.4.5",
-        "clsx": "^1.2.1",
+      "version": "6.16.3",
+      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.16.3.tgz",
+      "integrity": "sha512-CBwXrOJ5blqkAdF0d1dWF1RMeCS6ZYDq+53Yf/r+Izqj33+SCw+wAbdrxuIxE2GL3JY5NszEx8JFnCKZIzFZuA==",
+      "requires": {
+        "@babel/runtime": "^7.23.2",
+        "@mui/base": "^5.0.0-beta.20",
+        "@mui/utils": "^5.14.14",
+        "@types/react-transition-group": "^4.4.7",
+        "clsx": "^2.0.0",
         "prop-types": "^15.8.1",
         "react-transition-group": "^4.4.5"
+      },
+      "dependencies": {
+        "clsx": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+          "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q=="
+        }
       }
     },
     "@mui/x-license-pro": {
@@ -45925,9 +45893,9 @@
       "dev": true
     },
     "@types/prop-types": {
-      "version": "15.7.5",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+      "version": "15.7.8",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
+      "integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ=="
     },
     "@types/qs": {
       "version": "6.9.7",
@@ -45952,9 +45920,9 @@
       }
     },
     "@types/react-transition-group": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
-      "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.7.tgz",
+      "integrity": "sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==",
       "requires": {
         "@types/react": "*"
       }
diff --git a/package.json b/package.json
index 16346e0fe..18fb07ef0 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": "3.1.0",
+  "version": "3.2.0",
   "engines": {
     "node": "^18",
     "npm": "^9"
@@ -25,10 +25,10 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@mui/lab": "5.0.0-alpha.134",
-    "@mui/material": "5.14.10",
-    "@mui/x-data-grid": "6.13.0",
-    "@mui/x-data-grid-pro": "6.7.0",
-    "@mui/x-date-pickers": "6.4.0",
+    "@mui/material": "5.14.14",
+    "@mui/x-data-grid": "6.16.3",
+    "@mui/x-data-grid-pro": "6.16.3",
+    "@mui/x-date-pickers": "6.16.3",
     "@mui/x-license-pro": "6.10.2"
   },
   "devDependencies": {