Feature/virtual list

.storybook/main.js

@@ -5,6 +5,7 @@ const config = {
     '@storybook/addon-links',
     '@storybook/addon-docs',
     '@storybook/addon-onboarding',
+    '@storybook/addon-a11y',
   ],
   framework: {
     name: '@storybook/nextjs',

lib/dnd/stories/Accessibility.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import { useCallback, useRef, useState } from 'react';
 import { DndStoreProvider, useDragSource, useDropTarget } from '~/lib/dnd';
 import { useAccessibilityAnnouncements } from '~/lib/dnd/useAccessibilityAnnouncements';

lib/dnd/stories/DragAndDrop.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import { useState } from 'react';
 import {
   DndStoreProvider,

lib/dnd/stories/DragSource.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import { useState } from 'react';
 import { DndStoreProvider, useDragSource, useDropTarget } from '..';
 

lib/dnd/stories/DropTarget.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/nextjs';
 import { useState } from 'react';
 import { DndStoreProvider, useDragSource, useDropTarget } from '..';