@hyphen/hyphen-components 5.6.0 → 5.7.0

package/src/components/DropdownMenu/DropdownMenu.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { DropdownMenu } from './DropdownMenu';
 import * as Stories from './DropdownMenu.stories';
 

package/src/components/DropdownMenu/DropdownMenu.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '../Button/Button';
-import { userEvent, within, expect } from '@storybook/test';
+import { userEvent, within, expect } from 'storybook/test';
 import {
   DropdownMenu,
   DropdownMenuTrigger,

package/src/components/FormLabel/FormLabel.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { FormLabel } from './FormLabel';
 import * as Stories from './FormLabel.stories';
 

package/src/components/FormLabel/FormLabel.stories.tsx

@@ -1,6 +1,6 @@
 import { FormLabel } from './FormLabel';
 
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 
 const meta: Meta<typeof FormLabel> = {

package/src/components/Formik/Formik.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/addon-docs';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as Stories from './Formik.stories';
 
 <Meta of={Stories} />

package/src/components/Heading/Heading.mdx

@@ -1,6 +1,6 @@
 import { Heading } from './Heading';
 
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 
 import * as Stories from './Heading.stories';
 

package/src/components/Heading/Heading.stories.tsx

@@ -1,5 +1,5 @@
 import { Heading } from './Heading';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 
 const meta: Meta<typeof Heading> = {

package/src/components/Icon/Icon.mdx

@@ -1,5 +1,5 @@
 import { Icon } from './Icon';
-import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs';
+import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs/blocks';
 
 import * as Stories from './Icon.stories';
 

package/src/components/Icon/Icon.stories.tsx

@@ -2,7 +2,7 @@ import { Box } from '../Box/Box';
 import { ICON_NAMES } from '@hyphen/hyphen-design-tokens/build/assets/icons';
 import { IconName } from 'src/types';
 import { Icon } from './Icon';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 
 const meta: Meta<typeof Icon> = {

package/src/components/Modal/Modal.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Modal } from './Modal';
 import * as Stories from './Modal.stories';
 

package/src/components/Modal/Modal.stories.tsx

@@ -1,9 +1,9 @@
 import React, { useRef } from 'react';
 import { Modal } from './Modal';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '../Button/Button';
 import { useOpenClose } from '../../hooks/useOpenClose/useOpenClose';
-import { userEvent, within, expect } from '@storybook/test';
+import { userEvent, within, expect } from 'storybook/test';
 
 const meta: Meta<typeof Modal> = {
   title: 'Components/Modal',

package/src/components/Pagination/Pagination.mdx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs';
+import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Pagination } from './Pagination';
 import * as Stories from './Pagination.stories';
 

package/src/components/Pagination/Pagination.stories.tsx

@@ -1,5 +1,5 @@
 import { Pagination } from './Pagination';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 import { useState } from 'react';
 

package/src/components/Popover/Popover.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Popover } from './Popover';
 import * as Stories from './Popover.stories';
 

package/src/components/Popover/Popover.stories.tsx

@@ -1,5 +1,5 @@
 import { Popover } from './Popover';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { ChangeEvent } from 'react';
 import { useState } from 'react';
 import { Button } from '../Button/Button';

package/src/components/RadioGroup/RadioGroup.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { RadioGroup } from './RadioGroup';
 import * as Stories from './RadioGroup.stories';
 

package/src/components/RadioGroup/RadioGroup.stories.tsx

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, useState } from 'react';
 import { RadioGroup } from './RadioGroup';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 
 const meta: Meta<typeof RadioGroup> = {

package/src/components/RangeInput/RangeInput.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import * as Stories from './RangeInput.stories';
 import {RangeInput} from "./RangeInput";
 

package/src/components/RangeInput/RangeInput.stories.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { RangeInput } from './RangeInput';
 
 const meta: Meta<typeof RangeInput> = {

package/src/components/ResponsiveProvider/ResponsiveProvider.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { ResponsiveProvider } from './ResponsiveProvider';
 import * as Stories from './ResponsiveProvider.stories';
 

package/src/components/ResponsiveProvider/ResponsiveProvider.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ResponsiveProvider } from './ResponsiveProvider';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { useWindowSize } from '../../hooks/useWindowSize/useWindowSize';
 import { useBreakpoint } from '../../hooks/useBreakpoint/useBreakpoint';
 import { Box } from '../Box/Box';

package/src/components/SelectInput/SelectInput.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { SelectInput } from './SelectInput';
 import * as Stories from './SelectInput.stories';
 

package/src/components/SelectInput/SelectInput.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { SelectInput } from './SelectInput';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 
 const meta: Meta<typeof SelectInput> = {

package/src/components/SelectInputInset/SelectInputInset.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { SelectInputInset } from './SelectInputInset';
 import * as Stories from './SelectInputInset.stories';
 

package/src/components/SelectInputInset/SelectInputInset.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { SelectInputInset } from './SelectInputInset';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 
 const meta: Meta<typeof SelectInputInset> = {

package/src/components/SelectInputNative/SelectInputNative.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { SelectInputNative } from './SelectInputNative';
 import * as Stories from './SelectInputNative.stories';
 

package/src/components/SelectInputNative/SelectInputNative.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { SelectInputNative } from './SelectInputNative';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 
 const meta: Meta<typeof SelectInputNative> = {

package/src/components/Sidebar/Sidebar.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import {
   SidebarProvider,
   Sidebar,

package/src/components/Spinner/Spinner.mdx

@@ -1,5 +1,5 @@
 import { Spinner } from './Spinner';
-import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs';
+import { Meta, Story, Canvas, ArgTypes } from '@storybook/addon-docs/blocks';
 import * as Stories from './Spinner.stories';
 
 <Meta of={Stories} />

package/src/components/Spinner/Spinner.stories.tsx

@@ -1,5 +1,5 @@
 import { Box } from '../Box/Box';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React from 'react';
 import { Spinner } from './Spinner';
 

package/src/components/Switch/Switch.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Switch } from './Switch';
 import * as Stories from './Switch.stories';
 

package/src/components/Switch/Switch.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 
 import { Box } from '../Box/Box';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Switch } from './Switch';
 
 const meta: Meta<typeof Switch> = {

package/src/components/Table/Table.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Table } from './Table';
 import * as Stories from './Table.stories';
 

package/src/components/Table/Table.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 import { Table } from './Table';
 import { Button } from '../Button/Button';

package/src/components/TextInput/TextInput.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TextInput } from './TextInput';
 import * as Stories from './TextInput.stories';
 

package/src/components/TextInput/TextInput.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { useState } from 'react';
 import { TextInput } from './TextInput';
 import { Box } from '../Box/Box';

package/src/components/TextInputInset/TextInputInset.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TextInputInset } from './TextInputInset';
 import * as Stories from './TextInputInset.stories';
 

package/src/components/TextInputInset/TextInputInset.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { TextInputInset } from './TextInputInset';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 import { Icon } from '../Icon/Icon';
 

package/src/components/TextareaInput/TextareaInput.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TextareaInput } from './TextareaInput';
 import * as Stories from './TextareaInput.stories';
 

package/src/components/TextareaInput/TextareaInput.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { useState } from 'react';
 import { TextareaInput } from './TextareaInput';
 import { Box } from '../Box/Box';

package/src/components/TextareaInputInset/TextareaInputInset.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TextareaInputInset } from './TextareaInputInset';
 import * as Stories from './TextareaInputInset.stories';
 

