fix: Upgrade HeadlessUI, new chart tests (#1142)

* fix: bump headlessui

* fix: dialog

* test: uts for areaChart, barChart, sparkAreaChart, Legend (#1065)

* uts for areaChart, barChart, sparkAreaChart, Legend

* removed test code

* lint

---------

Co-authored-by: severinlandolt <[email protected]>

* fix: datepicker position

* fix: selects

* chore: min width date picker

---------

Co-authored-by: Wajahat5 <[email protected]>

.storybook/main.js

@@ -10,7 +10,6 @@ module.exports = {
     "@storybook/addon-styling-webpack",
     "@storybook/addon-themes",
     "@storybook/addon-a11y",
-    "storybook-source-link",
     {
       name: "@storybook/addon-styling-webpack",
       options: {

package.json

@@ -25,8 +25,7 @@
   "homepage": "https://github.com/tremorlabs/tremor#readme",
   "dependencies": {
     "@floating-ui/react": "^0.19.2",
-    "@headlessui/react": "1.7.19",
-    "@headlessui/tailwindcss": "^0.2.1",
+    "@headlessui/react": "2.2.0",
     "date-fns": "^3.6.0",
     "react-day-picker": "^8.10.1",
     "react-transition-state": "^2.1.2",
@@ -38,7 +37,7 @@
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@chromatic-com/storybook": "^1.9.0",
+    "@chromatic-com/storybook": "^3.2.2",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -47,20 +46,21 @@
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/github": "github:semantic-release/github",
     "@semantic-release/npm": "github:semantic-release/npm",
-    "@storybook/addon-a11y": "^8.3.3",
-    "@storybook/addon-actions": "^8.3.3",
-    "@storybook/addon-essentials": "^8.3.3",
-    "@storybook/addon-interactions": "^8.3.3",
-    "@storybook/addon-links": "^8.3.3",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-themes": "^8.3.3",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-themes": "^8.4.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/manager-api": "^8.3.3",
+    "@storybook/manager-api": "^8.4.7",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^8.3.3",
-    "@storybook/react-webpack5": "^8.3.3",
-    "@storybook/test": "^8.3.3",
-    "@storybook/theming": "^8.3.3",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
     "@tailwindcss/forms": "^0.5.9",
     "@testing-library/react": "^14.3.1",
     "@types/jest": "^29.5.13",
@@ -84,7 +84,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.47",
     "postcss-loader": "^7.3.4",
-    "prettier": "3.3.3",
+    "prettier": "3.4.2",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -96,13 +96,12 @@
     "rollup-plugin-preserve-directives": "^0.1.1",
     "rollup-plugin-typescript-paths": "^1.5.0",
     "semantic-release": "^24.1.1",
-    "storybook": "^8.3.3",
-    "storybook-source-link": "^4.0.1",
+    "storybook": "^8.4.7",
     "style-loader": "^3.3.4",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tslib": "^2.7.0",
     "typescript": "^4.9.5",
-    "webpack": "^5.94.0"
+    "webpack": "^5.97.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",