feat(all): include rsstorybook

Author: hectoruch

packages/components/package.json

@@ -35,7 +35,7 @@
       "url": "https://github.com/kubit-ui/kubit-react-components/graphs/contributors"
     }
   ],
-  "packageManager": "pnpm@10.30.2",
+  "packageManager": "pnpm@10.30.3",
   "keywords": [
     "react",
     "react-components",
@@ -182,7 +182,7 @@
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.3.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/testing-library__jest-dom": "^6.0.0",

packages/storybook/.storybook/components/docs/BundleSizeDocBlock.tsx

@@ -1,7 +1,7 @@
-import type { StoryContext } from '@storybook/react-vite';
-
 import { useEffect, useState } from 'react';
 
+import type { StoryContext } from '@storybook/react';
+
 import { BundleSizePanel } from '../bundleSize/BundleSizePanel';
 import { extractComponentName, getBundleSize } from '../bundleSize/utils';
 

packages/storybook/.storybook/main.ts

@@ -1,10 +1,9 @@
-import type { StorybookConfig } from '@storybook/react-vite';
+import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 const config: StorybookConfig = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-a11y',
-    '@storybook/addon-coverage',
     '@storybook/addon-docs',
     'storybook-addon-deep-controls',
     'storybook-addon-pseudo-states',
@@ -16,12 +15,8 @@ const config: StorybookConfig = {
   },
 
   framework: {
-    name: '@storybook/react-vite',
-    options: {
-      builder: {
-        viteConfigPath: '.storybook/viteStorybook.config.mts',
-      },
-    },
+    name: 'storybook-react-rsbuild',
+    options: {},
   },
 
   staticDirs: ['./assets'],

packages/storybook/.storybook/viteStorybook.config.mts

@@ -3,7 +3,7 @@
   "version": "2.0.0-alpha.1",
   "description": "Kubit Storybook - Component documentation and showcase",
   "private": true,
-  "packageManager": "pnpm@10.30.2",
+  "packageManager": "pnpm@10.30.3",
   "engines": {
     "node": "22.x"
   },
@@ -27,28 +27,27 @@
   },
   "devDependencies": {
     "@figma/code-connect": "^1.4.1",
-    "@storybook/addon-a11y": "^10.2.12",
-    "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-docs": "^10.2.12",
-    "@storybook/addon-links": "^10.2.12",
-    "@storybook/react": "^10.2.12",
-    "@storybook/react-vite": "^10.2.12",
+    "@rsbuild/core": "^1.7.3",
+    "@storybook/addon-a11y": "^10.2.13",
+    "@storybook/addon-docs": "^10.2.13",
+    "@storybook/addon-links": "^10.2.13",
+    "@storybook/react": "^10.2.13",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.3.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^10.0.2",
     "eslint-config-kubit": "2.0.2",
-    "eslint-plugin-storybook": "10.2.12",
+    "eslint-plugin-storybook": "10.2.13",
     "html-validate": "^10.9.0",
     "prettier": "^3.8.1",
     "prismjs": "^1.30.0",
-    "storybook": "^10.2.12",
+    "storybook": "^10.2.13",
     "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.2.12",
+    "storybook-addon-pseudo-states": "^10.2.13",
+    "storybook-addon-rslib": "^3.3.0",
+    "storybook-react-rsbuild": "^3.3.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vite": "8.0.0-beta.10"
+    "typescript-eslint": "^8.56.1"
   }
 }

packages/storybook/package.json

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { KUBIT_VARIANTS } from '@kubit-ui-web/design-system';
 import {

packages/storybook/stories/components/accordion/__stories__/accordion.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { KUBIT_VARIANTS } from '@kubit-ui-web/design-system';
 import { Alert as Story } from '@kubit-ui-web/react-components';

packages/storybook/stories/components/alert/__stories__/alert.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { KUBIT_VARIANTS } from '@kubit-ui-web/design-system';
 import { Avatar as AvatarStory } from '@kubit-ui-web/react-components';

packages/storybook/stories/components/avatar/__stories__/avatar.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { KUBIT_VARIANTS } from '@kubit-ui-web/design-system';
 import { Badge as BadgeStory } from '@kubit-ui-web/react-components';

packages/storybook/stories/components/badge/__stories__/badge.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { KUBIT_VARIANTS } from '@kubit-ui-web/design-system';
 import { BreadCrumbs as BreadCrumbsStory } from '@kubit-ui-web/react-components';