From 72f3e60ef6b1017f98fddf7e7aa24daf76bd30a0 Mon Sep 17 00:00:00 2001
From: Kurt Doherty <kdoherty@reapit.com>
Date: Thu, 18 Sep 2025 12:30:22 +1000
Subject: [PATCH] chore: use pnpm install mode with Yarn

---
 .yarnrc.yml                                                     | 2 +-
 src/core/app-switcher/__tests__/app-switcher.test.tsx           | 2 +-
 src/core/bottom-bar/item/__tests__/item-anchor.test.tsx         | 2 +-
 src/core/bottom-bar/item/__tests__/item-button.test.tsx         | 2 +-
 src/core/dialog/__story__/useDialogContextDecorator.tsx         | 2 +-
 src/core/drawer/__story__/useDrawerBreakpointDecorator.tsx      | 2 +-
 src/core/drawer/__story__/useDrawerContextDecorator.tsx         | 2 +-
 .../folder-tabs/__story__/useFolderTabsContainerDecorator.tsx   | 2 +-
 src/core/primary-tabs/__tests__/primary-tabs.test.tsx           | 2 +-
 src/core/secondary-tabs/__tests__/secondary-tabs.test.tsx       | 2 +-
 src/core/side-bar/__story__/use-side-bar-context-decorator.tsx  | 2 +-
 src/core/side-bar/__story__/use-side-bar-width-decorator.tsx    | 2 +-
 src/core/side-bar/__story__/use-viewport-height-decorator.tsx   | 2 +-
 src/core/side-bar/__tests__/side-bar.test.tsx                   | 2 +-
 .../side-bar/collapse-button/__tests__/collapse-button.test.tsx | 2 +-
 src/core/side-bar/menu-group/__tests__/menu-group.test.tsx      | 2 +-
 src/core/side-bar/menu-item/__tests__/menu-item.test.tsx        | 2 +-
 src/core/side-bar/submenu-item/__tests__/submenu-item.test.tsx  | 2 +-
 src/core/top-bar/avatar-button/__tests__/avatar-button.test.tsx | 2 +-
 src/core/top-bar/main-nav/__tests__/main-nav.test.tsx           | 2 +-
 .../nav-dropdown-button/__tests__/nav-dropdown-button.test.tsx  | 2 +-
 .../nav-icon-item/__tests__/nav-icon-item-button.test.tsx       | 2 +-
 src/core/top-bar/nav-item/__tests__/nav-item.test.tsx           | 2 +-
 .../nav-search-button/__tests__/nav-search-button.test.tsx      | 2 +-
 .../__tests__/nav-search-icon-item.test.tsx                     | 2 +-
 src/lab/radio-group/__tests__/radio-group.test.tsx              | 2 +-
 src/lab/radio/__tests__/radio.test.tsx                          | 2 +-
 src/lab/search-input/__tests__/search-input.test.tsx            | 2 +-
 28 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/.yarnrc.yml b/.yarnrc.yml
index 9133e488e..31592b073 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -4,7 +4,7 @@ enableGlobalCache: false
 
 enableScripts: false
 
-nodeLinker: node-modules
+nodeLinker: pnpm
 
 npmAuthToken: "${NPM_TOKEN}"
 
diff --git a/src/core/app-switcher/__tests__/app-switcher.test.tsx b/src/core/app-switcher/__tests__/app-switcher.test.tsx
index 2d1dc7939..51839bbe4 100644
--- a/src/core/app-switcher/__tests__/app-switcher.test.tsx
+++ b/src/core/app-switcher/__tests__/app-switcher.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../app-switcher.stories'
 
diff --git a/src/core/bottom-bar/item/__tests__/item-anchor.test.tsx b/src/core/bottom-bar/item/__tests__/item-anchor.test.tsx
index 1d0123da9..7316323de 100644
--- a/src/core/bottom-bar/item/__tests__/item-anchor.test.tsx
+++ b/src/core/bottom-bar/item/__tests__/item-anchor.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../item-anchor.stories'
 
