chore: update storybook to 9.0.9, run renderer-to-framework migration (#1709)

nhironaka · web-flow · commit d7c78a534517 · 2025-06-16T10:20:00.000-04:00
diff --git a/.changeset/slick-ghosts-matter.md b/.changeset/slick-ghosts-matter.md
@@ -0,0 +1,25 @@
+---
+"launchpad-design-system": patch
+"@launchpad-ui/box": patch
+"@launchpad-ui/button": patch
+"@launchpad-ui/components": patch
+"@launchpad-ui/core": patch
+"@launchpad-ui/drawer": patch
+"@launchpad-ui/dropdown": patch
+"@launchpad-ui/filter": patch
+"@launchpad-ui/focus-trap": patch
+"@launchpad-ui/form": patch
+"@launchpad-ui/icons": patch
+"@launchpad-ui/menu": patch
+"@launchpad-ui/modal": patch
+"@launchpad-ui/navigation": patch
+"@launchpad-ui/overlay": patch
+"@launchpad-ui/popover": patch
+"@launchpad-ui/portal": patch
+"@launchpad-ui/table": patch
+"@launchpad-ui/tokens": patch
+"@launchpad-ui/tooltip": patch
+"@launchpad-ui/vars": patch
+---
+
+chore: update storybook to 9.0.9, run renderer-to-framework migration
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -1,4 +1,4 @@
-import type { Preview, ReactRenderer } from '@storybook/react';
+import type { Preview, ReactRenderer } from '@storybook/react-vite';
 import type { ReactNode } from 'react';
 import type { DecoratorFunction, GlobalTypes, Parameters } from 'storybook/internal/types';
 
diff --git a/.storybook/utils.tsx b/.storybook/utils.tsx
@@ -1,4 +1,4 @@
-import type { Args, Decorator, ReactRenderer } from '@storybook/react';
+import type { Args, Decorator, ReactRenderer } from '@storybook/react-vite';
 import type { JSX } from 'react';
 import type { AnnotatedStoryFn, StoryContext } from 'storybook/internal/types';
 
diff --git a/package.json b/package.json
@@ -39,12 +39,11 @@
 		"@commitlint/config-conventional": "^19.8.0",
 		"@commitlint/types": "^19.8.0",
 		"@figma/code-connect": "^1.3.1",
-		"@storybook/addon-a11y": "^9.0.0",
+		"@storybook/addon-a11y": "^9.0.9",
 		"@storybook/addon-designs": "^10.0.1",
-		"@storybook/addon-docs": "^9.0.0",
-		"@storybook/addon-themes": "^9.0.0",
-		"@storybook/react": "^9.0.0",
-		"@storybook/react-vite": "^9.0.0",
+		"@storybook/addon-docs": "^9.0.9",
+		"@storybook/addon-themes": "^9.0.9",
+		"@storybook/react-vite": "^9.0.9",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.2",
 		"@testing-library/react": "^16.3.0",
@@ -72,8 +71,8 @@
 		"react-dom": "19.1.0",
 		"react-router": "7.5.2",
 		"rollup-plugin-pure": "^0.4.0",
-		"storybook": "^9.0.0",
-		"storybook-addon-pseudo-states": "^9.0.0",
+		"storybook": "^9.0.9",
+		"storybook-addon-pseudo-states": "^9.0.9",
 		"tsx": "^4.19.3",
 		"typescript": "^5.8.2",
 		"typescript-plugin-css-modules": "^5.1.0",
diff --git a/packages/box/stories/Box.stories.tsx b/packages/box/stories/Box.stories.tsx
@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 
 import { Button } from '../../components/src/Button';
 import { Box } from '../src';
diff --git a/packages/button/stories/Button.stories.tsx b/packages/button/stories/Button.stories.tsx
@@ -1,4 +1,4 @@
-import type { Decorator, StoryObj } from '@storybook/react';
+import type { Decorator, StoryObj } from '@storybook/react-vite';
 import type { ReactNode } from 'react';
 
 import { Fragment } from 'react';
diff --git a/packages/button/stories/ButtonGroup.stories.tsx b/packages/button/stories/ButtonGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Decorator, StoryObj } from '@storybook/react';
+import type { Decorator, StoryObj } from '@storybook/react-vite';
 
 import { Fragment } from 'react';
 