package/src/components/TextareaInputInset/TextareaInputInset.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { useState } from 'react';
 import { TextareaInputInset } from './TextareaInputInset';
 import { Box } from '../Box/Box';

package/src/components/ThemeProvider/ThemeProvider.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { ThemeProvider } from './ThemeProvider';
 import * as Stories from './ThemeProvider.stories';
 

package/src/components/ThemeProvider/ThemeProvider.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ThemeProvider } from './ThemeProvider';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../Box/Box';
 import { RadioGroup } from '../RadioGroup/RadioGroup';
 import { Theme } from './ThemeProvider';

package/src/components/TimePicker/TimePicker.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TimePicker } from './TimePicker';
 import * as Stories from './TimePicker.stories';
 

package/src/components/TimePicker/TimePicker.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { ChangeEvent, useState } from 'react';
 import { TimePicker } from './TimePicker';
 import { Box } from '../Box/Box';

package/src/components/TimePickerNative/TimePickerNative.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { TimePickerNative } from './TimePickerNative';
 import * as Stories from './TimePickerNative.stories';
 

package/src/components/TimePickerNative/TimePickerNative.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { ChangeEvent, useState } from 'react';
 import { TimePickerNative } from './TimePickerNative';
 import { Box } from '../Box/Box';

package/src/components/Toast/Toast.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { ToastContainer } from './';
 import * as Stories from './Toast.stories';
 

