chore(deps): storybook to v9

.storybook/main.ts

@@ -5,9 +5,8 @@ const config: StorybookConfig = {
   addons: [
     "@storybook/addon-onboarding",
     "@storybook/addon-links",
-    "@storybook/addon-essentials",
     "@chromatic-com/storybook",
-    "@storybook/addon-interactions",
+    "@storybook/addon-docs"
   ],
   framework: {
     name: "@storybook/nextjs",

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/nextjs";
 
 const preview: Preview = {
   parameters: {

package.json

@@ -55,31 +55,27 @@
     "yup": "^1.6.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.0.0",
+    "@chromatic-com/storybook": "^4.0.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@playwright/test": "^1.53.0",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@storybook/addon-essentials": "^8.1.10",
-    "@storybook/addon-interactions": "^8.1.10",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/addon-onboarding": "^8.1.10",
-    "@storybook/blocks": "^8.1.10",
-    "@storybook/nextjs": "^8.1.10",
-    "@storybook/react": "^8.1.10",
-    "@storybook/test": "^8.1.10",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/nextjs": "^9.0.18",
     "@types/js-cookie": "^3.0.6",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-prettier": "^5.4.1",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.0.18",
     "husky": "^9.1.7",
     "hygen": "^6.2.11",
     "is-ci": "^4.1.0",
     "prettier": "^3.5.3",
     "release-it": "^17.1.1",
-    "storybook": "^8.1.10"
+    "storybook": "^9.0.18",
+    "@storybook/addon-docs": "^9.0.18"
   },
   "release-it": {
     "git": {

src/components/form/autocomplete/form-autocomplete.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/nextjs";
 import { useForm, FormProvider } from "react-hook-form";
 import FormAutocompleteInput, {
   AutocompleteInputProps,

src/components/form/checkbox-boolean/form-checkbox-boolean.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/nextjs";
 import { useForm, FormProvider } from "react-hook-form";
 import FormCheckboxBooleanInput, {
   CheckboxBooleanInputProps,

src/components/form/checkbox/form-checkbox.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/nextjs";
 import { useForm, FormProvider } from "react-hook-form";
 import FormCheckboxInput, { CheckboxInputProps } from "./form-checkbox";
 

src/components/form/switch/form-switch.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/nextjs";
 import { useForm, FormProvider } from "react-hook-form";
 import FormSwitchInput, { SwitchInputProps } from "./form-switch";