diff --git a/packages/button/stories/IconButton.stories.tsx b/packages/button/stories/IconButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Decorator, StoryObj } from '@storybook/react';
+import type { Decorator, StoryObj } from '@storybook/react-vite';
 
 import { Fragment } from 'react';
 
diff --git a/packages/button/stories/UploadButton.stories.tsx b/packages/button/stories/UploadButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 
 import { UploadButton } from '../src';
 
diff --git a/packages/components/stories/Alert.stories.tsx b/packages/components/stories/Alert.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Alert } from '../src/Alert';
 import { Button } from '../src/Button';
diff --git a/packages/components/stories/Autocomplete.stories.tsx b/packages/components/stories/Autocomplete.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 import { useState } from 'react';
diff --git a/packages/components/stories/Avatar.stories.tsx b/packages/components/stories/Avatar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Box } from '@launchpad-ui/box';
diff --git a/packages/components/stories/Breadcrumbs.stories.tsx b/packages/components/stories/Breadcrumbs.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Breadcrumb, Breadcrumbs } from '../src/Breadcrumbs';
diff --git a/packages/components/stories/Button.stories.tsx b/packages/components/stories/Button.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
+import type { Meta, ReactRenderer, StoryObj } from '@storybook/react-vite';
 import type { PlayFunction } from 'storybook/internal/types';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/ButtonGroup.stories.tsx b/packages/components/stories/ButtonGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Button } from '../src/Button';
 import { ButtonGroup } from '../src/ButtonGroup';
diff --git a/packages/components/stories/Calendar.stories.tsx b/packages/components/stories/Calendar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { parseDate } from '@internationalized/date';
diff --git a/packages/components/stories/Checkbox.stories.tsx b/packages/components/stories/Checkbox.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { vars } from '@launchpad-ui/vars';
 import { userEvent, within } from 'storybook/test';
diff --git a/packages/components/stories/CheckboxGroup.stories.tsx b/packages/components/stories/CheckboxGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { userEvent, within } from 'storybook/test';
 
diff --git a/packages/components/stories/ComboBox.stories.tsx b/packages/components/stories/ComboBox.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/DateField.stories.tsx b/packages/components/stories/DateField.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/DatePicker.stories.tsx b/packages/components/stories/DatePicker.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { parseDate } from '@internationalized/date';
diff --git a/packages/components/stories/DateRangePicker.stories.tsx b/packages/components/stories/DateRangePicker.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { parseDate } from '@internationalized/date';
diff --git a/packages/components/stories/Disclosure.stories.tsx b/packages/components/stories/Disclosure.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/DisclosureGroup.stories.tsx b/packages/components/stories/DisclosureGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 
diff --git a/packages/components/stories/DropZone.stories.tsx b/packages/components/stories/DropZone.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { FileDropItem } from 'react-aria';
 
 import { useState } from 'react';
diff --git a/packages/components/stories/FieldGroup.stories.tsx b/packages/components/stories/FieldGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 
diff --git a/packages/components/stories/FileTrigger.stories.tsx b/packages/components/stories/FileTrigger.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Button } from '../src/Button';
 import { FileTrigger } from '../src/FileTrigger';
diff --git a/packages/components/stories/Form.stories.tsx b/packages/components/stories/Form.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 import { vars } from '@launchpad-ui/vars';
diff --git a/packages/components/stories/GridList.stories.tsx b/packages/components/stories/GridList.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { useDragAndDrop } from 'react-aria-components';
diff --git a/packages/components/stories/Group.stories.tsx b/packages/components/stories/Group.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 import { vars } from '@launchpad-ui/vars';
diff --git a/packages/components/stories/IconButton.stories.tsx b/packages/components/stories/IconButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { IconButton } from '../src/IconButton';
 
diff --git a/packages/components/stories/Link.stories.tsx b/packages/components/stories/Link.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { vars } from '@launchpad-ui/vars';
 import { fireEvent, userEvent, within } from 'storybook/test';
diff --git a/packages/components/stories/LinkButton.stories.tsx b/packages/components/stories/LinkButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { LinkButton } from '../src/LinkButton';
 
diff --git a/packages/components/stories/LinkIconButton.stories.tsx b/packages/components/stories/LinkIconButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { LinkIconButton } from '../src/LinkIconButton';
 
diff --git a/packages/components/stories/ListBox.stories.tsx b/packages/components/stories/ListBox.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { Selection as AriaSelection } from 'react-aria-components';
 
