chore: migrate to @storybook/test (#1101)

* chore: migrate to @storybook/test

* fix: type error

package.json

@@ -62,7 +62,7 @@
     "@storybook/core-events": "^7.6.3",
     "@storybook/react": "^7.6.3",
     "@storybook/react-vite": "^7.6.3",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/test": "^7.6.3",
     "@storybook/theming": "^7.6.3",
     "@storybook/types": "^7.6.3",
     "@testing-library/dom": "^9.3.0",

packages/clipboard/stories/CopyToClipboard.stories.tsx

@@ -1,7 +1,7 @@
 import type { CopyToClipboardHandleRef } from '../src/CopyToClipboard';
 import type { StoryObj, StoryFn } from '@storybook/react';
 
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 import { useRef } from 'react';
 
 import { CopyToClipboard } from '../src';

packages/inline-edit/stories/InlineEdit.stories.tsx

@@ -5,7 +5,7 @@ import { CopyToClipboard } from '@launchpad-ui/clipboard';
 import { Form, FormField, IconField, TextArea, TextField } from '@launchpad-ui/form';
 import { Icon } from '@launchpad-ui/icons';
 import { useState } from '@storybook/client-api';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 
 import { InlineEdit } from '../src';
 

packages/menu/stories/Menu.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 
 import { Icon } from '@launchpad-ui/icons';
-import { userEvent } from '@storybook/testing-library';
+import { userEvent } from '@storybook/test';
 
 import { Menu, MenuDivider, MenuItem, MenuSearch } from '../src';
 

packages/modal/stories/Modal.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '@launchpad-ui/button';
 import { Icon } from '@launchpad-ui/icons';
 import { Tooltip } from '@launchpad-ui/tooltip';
 import { useState } from '@storybook/client-api';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 import { useRef } from 'react';
 
 import { REACT_NODE_TYPE_DOCS } from '../../../.storybook/utils';

packages/popover/stories/Popover.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj, StoryFn } from '@storybook/react';
 
 import { Button } from '@launchpad-ui/button';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 
 import { Popover } from '../src';
 

packages/snackbar/stories/SnackbarCenter.stories.tsx

@@ -3,7 +3,7 @@ import type { SnackbarRecord, SnackbarProps } from '../src';
 import type { StoryObj } from '@storybook/react';
 
 import { Button } from '@launchpad-ui/button';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 import { useId, useState } from 'react';
 
 import { SnackbarCenter } from '../src';

packages/toast/stories/ToastCenter.stories.tsx

@@ -3,7 +3,7 @@ import type { ToastRecord, ToastProps } from '../src';
 import type { StoryObj } from '@storybook/react';
 
 import { Button } from '@launchpad-ui/button';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 import { useId, useState } from 'react';
 
 import { ToastCenter } from '../src';

packages/tooltip/stories/Tooltip.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj, StoryFn } from '@storybook/react';
 
 import { Button } from '@launchpad-ui/button';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, within } from '@storybook/test';
 
 import { Tooltip } from '../src';
 

test/setup.ts

@@ -1,4 +1,4 @@
-import '@testing-library/jest-dom/vitest';
+import '@testing-library/jest-dom';
 import { configure } from '@testing-library/react';
 import { vi } from 'vitest';