Chore/storybook (#98)

* chore: update storybook

* update addons

* fix: linting

* update packages

.storybook/main.ts

@@ -5,7 +5,6 @@ const config: StorybookConfig = {
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
     "@storybook/addon-interactions",
     "@storybook/addon-a11y",
   ],

package.json

@@ -34,48 +34,47 @@
     "@radix-ui/react-tooltip": "^1.1.3",
     "@react-aria/datepicker": "^3.11.4",
     "@react-stately/datepicker": "^3.10.3",
-    "@remixicon/react": "^4.3.0",
-    "@storybook/addon-a11y": "^8.3.6",
-    "@storybook/manager-api": "^8.3.6",
-    "@storybook/theming": "^8.3.6",
+    "@remixicon/react": "^4.5.0",
+    "@storybook/addon-a11y": "^8.4.1",
+    "@storybook/manager-api": "^8.4.1",
+    "@storybook/theming": "^8.4.1",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
     "prettier-plugin-tailwindcss": "^0.6.8",
     "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dom": "^18.3.1",
-    "recharts": "^2.13.0",
+    "recharts": "^2.13.3",
     "tailwind-merge": "^2.5.4",
     "tailwind-variants": "^0.2.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^2.0.2",
-    "@playwright/test": "^1.48.1",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/react": "^8.3.6",
-    "@storybook/react-vite": "^8.3.6",
-    "@storybook/test": "^8.3.6",
-    "@types/node": "^22.7.7",
-    "@types/react": "^18.3.11",
+    "@playwright/test": "^1.48.2",
+    "@storybook/addon-essentials": "^8.4.1",
+    "@storybook/addon-interactions": "^8.4.1",
+    "@storybook/addon-links": "^8.4.1",
+    "@storybook/blocks": "^8.4.1",
+    "@storybook/react": "^8.4.1",
+    "@storybook/react-vite": "^8.4.1",
+    "@storybook/test": "^8.4.1",
+    "@types/node": "^22.8.7",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.10.0",
-    "@typescript-eslint/parser": "^8.10.0",
+    "@typescript-eslint/eslint-plugin": "^8.12.2",
+    "@typescript-eslint/parser": "^8.12.2",
     "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.13",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-storybook": "^0.10.2",
     "postcss": "^8.4.47",
     "prettier": "3.3.3",
-    "storybook": "^8.3.6",
+    "storybook": "^8.4.1",
     "tailwindcss": "^3.4.14",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
+    "vite": "^5.4.10",
     "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.1.3"
+    "vitest": "^2.1.4"
   }
 }

src/components/Slider/slider.stories.tsx

@@ -22,6 +22,7 @@ const ControlledSlider = (args: any) => {
     <Card className="w-96">
       <form
         onSubmit={(event) => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
           event.preventDefault(),
             alert("Submitted: " + `${value[0]}, ${value[1]}`)
         }}

src/components/Switch/switch.stories.tsx

@@ -24,6 +24,7 @@ const SimpleIdSwitch = (args: any) => {
       <Card className="w-96">
         <form
           onSubmit={(event) => {
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             event.preventDefault(), alert("Submitted")
           }}
           onReset={() => setChecked(false)}

src/components/Tracker/tracker.spec.ts

@@ -42,7 +42,6 @@ test.describe("Expect tracker default", () => {
         .locator(".size-full > .size-full")
         .first(),
     ).toBeVisible()
-    page
     page
       .frameLocator('iframe[title="storybook-preview-iframe"]')
       .locator(".size-full > .size-full")

src/hooks/useToast.ts

@@ -16,6 +16,7 @@ type ToasterToast = ToastProps & {
   action?: ToastActionElement
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const actionTypes = {
   ADD_TOAST: "ADD_TOAST",
   UPDATE_TOAST: "UPDATE_TOAST",

src/utils/hasOnlyOneValueForKey.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 // Tremor hasOnlyOneValueForKey [v0.1.0]
 
 export function hasOnlyOneValueForKey(