fix: storybook docs (#1634)

Author: Niznikr

.storybook/preview.tsx

@@ -1,4 +1,4 @@
-import type { ReactRenderer } from '@storybook/react';
+import type { Preview, ReactRenderer } from '@storybook/react';
 import type { ReactNode } from 'react';
 import type { DecoratorFunction, GlobalTypes, Parameters } from 'storybook/internal/types';
 
@@ -54,7 +54,7 @@ const RouterProvider = ({ children }: { children: ReactNode }) => {
 	);
 };
 
-export const parameters: Parameters = {
+const parameters: Parameters = {
 	actions: { disable: true },
 	controls: { expanded: true },
 	options: {
@@ -85,16 +85,12 @@ export const parameters: Parameters = {
 		prefersReducedMotion: 'reduce',
 	},
 	docs: {
-		source: {
-			excludeDecorators: true,
-		},
 		theme: window.matchMedia('(prefers-color-scheme: dark)').matches ? themes.dark : themes.light,
 		codePanel: true,
 	},
-	tags: ['autodocs'],
 };
 
-export const decorators: DecoratorFunction<ReactRenderer>[] = [
+const decorators: DecoratorFunction<ReactRenderer>[] = [
 	(StoryFn, context) => {
 		const mirror = context.viewMode === 'story' ? context.globals.mirror : undefined;
 		const sideBySide = mirror === 'side-by-side';
@@ -139,7 +135,7 @@ export const decorators: DecoratorFunction<ReactRenderer>[] = [
 	}),
 ];
 
-export const globalTypes: GlobalTypes = {
+const globalTypes: GlobalTypes = {
 	mirror: {
 		name: 'Mirror',
 		description: 'Mirror themes',
@@ -154,3 +150,12 @@ export const globalTypes: GlobalTypes = {
 		},
 	},
 };
+
+const preview: Preview = {
+	tags: ['autodocs'],
+	parameters,
+	decorators,
+	globalTypes,
+};
+
+export default preview;

docs/stories/contributing.mdx

@@ -1,4 +1,4 @@
-import { Meta, Markdown } from '@storybook/blocks';
+import { Meta, Markdown } from '@storybook/addon-docs/blocks';
 
 import Contributing from '../../CONTRIBUTING.md?raw';
 

docs/stories/getting-started.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 import { Figma } from '@storybook/addon-designs/blocks';
 
 <Meta title="Getting started" />

package.json

@@ -40,13 +40,12 @@
 		"@commitlint/config-conventional": "^19.8.0",
 		"@commitlint/types": "^19.8.0",
 		"@figma/code-connect": "^1.3.1",
-		"@storybook/addon-a11y": "^9.0.0-alpha.17",
-		"@storybook/addon-designs": "^9.0.0-next.2",
-		"@storybook/addon-docs": "^9.0.0-alpha.17",
-		"@storybook/addon-themes": "^9.0.0-alpha.17",
-		"@storybook/blocks": "^9.0.0-alpha.17",
-		"@storybook/react": "^9.0.0-alpha.17",
-		"@storybook/react-vite": "^9.0.0-alpha.17",
+		"@storybook/addon-a11y": "^9.0.0-alpha.19",
+		"@storybook/addon-designs": "^10.0.0",
+		"@storybook/addon-docs": "^9.0.0-alpha.19",
+		"@storybook/addon-themes": "^9.0.0-alpha.19",
+		"@storybook/react": "^9.0.0-alpha.19",
+		"@storybook/react-vite": "^9.0.0-alpha.19",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.2",
 		"@testing-library/react": "^16.3.0",
@@ -74,7 +73,7 @@
 		"react-dom": "19.1.0",
 		"react-router": "7.0.1",
 		"rollup-plugin-pure": "^0.3.0",
-		"storybook": "^9.0.0-alpha.17",
+		"storybook": "^9.0.0-alpha.19",
 		"storybook-addon-pseudo-states": "^4.0.2",
 		"tsx": "^4.19.3",
 		"typescript": "^5.8.2",

packages/components/stories/recipes/ComboBoxDialog.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { ComboBoxDialog } from './composition.stories';
 
 <Meta title="Recipes/ComboBoxDialog" />

packages/components/stories/recipes/CopyToClipboard.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { CopyToClipboard } from './composition.stories';
 
 <Meta title="Recipes/CopyToClipboard" />

packages/components/stories/recipes/DisabledWithTooltip.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { DisabledWithTooltip } from './composition.stories';
 
 <Meta title="Recipes/DisabledWithTooltip" />

packages/components/stories/recipes/ListBoxTooltip.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { ListBoxTooltip } from './composition.stories';
 
 <Meta title="Recipes/ListBoxTooltip" />

packages/components/stories/recipes/Pagination.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { Pagination } from './composition.stories';
 
 <Meta title="Recipes/Pagination" />

packages/components/stories/recipes/RadioButtonGroup.mdx

@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import { RadioButtonGroup } from './composition.stories';
 
 <Meta title="Recipes/RadioButtonGroup" />