diff --git a/src/core/bottom-bar/item/__tests__/item-button.test.tsx b/src/core/bottom-bar/item/__tests__/item-button.test.tsx
index 2ab97655b..21671ac08 100644
--- a/src/core/bottom-bar/item/__tests__/item-button.test.tsx
+++ b/src/core/bottom-bar/item/__tests__/item-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../item-button.stories'
 
diff --git a/src/core/dialog/__story__/useDialogContextDecorator.tsx b/src/core/dialog/__story__/useDialogContextDecorator.tsx
index bfc6e5c0b..10a017d5e 100644
--- a/src/core/dialog/__story__/useDialogContextDecorator.tsx
+++ b/src/core/dialog/__story__/useDialogContextDecorator.tsx
@@ -1,6 +1,6 @@
 import { DialogContext } from '../context'
 
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 
 export function useDialogContextDecorator(): Decorator {
   return (Story) => (
diff --git a/src/core/drawer/__story__/useDrawerBreakpointDecorator.tsx b/src/core/drawer/__story__/useDrawerBreakpointDecorator.tsx
index f5f3d0ad3..936075083 100644
--- a/src/core/drawer/__story__/useDrawerBreakpointDecorator.tsx
+++ b/src/core/drawer/__story__/useDrawerBreakpointDecorator.tsx
@@ -1,6 +1,6 @@
 import { DRAWER_WIDTH_XS_SM, DRAWER_WIDTH_MD_2XL, DRAWER_CSS_CONTAINER_NAME } from '../constants'
 
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 import type { ReactNode } from 'react'
 
 export function useDrawerBreakpointDecorator(): Decorator {
diff --git a/src/core/drawer/__story__/useDrawerContextDecorator.tsx b/src/core/drawer/__story__/useDrawerContextDecorator.tsx
index 450ead7d9..43fdaff30 100644
--- a/src/core/drawer/__story__/useDrawerContextDecorator.tsx
+++ b/src/core/drawer/__story__/useDrawerContextDecorator.tsx
@@ -1,6 +1,6 @@
 import { DrawerContext } from '../context'
 
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 
 export function useDrawerContextDecorator(): Decorator {
   return (Story) => (
diff --git a/src/core/folder-tabs/__story__/useFolderTabsContainerDecorator.tsx b/src/core/folder-tabs/__story__/useFolderTabsContainerDecorator.tsx
index 5dc60c62a..00ea91fb7 100644
--- a/src/core/folder-tabs/__story__/useFolderTabsContainerDecorator.tsx
+++ b/src/core/folder-tabs/__story__/useFolderTabsContainerDecorator.tsx
@@ -1,6 +1,6 @@
 import { FOLDER_TABS_CSS_CONTAINER_NAME } from '../constants'
 
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 
 export function useFolderTabsContainerDecorator(): Decorator {
   return (Story) => (
diff --git a/src/core/primary-tabs/__tests__/primary-tabs.test.tsx b/src/core/primary-tabs/__tests__/primary-tabs.test.tsx
index 545eec3e0..69228fb7f 100644
--- a/src/core/primary-tabs/__tests__/primary-tabs.test.tsx
+++ b/src/core/primary-tabs/__tests__/primary-tabs.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../primary-tabs.stories'
 
diff --git a/src/core/secondary-tabs/__tests__/secondary-tabs.test.tsx b/src/core/secondary-tabs/__tests__/secondary-tabs.test.tsx
index 8b9a7810e..b1a145245 100644
--- a/src/core/secondary-tabs/__tests__/secondary-tabs.test.tsx
+++ b/src/core/secondary-tabs/__tests__/secondary-tabs.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../secondary-tabs.stories'
 
diff --git a/src/core/side-bar/__story__/use-side-bar-context-decorator.tsx b/src/core/side-bar/__story__/use-side-bar-context-decorator.tsx
index f7483ef21..89b682b4d 100644
--- a/src/core/side-bar/__story__/use-side-bar-context-decorator.tsx
+++ b/src/core/side-bar/__story__/use-side-bar-context-decorator.tsx
@@ -1,4 +1,4 @@
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 import { useSideBar } from '../use-side-bar'
 import { useId } from 'react'
 import { SideBarContextPublisher } from '../side-bar-context'
diff --git a/src/core/side-bar/__story__/use-side-bar-width-decorator.tsx b/src/core/side-bar/__story__/use-side-bar-width-decorator.tsx
index ce0e841ea..d8fbd333a 100644
--- a/src/core/side-bar/__story__/use-side-bar-width-decorator.tsx
+++ b/src/core/side-bar/__story__/use-side-bar-width-decorator.tsx
@@ -1,4 +1,4 @@
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 import { useSideBarContext } from '../side-bar-context'
 
 export const useSideBarWidthDecorator: Decorator = (Story, context) => {
diff --git a/src/core/side-bar/__story__/use-viewport-height-decorator.tsx b/src/core/side-bar/__story__/use-viewport-height-decorator.tsx
index 3c8347f7f..e9331734d 100644
--- a/src/core/side-bar/__story__/use-viewport-height-decorator.tsx
+++ b/src/core/side-bar/__story__/use-viewport-height-decorator.tsx
@@ -1,4 +1,4 @@
-import type { Decorator } from '@storybook/react'
+import type { Decorator } from '@storybook/react-vite'
 
 export const useViewportHeightDecorator: Decorator = (Story) => {
   return (
diff --git a/src/core/side-bar/__tests__/side-bar.test.tsx b/src/core/side-bar/__tests__/side-bar.test.tsx
index 4f8e3e707..473eeebcc 100644
--- a/src/core/side-bar/__tests__/side-bar.test.tsx
+++ b/src/core/side-bar/__tests__/side-bar.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../side-bar.stories'
 
diff --git a/src/core/side-bar/collapse-button/__tests__/collapse-button.test.tsx b/src/core/side-bar/collapse-button/__tests__/collapse-button.test.tsx
index 3f35f5417..402e7f4c6 100644
--- a/src/core/side-bar/collapse-button/__tests__/collapse-button.test.tsx
+++ b/src/core/side-bar/collapse-button/__tests__/collapse-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as stories from '../collapse-button.stories'
 import { SideBarContextPublisher } from '../../side-bar-context'
diff --git a/src/core/side-bar/menu-group/__tests__/menu-group.test.tsx b/src/core/side-bar/menu-group/__tests__/menu-group.test.tsx
index 6422252e8..776566734 100644
--- a/src/core/side-bar/menu-group/__tests__/menu-group.test.tsx
+++ b/src/core/side-bar/menu-group/__tests__/menu-group.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import { SideBarMenuGroup } from '../menu-group'
 import * as stories from '../menu-group.stories'
diff --git a/src/core/side-bar/menu-item/__tests__/menu-item.test.tsx b/src/core/side-bar/menu-item/__tests__/menu-item.test.tsx
index 34d228767..17640784c 100644
--- a/src/core/side-bar/menu-item/__tests__/menu-item.test.tsx
+++ b/src/core/side-bar/menu-item/__tests__/menu-item.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../menu-item.stories'
 import { elSideBarMenuItem } from '../styles'
diff --git a/src/core/side-bar/submenu-item/__tests__/submenu-item.test.tsx b/src/core/side-bar/submenu-item/__tests__/submenu-item.test.tsx
index 495b1ab34..83db74687 100644
--- a/src/core/side-bar/submenu-item/__tests__/submenu-item.test.tsx
+++ b/src/core/side-bar/submenu-item/__tests__/submenu-item.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { elSideBarSubmenuItem } from '../styles'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../submenu-item.stories'
diff --git a/src/core/top-bar/avatar-button/__tests__/avatar-button.test.tsx b/src/core/top-bar/avatar-button/__tests__/avatar-button.test.tsx
index 8a6917cd2..3789f4f57 100644
--- a/src/core/top-bar/avatar-button/__tests__/avatar-button.test.tsx
+++ b/src/core/top-bar/avatar-button/__tests__/avatar-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../avatar-button.stories'
 
diff --git a/src/core/top-bar/main-nav/__tests__/main-nav.test.tsx b/src/core/top-bar/main-nav/__tests__/main-nav.test.tsx
index 6fdd7d03b..0f5b45f44 100644
--- a/src/core/top-bar/main-nav/__tests__/main-nav.test.tsx
+++ b/src/core/top-bar/main-nav/__tests__/main-nav.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../main-nav.stories'
 
diff --git a/src/core/top-bar/nav-dropdown-button/__tests__/nav-dropdown-button.test.tsx b/src/core/top-bar/nav-dropdown-button/__tests__/nav-dropdown-button.test.tsx
index 48490c4a9..438475cf9 100644
--- a/src/core/top-bar/nav-dropdown-button/__tests__/nav-dropdown-button.test.tsx
+++ b/src/core/top-bar/nav-dropdown-button/__tests__/nav-dropdown-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../nav-dropdown-button.stories'
 
diff --git a/src/core/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.tsx b/src/core/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.tsx
index be0512c2a..e8150f2bb 100644
--- a/src/core/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.tsx
+++ b/src/core/top-bar/nav-icon-item/__tests__/nav-icon-item-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../nav-icon-item-button.stories'
 
diff --git a/src/core/top-bar/nav-item/__tests__/nav-item.test.tsx b/src/core/top-bar/nav-item/__tests__/nav-item.test.tsx
index 0323fb3db..d71560432 100644
--- a/src/core/top-bar/nav-item/__tests__/nav-item.test.tsx
+++ b/src/core/top-bar/nav-item/__tests__/nav-item.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { elTopBarNavItem } from '../styles'
 import { render, screen } from '@testing-library/react'
 import * as stories from '../nav-item.stories'
diff --git a/src/core/top-bar/nav-search-button/__tests__/nav-search-button.test.tsx b/src/core/top-bar/nav-search-button/__tests__/nav-search-button.test.tsx
index ad4047231..2adfd19e3 100644
--- a/src/core/top-bar/nav-search-button/__tests__/nav-search-button.test.tsx
+++ b/src/core/top-bar/nav-search-button/__tests__/nav-search-button.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../nav-search-button.stories'
 
diff --git a/src/core/top-bar/nav-search-icon-item/__tests__/nav-search-icon-item.test.tsx b/src/core/top-bar/nav-search-icon-item/__tests__/nav-search-icon-item.test.tsx
index 04d2d311d..db12e93e2 100644
--- a/src/core/top-bar/nav-search-icon-item/__tests__/nav-search-icon-item.test.tsx
+++ b/src/core/top-bar/nav-search-icon-item/__tests__/nav-search-icon-item.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../nav-search-icon-item.stories'
 
diff --git a/src/lab/radio-group/__tests__/radio-group.test.tsx b/src/lab/radio-group/__tests__/radio-group.test.tsx
index 5042eb412..aadf205e4 100644
--- a/src/lab/radio-group/__tests__/radio-group.test.tsx
+++ b/src/lab/radio-group/__tests__/radio-group.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { render, screen, fireEvent } from '@testing-library/react'
 import * as stories from '../radio-group.stories'
 
diff --git a/src/lab/radio/__tests__/radio.test.tsx b/src/lab/radio/__tests__/radio.test.tsx
index b6ef7c3fe..c89f13aa0 100644
--- a/src/lab/radio/__tests__/radio.test.tsx
+++ b/src/lab/radio/__tests__/radio.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../radio.stories'
 
diff --git a/src/lab/search-input/__tests__/search-input.test.tsx b/src/lab/search-input/__tests__/search-input.test.tsx
index 2e719e105..d1bc1c552 100644
--- a/src/lab/search-input/__tests__/search-input.test.tsx
+++ b/src/lab/search-input/__tests__/search-input.test.tsx
@@ -1,4 +1,4 @@
-import { composeStories } from '@storybook/react'
+import { composeStories } from '@storybook/react-vite'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as stories from '../search-input.stories'