diff --git a/packages/components/stories/Menu.stories.tsx b/packages/components/stories/Menu.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { Selection as AriaSelection } from 'react-aria-components';
 
diff --git a/packages/components/stories/Meter.stories.tsx b/packages/components/stories/Meter.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { vars } from '@launchpad-ui/vars';
 
diff --git a/packages/components/stories/Modal.stories.tsx b/packages/components/stories/Modal.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
+import type { Meta, ReactRenderer, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { PlayFunction } from 'storybook/internal/types';
 
diff --git a/packages/components/stories/NumberField.stories.tsx b/packages/components/stories/NumberField.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { vars } from '@launchpad-ui/vars';
 import { userEvent } from 'storybook/test';
diff --git a/packages/components/stories/Popover.stories.tsx b/packages/components/stories/Popover.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
+import type { Meta, ReactRenderer, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { PlayFunction } from 'storybook/internal/types';
 
diff --git a/packages/components/stories/ProgressBar.stories.tsx b/packages/components/stories/ProgressBar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Label } from '../src/Label';
 import { ProgressBar } from '../src/ProgressBar';
diff --git a/packages/components/stories/RadioGroup.stories.tsx b/packages/components/stories/RadioGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { userEvent, within } from 'storybook/test';
diff --git a/packages/components/stories/RangeCalendar.stories.tsx b/packages/components/stories/RangeCalendar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { parseDate } from '@internationalized/date';
diff --git a/packages/components/stories/SearchField.stories.tsx b/packages/components/stories/SearchField.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 import { vars } from '@launchpad-ui/vars';
diff --git a/packages/components/stories/Select.stories.tsx b/packages/components/stories/Select.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/Switch.stories.tsx b/packages/components/stories/Switch.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Switch } from '../src/Switch';
 
diff --git a/packages/components/stories/Table.stories.tsx b/packages/components/stories/Table.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { SortDescriptor } from 'react-aria-components';
 
diff --git a/packages/components/stories/Tabs.stories.tsx b/packages/components/stories/Tabs.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Route, Routes, useLocation } from 'react-router';
diff --git a/packages/components/stories/TagGroup.stories.tsx b/packages/components/stories/TagGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { useListData } from 'react-stately';
diff --git a/packages/components/stories/TextField.stories.tsx b/packages/components/stories/TextField.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { vars } from '@launchpad-ui/vars';
diff --git a/packages/components/stories/TimeField.stories.tsx b/packages/components/stories/TimeField.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { Icon } from '@launchpad-ui/icons';
diff --git a/packages/components/stories/Toast.stories.tsx b/packages/components/stories/Toast.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { expect, userEvent, within } from 'storybook/test';
 
diff --git a/packages/components/stories/ToggleButton.stories.tsx b/packages/components/stories/ToggleButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { userEvent, within } from 'storybook/test';
 
diff --git a/packages/components/stories/ToggleButtonGroup.stories.tsx b/packages/components/stories/ToggleButtonGroup.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 
 import { ToggleButton } from '../src/ToggleButton';
diff --git a/packages/components/stories/ToggleIconButton.stories.tsx b/packages/components/stories/ToggleIconButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { userEvent, within } from 'storybook/test';
 
diff --git a/packages/components/stories/Toolbar.stories.tsx b/packages/components/stories/Toolbar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Icon } from '@launchpad-ui/icons';
 
diff --git a/packages/components/stories/Tooltip.stories.tsx b/packages/components/stories/Tooltip.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
+import type { Meta, ReactRenderer, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import type { PlayFunction } from 'storybook/internal/types';
 
diff --git a/packages/components/stories/recipes/composition.stories.tsx b/packages/components/stories/recipes/composition.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentPropsWithoutRef } from 'react';
 import type { ListBoxItemProps } from '../../src/ListBox';
 
diff --git a/packages/drawer/stories/Drawer.stories.tsx b/packages/drawer/stories/Drawer.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Button } from '@launchpad-ui/button';
 import { Tooltip } from '@launchpad-ui/tooltip';
