From 531389d65a8cc5fb3ddd3abd78db39061b89a73a Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Fri, 29 Aug 2025 17:04:31 -0600
Subject: [PATCH] Fix Storybook build: Update imports to @storybook/test and
 add interactions addon

---
 .storybook/main.js                   |  1 +
 package-lock.json                    | 35 ++++++++++++++++++++++++++++
 package.json                         |  1 +
 stories/Button.visual.stories.js     |  2 +-
 stories/Footer.responsive.stories.js |  2 +-
 stories/Header.responsive.stories.js |  2 +-
 6 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 6e3993d..777757c 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -9,6 +9,7 @@ const config = {
     "@storybook/addon-docs",
     "@storybook/addon-onboarding",
     "@storybook/addon-a11y",
+    "@storybook/addon-interactions",
     "@storybook/addon-vitest",
   ],
   framework: {
diff --git a/package-lock.json b/package-lock.json
index 8d44254..622f60f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "@playwright/test": "^1.55.0",
         "@storybook/addon-a11y": "^9.1.2",
         "@storybook/addon-docs": "^9.1.2",
+        "@storybook/addon-interactions": "^8.6.14",
         "@storybook/addon-onboarding": "^9.1.2",
         "@storybook/addon-styling-webpack": "^2.0.0",
         "@storybook/addon-viewport": "^9.0.8",
@@ -5331,6 +5332,27 @@
         "storybook": "^9.1.2"
       }
     },
+    "node_modules/@storybook/addon-interactions": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.14.tgz",
+      "integrity": "sha512-8VmElhm2XOjh22l/dO4UmXxNOolGhNiSpBcls2pqWSraVh4a670EyYBZsHpkXqfNHo2YgKyZN3C91+9zfH79qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/instrumenter": "8.6.14",
+        "@storybook/test": "8.6.14",
+        "polished": "^4.2.2",
+        "ts-dedent": "^2.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
+      }
+    },
     "node_modules/@storybook/addon-onboarding": {
       "version": "9.1.2",
       "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-9.1.2.tgz",
@@ -17535,6 +17557,19 @@
         "node": ">=18"
       }
     },
+    "node_modules/polished": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz",
+      "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.8"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
diff --git a/package.json b/package.json
index 1e67d86..7b334fc 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "@playwright/test": "^1.55.0",
     "@storybook/addon-a11y": "^9.1.2",
     "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-interactions": "^8.6.14",
     "@storybook/addon-onboarding": "^9.1.2",
     "@storybook/addon-styling-webpack": "^2.0.0",
     "@storybook/addon-viewport": "^9.0.8",
diff --git a/stories/Button.visual.stories.js b/stories/Button.visual.stories.js
index 52a6317..4860075 100644
--- a/stories/Button.visual.stories.js
+++ b/stories/Button.visual.stories.js
@@ -1,5 +1,5 @@
 import Button from "../app/components/Button.js";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent } from "@storybook/test";
 
 export default {
   title: "Components/Button/Visual Regression",
diff --git a/stories/Footer.responsive.stories.js b/stories/Footer.responsive.stories.js
index 77b5b96..3f8d936 100644
--- a/stories/Footer.responsive.stories.js
+++ b/stories/Footer.responsive.stories.js
@@ -1,5 +1,5 @@
 import Footer from "../app/components/Footer.js";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent } from "@storybook/test";
 
 export default {
   title: "Components/Footer/Responsive",
diff --git a/stories/Header.responsive.stories.js b/stories/Header.responsive.stories.js
index 142b15f..a0d99c7 100644
--- a/stories/Header.responsive.stories.js
+++ b/stories/Header.responsive.stories.js
@@ -1,5 +1,5 @@
 import Header from "../app/components/Header.js";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent } from "@storybook/test";
 
 export default {
   title: "Components/Header/Responsive",