package/src/components/Toast/Toast.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import React, { useState } from 'react';
 import { ToastContainer, ToastPosition, toast } from './';
 import { Button } from '../Button/Button';

package/src/components/Toggle/Toggle.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Toggle } from './Toggle';
 import * as Stories from './Toggle.stories';
 

package/src/components/Toggle/Toggle.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 
 import { Toggle } from './Toggle';
 import { Icon } from '../Icon/Icon';

package/src/components/ToggleGroup/ToggleGroup.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { ToggleGroup } from './ToggleGroup';
 import * as Stories from './ToggleGroup.stories';
 

package/src/components/ToggleGroup/ToggleGroup.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 
 import { ToggleGroup, ToggleGroupItem } from './ToggleGroup';
 import { Box } from '../Box/Box';

package/src/components/Tooltip/Tooltip.mdx

@@ -1,5 +1,5 @@
 
-import { Canvas, Meta, ArgTypes } from '@storybook/blocks';
+import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks';
 import { Tooltip } from './Tooltip';
 import * as Stories from './Tooltip.stories';
 

package/src/components/Tooltip/Tooltip.stories.tsx

@@ -6,7 +6,7 @@ import {
   TooltipProvider,
   TooltipPortal,
 } from './Tooltip';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Button } from '../Button/Button';
 import { Badge } from '../Badge/Badge';
 

package/src/docs/Brands.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 
 import HyphenLogoHorizontalRgbPositive from '@hyphen/hyphen-design-tokens/build/assets/images/react/HyphenLogoHorizontalRgbPositive';
 import HyphenLogoHorizontalRgbNegative from '@hyphen/hyphen-design-tokens/build/assets/images/react/HyphenLogoHorizontalRgbNegative';

package/src/docs/Colors.mdx

@@ -1,4 +1,4 @@
-import { ColorPalette, ColorItem, Meta } from '@storybook/addon-docs';
+import { ColorPalette, ColorItem, Meta } from '@storybook/addon-docs/blocks';
 import designTokens from '@hyphen/hyphen-design-tokens/build/json/variables.json';
 
 <Meta title="Foundation/Colors" />

package/src/docs/DesignTokens.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 import designTokens from '@hyphen/hyphen-design-tokens/build/json/variables.json';
 
 <Meta title="Foundation/Design Tokens" />

package/src/docs/GetStarted.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="About/Get Started" />
 

package/src/docs/intro.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="About/Introduction" />
 

package/src/hooks/useBreakpoint/useBreakpoint.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/addon-docs';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as Stories from './useBreakpoint.stories';
 
 <Meta of={Stories} />

package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { ResponsiveProvider } from '../../components/ResponsiveProvider/ResponsiveProvider';
 import { useBreakpoint } from './useBreakpoint';
 

package/src/hooks/useIsMobile/useIsMobile.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/addon-docs';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as Stories from './useIsMobile.stories';
 
 <Meta of={Stories} />

package/src/hooks/useIsMobile/useIsMobile.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { ResponsiveProvider } from '../../components/ResponsiveProvider/ResponsiveProvider';
 import { useIsMobile } from '../useIsMobile/useIsMobile';
 

package/src/hooks/useOpenClose/useOpenClose.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas, ArgTypes } from '@storybook/blocks';
+import { Meta, Canvas, ArgTypes } from '@storybook/addon-docs/blocks';
 import { useOpenClose } from './useOpenClose';
 import * as Stories from './useOpenClose.stories';
 

package/src/hooks/useOpenClose/useOpenClose.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { UseOpenCloseProps, useOpenClose } from './useOpenClose';
 import { Button } from '../../components/Button/Button';
 import { Box } from '../../components/Box/Box';

package/src/hooks/useTheme/useTheme.stories.tsx

@@ -3,7 +3,7 @@ import {
   Theme,
   ThemeProvider,
 } from '../../components/ThemeProvider/ThemeProvider';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { Box } from '../../components/Box/Box';
 import { RadioGroup } from '../../components/RadioGroup/RadioGroup';
 import { useTheme } from '../../hooks/useTheme/useTheme';

package/src/hooks/useWindowSize/useWindowSize.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/addon-docs';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as Stories from './useWindowSize.stories';
 
 <Meta of={Stories} />

package/src/hooks/useWindowSize/useWindowSize.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 import { useWindowSize } from './useWindowSize';
 import { Box } from '../../components/Box/Box';
 import { ResponsiveProvider } from '../../components/ResponsiveProvider/ResponsiveProvider';