diff --git a/packages/dropdown/stories/Dropdown.stories.tsx b/packages/dropdown/stories/Dropdown.stories.tsx
diff --git a/packages/filter/stories/AppliedFilter.stories.tsx b/packages/filter/stories/AppliedFilter.stories.tsx
diff --git a/packages/filter/stories/Filter.stories.tsx b/packages/filter/stories/Filter.stories.tsx
diff --git a/packages/filter/stories/FilterButton.stories.tsx b/packages/filter/stories/FilterButton.stories.tsx
diff --git a/packages/form/stories/Checkbox.stories.tsx b/packages/form/stories/Checkbox.stories.tsx
diff --git a/packages/form/stories/CompactTextField.stories.tsx b/packages/form/stories/CompactTextField.stories.tsx
diff --git a/packages/form/stories/FormField.stories.tsx b/packages/form/stories/FormField.stories.tsx
diff --git a/packages/form/stories/FormGroup.stories.tsx b/packages/form/stories/FormGroup.stories.tsx
diff --git a/packages/form/stories/IconField.stories.tsx b/packages/form/stories/IconField.stories.tsx
diff --git a/packages/form/stories/Label.stories.tsx b/packages/form/stories/Label.stories.tsx
diff --git a/packages/form/stories/Radio.stories.tsx b/packages/form/stories/Radio.stories.tsx
diff --git a/packages/form/stories/RadioGroup.stories.tsx b/packages/form/stories/RadioGroup.stories.tsx
diff --git a/packages/form/stories/SelectField.stories.tsx b/packages/form/stories/SelectField.stories.tsx
diff --git a/packages/form/stories/TextArea.stories.tsx b/packages/form/stories/TextArea.stories.tsx
diff --git a/packages/form/stories/TextField.stories.tsx b/packages/form/stories/TextField.stories.tsx
diff --git a/packages/form/stories/useNumberField.stories.tsx b/packages/form/stories/useNumberField.stories.tsx
diff --git a/packages/icons/stories/BadgeIcon.stories.tsx b/packages/icons/stories/BadgeIcon.stories.tsx
diff --git a/packages/icons/stories/Icon.stories.tsx b/packages/icons/stories/Icon.stories.tsx
diff --git a/packages/icons/stories/StatusIcon.stories.tsx b/packages/icons/stories/StatusIcon.stories.tsx
diff --git a/packages/menu/stories/Menu.stories.tsx b/packages/menu/stories/Menu.stories.tsx
diff --git a/packages/modal/stories/Modal.stories.tsx b/packages/modal/stories/Modal.stories.tsx
diff --git a/packages/navigation/stories/Navigation.stories.tsx b/packages/navigation/stories/Navigation.stories.tsx
diff --git a/packages/popover/stories/Popover.stories.tsx b/packages/popover/stories/Popover.stories.tsx
diff --git a/packages/table/stories/Table.stories.tsx b/packages/table/stories/Table.stories.tsx
diff --git a/packages/tokens/stories/theme.stories.tsx b/packages/tokens/stories/theme.stories.tsx
diff --git a/packages/tooltip/stories/Tooltip.stories.tsx b/packages/tooltip/stories/Tooltip.stories.tsx
diff --git a/packages/vars/stories/vars.stories.tsx b/packages/vars/stories/vars.stories.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Preview, ReactRenderer } from '@storybook/react';`
	`1`	`+import type { Preview, ReactRenderer } from '@storybook/react-vite';`
`2`	`2`	`import type { ReactNode } from 'react';`
`3`	`3`	`import type { DecoratorFunction, GlobalTypes, Parameters } from 'storybook/internal/types';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Args, Decorator, ReactRenderer } from '@storybook/react';`
	`1`	`+import type { Args, Decorator, ReactRenderer } from '@storybook/react-vite';`
`2`	`2`	`import type { JSX } from 'react';`
`3`	`3`	`import type { AnnotatedStoryFn, StoryContext } from 'storybook/internal/types';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { StoryObj } from '@storybook/react';`
	`1`	`+import type { StoryObj } from '@storybook/react-vite';`
`2`	`2`
`3`	`3`	`import { Button } from '../../components/src/Button';`
`4`	`4`	`import { Box } from '../src';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Decorator, StoryObj } from '@storybook/react';`
	`1`	`+import type { Decorator, StoryObj } from '@storybook/react-vite';`
`2`	`2`	`import type { ReactNode } from 'react';`
`3`	`3`
`4`	`4`	`import { Fragment } from 'react';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Meta, StoryObj } from '@storybook/react';`
	`1`	`+import type { Meta, StoryObj } from '@storybook/react-vite';`
`2`	`2`
`3`	`3`	`import { Alert } from '../src/Alert';`
`4`	`4`	`import { Button } from '../src/Button';`