fix: update docs for types from rn package and adjust versions

Author: dannyhw

MANUAL_SETUP.md

@@ -70,7 +70,7 @@ export default main;
 ### .rnstorybook/preview.tsx
 
 ```ts
-import type { Preview } from '@storybook/react';
+import type { Preview } from '@storybook/react-native';
 
 const preview: Preview = {
   parameters: {},
@@ -153,7 +153,7 @@ In the `main.ts` we created the path was set as `../components/\*_/_.stories.?(t
 Create a file called `Button.stories.tsx` in the components folder.
 
 ```tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 import { Button } from 'react-native';
 
 const meta = {

README.md

@@ -194,7 +194,7 @@ https://www.youtube.com/watch?v=egBqrYg0AIg
 In storybook we use a syntax called CSF that looks like this:
 
 ```tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 import { MyButton } from './Button';
 
 const meta = {
@@ -263,7 +263,7 @@ For global decorators and parameters, you can add them to `preview.tsx` inside y
 
 ```tsx
 // .rnstorybook/preview.tsx
-import type { Preview } from '@storybook/react';
+import type { Preview } from '@storybook/react-native';
 import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
 
 const preview: Preview = {

docs/docs/intro/addons/controls.md

@@ -291,7 +291,7 @@ export default {
 ### Complete Story with Multiple Control Types
 
 ```typescript
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 import { MyComponent } from './MyComponent';
 
 const meta = {

docs/docs/intro/configuration/cli-configuration.md

@@ -120,7 +120,7 @@ export default main;
 Global decorators and parameters:
 
 ```typescript
-import { Preview } from '@storybook/react';
+import { Preview } from '@storybook/react-native';
 
 const preview: Preview = {
   decorators: [

docs/docs/intro/configuration/index.md

@@ -59,7 +59,7 @@ export default main;
 The `preview.tsx` file configures the story rendering environment and global parameters.
 
 ```typescript
-import { Preview } from '@storybook/react';
+import { Preview } from '@storybook/react-native';
 import { View } from 'react-native';
 import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
 

docs/docs/intro/development-workflows.md

@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
 
 ```typescript
 // components/TextInput/TextInput.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 import { TextInput } from './TextInput';
 
 const meta = {

docs/docs/intro/getting-started/manual-setup.md

@@ -51,7 +51,7 @@ export default main;
 In `preview.tsx`, set up any decorators or parameters:
 
 ```tsx
-import type { Preview } from '@storybook/react';
+import type { Preview } from '@storybook/react-native';
 
 const preview: Preview = {
   parameters: {},

docs/docs/intro/writing-stories.md

@@ -31,7 +31,7 @@ The default export metadata controls how Storybook lists your stories and provid
 
 ```tsx
 // Button.stories.tsx
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-native';
 
 import { Button } from './Button';
 
@@ -47,7 +47,7 @@ export default meta;
 Use the named exports of a CSF file to define your component’s stories. We recommend you use UpperCamelCase for your story exports. Here’s how to render Button in the “primary” state and export a story called Primary.
 
 ```tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 
 import { Button } from './Button';
 
@@ -72,7 +72,7 @@ A story is an object that describes how to render a component. You can have mult
 
 ```tsx
 // Button.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 
 import { Button } from './Button';
 
@@ -141,7 +141,7 @@ A simple example is adding padding to a component’s stories. Accomplish this u
 
 ```tsx
 // Button.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 
 import { View } from 'react-native';
 import { Button } from './Button';

examples/expo-example/package.json

@@ -35,11 +35,11 @@
     "@storybook/addon-ondevice-notes": "^10.0.0-rc.2",
     "@storybook/addon-react-native-server": "^1.0.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "10.0.0",
+    "@storybook/react": "^10.0.0",
     "@storybook/react-native": "^10.0.0-rc.2",
     "@storybook/react-native-theming": "^10.0.0-rc.2",
     "@storybook/react-native-ui-lite": "^10.0.0-rc.2",
-    "@storybook/react-native-web-vite": "10.0.0",
+    "@storybook/react-native-web-vite": "^10.0.0",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
     "expo": "^54.0.13",
     "expo-updates": "~29.0.12",
@@ -53,7 +53,7 @@
     "react-native-svg": "15.12.1",
     "react-native-web": "^0.21.0",
     "react-native-worklets": "^0.5.1",
-    "storybook": "10.0.0",
+    "storybook": "^10.0.0",
     "storybook-addon-deep-controls": "^0.9.5",
     "ws": "^8.18.0"
   },

packages/ondevice-actions/package.json

@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "storybook": ">=10 || 10.0.0-rc.1 || ^10"
+    "storybook": ">=10 || ^10"
   },
   "publishConfig": {
     "access": "public"